{"version":3,"file":"RemoteModal.CC4qBEES.mjs","names":["useState","useMemo","useMemo","useCallback"],"sources":["https:/framerusercontent.com/modules/9tnQWHzXZo1XHNXmY0EL/84HjgdaZ4ubtoShEVdbj/ResizableIframe.js","https:/framerusercontent.com/modules/iCgn8TUjwfKl7A2P0wDu/F4uwEgS9RePEVwBPKHXu/RemoteModal.js"],"sourcesContent":["// Get Started: https://www.framer.com/developers\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useMemo,useEffect}from\"react\";import{transformUrl}from\"https://framerusercontent.com/modules/6EVT1gOc4ZsMFeCgxift/pN2GtuvMTPJozc0EYbcr/Environment.js\";export const BROADCAST_EVENT_NAME=\"pod-iframe-resize\";export const FALLBACK_HEIGHT=160;/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ResizableIframe(props){const{src,route}=props;const[height,setHeight]=useState(null);const[width,setWidth]=useState(0);const loading=useMemo(()=>{return!height;},[height]);const transformedSrc=useMemo(()=>{return transformUrl(src);},[src]);const styles=useMemo(()=>({container:{position:\"relative\"},overlay:{display:loading?\"flex\":\"none\",background:\"white\",position:\"absolute\",inset:0,alignItems:\"center\",justifyContent:\"center\"},iframe:{display:\"block\",width:\"100%\",border:\"none\",height:height||FALLBACK_HEIGHT},loading:{width:24,height:24}}),[height,loading]);useEffect(()=>{const handler=e=>{const{type,width,height}=e.data;if(type!==BROADCAST_EVENT_NAME||e.data.route!==route)return;setWidth(width);setHeight(height);};window.addEventListener(\"message\",handler);return()=>window.removeEventListener(\"message\",handler);},[]);return /*#__PURE__*/_jsxs(\"div\",{style:styles.container,children:[/*#__PURE__*/_jsx(\"div\",{style:styles.overlay,children:/*#__PURE__*/_jsx(\"img\",{style:styles.loading,width:\"24\",height:\"24\",src:\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjOUIwQjU0IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJSYWRpYWxHcmFkaWVudDg5MzIiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5QjBCNTQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlCMEI1NCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHN0eWxlPkBrZXlmcmFtZXMgc3Bpbjg5MzIgewogIHRvIHsKICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsKICB9Cn0KCiNjaXJjbGU4OTMyIHsKICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlOwogIHN0cm9rZTogdXJsKCNSYWRpYWxHcmFkaWVudDg5MzIpOwogIGZpbGw6IG5vbmU7CiAgYW5pbWF0aW9uOiBzcGluODkzMiAuNXMgaW5maW5pdGUgbGluZWFyOwogIDoKCn08L3N0eWxlPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjgiIGlkPSJjaXJjbGU4OTMyIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=\"})}),/*#__PURE__*/_jsx(\"iframe\",{style:styles.iframe,src:transformedSrc,frameBorder:\"0\",scrolling:\"no\"})]});}addPropertyControls(ResizableIframe,{src:{title:\"URL\",type:ControlType.Link,default:\"{app}/iframes/pod-creative\"},route:{title:\"Key\",type:ControlType.String,default:\"pod-creative\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ResizableIframe\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"FALLBACK_HEIGHT\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BROADCAST_EVENT_NAME\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Get Started: https://www.framer.com/developers\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo,useCallback}from\"react\";import ResizableIframe from\"https://framerusercontent.com/modules/9tnQWHzXZo1XHNXmY0EL/84HjgdaZ4ubtoShEVdbj/ResizableIframe.js\";/**\n * @framerSupportedLayoutWidth fill\n * @framerSupportedLayoutHeight fill\n */export default function RemoteModal(props){const{src,route,width,maxWidth,dismissable,close,iframeScrolling}=props;const styles=useMemo(()=>({wrapper:{display:\"block\",position:\"fixed\",top:0,right:0,bottom:0,left:0,padding:\"80px 12px\",alignItems:\"center\",justifyContent:\"center\",overflowY:\"scroll\"},modal:{position:\"relative\",verticalAlign:\"middle\",margin:\"0 auto\",minHeight:0,background:\"white\",borderRadius:24,width:width,maxWidth:maxWidth,overflow:\"hidden\"},close:{width:24,height:24,borderRadius:24,fontSize:0,display:\"block\",position:\"absolute\",top:12,right:12,backgroundColor:\"#00000022\",backgroundImage:'url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABGklEQVRYCe2WzQ3CMAyFk3YSrr0WcaXsACPwswUwBmIEhqDc4co2NOgJRbIinNgBcSG5NPLPe5+MHGFMOWUC/z6BmhvAZr7ajZu2u95vPVcjiS8X6/OkaUecTsWJPKydDtZtIcDVpOLotWboYnU2lvQCzlT98XSYxWrDnLQ3CgBRqRAF0PQkAbQQGnNoiwCkEFpzFUAKIsdcDcBB5JpnAYQQL5Ghy9mUbAAKgXuuOXrZhwjJXxzxFlAY+psjjtcudwpqAGruX8d3MQocu6sAYkax3FcAJAaSmhBGNAGNsKYWMEkArSBENT1RAI0QjOmR9rLvAP4RfbJe2BCsJjQAQ+HonQVAUe5uewNAVM7ua+cuPla+ZQJlAuEEngQt70La5x1oAAAAAElFTkSuQmCC\")',backgroundSize:\"16px 16px\",backgroundPosition:\"center\",backgroundRepeat:\"no-repeat\",cursor:\"pointer\",zIndex:1}}),[maxWidth,width]);const dismiss=useCallback(()=>{if(dismissable)close();},[dismissable]);return /*#__PURE__*/_jsxs(\"div\",{style:styles.wrapper,onClick:dismiss,children:[/*#__PURE__*/_jsx(\"style\",{children:\"body.pf-no-scroll { overflow: hidden; }\"}),/*#__PURE__*/_jsxs(\"div\",{style:styles.modal,onClick:e=>e.stopPropagation(),children:[/*#__PURE__*/_jsx(\"span\",{style:styles.close,onClick:close,children:\"Close\"}),/*#__PURE__*/_jsx(ResizableIframe,{src:props.src,route:route})]})]});}addPropertyControls(RemoteModal,{iframeScrolling:{title:\"Inner scroller\",type:ControlType.Boolean,defaultValue:false},dismissable:{title:\"Dismissable\",type:ControlType.Boolean,default:true},src:{title:\"Remote URL\",type:ControlType.Link,defaultValue:\"{app}/iframes/pod-creative\"},route:{title:\"Remote Key\",type:ControlType.String,defaultValue:\"modal\"},maxWidth:{title:\"Max Width\",type:ControlType.String,defaultValue:\"560px\"},width:{title:\"Width\",type:ControlType.String,defaultValue:\"100%\"},close:{title:\"Dismiss\",type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RemoteModal\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fill\",\"framerSupportedLayoutWidth\":\"fill\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}