{"version":3,"file":"SequelIntegrationIframe.CPElQEDV.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/NjF84sARqYdH3cDZmG0e/XythCxC8uv1zTVeXGj3U/SequelIntegrationIframe.js"],"sourcesContent":["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{ControlType,addPropertyControls}from\"framer\";import{useEffect,useRef}from\"react\";/**\n * These annotations control how your component sizes\n *\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function SequelIntegrationIframe(props){const{style,eventId}=props;// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nconst containerRef=useRef(null);const hasInsertedRef=useRef(false)// track iframe injection\n;useEffect(()=>{console.log(!containerRef.current,hasInsertedRef.current,!window,\"Integrated\");if(!containerRef.current||hasInsertedRef.current||!window)return;const u=new URLSearchParams(window.location.search);const i=document.createElement(\"iframe\");i.className=\"sequel-iframe\";i.title=\"Sequel event\";i.src=`https://embed.sequel.io/event/${eventId}${u.toString()?\"?\"+u.toString():\"\"}`;i.frameBorder=\"0\";i.allow=\"camera *; microphone *; autoplay; display-capture *; picture-in-picture\";i.allowFullscreen=true;const isMobile=window.innerWidth<768;i.style.cssText=`\n      width: 100%;\n      height: ${isMobile?\"90vh\":\"80vh\"};\n      border-radius: 12px;\n      border: 1px solid #DBDFEC;\n      box-shadow: 3px 3px 10px 0 rgba(20, 20, 43, 0.04);\n    `;containerRef.current.appendChild(i);hasInsertedRef.current=true;},[eventId]);return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"90vw\",paddingTop:\"48px\"}});}// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\naddPropertyControls(SequelIntegrationIframe,{eventId:{title:\"Event ID\",type:ControlType.String,defaultValue:\"aceb3181-2904-47a1-abca-bbce13353e82\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SequelIntegrationIframe\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SequelIntegrationIframe.map"],"mappings":"kTASG,SAAwB,EAAwB,EAAM,CAAC,GAAK,CAAC,QAAM,UAAQ,CAAC,EAGzE,EAAaA,EAAO,MAAY,EAAeA,EAAO,IAOuB,OANlF,MAAc,CAAgF,GAA/E,QAAQ,IAAI,CAAC,EAAa,QAAQ,EAAe,QAAQ,CAAC,EAAO,cAAiB,CAAC,EAAa,SAAS,EAAe,SAAS,CAAC,EAAO,OAAO,IAAM,EAAE,IAAI,gBAAgB,EAAO,SAAS,QAAc,EAAE,SAAS,cAAc,UAAU,EAAE,UAAU,gBAAgB,EAAE,MAAM,eAAe,EAAE,IAAI,iCAAiC,IAAU,EAAE,WAAW,IAAI,EAAE,WAAW,KAAK,EAAE,YAAY,IAAI,EAAE,MAAM,0EAA0E,EAAE,gBAAgB,GAAK,IAAM,EAAS,EAAO,WAAW,IAAI,EAAE,MAAM,QAAQ;;gBAEpiB,EAAS,OAAO,OAAO;;;;MAIjC,EAAa,QAAQ,YAAY,GAAG,EAAe,QAAQ,EAAM,EAAC,CAAC,EAAQ,EAAsB,EAAK,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,MAAM,OAAO,WAAW,OAAO,CAAC,CAAG,+BAE9K,EAAoB,EAAwB,CAAC,QAAQ,CAAC,MAAM,WAAW,KAAK,EAAY,OAAO,aAAa,uCAAuC,CAAC"}