into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description?.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&policy?.link?\" \":null,policy?.link&&/*#__PURE__*/_jsxs(\"span\",{children:[policy?.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy?.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy?.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:settings.hoverOpacity??.6},whileTap:{opacity:settings.tapOpacity??.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent,useGTMDefaultConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/dsQTNWNk09IMnZEHMfzP/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/atthcI0SmGvO4HAxG9e5/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/6ViXEDlSyuNyc0Na4Rzv/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/Nhaar5CYKIbxxEaVvTJs/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js\";// Keep track of open state between page reloads\nlet initiallyOpen=false;/**\n * COOKIE BANNER\n * By Floris Verloop\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n *\n */export default function CookieBanner({gtmId,preview,trigger,banner,button,content,options,style,gtmLoadedExternally,onShown,onConsentChange,onAccept,onDismiss,onReject,onSavePreferences}){const isOnFramerCanvas=useIsOnFramerCanvas();const isPreview=preview&&isOnFramerCanvas;const skipLogic=!preview&&isOnFramerCanvas;const isInEU=isBrowser?inEU():false;const gtmDefaults=useGTMDefaultConsent();const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic,regionFromGTM:gtmDefaults.region});const consent=useConsent({gtmId,defaultConsent:gtmDefaults.available?gtmDefaults.consent:region.defaults,gtmLoadedExternally,defaultsFromGTM:gtmDefaults.available});const[isOpen,setIsOpen]=useState(initiallyOpen);// On page switch, disable all transitions so the banner shows up as fast as possible.\nconst[instantlyShowOnMount,setInstantlyShowOnMount]=useState(initiallyOpen);useEffect(()=>{if(skipLogic)return;// Save open state between page switches\ninitiallyOpen=isOpen;// Disable instantly show on mount after first open\nif(isOpen){setInstantlyShowOnMount(false);}// Track shown event\nif(isOpen&&!isPreview&&onShown){yieldBeforeCb(()=>onShown({isInEU}),{priority:\"user-blocking\"});}},[isOpen,skipLogic]);// Check if user should be prompted\nuseEffect(()=>{if(skipLogic)return;const noConsentGiven=consent.isInitialized&&!consent.isDismissed;const shouldAutoAccept=region.type===\"simple\"&&!consent.isAutoAccepted;if(noConsentGiven){performance.mark(\"framer-cookie-open\");setIsOpen(true);/** Automatically accept all cookies for simple banner. */if(shouldAutoAccept){consent.autoAccept();// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}}if(consent.isDismissed){setIsOpen(false);}},[consent.isInitialized,consent.isDismissed,skipLogic]);useEffect(()=>{if(skipLogic)return;if(onConsentChange){yieldBeforeCb(()=>onConsentChange({isInEU,consent:consent.modes}));}},[consent.modes,skipLogic]);async function handleDismiss(){await interactionResponse();consent.dismiss();setIsOpen(false);// Fire callback\nif(onDismiss){yieldBeforeCb(()=>onDismiss({isInEU}));}}async function handleAcceptAll(){await interactionResponse();consent.acceptAll();setIsOpen(false);// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}async function handleRejectAll(){await interactionResponse();consent.rejectAll();setIsOpen(false);// Fire callback\nif(onReject){yieldBeforeCb(()=>onReject({isInEU}));}}async function handleAcceptCurrent(){await interactionResponse();consent.acceptCurrent();setIsOpen(false);// Fire callbacks\nyieldBeforeCb(()=>{if(onAccept){onAccept({isInEU});}});yieldBeforeCb(()=>{if(onSavePreferences){onSavePreferences({isInEU});}});}if(isPreview){return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:banner.width},children:/*#__PURE__*/_jsx(Banner,{banner:banner,button:button,region:region,options:options,previewOptions:isPreview&&options.preview,consentModes:{...defaultConsent,necessary:true},animateOnMount:false})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Trigger,{style:style,trigger:trigger,onClick:()=>setIsOpen(true)}),!skipLogic&&/*#__PURE__*/_jsx(Overlay,{banner:banner,button:button,region:region,options:options,consentModes:consent.modes,animateOnMount:!instantlyShowOnMount,onAcceptAll:handleAcceptAll,onAcceptCurrent:handleAcceptCurrent,onRejectAll:handleRejectAll,onDismiss:handleDismiss,onToggleConsent:consent.toggleMode,isOpen:isOpen})]});}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/qKhU3oZiLDe4R0LcF3Tp/Icons.js\"));function Overlay(props){const insetValue=props.banner.insetPerSide?`${props.banner.insetTop}px ${props.banner.insetRight}px ${props.banner.insetBottom}px ${props.banner.insetLeft}px`:`${props.banner.inset}px`;const{justifyContent,alignItems}=getFlexboxValues(props.banner.position);const isOpen=props.isOpen;const[shouldRenderPortal,setShouldRenderPortal]=useState(isOpen);// if the portal has previously been rendered, we want to keep rendering the portal, which ensures:\n// - that AnimatePresence works (fade out effect)\n// - we don't cause body style recalc/reflow when the DOM node is removed\nif(!shouldRenderPortal&&isOpen)setShouldRenderPortal(isOpen);if(!shouldRenderPortal)return null;const blocking=props.region.blocking;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen?/*#__PURE__*/_jsxs(motion.div,{style:{// We only need to span to the full viewport width if the overlay is blocking.\n// Otherwise, we optimize for a smaller layer size. see: https://framer-team.slack.com/archives/C05V49Q4NJ2/p1709820207863249\ntop:blocking||alignItems===\"flex-start\"?0:undefined,left:blocking||justifyContent===\"flex-start\"?0:undefined,right:blocking||justifyContent===\"flex-end\"?0:undefined,height:blocking?\"100%\":undefined,width:blocking||justifyContent===\"center\"?\"100%\":undefined,bottom:blocking||alignItems===\"flex-end\"?0:undefined,boxSizing:\"border-box\",position:\"fixed\",touchAction:\"none\",padding:insetValue,zIndex:props.banner.zIndex,display:\"flex\",flexDirection:\"row\",gap:20,justifyContent:\"center\",pointerEvents:blocking?\"all\":\"none\"},children:[blocking&&/*#__PURE__*/_jsx(Backdrop,{color:props.banner.style?.backdrop}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent,alignItems,pointerEvents:\"none\",maxWidth:props.banner.containerWidth>0?props.banner.containerWidth:\"unset\"},children:/*#__PURE__*/_jsx(Banner,{...props})})]}):null})}),document.body);}const Trigger=withCSS(({trigger,style,onClick})=>{const isOnFramerCanvas=useIsOnFramerCanvas();if(trigger.type!==\"none\"){return /*#__PURE__*/_jsx(\"button\",{className:\"__framer-cookie-component-button\",\"aria-label\":\"Cookie Trigger\",style:{width:\"100%\",height:\"100%\",background:\"none\",display:\"flex\",border:\"none\",padding:0,color:trigger.color,fontSize:16,cursor:\"pointer\",...trigger.textFont},onClick:onClick,children:trigger.type===\"icon\"?/*#__PURE__*/_jsx(_Fragment,{children:trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"icon entry point for Site Search\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{children:/*#__PURE__*/_jsx(IconCookie,{width:trigger.iconSize,height:trigger.iconSize,color:trigger.color})})}):/*#__PURE__*/_jsx(\"span\",{style:{whiteSpace:\"nowrap\"},children:trigger.text})});}if(isOnFramerCanvas){return /*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:8,color:\"#09F\",border:\"1px dashed #09F\",background:\"rgba(0, 153, 255, 0.1)\",padding:20,display:\"flex\",flexDirection:\"column\",gap:5,fontFamily:DEFAULT_FONT_FAMILY,textAlign:\"center\",justifyContent:\"center\",width:164,...style},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,fontWeight:600,lineHeight:1,margin:0},children:\"Cookie Banner\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,lineHeight:1.5,margin:0},children:\"Put on a page to add a Cookie Banner.\"})]});}},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-trigger\");function Backdrop({color}){return /*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,width:\"100%\",height:\"100%\",backgroundColor:color,pointerEvents:\"none\"}});}addPropertyControls(CookieBanner,{gtmId:{title:\"GTM ID\",type:ControlType.String,placeholder:\"GTM-AAAAAAA\",description:\"Your GTM container ID.\\n[Learn more](https://www.framer.com/learn/cookie-banner/)\"},preview:{type:ControlType.Boolean,defaultValue:true,description:\"Lets you preview the banner on the Canvas.\"},trigger:{type:ControlType.Object,buttonTitle:\"Icon, Text\",controls:{type:{title:\"Type\",type:ControlType.Enum,options:[\"text\",\"icon\",\"none\"],optionTitles:[\"Text\",\"Icon\",\"None\"],defaultValue:\"text\",displaySegmentedControl:true},iconType:{title:\"Icon\",type:ControlType.Enum,options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,hidden:props=>props.type!==\"icon\"},text:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.type!==\"text\"},textFont:{// @ts-ignore - internal\ntype:ControlType.Font,title:\" \",controls:\"extended\",hidden:props=>props.type!==\"text\"},iconSize:{title:\"Size\",type:ControlType.Number,displayStepper:true,defaultValue:24,hidden:props=>props.type!==\"icon\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#333\",hidden:props=>props.type===\"none\"||props.type===\"icon\"&&props.iconType===\"custom\"},iconImage:{title:\"File\",type:ControlType.ResponsiveImage,allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.iconType===\"default\"}}},banner:{title:\"Banner\",type:ControlType.Object,buttonTitle:\"Font, Styles\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"bottom-right\",\"bottom-center\",\"bottom-left\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Right\",\"Bottom Center\",\"Bottom Left\"],defaultValue:\"bottom-right\"},zIndex:{title:\"Z Index\",type:ControlType.Number,defaultValue:10,displayStepper:true,min:0,max:10},width:{title:\"Width\",type:ControlType.Number,defaultValue:360,min:200,max:1e3,displayStepper:true,step:5},containerWidth:{title:\"Wrapping\",type:ControlType.Number,defaultValue:0,min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:20,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},inset:{title:\"Inset\",type:ControlType.FusedNumber,toggleKey:\"insetPerSide\",toggleTitles:[\"Inset\",\"Inset per side\"],defaultValue:20,valueKeys:[\"insetTop\",\"insetRight\",\"insetBottom\",\"insetLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors, Shadow\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"extended\"},colorTitle:{title:\" \",type:ControlType.Color,defaultValue:\"#000\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"extended\"},colorBody:{title:\" \",type:ControlType.Color,defaultValue:\"#444\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#FFF\"},link:{title:\"Link\",type:ControlType.Color,optional:true,defaultValue:\"#999\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:14},width:{title:\"Width\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:1},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.05)\"}}},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100,defaultValue:4}}},backdrop:{title:\"Backdrop\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\",hidden:(_,props)=>!props.content.euBlocking&&!props.content.worldBlocking}}},animation:{icon:\"effect\",buttonTitle:\"Options\",type:ControlType.Object,controls:{x:{type:ControlType.Number,displayStepper:true,defaultValue:0},y:{type:ControlType.Number,displayStepper:true,defaultValue:10},scale:{type:ControlType.Number,min:0,step:.1,defaultValue:1},transition:{type:ControlType.Transition}}}}},button:{title:\"Buttons\",type:ControlType.Object,buttonTitle:\"Variants, Style\",controls:{primary:{title:\"Primary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#FFF\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},secondary:{title:\"Secondary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EEE\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#444\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},labels:{type:ControlType.Object,controls:{accept:{type:ControlType.String,defaultValue:\"Accept\"},reject:{type:ControlType.String,defaultValue:\"Reject\"},acceptAll:{type:ControlType.String,defaultValue:\"Accept all\"},rejectAll:{type:ControlType.String,defaultValue:\"Reject all\"},customize:{type:ControlType.String,defaultValue:\"Customize\"},save:{type:ControlType.String,defaultValue:\"Save Preferences\"},confirm:{type:ControlType.String,defaultValue:\"Okay\"}}},font:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},tapOpacity:{title:\"Tap Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.4},hoverOpacity:{title:\"Hover Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.6},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],// @ts-ignore - internal\noptionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},fluid:{title:\"Fluid\",type:ControlType.Boolean,defaultValue:true}}},content:{title:\"Regions\",type:ControlType.Object,buttonTitle:\"World, EU\",controls:{isEU:{title:\" \",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"EU\",disabledTitle:\"World\"},euType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"medium\",hidden:props=>!props.isEU},euTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.euType===\"simple\"||!props.isEU},euDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",displayTextArea:true,hidden:props=>!props.isEU},euPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link,defaultValue:\"https://www.framer.com/legal/policy/\"},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>!props.isEU},euDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>!props.isEU},euShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.euType!==\"advanced\"},euBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>!props.isEU},worldType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"simple\",hidden:props=>props.isEU},worldTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.worldType===\"simple\"||props.isEU},worldDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to personalize content, run ads, and analyze traffic.\",displayTextArea:true,hidden:props=>props.isEU},worldPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>props.isEU},worldDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>props.isEU},worldShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.worldType!==\"advanced\"},worldBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>props.isEU}}},options:{type:ControlType.Object,buttonTitle:\"Content, Styles\",hidden:(_,props)=>props.content.euType!==\"advanced\"&&props.content.worldType!==\"advanced\",controls:{preview:{type:ControlType.Boolean,defaultValue:false,description:\"Open when previewing banner on the canvas.\",hidden:(_,props)=>!props.preview},necessary:{title:\"Necessary\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Necessary\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables security and basic functionality.\",displayTextArea:true},optional:{title:\"Optional\",type:ControlType.Boolean,defaultValue:true}}},preferences:{title:\"Preferences\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Preferences\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables personalized content and settings.\",displayTextArea:true,optional:true}}},analytics:{title:\"Analytics\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Analytics\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables tracking of performance.\",displayTextArea:true}}},marketing:{title:\"Marketing\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Marketing\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables ads personalization and tracking.\",displayTextArea:true}}},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"basic\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"basic\"},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},width:{title:\"Width\",type:ControlType.Number,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"}}},toggleColor:{title:\"On\",type:ControlType.Color,defaultValue:\"#000\"},toggleColorInactive:{title:\"Off\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:12,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}}}}}});CookieBanner.displayName=\"Cookie Banner\";\nexport const __FramerMetadata__ = {\"exports\":{\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{ControlType,RenderTarget,withCSS}from\"framer\";import{useState,useEffect,useRef,isValidElement,cloneElement,useTransition}from\"react\";import{motion,AnimatePresence}from\"framer-motion\";import{styleLayer,OPEN_CART_EVENT,DEFAULT_TRANSITION,addPropertyControlsFrameship}from\"https://framerusercontent.com/modules/gd3dcT3w5rYoRy7ZcKte/sH6FZizM8jJ11j2dQOhQ/Shared.js\";import{Icon,iconProp,Button,createButtonPropertyControls,Colors}from\"https://framerusercontent.com/modules/fVHxdMMgjEun6wSmFoH5/UO9Fwa3zz4T8isOKvUfB/SharedStyles.js\";import{createPortal}from\"react-dom\";import{useCartStore}from\"https://framerusercontent.com/modules/ibjYTPLnMMPhPLNCj4uG/FkITfeSZPOAgcIAyLyDi/Cart.js\";export const CLOSE_CART_EVENT=\"frameship-close-cart\";const DEFAULT_ITEM_COUNT_BADGE={whenZero:\"hide\",position:\"topRight\",inset:-6,size:20,color:Colors.Accent.color,fill:{type:\"color\",color:\"#111\",colorA:\"#5E5E5E\",colorB:\"#111\"},radius:\"100px\"};function CartButtonComponent(props){const{overlay,escToClose,button,itemCountBadge}=props;const isCanvas=RenderTarget.current()===RenderTarget.canvas;const[isPending,startTransition]=useTransition();const[open,setOpen]=useState(false);const[portalContainer,setPortalContainer]=useState(null);const[overlayParentClasses,setOverlayParentClasses]=useState([]);const ref=useRef(null);const cartItems=useCartStore(state=>state.items);useEffect(()=>{if(!isCanvas){const getParentClasses=()=>{const classes=[];let currentElement=ref.current;while(currentElement&¤tElement.tagName.toLowerCase()!==\"main\"){if(currentElement.className){classes.push(currentElement.className);}currentElement=currentElement.parentElement;}return classes.reverse();};setOverlayParentClasses(getParentClasses());const openCart=()=>{setOpen(true);};window.addEventListener(OPEN_CART_EVENT,openCart);return()=>{window.removeEventListener(OPEN_CART_EVENT,openCart);};}},[]);useEffect(()=>{if(!isCanvas){const handleEscKey=event=>{if(event.key===\"Escape\"&&open&&escToClose){setOpen(false);}};window.addEventListener(\"keydown\",handleEscKey);return()=>{window.removeEventListener(\"keydown\",handleEscKey);};}},[open,escToClose]);useEffect(()=>{if(!isCanvas){const container=document.createElement(\"div\");container.id=\"frameship-cart-portal\";document.body.appendChild(container);setPortalContainer(container);return()=>{document.body.removeChild(container);};}},[isCanvas]);useEffect(()=>{if(!isCanvas){const handleClose=()=>setOpen(false);window.addEventListener(CLOSE_CART_EVENT,handleClose);return()=>{window.removeEventListener(CLOSE_CART_EVENT,handleClose);};}},[]);let cartElement=styleLayer(props.cartLayer,{width:\"100%\",height:\"100%\"});cartElement=updateExitProp(cartElement);const onClick=()=>startTransition(()=>setOpen(true));let badgeElement=null;if(itemCountBadge){const{whenZero,position,inset,fill}=itemCountBadge;let amount=0;if(Array.isArray(cartItems)){amount=cartItems.reduce((total,item)=>total+(item.quantity||1),0);}if(amount>0||whenZero===\"show\"){let top=undefined;let left=undefined;let bottom=undefined;let right=undefined;let centerX=false;let centerY=false;switch(position){case\"topLeft\":top=inset;left=inset;break;case\"topCenter\":top=inset;left=\"50%\";centerX=true;break;case\"topRight\":top=inset;right=inset;break;case\"bottomLeft\":bottom=inset;left=inset;break;case\"bottomCenter\":bottom=inset;left=\"50%\";centerX=true;break;case\"bottomRight\":bottom=inset;right=inset;break;case\"left\":left=inset;top=\"50%\";centerY=true;break;case\"right\":right=inset;top=\"50%\";centerY=true;break;}let background=\"none\";if(fill){if(fill.type===\"color\"){background=fill.color;}else{background=`linear-gradient(${fill.gradientAngle}deg, ${fill.colorB}, ${fill.colorA})`;}}let paddingH=0;if(typeof document!==\"undefined\"){const zeroWidth=getZeroCharacterWidth(itemCountBadge.font);paddingH=(itemCountBadge.size-zeroWidth)/2;}badgeElement=/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",minWidth:itemCountBadge.size,height:itemCountBadge.size,top,left,bottom,right,transform:`${centerX?\"translateX(-50%)\":\"\"} ${centerY?\"translateY(-50%)\":\"\"}`.trim()||undefined,textAlign:\"center\",color:itemCountBadge.color,boxShadow:itemCountBadge.shadows,borderRadius:itemCountBadge.radius,background,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:`0px ${paddingH}px`,...itemCountBadge.font},children:amount});}}const buttonElement=props.appearance===\"custom\"?/*#__PURE__*/_jsx(\"div\",{style:{cursor:\"pointer\",...props.style},onClick:onClick,children:styleLayer(props.customButton,props.style)}):/*#__PURE__*/_jsxs(Button,{...button,onClick:onClick,style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",...props.style},children:[/*#__PURE__*/_jsx(Icon,{...button.icon,defaultImage:`url('data:image/svg+xml,')`}),badgeElement]});return /*#__PURE__*/_jsxs(\"div\",{ref:ref,style:{position:\"relative\",...props.style},children:[buttonElement,!isCanvas&&portalContainer&&/*#__PURE__*/createPortal(overlayParentClasses.reduce((children,className)=>/*#__PURE__*/_jsx(\"div\",{className:`${className} frameship-contents`,children:children}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",inset:0,zIndex:9999,pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(motion.div,{animate:{opacity:open?1:0},style:{position:\"absolute\",inset:0,backgroundColor:overlay.backgroundColor,backdropFilter:overlay.blur?`blur(${overlay.blur}px)`:undefined},initial:false,transition:props.transition}),/*#__PURE__*/_jsx(AnimatePresence,{children:open&&/*#__PURE__*/_jsx(motion.div,{initial:{pointerEvents:\"auto\"},animate:{pointerEvents:\"auto\"},exit:{pointerEvents:\"none\"},style:{position:\"absolute\",inset:0,display:\"flex\",flexDirection:\"row\",justifyContent:\"end\"},children:cartElement})})]})),portalContainer)]});}/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicWidth 40\n * @framerIntrinsicHeight 40\n * @framerDisableUnlink\n */const CartButton=withCSS(CartButtonComponent,[\".frameship-contents { display: contents !important }\"],\"\");export default CartButton;CartButton.displayName=\"Open Cart Button\";addPropertyControlsFrameship(CartButton,{cartLayer:{type:ControlType.ComponentInstance,description:\"Connect a layer for the cart overlay. Must be a component, not a stack.\"},overlay:{type:ControlType.Object,buttonTitle:\"Styles\",controls:{backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(0,0,0,0.5)\"},blur:{type:ControlType.Number,defaultValue:0,min:0,step:1,displayStepper:true},transition:{type:ControlType.Transition,defaultValue:DEFAULT_TRANSITION,description:\"A solid overlay is shown behind the cart\"}}},appearance:{type:ControlType.Enum,defaultValue:\"button\",options:[\"button\",\"custom\"],optionTitles:[\"Button\",\"Custom\"],displaySegmentedControl:true},button:{type:ControlType.Object,buttonTitle:\"Icon & Styles\",title:\"Button\",controls:{icon:iconProp({buttonTitle:\"Cart\",size:18}),...createButtonPropertyControls({font:false,color:false})},hidden:props=>props.appearance!==\"button\"},itemCountBadge:{type:ControlType.Object,title:\"Item Count\",buttonTitle:\"Badge\",optional:true,description:\"A badge showing the number of items in cart\",hidden:props=>props.appearance!==\"button\",defaultValue:DEFAULT_ITEM_COUNT_BADGE,controls:{whenZero:{type:ControlType.Enum,defaultValue:DEFAULT_ITEM_COUNT_BADGE.whenZero,options:[\"show\",\"hide\"],optionTitles:[\"Show\",\"Hide\"],displaySegmentedControl:true},position:{type:ControlType.Enum,defaultValue:DEFAULT_ITEM_COUNT_BADGE.position,options:[\"topLeft\",\"topCenter\",\"topRight\",\"bottomLeft\",\"bottomCenter\",\"bottomRight\",\"left\",\"right\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Left\",\"Bottom Center\",\"Bottom Right\",\"Left\",\"Right\"]},inset:{type:ControlType.Number,defaultValue:DEFAULT_ITEM_COUNT_BADGE.inset,min:-100,max:100,step:1,displayStepper:true},size:{type:ControlType.Number,defaultValue:DEFAULT_ITEM_COUNT_BADGE.size,min:0,max:1e3,step:1,displayStepper:true},font:{type:\"font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:12,lineHeight:1.4}},color:{type:ControlType.Color,defaultValue:DEFAULT_ITEM_COUNT_BADGE.color},fill:createFillPropertyControl(DEFAULT_ITEM_COUNT_BADGE.fill,true),radius:{type:ControlType.BorderRadius,defaultValue:DEFAULT_ITEM_COUNT_BADGE.radius},shadows:{type:ControlType.BoxShadow}}},customButton:{type:ControlType.ComponentInstance,title:\"Button\",description:\"Connect a layer for the open cart button\",hidden:props=>props.appearance!==\"custom\"},escToClose:{type:ControlType.Boolean,defaultValue:true,title:\"Esc to Close\"}});const updateExitProp=element=>{if(/*#__PURE__*/isValidElement(element)){const{initial,exit,children,animate,transition}=element.props;// Create new props object\nconst newProps={};// Handle exit animation\nif(initial&&typeof initial===\"object\"&&!exit){let exitValue=initial;if(!transition&&!initial.transition&&animate?.transition){exitValue={...initial,transition:animate.transition};}newProps.exit=exitValue;}// Handle children\nif(children){if(typeof children===\"string\"){// Don't modify string children\nreturn element;}else if(Array.isArray(children)){// Handle array of children\nnewProps.children=children.map(updateExitProp);}else{// Handle single child\nnewProps.children=updateExitProp(children);}}// Only clone if we have new props to apply\nreturn Object.keys(newProps).length>0?/*#__PURE__*/cloneElement(element,newProps):element;}return element;};function getZeroCharacterWidth(font){// Create a temporary span element\nconst span=document.createElement(\"span\");// Set the font and content\nObject.assign(span.style,font);span.style.visibility=\"hidden\";span.style.position=\"absolute\";span.textContent=\"0\";// Add to DOM temporarily to measure\ndocument.body.appendChild(span);const width=span.getBoundingClientRect().width;document.body.removeChild(span);return width;}function createFillPropertyControl(values,hasDefault=true){return{type:ControlType.Object,optional:true,defaultValue:hasDefault?values:undefined,controls:{type:{type:ControlType.Enum,defaultValue:\"color\",options:[\"color\",\"linearGradient\"],optionTitles:[\"Color\",\"Gradient\"],displaySegmentedControl:true},color:{type:ControlType.Color,defaultValue:values.color,description:\"Solid color background\",hidden:props=>props.type!==\"color\"},colorA:{type:ControlType.Color,defaultValue:values.colorA,title:\"Colors\",hidden:props=>props.type!==\"linearGradient\"},colorB:{type:ControlType.Color,defaultValue:values.colorB,title:\" \",hidden:props=>props.type!==\"linearGradient\"},gradientAngle:{type:ControlType.Number,defaultValue:0,title:\"Angle\",step:1,min:-360,max:360,unit:\"\\xb0\",description:\"Linear gradient background\",hidden:props=>props.type!==\"linearGradient\"}}};}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CartButton\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"40\",\"framerIntrinsicHeight\":\"40\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"CLOSE_CART_EVENT\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CartButton.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControlsFrameship}from\"https://framerusercontent.com/modules/gd3dcT3w5rYoRy7ZcKte/sH6FZizM8jJ11j2dQOhQ/Shared.js\";import{CLOSE_CART_EVENT}from\"https://framerusercontent.com/modules/pHBj44exUAtP27jyhlUs/RAlvQN8l7WILnGqAq8xx/CartButton.js\";import{Icon,iconProp,Button,createButtonPropertyControls}from\"https://framerusercontent.com/modules/fVHxdMMgjEun6wSmFoH5/UO9Fwa3zz4T8isOKvUfB/SharedStyles.js\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicWidth 40\n * @framerIntrinsicHeight 40\n * @framerDisableUnlink\n */export default function CloseCartButton(props){const handleClose=()=>{window.dispatchEvent(new Event(CLOSE_CART_EVENT));};return /*#__PURE__*/_jsx(Button,{...props,onClick:handleClose,style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",...props.style},children:/*#__PURE__*/_jsx(Icon,{...props.icon,defaultImage:`url('data:image/svg+xml,')`})});}CloseCartButton.displayName=\"Close Cart Button\";addPropertyControlsFrameship(CloseCartButton,{icon:iconProp({size:12}),...createButtonPropertyControls({font:false,color:false})});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CloseCartButton\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"40\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"\",\"framerIntrinsicHeight\":\"40\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{createContext,useContext}from\"react\";export const CartItemContext=/*#__PURE__*/createContext({inCart:false,cartItemId:null,shopifyId:null,variantId:null,quantity:1,price:null,compareAtPrice:null,sku:null,barcode:null,variant:null});export const useCartItem=()=>useContext(CartItemContext);\nexport const __FramerMetadata__ = {\"exports\":{\"useCartItem\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CartItemContext\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CartItemContext.map","export function getCollectionData(collectionList){var _collectionList_props,_collectionList_props_children_props,_collectionList_props_children,_collectionList_props1,_collectionList_props_children_props_children_props,_collectionList_props_children_props_children,_collectionList_props_children_props1,_collectionList_props_children1,_collectionList_props2,_queryParent_props;let queryParent=null;if(collectionList===null||collectionList===void 0?void 0:(_collectionList_props=collectionList.props)===null||_collectionList_props===void 0?void 0:_collectionList_props.query){queryParent=collectionList;}else if(collectionList===null||collectionList===void 0?void 0:(_collectionList_props1=collectionList.props)===null||_collectionList_props1===void 0?void 0:(_collectionList_props_children=_collectionList_props1.children)===null||_collectionList_props_children===void 0?void 0:(_collectionList_props_children_props=_collectionList_props_children.props)===null||_collectionList_props_children_props===void 0?void 0:_collectionList_props_children_props.query){queryParent=collectionList.props.children;}else if(collectionList===null||collectionList===void 0?void 0:(_collectionList_props2=collectionList.props)===null||_collectionList_props2===void 0?void 0:(_collectionList_props_children1=_collectionList_props2.children)===null||_collectionList_props_children1===void 0?void 0:(_collectionList_props_children_props1=_collectionList_props_children1.props)===null||_collectionList_props_children_props1===void 0?void 0:(_collectionList_props_children_props_children=_collectionList_props_children_props1.children)===null||_collectionList_props_children_props_children===void 0?void 0:(_collectionList_props_children_props_children_props=_collectionList_props_children_props_children.props)===null||_collectionList_props_children_props_children_props===void 0?void 0:_collectionList_props_children_props_children_props.query){queryParent=collectionList.props.children.props.children;}const query=queryParent===null||queryParent===void 0?void 0:(_queryParent_props=queryParent.props)===null||_queryParent_props===void 0?void 0:_queryParent_props.query;let queryData=null;if(query===null||query===void 0?void 0:query.from){if(query.from.data){queryData=query.from.data;}else if(query.from.left){let left=query.from.left;for(let i=0;i<100;i++){if(left.type==\"Collection\"){queryData=left.data;break;}else if(left.left){left=left.left;}else{break;}}}}// Get property controls\nconst propertyControlsById=(queryData===null||queryData===void 0?void 0:queryData.propertyControls)||{};const propertyControlsByName={};for(const id in propertyControlsById){const control=propertyControlsById[id];propertyControlsByName[control.title]={id,...control};}// Get children function\nlet childrenFunction=null;if(collectionList){var _collectionList_props3,_clpc_props,_clpc_props_children_props,_clpc_props_children,_clpc_props1;const clpc=(_collectionList_props3=collectionList.props)===null||_collectionList_props3===void 0?void 0:_collectionList_props3.children;if(typeof clpc==\"function\"){childrenFunction=clpc;}else if(typeof(clpc===null||clpc===void 0?void 0:(_clpc_props=clpc.props)===null||_clpc_props===void 0?void 0:_clpc_props.children)==\"function\"){childrenFunction=clpc.props.children;}else if(typeof(clpc===null||clpc===void 0?void 0:(_clpc_props1=clpc.props)===null||_clpc_props1===void 0?void 0:(_clpc_props_children=_clpc_props1.children)===null||_clpc_props_children===void 0?void 0:(_clpc_props_children_props=_clpc_props_children.props)===null||_clpc_props_children_props===void 0?void 0:_clpc_props_children_props.children)==\"function\"){childrenFunction=clpc.props.children.props.children;}}return{query,queryParent,queryData,propertyControlsById,propertyControlsByName,childrenFunction};}export function addFieldsToSelect(fields,query,propertyControlsByName){const alias=query.alias;const select=Array.isArray(query===null||query===void 0?void 0:query.select)?[...query.select]:[];for(const fieldName of fields){var _propertyControlsByName_fieldName;const fieldId=(_propertyControlsByName_fieldName=propertyControlsByName[fieldName])===null||_propertyControlsByName_fieldName===void 0?void 0:_propertyControlsByName_fieldName.id;if(!fieldId){continue;}let matchFound=false;for(const item of select){if(item.name===fieldId&&item.type===\"Identifier\"&&item.collection===alias){matchFound=true;continue;}}if(matchFound){continue;}select.push({collection:alias,name:fieldId,type:\"Identifier\"});}return select;}\nexport const __FramerMetadata__ = {\"exports\":{\"getCollectionData\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"addFieldsToSelect\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CMSLibrary.map","// Generated by Framer (f712822)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,Link,RichText,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const serializationHash=\"framer-fWanr\";const variantClassNames={pJB9uFURH:\"framer-v-1jsl3xr\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const transition2={bounce:.25,delay:0,duration:.45,type:\"spring\"};const animation={opacity:.92,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,link,width,...props})=>{return{...props,eGLByVNsu:link??props.eGLByVNsu};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,eGLByVNsu,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"pJB9uFURH\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1jsl3xr\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"pJB9uFURH\",ref:refBinding,style:{...style},children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1tlhske\",\"data-border\":true,layoutDependency:layoutDependency,layoutId:\"bdYG9Z3gO\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(0, 0, 0, 0.08)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:15,borderBottomRightRadius:15,borderTopLeftRadius:15,borderTopRightRadius:15},children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-s18cn0\",layoutDependency:layoutDependency,layoutId:\"B2QpAnoun\",style:{backgroundColor:\"rgb(64, 212, 26)\"},children:[/*#__PURE__*/_jsx(Link,{href:\"frameship.io\",motionChild:true,nodeId:\"vu4BhkNJb\",openInNewTab:true,scopeId:\"U4_nFMT5N\",children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-1gki3ct framer-1ctui2d\",layoutDependency:layoutDependency,layoutId:\"vu4BhkNJb\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-15itmt6\",\"data-framer-name\":\"Logo\",fill:\"black\",intrinsicHeight:92,intrinsicWidth:591,layoutDependency:layoutDependency,layoutId:\"udNocNENd\",svg:'',withExternalLayout:true})})}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",backgroundSize:1.5,fit:\"tile\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+10+0+0+(0+0+(Math.max(0,((componentViewport?.height||550)-20-0)/1)*1-0-(Math.max(0,(Math.max(0,((componentViewport?.height||550)-20-0)/1)*1-0-402)/1)*1+322+80))/2*0)+0),pixelHeight:40,pixelWidth:40,positionX:\"center\",positionY:\"bottom\",src:\"https://framerusercontent.com/images/KaSmi7sD82dEAVTmII8bNeE88.png\"},className:\"framer-12yu92e\",\"data-framer-name\":\"Light\",layoutDependency:layoutDependency,layoutId:\"lhfzxjbRS\",style:{mask:\"linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0,0,0,1) 100%) add\",opacity:.06,WebkitMask:\"linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0,0,0,1) 100%) add\"}})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1stnay9\",layoutDependency:layoutDependency,layoutId:\"FAit4eRWt\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItRXh0cmFCb2xk\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"26px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1.1em\",\"--framer-text-alignment\":\"left\",\"--framer-text-transform\":\"uppercase\"},children:\"Unlock ecommerce functionality on your website!\"})}),className:\"framer-lotbho\",fonts:[\"Inter-ExtraBold\"],layoutDependency:layoutDependency,layoutId:\"p6VH14GDw\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItTWVkaXVt\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"1.3em\",\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgba(0, 0, 0, 0.7))\"},children:\"Upgrade your Frameship account to unlock Shopify ecommerce functionality on your live website.\"})}),className:\"framer-1j89zm5\",fonts:[\"Inter-Medium\"],layoutDependency:layoutDependency,layoutId:\"dgd7wBqyT\",style:{\"--extracted-r6o4lv\":\"rgba(0, 0, 0, 0.7)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ffuf7q\",layoutDependency:layoutDependency,layoutId:\"PD2N7RwHX\",children:/*#__PURE__*/_jsx(Link,{href:eGLByVNsu,motionChild:true,nodeId:\"UgUZQ5YRP\",openInNewTab:true,scopeId:\"U4_nFMT5N\",children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-k753s framer-1ctui2d\",layoutDependency:layoutDependency,layoutId:\"UgUZQ5YRP\",style:{backgroundColor:\"rgb(64, 212, 27)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8},whileHover:animation,children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItRXh0cmFCb2xk\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\",\"--framer-text-transform\":\"uppercase\"},children:\"UPGRADE YOUR SITE\"})}),className:\"framer-ii2nrf\",fonts:[\"Inter-ExtraBold\"],layoutDependency:layoutDependency,layoutId:\"Zv592Orev\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})})})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-fWanr.framer-1ctui2d, .framer-fWanr .framer-1ctui2d { display: block; }\",\".framer-fWanr.framer-1jsl3xr { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 550px; justify-content: flex-start; overflow: visible; padding: 10px; position: relative; width: 400px; }\",\".framer-fWanr .framer-1tlhske { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; height: 1px; justify-content: space-between; overflow: hidden; padding: 0px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }\",\".framer-fWanr .framer-s18cn0 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 1px; justify-content: flex-start; max-height: 150px; overflow: visible; padding: 20px; position: relative; width: 100%; z-index: 1; }\",\".framer-fWanr .framer-1gki3ct { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 10px; position: relative; text-decoration: none; width: min-content; }\",\".framer-fWanr .framer-15itmt6 { aspect-ratio: 6.423913043478261 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 22px); position: relative; width: 140px; }\",\".framer-fWanr .framer-12yu92e { bottom: 0px; flex: none; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 0; }\",\".framer-fWanr .framer-1stnay9 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 15px; height: min-content; justify-content: center; overflow: visible; padding: 30px; position: relative; width: 100%; }\",\".framer-fWanr .framer-lotbho { --framer-text-wrap: balance; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-fWanr .framer-1j89zm5 { --framer-text-wrap: balance; flex: none; height: auto; max-width: 300px; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-fWanr .framer-1ffuf7q { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px 30px 30px 30px; position: relative; width: 100%; }\",\".framer-fWanr .framer-k753s { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 50px; justify-content: center; overflow: visible; padding: 10px; position: relative; text-decoration: none; width: 100%; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-fWanr .framer-ii2nrf { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-fWanr.framer-1jsl3xr, .framer-fWanr .framer-s18cn0, .framer-fWanr .framer-1gki3ct, .framer-fWanr .framer-1stnay9, .framer-fWanr .framer-k753s { gap: 0px; } .framer-fWanr.framer-1jsl3xr > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-fWanr.framer-1jsl3xr > :first-child, .framer-fWanr .framer-s18cn0 > :first-child, .framer-fWanr .framer-1stnay9 > :first-child { margin-top: 0px; } .framer-fWanr.framer-1jsl3xr > :last-child, .framer-fWanr .framer-s18cn0 > :last-child, .framer-fWanr .framer-1stnay9 > :last-child { margin-bottom: 0px; } .framer-fWanr .framer-s18cn0 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-fWanr .framer-1gki3ct > *, .framer-fWanr .framer-k753s > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-fWanr .framer-1gki3ct > :first-child, .framer-fWanr .framer-k753s > :first-child { margin-left: 0px; } .framer-fWanr .framer-1gki3ct > :last-child, .framer-fWanr .framer-k753s > :last-child { margin-right: 0px; } .framer-fWanr .framer-1stnay9 > * { margin: 0px; margin-bottom: calc(15px / 2); margin-top: calc(15px / 2); } }\",'.framer-fWanr[data-border=\"true\"]::after, .framer-fWanr [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 550\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"eGLByVNsu\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerU4_nFMT5N=withCSS(Component,css,\"framer-fWanr\");export default FramerU4_nFMT5N;FramerU4_nFMT5N.displayName=\"Frameship Upgrade Paywall\";FramerU4_nFMT5N.defaultProps={height:550,width:400};addPropertyControls(FramerU4_nFMT5N,{eGLByVNsu:{title:\"Link\",type:ControlType.Link}});addFonts(FramerU4_nFMT5N,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/PONfPc6h4EPYwJliXQBmjVx7QxI.woff2\",weight:\"800\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/zsnJN7Z1wdzUvepJniD3rbvJIyU.woff2\",weight:\"800\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/UrzZBOy7RyJEWAZGduzOeHiHuY.woff2\",weight:\"800\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/996sR9SfSDuYELz8oHhDOcErkY.woff2\",weight:\"800\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/ftN1HpyPVJEoEb4q36SOrNdLXU.woff2\",weight:\"800\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/jN39PDxZWEwjG7Csryx3JN2r2Y.woff2\",weight:\"800\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/JAur4lGGSGRGyrFi59JSIKqVgU.woff2\",weight:\"800\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/d3tHnaQIAeqiE5hGcRw4mmgWYU.woff2\",weight:\"500\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/DolVirEGb34pEXEp8t8FQBSK4.woff2\",weight:\"500\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerU4_nFMT5N\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerVariables\":\"{\\\"eGLByVNsu\\\":\\\"link\\\"}\",\"framerIntrinsicWidth\":\"400\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"550\",\"framerDisplayContentsDiv\":\"false\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./U4_nFMT5N.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{ControlType,RenderTarget,// @ts-ignore\nuseQueryData,withCSS}from\"framer\";import{cloneElement}from\"react\";import{MotionConfigContext}from\"framer-motion\";import{useCartStore,getFrameshipInfo}from\"https://framerusercontent.com/modules/ibjYTPLnMMPhPLNCj4uG/FkITfeSZPOAgcIAyLyDi/Cart.js\";import{CartItemContext}from\"https://framerusercontent.com/modules/Be5mN5EUhdOwl54qCG8y/Icj1ZU450uFtWcyrdGTm/CartItemContext.js\";import{styleLayer,parseShopifyData,generateVariantTitle,Message,UPGRADE_LINK,addPropertyControlsFrameship}from\"https://framerusercontent.com/modules/gd3dcT3w5rYoRy7ZcKte/sH6FZizM8jJ11j2dQOhQ/Shared.js\";import{getCollectionData,addFieldsToSelect}from\"https://framer.com/m/CMSLibrary-09eo.js\";import FrameshipUpgradePaywall from\"https://framerusercontent.com/modules/kq3VSjk5Z08mvEho1xyf/cEltxRI81QG4LcbnisKI/U4_nFMT5N.js\";const ComponentProps={Title:\"Title\",Price:\"Price\",Image:\"Image\",ProductVariant:\"Product Variant\",Index:\"Index\"};const HIDE_SCROLLBARS_CLASS=\"frameship-cart-hide-scrollbars\";const CONNECT_COLLECTION_LIST_ERROR_MESSAGE=\"Connect a CMS Collection List\";const CONNECT_COLLECTION_LIST_ERROR_SUBTITLE=\"Drag the handle on the right side to a Collection List of the products CMS collection or select from the dropdown list. The Collection List must be outside of a page to be connected.\";const CONNECT_LIST_ITEM_COMPONENT_ERROR_MESSAGE=\"Connect a List Item component\";const CONNECT_LIST_ITEM_COMPONENT_ERROR_SUBTITLE=\"Drag the handle on the right side to a component to be used as the list item, or select from the dropdown list. The component must be outside of a page to be connected.\";function CartProductListComponent(props){const{divider,variantLabel}=props;const isCanvas=RenderTarget.current()===RenderTarget.canvas;const listItemComponent=props.listItemComponent?.[0];const collectionList=props.collectionList?.[0];const emptyState=props.emptyState?.[0];const cmsFields={Title:props.titleFieldName||\"Title\",ShopifyID:\"Shopify ID\",ShopifyData:\"Shopify Data\",Image:\"Image 1\",VariantOptions:\"Variant Options\"};let errorMessage=\"\";let errorSubtitle=\"\";if(isCanvas){if(!collectionList){return /*#__PURE__*/_jsx(Message,{title:CONNECT_COLLECTION_LIST_ERROR_MESSAGE,subtitle:CONNECT_COLLECTION_LIST_ERROR_SUBTITLE});}else if(!listItemComponent){return /*#__PURE__*/_jsx(Message,{title:CONNECT_LIST_ITEM_COMPONENT_ERROR_MESSAGE,subtitle:CONNECT_LIST_ITEM_COMPONENT_ERROR_SUBTITLE});}else{return /*#__PURE__*/_jsx(\"div\",{style:{padding:props.padding,...props.style},children:styleLayer(emptyState,props.style)});}}const{hasAccess}=getFrameshipInfo();const items=useCartStore(state=>state.items);const{query,propertyControlsByName}=getCollectionData(collectionList);if(!query){errorMessage=CONNECT_COLLECTION_LIST_ERROR_MESSAGE;errorSubtitle=CONNECT_COLLECTION_LIST_ERROR_SUBTITLE;}else if(!listItemComponent){errorMessage=CONNECT_LIST_ITEM_COMPONENT_ERROR_MESSAGE;errorSubtitle=CONNECT_LIST_ITEM_COMPONENT_ERROR_SUBTITLE;}if(propertyControlsByName[\"Image 1\"]&&propertyControlsByName[\"Image 1\"].type===ControlType.ResponsiveImage){cmsFields.Image=\"Image 1\";}else if(propertyControlsByName[\"Media 1\"]&&propertyControlsByName[\"Media 1\"].type===ControlType.ResponsiveImage){cmsFields.Image=\"Media 1\";}else if(propertyControlsByName[\"Image\"]&&propertyControlsByName[\"Image\"].type===ControlType.ResponsiveImage){cmsFields.Image=\"Image\";}const cmsFieldIds={};for(const fieldName of Object.values(cmsFields)){const id=propertyControlsByName[fieldName]?.id;if(id){cmsFieldIds[fieldName]=id;}}let collectionItems=[];if(query){const select=addFieldsToSelect(Object.values(cmsFields),query,propertyControlsByName);collectionItems=useQueryData({...query,limit:undefined,select});}const collectionItemsByShopifyId={};for(const item of collectionItems){collectionItemsByShopifyId[item[cmsFieldIds[cmsFields.ShopifyID]]]=item;}const collectionItemsByVariantId={};const productIdsByVariantId={};const variantsById={};for(const item of collectionItems){const{variants}=parseShopifyData(item[cmsFieldIds[cmsFields.ShopifyData]]);for(let i=0;i