{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/4uFi0eQcCd35PpjiP8FM/Embed.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles}from\"https://framer.com/m/framer/default-utils.js\";/**\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Embed({type,url,html}){if(type===\"url\"&&url){return(/*#__PURE__*/ _jsx(EmbedURL,{url:url}));}if(type===\"html\"&&html){return(/*#__PURE__*/ _jsx(EmbedHTML,{html:html}));}return(/*#__PURE__*/ _jsx(Instructions,{}));};addPropertyControls(Embed,{type:{type:ControlType.Enum,defaultValue:\"url\",displaySegmentedControl:true,options:[\"url\",\"html\"],optionTitles:[\"URL\",\"HTML\"]},url:{title:\"URL\",type:ControlType.String,description:\"Some websites don\u2019t support embedding.\",hidden(props){return props.type!==\"url\";}},html:{title:\"HTML\",displayTextArea:true,type:ControlType.String,hidden(props){return props.type!==\"html\";}}});function Instructions(){return(/*#__PURE__*/ _jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"To embed a website or widget, add it to the properties\\xa0panel.\"})}));}function EmbedURL({url}){// Add https:// if the URL does not have a protocol\nif(!/[a-z]+:\\/\\//.test(url)){url=\"https://\"+url;}const onCanvas=useIsOnCanvas();// We need to check if the url is blocked inside an iframe by the X-Frame-Options\n// or Content-Security-Policy headers on the backend:\nconst[state,setState]=useState(onCanvas?undefined:false);useEffect(()=>{// We only want to check on the canvas.\n// On the website we want to avoid the additional delay.\nif(!onCanvas)return;// TODO: We could also use AbortController here.\nlet isLastEffect=true;setState(undefined);async function load(){const response=await fetch(\"https://api.framer.com/functions/check-iframe-url?url=\"+encodeURIComponent(url));if(response.status==200){const{isBlocked}=await response.json();if(isLastEffect){setState(isBlocked);}}else{const message=await response.text();console.error(message);const error=new Error(\"This site can\u2019t be reached.\");setState(error);}}load().catch(error=>{console.error(error);setState(error);});return()=>{isLastEffect=false;};},[url]);if(!url.startsWith(\"https://\")){return(/*#__PURE__*/ _jsx(ErrorMessage,{message:\"Unsupported protocol.\"}));}if(state===undefined){return(/*#__PURE__*/ _jsx(LoadingIndicator,{}));}if(state instanceof Error){return(/*#__PURE__*/ _jsx(ErrorMessage,{message:state.message}));}if(state===true){const message=`Can't embed ${url} due to its content security policy.`;return(/*#__PURE__*/ _jsx(ErrorMessage,{message:message}));}return(/*#__PURE__*/ _jsx(\"iframe\",{src:url,style:iframeStyle,loading:\"lazy\",// @ts-ignore\nfetchPriority:onCanvas?\"low\":\"auto\",referrerPolicy:\"no-referrer\",sandbox:getSandbox(onCanvas)}));}const iframeStyle={width:\"100%\",height:\"100%\",border:\"none\"};function getSandbox(onCanvas){const result=[\"allow-same-origin\",\"allow-scripts\"];if(!onCanvas){result.push(\"allow-downloads\",\"allow-forms\",\"allow-modals\",\"allow-orientation-lock\",\"allow-pointer-lock\",\"allow-popups\",\"allow-popups-to-escape-sandbox\",\"allow-presentation\",\"allow-storage-access-by-user-activation\",\"allow-top-navigation-by-user-activation\");}return result.join(\" \");}function EmbedHTML({html}){const ref=useRef();useEffect(()=>{const div=ref.current;div.innerHTML=html;return()=>{div.innerHTML=\"\";};},[html]);return(/*#__PURE__*/ _jsx(\"div\",{ref:ref,style:htmlStyle}));}const htmlStyle={width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\"};// Generic components\nfunction LoadingIndicator(){return(/*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-componentPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"Loading\u2026\"})}));}function ErrorMessage({message}){return(/*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})}));}const centerTextStyle={textAlign:\"center\",minWidth:140};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Embed\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"600\",\"framerIntrinsicHeight\":\"400\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Embed.map"],
  "mappings": "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",
  "names": ["Embed", "type", "url", "html", "p", "EmbedURL", "EmbedHTML", "Instructions", "addPropertyControls", "ControlType", "props", "emptyStateStyle", "centerTextStyle", "onCanvas", "useIsOnCanvas", "state", "setState", "ye", "ue", "isLastEffect", "load", "response", "isBlocked", "message", "error", "ErrorMessage", "LoadingIndicator", "iframeStyle", "getSandbox", "result", "ref", "pe", "div", "htmlStyle", "containerStyles", "u"]
}