{"version":3,"file":"Embed.BXBWuA_G.mjs","names":["useState","useRef","__esmMin","init_ssg_sandbox_shims","init_npm_react_18_3_1","window","de","init_jsx_runtime","c","ce","_e","addPropertyControls","init_framer_B1b760uK","ControlType","emptyStateStyle","useIsOnCanvas","containerStyles","init_OIjZRBmWDcIE2B6qgG1j","init_default_utils","Embed","type","url","EmbedUrl","html","EmbedHtml","Instructions","getMinHeight","style","centerTextStyle","hasAutoHeight","onCanvas","state","setState","isLastEffect","load","response","isBlocked","message","error","ErrorMessage","LoadingIndicator","iframeStyle","border","radius","getSandbox","result","props","hasSplineViewer","hasComment","EmbedHtmlWithScripts","EmbedHtmlInsideIframe","EmbedHtmlWithoutScripts","ref","iframeHeight","setIframeHeight","iframeWindow","handleMessage","event","data","height","srcDoc","currentStyle","div","executeScripts","htmlStyle","node","script","name","value","child","init_Embed"],"sources":["https:/framer.com/m/framer/default-utils.js","https:/framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/cAPMVEI6osbJ1UvICgTq/Embed.js"],"sourcesContent":["/*\n * index (framer/default-utils@0.45.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\"\n","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,zoom,radius,border,style={}}){if(type===\"url\"&&url){return /*#__PURE__*/_jsx(EmbedUrl,{url:url,zoom:zoom,radius:radius,border:border,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’t support embedding.\",hidden(props){return props.type!==\"url\";}},html:{title:\"HTML\",type:ControlType.String,displayTextArea:true,hidden(props){return props.type!==\"html\";}},border:{title:\"Border\",type:ControlType.Border,optional:true,hidden(props){return props.type!==\"url\";}},radius:{type:ControlType.BorderRadius,title:\"Radius\",hidden(props){return props.type!==\"url\";}},zoom:{title:\"Zoom\",defaultValue:1,type:ControlType.Number,hidden(props){return props.type!==\"url\";},min:.1,max:1,step:.1,displayStepper:true}});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,zoom,radius,border,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’t 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’t 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,...border,zoom:zoom,borderRadius:radius,transformOrigin:\"top center\"},loading:\"lazy\",// @ts-ignore\nfetchPriority:onCanvas?\"low\":\"auto\",referrerPolicy:\"no-referrer\",sandbox:getSandbox(onCanvas),allowFullScreen:true,allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; clipboard-write\"});}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,...props}){const hasScript=html.includes(\"</script>\");if(hasScript){const hasSplineViewer=html.includes(\"</spline-viewer>\");const hasComment=html.includes(\"<!-- framer-direct-embed -->\");if(hasSplineViewer||hasComment){return /*#__PURE__*/_jsx(EmbedHtmlWithScripts,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlInsideIframe,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlWithoutScripts,{html:html,...props});}function EmbedHtmlInsideIframe({html,style}){const ref=useRef();const[iframeHeight,setIframeHeight]=useState(0);// Handle auto sizing\nuseEffect(()=>{const iframeWindow=ref.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?.postMessage(\"getEmbedHeight\",\"*\");return()=>{window.removeEventListener(\"message\",handleMessage);};},[]);// The CSS is mainly copied from:\n// FramerStudio/src/app/vekter/src/renderer/setDefaultFont.ts\n// FramerStudio/src/app/vekter/src/export/globalStylesForExport.ts\nconst srcDoc=`\n<html>\n    <head>\n        <style>\n            html, body {\n                margin: 0;\n                padding: 0;\n            }\n\n            body {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            :root {\n                -webkit-font-smoothing: antialiased;\n                -moz-osx-font-smoothing: grayscale;\n            }\n\n            * {\n                box-sizing: border-box;\n                -webkit-font-smoothing: inherit;\n            }\n\n            h1, h2, h3, h4, h5, h6, p, figure {\n                margin: 0;\n            }\n\n            body, input, textarea, select, button {\n                font-size: 12px;\n                font-family: sans-serif;\n            }\n        </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>\n`;const currentStyle={...iframeStyle,...style};const hasAutoHeight=!style.height;if(hasAutoHeight){currentStyle.height=iframeHeight+\"px\";}return /*#__PURE__*/_jsx(\"iframe\",{ref:ref,style:currentStyle,srcDoc:srcDoc});}function EmbedHtmlWithScripts({html,style}){const ref=useRef();useEffect(()=>{const div=ref.current;if(!div)return;div.innerHTML=html;executeScripts(div);return()=>{div.innerHTML=\"\";};},[html]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{...htmlStyle,...style}});}function EmbedHtmlWithoutScripts({html,style}){return /*#__PURE__*/_jsx(\"div\",{style:{...htmlStyle,...style},dangerouslySetInnerHTML:{__html:html}});}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…\"})});}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\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"600\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Embed.map"],"mappings":"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"}