{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/11s9YFAv2sX8gzsFhiCz/Embed.js"],
  "sourcesContent": ["import{jsx as _jsx}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 any-prefer-fixed\n *\n * @framerDisableUnlink\n */export default function Embed({type,url,html,style={}}){if(type===\"url\"&&url){return /*#__PURE__*/_jsx(EmbedURL,{url:url,style:style});}if(type===\"html\"&&html){return /*#__PURE__*/_jsx(EmbedHTML,{html:html,style:style});}return /*#__PURE__*/_jsx(Instructions,{style:style});}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\",type:ControlType.String,displayTextArea:true,hidden(props){return props.type!==\"html\";}}});function Instructions({style}){return /*#__PURE__*/_jsx(\"div\",{style:{minHeight:getMinHeight(style),...emptyStateStyle,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"To embed a website or widget, add it to the properties\\xa0panel.\"})});}function EmbedURL({url,style}){const hasAutoHeight=!style.height;// 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(onCanvas&&hasAutoHeight){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"URL embeds do not support auto height.\",style:style});}if(!url.startsWith(\"https://\")){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"Unsupported protocol.\",style:style});}if(state===undefined){return /*#__PURE__*/_jsx(LoadingIndicator,{});}if(state instanceof Error){return /*#__PURE__*/_jsx(ErrorMessage,{message:state.message,style:style});}if(state===true){const message=`Can\u2019t embed ${url} due to its content security policy.`;return /*#__PURE__*/_jsx(ErrorMessage,{message:message,style:style});}return /*#__PURE__*/_jsx(\"iframe\",{src:url,style:{...iframeStyle,...style},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,style}){const iframeRef=useRef();const divRef=useRef();const onCanvas=useIsOnCanvas();const[iframeHeight,setIframeHeight]=useState(0);const hasAutoHeight=!style.height;const hasScript=html.includes(\"</script>\");const hasSplineViewer=html.includes(\"</spline-viewer>\");const useSrcDocIframe=hasScript&&!hasSplineViewer;// Handle auto sizing\nuseEffect(()=>{var _iframeRef_current;const iframeWindow=(_iframeRef_current=iframeRef.current)===null||_iframeRef_current===void 0?void 0:_iframeRef_current.contentWindow;function handleMessage(event){if(event.source!==iframeWindow)return;const data=event.data;if(typeof data!==\"object\"||data===null)return;const height=data.embedHeight;if(typeof height!==\"number\")return;setIframeHeight(height);}window.addEventListener(\"message\",handleMessage);// After SSG the iframe loads before we attach the event handler,\n// therefore we need to request the latest height from the iframe.\niframeWindow===null||iframeWindow===void 0?void 0:iframeWindow.postMessage(\"getEmbedHeight\",\"*\");return()=>{window.removeEventListener(\"message\",handleMessage);};},[]);// Handle script execution\nuseEffect(()=>{if(!hasScript||useSrcDocIframe)return;const div=divRef.current;if(!div)return;div.innerHTML=html;executeScripts(div);return()=>{div.innerHTML=\"\";};},[html,hasScript,useSrcDocIframe]);if(useSrcDocIframe){const srcDoc=`<html>\n    <head>\n        <style>body { margin: 0; }</style>\n    </head>\n    <body>\n        ${html}\n        <script type=\"module\">\n            let height = 0\n\n            function sendEmbedHeight() {\n                window.parent.postMessage({\n                    embedHeight: height\n                }, \"*\")\n            }\n\n            const observer = new ResizeObserver((entries) => {\n                if (entries.length !== 1) return\n                const entry = entries[0]\n                if (entry.target !== document.body) return\n\n                height = entry.contentRect.height\n                sendEmbedHeight()\n            })\n\n            observer.observe(document.body)\n\n            window.addEventListener(\"message\", (event) => {\n                if (event.source !== window.parent) return\n                if (event.data !== \"getEmbedHeight\") return\n                sendEmbedHeight()\n            })\n        </script>\n    <body>\n</html>`;const currentStyle={...iframeStyle,...style};if(hasAutoHeight){currentStyle.height=iframeHeight+\"px\";}return /*#__PURE__*/_jsx(\"iframe\",{ref:iframeRef,style:currentStyle,srcDoc:srcDoc});}// else\nreturn /*#__PURE__*/_jsx(\"div\",{ref:divRef,style:{...htmlStyle,...style},dangerouslySetInnerHTML:!hasScript?{__html:html}:undefined});}const htmlStyle={width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\"};// This function replaces scripts with executable ones.\n// https://stackoverflow.com/questions/1197575/can-scripts-be-inserted-with-innerhtml\nfunction executeScripts(node){if(node instanceof Element&&node.tagName===\"SCRIPT\"){const script=document.createElement(\"script\");script.text=node.innerHTML;for(const{name,value}of node.attributes){script.setAttribute(name,value);}node.parentElement.replaceChild(script,node);}else{for(const child of node.childNodes){executeScripts(child);}}}// 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,style}){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{minHeight:getMinHeight(style),...containerStyles,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:message})});}const centerTextStyle={textAlign:\"center\",minWidth:140};// Returns a min-height if the component is using auto-height.\nfunction getMinHeight(style){const hasAutoHeight=!style.height;if(hasAutoHeight)return 200;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Embed\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerIntrinsicWidth\":\"600\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Embed.map"],
  "mappings": "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",
  "names": ["Embed", "type", "url", "html", "style", "p", "EmbedURL", "EmbedHTML", "Instructions", "addPropertyControls", "ControlType", "props", "getMinHeight", "emptyStateStyle", "centerTextStyle", "hasAutoHeight", "onCanvas", "useIsOnCanvas", "state", "setState", "ye", "ue", "isLastEffect", "load", "response", "isBlocked", "message", "error", "ErrorMessage", "LoadingIndicator", "iframeStyle", "getSandbox", "result", "iframeRef", "pe", "divRef", "iframeHeight", "setIframeHeight", "hasScript", "hasSplineViewer", "useSrcDocIframe", "_iframeRef_current", "iframeWindow", "handleMessage", "event", "data", "height", "window", "div", "executeScripts", "srcDoc", "currentStyle", "htmlStyle", "node", "script", "name", "value", "child", "containerStyles"]
}