{"version":3,"file":"RemoteModal.BcbcUSPY.mjs","names":["useState","useMemo","width","height","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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"}