{"version":3,"file":"Popup.CKdi_O2M.mjs","names":["React.useMemo","React.useCallback","React.useState"],"sources":["https:/framerusercontent.com/modules/PEN7anAaqXCEDcRaCwY1/KhQQuFCJt3y0MMG6Dgt2/Popup.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const SHOPIFY_APP_URL=\"https://apps.shopify.com/blog-builder-ai-agent\";export default function PopupBanner(props){const{scrollThreshold,ctaUrl,ctaLabel,accentColor,previewImage,shopifyLogo,avatar1,avatar2,avatar3,headingMain,headingAccent,subheading,socialProofText}=props;const avatars=[avatar1,avatar2,avatar3].filter(Boolean);const shopifyImg=shopifyLogo||null;const accent=accentColor||\"#ff6ebe\";const normalizedCtaUrl=React.useMemo(()=>{const fallback=SHOPIFY_APP_URL;const raw=typeof ctaUrl===\"string\"?ctaUrl.trim():\"\";if(!raw)return fallback;if(/vevy\\.ai/i.test(raw))return fallback;try{const parsed=new URL(raw);const protocol=parsed.protocol.toLowerCase();const host=parsed.hostname.toLowerCase();if(![\"http:\",\"https:\"].includes(protocol))return fallback;if(host.includes(\"vevy.ai\"))return fallback;return parsed.toString();}catch{return fallback;}},[ctaUrl]);const handleCtaClick=React.useCallback(()=>{if(typeof window!==\"undefined\"){const openedWindow=window.open(normalizedCtaUrl,\"_blank\",\"noopener,noreferrer\");if(openedWindow)openedWindow.opener=null;}},[normalizedCtaUrl]);const[visible,setVisible]=React.useState(false);const[dismissed,setDismissed]=React.useState(false);const[mounted,setMounted]=React.useState(false);const[imgLoaded,setImgLoaded]=React.useState(false);const[isMobile,setIsMobile]=React.useState(false);React.useEffect(()=>{const check=()=>setIsMobile(window.innerWidth<600);check();window.addEventListener(\"resize\",check);return()=>window.removeEventListener(\"resize\",check);},[]);// Preload preview image in background before popup opens\nReact.useEffect(()=>{if(!previewImage)return;setImgLoaded(false);const img=new Image;img.onload=()=>setImgLoaded(true);img.src=previewImage;},[previewImage]);React.useEffect(()=>{if(dismissed)return;const onScroll=()=>{const docHeight=document.body.scrollHeight-window.innerHeight;if(docHeight<=0)return;const scrolled=window.scrollY/docHeight*100;if(scrolled>=scrollThreshold){setMounted(true);setTimeout(()=>setVisible(true),16);}};window.addEventListener(\"scroll\",onScroll,{passive:true});return()=>window.removeEventListener(\"scroll\",onScroll);},[dismissed,scrollThreshold]);const dismiss=()=>{setVisible(false);setTimeout(()=>{setDismissed(true);setMounted(false);},350);};// Always renders a 0×0 wrapper — Framer never reserves layout space\nreturn /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:0,height:0,overflow:\"visible\",pointerEvents:\"none\"},children:mounted&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"fixed\",bottom:isMobile?0:32,left:isMobile?0:32,right:isMobile?0:\"auto\",zIndex:9999,width:isMobile?\"100%\":360,display:\"flex\",justifyContent:isMobile?\"center\":\"flex-start\",pointerEvents:visible?\"auto\":\"none\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",background:\"#ffffff\",borderRadius:isMobile?\"16px 16px 0 0\":16,overflow:\"hidden\",width:\"100%\",maxWidth:360,transform:visible?\"translateY(0)\":\"translateY(calc(100% + 32px))\",opacity:visible?1:0,transition:\"transform 0.35s cubic-bezier(0.32,0.72,0,1), opacity 0.35s ease\",boxShadow:\"0px 8px 32px rgba(0,0,0,0.14), 0px 2px 8px rgba(0,0,0,0.08)\"},children:[/*#__PURE__*/_jsx(\"button\",{onClick:dismiss,style:{position:\"absolute\",top:12,right:12,zIndex:10,background:\"#161615\",border:\"none\",borderRadius:\"50%\",width:28,height:28,cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontSize:13,color:\"#ffffff\",lineHeight:1,padding:0},children:\"✕\"}),previewImage?/*#__PURE__*/_jsx(\"div\",{style:{flexShrink:0,height:isMobile?320:320,overflow:\"hidden\",background:imgLoaded?\"transparent\":\"#f0eeec\",transition:\"background 0.2s ease\"},children:/*#__PURE__*/_jsx(\"img\",{src:previewImage,alt:\"\",onLoad:()=>setImgLoaded(true),style:{width:\"100%\",height:\"100%\",display:\"block\",objectFit:\"cover\",objectPosition:\"top center\",opacity:imgLoaded?1:0,transition:\"opacity 0.3s ease\"}})}):null,/*#__PURE__*/_jsxs(\"div\",{style:{padding:isMobile?\"12px 14px 16px\":\"18px 16px 20px\",display:\"flex\",flexDirection:\"column\",gap:isMobile?10:16},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:isMobile?5:8,alignItems:\"center\",textAlign:\"center\"},children:[/*#__PURE__*/_jsxs(\"p\",{style:{fontFamily:\"Manrope, sans-serif\",fontWeight:800,padding:\"0px 8px\",fontSize:isMobile?28:30,lineHeight:1.2,letterSpacing:\"-0.4px\",color:\"#161615\",margin:0},children:[headingMain||\"Shoppable blog posts \",/*#__PURE__*/_jsx(\"span\",{style:{color:accent},children:headingAccent||\"in minutes\"})]}),/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:\"Inter, sans-serif\",fontWeight:300,fontSize:isMobile?14:15,lineHeight:1.45,color:\"#302f2f\",margin:0},children:subheading||\"SEO-first blog posts with products built in — written for Google, designed to sell.\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:isMobile?12:12},children:[/*#__PURE__*/_jsx(\"button\",{onClick:handleCtaClick,style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",background:accent,borderRadius:4,padding:isMobile?\"13px 20px\":\"16px 20px\",border:\"none\",cursor:\"pointer\",width:\"100%\"},children:/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Inter, sans-serif\",fontWeight:500,fontSize:isMobile?14:16,color:\"#fff\",lineHeight:1},children:ctaLabel})}),shopifyImg?/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:6},children:[/*#__PURE__*/_jsx(\"img\",{src:shopifyImg,alt:\"Shopify\",style:{width:isMobile?16:20,height:isMobile?18:22,display:\"block\"}}),/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Inter, sans-serif\",fontWeight:600,fontSize:isMobile?11:13,color:\"#161615\"},children:\"Built for Shopify\"})]}):null,avatars.length>0?/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:2,paddingTop:isMobile?8:12,borderTop:\"1px solid rgba(0,0,0,0.06)\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:16+avatars.length*16,height:24,flexShrink:0},children:avatars.map((src,i)=>/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:i*16,top:0,width:24,height:24,borderRadius:\"50%\",border:\"2px solid #fff\",overflow:\"hidden\",zIndex:avatars.length-i},children:/*#__PURE__*/_jsx(\"img\",{src:src,alt:\"\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"}})},i))}),/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:\"Inter, sans-serif\",fontWeight:500,fontSize:isMobile?12:12,lineHeight:1.3,color:\"#302f2f\",margin:0},children:socialProofText||\"200+ stores growing with Vevy\"})]}):null]})]})]})})});}addPropertyControls(PopupBanner,{// ── Visuals ──────────────────────────────────────────\npreviewImage:{type:ControlType.Image,title:\"Preview Image\"},shopifyLogo:{type:ControlType.Image,title:\"Shopify Logo\"},avatar1:{type:ControlType.Image,title:\"Avatar 1\"},avatar2:{type:ControlType.Image,title:\"Avatar 2\"},avatar3:{type:ControlType.Image,title:\"Avatar 3\"},accentColor:{type:ControlType.Color,title:\"Accent Color\",defaultValue:\"#ff6ebe\"},// ── Copy ─────────────────────────────────────────────\nheadingMain:{type:ControlType.String,title:\"Heading\",defaultValue:\"Shoppable blog posts \",displayTextArea:false},headingAccent:{type:ControlType.String,title:\"Heading Accent\",defaultValue:\"in minutes\",displayTextArea:false},subheading:{type:ControlType.String,title:\"Subheading\",defaultValue:\"SEO-first blog posts with products built in — written for Google, designed to sell.\",displayTextArea:true},socialProofText:{type:ControlType.String,title:\"Social Proof\",defaultValue:\"200+ stores growing with Vevy\",displayTextArea:false},ctaLabel:{type:ControlType.String,title:\"CTA Label\",defaultValue:\"Use for free\"},ctaUrl:{type:ControlType.String,title:\"CTA URL\",defaultValue:\"https://apps.shopify.com/blog-builder-ai-agent\"},// ── Behaviour ────────────────────────────────────────\nscrollThreshold:{type:ControlType.Number,title:\"Scroll % Trigger\",defaultValue:40,min:5,max:90,step:5,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PopupBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Popup.map"],"mappings":"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"}