{"version":3,"file":"script_main.CEl7MF3I.mjs","names":["isBrowser","useState","useRef","useCallback","throttle","FramerIcons","isBrowser","useState","useRef","useCallback","e","get","Component","FramerIconsFonts","FramerIcons","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","addPropertyOverrides","FCCartTrigger","FC_CartCounterFonts","Button","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","Image1","fonts","css","className","addPropertyOverrides","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","fonts","css","className","cycleOrder","variantClassNames","Transition","React.useContext","React.useMemo","getProps","createLayoutDependency","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","useState","isBrowser","e","cart","get","useMemo","isCurrencySymbolSameAsCode","ShopXCartSubtotal","isBrowser","useState","useRef","useCallback","addPropertyOverrides","enabledGestures","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","RichText","useState","useRef","isBrowser","useCallback","e","throttle","p","_Fragment","get","index","e","useState","useRef","useCallback","throttle","e","fonts","css","className","addPropertyOverrides","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","ButtonClose","FCCartCheckoutButton","FC_CartStateController","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","sharedStyle.css","sharedStyle.fonts","css","serializationHash","variantClassNames","transition1","React.useContext","React.useMemo","React.Fragment","humanReadableVariantMap","getProps","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","className","Image","RichText","SVG","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","Nav","NavTitel1","FCCartStateFCCartState","Footer","useRef","React.useId","className","_Fragment","PropertyOverrides","React.createElement","Layoout","Framer.PageRoot","Framer.lazy","Framer.useCurrentRoute","Framer.useLocaleInfo","Framer.useRouter","React.Fragment","React.memo","React.useCallback","React.useEffect","React.useRef","React.useState","React.useLayoutEffect","Framer.LazyValue","Framer.LibraryFeaturesProvider","Framer.GracefullyDegradingErrorBoundary","Framer.PageEffectsProvider","breakpoints","Framer.patchRoutesForABTesting","e","routeData","Framer.inferInitialRouteFromPath","Framer.yieldToMain","React.startTransition","Framer.ErrorPlaceholder"],"sources":["https:/framerusercontent.com/modules/4gxKhYDXhQYsHYSbypZW/CwQMBB6veGtRJ77hGsnc/FC_CartCounter.js","https:/framerusercontent.com/modules/bjUTEQt5uFu8cIOVtWXD/1JUDrjekvVZ3bNFl775A/FramerIcon.js","https:/framerusercontent.com/modules/y6yUEEb8umnvGdCfPGqf/6lmsDvbDLBc9bRI2UZJD/FC_CartTrigger.js","https:/framerusercontent.com/modules/8Txb1yLrbu7xaUK8E4vL/3TJ3fm5Mk3ZMnxgTpFgA/x7MBoJArl.js","https:/framerusercontent.com/modules/uWNb1tsZTVqXPLNufk21/o845uEweIKj7CiDrj2MJ/CrKH7nXzM.js","https:/framerusercontent.com/modules/Av4ee3XDB7IpftvZEcuY/LekvxUCPaZUET54CDWPD/QqRJY1S_7.js","https:/framerusercontent.com/modules/vqYqiiy5pEPsYm20Rdi5/fN4jPoSR27XVpdPWXvgp/NpVBnJ2D4.js","https:/framerusercontent.com/modules/RBhrmJSayFIEr01hpPFn/uknigYuJhd1icsEQ9e0L/TIzKiGcOB.js","https:/framerusercontent.com/modules/Xz56MXJ2ZtTgFtT1VmZz/jsrZt5LjumizHw76NuWB/atkMxVAKb.js","https:/framer.com/m/shopX-cartSubtotal-pv7y.js","https:/framerusercontent.com/modules/g7fE5FpUH8BU8KzDDNuK/ev96V8ZMvBdXi4qVNtAQ/FC_CartSubtotal.js","https:/framerusercontent.com/modules/iNxQR66txeNh1MBMupeD/14fDVHtX7ZF5JXTR7ee3/FC_CartStateController.js","https:/framerusercontent.com/modules/l4pTyQVQMlcSUcAMBMtl/t9wwrvDxkAJYL0zbTShu/YjkhErSjs.js","https:/framerusercontent.com/modules/yiRfl1JCGhIBUL31WVDk/wupS2XmBAHu1kBQNv9pi/mutations_v2.js","https:/framerusercontent.com/modules/6Zs9CjkPbKzHjoy8LK08/iqoIwmJw4hztafi4V4IV/Fb_pixel.js","https:/framerusercontent.com/modules/oKOqnJyJ3wjpqRFTNCqe/JaPX0gMUPXVoAKRlhepR/FC_CartProductCard.js","https:/framerusercontent.com/modules/w24ELWa2giT3SFaWpV77/398w6fPyag8B92ojouQr/utmParams.js","https:/framerusercontent.com/modules/v7LtkkyNjEAQ8EyrCJW6/tND47xWycBAq6ZXOZgJN/FC_CartCheckoutButton.js","https:/framerusercontent.com/modules/jHmOemzEs9MQsSCfHMjx/OpWxHvozpSaqEJrOwUYy/ZJQAak4bW.js","https:/framerusercontent.com/modules/vmpY5tB2VhKVl3hTVFtF/nYiOMXdamhL33qdfeRcn/zsoFJQ8Pv.js","https:/framerusercontent.com/modules/AtqU6jtH8n742bYgBnev/xi8N6m3eAi4aaAr0nnU4/nV0ovmKJe.js","https:/framerusercontent.com/modules/Eu5UWWEMs7EWNlRSRcGz/b0IAwWCpdGgDgoBzjBsf/Iy1wQw82z.js","https:/framerusercontent.com/modules/VREkglgjqZqVgTWWKws5/VE0RZq8p5laKodNXuobe/sqP6ub3Za.js","https:/framerusercontent.com/modules/fW1yPpCRE72agZ5BxL6c/6uoXlMpuDIxItvOdaof0/H7uzqK4cH.js","framer:toplevel/main"],"sourcesContent":["/*\n * Framer Commerce\n * Confidential and Proprietary - All Rights Reserved\n * Unauthorized use, reproduction, distribution, or disclosure of this\n * source code or any related information is strictly prohibited.\n *\n * This software is the exclusive property of Framer Commerce (\"Company\").\n * It is considered highly confidential and proprietary information.\n *\n * Any use, copying, modification, distribution, or sharing of this software,\n * in whole or in part, without the express written permission of the Company\n * is strictly prohibited and may result in legal action.\n *\n * DISCLAIMER: This software does not provide any express or\n * implied warranties, including, but not limited to, the implied warranties\n * of merchantability and fitness for a particular purpose. In no event shall\n * Framer Commerce be liable for any direct, indirect, incidental, special,\n * exemplary, or consequential damages (including, but not limited to, procurement\n * of substitute goods or services; loss of use, data, or profits; or business\n * interruption) however caused and on any theory of liability, whether in\n * contract, strict liability, or tort (including negligence or otherwise)\n * arising in any way out of the use of this software, even if advised of\n * the possibility of such damage.\n *\n * Any unauthorized possession, use, copying, distribution, or dissemination\n * of this software will be considered a breach of confidentiality and may\n * result in legal action.\n *\n * For inquiries, contact:\n * Framer Commerce\n * Email: hello@framercommerce.com\n *\n * © 2025 Butter Supply Inc. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState,useCallback}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{throttle}from\"lodash-es\";/**\n * @framerDisableUnlink\n */export default function FC_CartCounter(props){if(RenderTarget.current()===RenderTarget.canvas){// Always show in canvas (shows placeholder \"0\")\nreturn /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,backgroundColor:props.backgroundColor,...props.border,borderRadius:props.radius,padding:props.padding,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",margin:0,width:\"100%\",height:props.fixedHeight?`${props.heightPx}px`:\"100%\",lineHeight:1,fontSize:props.font?.fontSize||\"inherit\"},children:\"0\"})});}else{const[isBrowser,setIsBrowser]=useState(false);const[cartItemCount,setCartItemCount]=useState(0);const[isLoading,setIsLoading]=useState(true);const[isVisible,setIsVisible]=useState(false);const isFetching=useRef(false);const initialLoadDone=useRef(false);// Set isBrowser to true once component mounts\nuseEffect(()=>{setIsBrowser(true);},[]);// Helper function to wait until a condition is true\nconst waitForCondition=useCallback((conditionFn,checkInterval=100,timeout=1e4)=>{return new Promise((resolve,reject)=>{const startTime=Date.now();const checkCondition=()=>{if(conditionFn()){resolve();}else if(Date.now()-startTime>=timeout){reject(new Error(\"Condition not met within timeout\"));}else{setTimeout(checkCondition,checkInterval);}};checkCondition();});},[]);const fetchCartAndUpdateCount=useCallback(async cartId=>{if(isFetching.current){return;}isFetching.current=true;// Only set loading state on initial load\nif(!initialLoadDone.current){setIsLoading(true);setIsVisible(false);}try{await waitForCondition(()=>window.shopXtools&&window.shopXtools.fetchCart);const cartData=await window.shopXtools.fetchCart(cartId);if(cartData&&cartData.lines&&cartData.lines.edges&&cartData.lines.edges.length>0){const itemCount=cartData.lines.edges.reduce((total,edge)=>total+(edge.node.quantity||0),0);setCartItemCount(itemCount);}else{setCartItemCount(0);// Show immediately if no items\nsetIsLoading(false);setIsVisible(true);initialLoadDone.current=true;}}catch(error){setCartItemCount(0);// Show immediately if error\nsetIsLoading(false);setIsVisible(true);initialLoadDone.current=true;}finally{isFetching.current=false;// Only handle visibility on initial load with items\nif(!initialLoadDone.current){setIsLoading(false);initialLoadDone.current=true;// Add a small delay before showing the counter for smoother transition\nsetTimeout(()=>setIsVisible(true),50);}}},[waitForCondition]);const handleCartUpdate=useCallback(throttle(async()=>{if(!isBrowser)return;// Don't run on server-side\nlet cartId=window[\"shopXtools\"]?.cart?.id;if(!cartId){try{cartId=localStorage.getItem(\"shopX_cart_id\");}catch(error){// Error accessing localStorage\n}}if(cartId){await fetchCartAndUpdateCount(cartId);}else{setCartItemCount(0);// Show immediately if no cart\nsetIsLoading(false);setIsVisible(true);initialLoadDone.current=true;}},1e3),[fetchCartAndUpdateCount,isBrowser]);useEffect(()=>{if(!isBrowser)return;// Don't run on server-side\nwindow.addEventListener(\"shopXtools-cart-update\",handleCartUpdate);handleCartUpdate();return()=>{window.removeEventListener(\"shopXtools-cart-update\",handleCartUpdate);};},[handleCartUpdate,isBrowser]);if(props.hideIf0&&cartItemCount===0){return null;}return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,backgroundColor:props.backgroundColor,...props.border,borderRadius:props.radius,padding:props.padding,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",margin:0,width:\"100%\",height:props.fixedHeight?`${props.heightPx}px`:\"100%\",opacity:isVisible?1:0,transition:\"opacity 0.3s ease-in-out\",visibility:isLoading?\"hidden\":\"visible\",lineHeight:1,fontSize:props.font?.fontSize||\"inherit\"},children:isBrowser?cartItemCount.toString():\"0\"})});}}FC_CartCounter.defaultProps={hideIf0:false,font:undefined,color:\"#000\",backgroundColor:\"#FFFFFF00\",backgroundOpacity:0,border:{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0,borderLeftWidth:0,borderStyle:\"solid\",borderColor:\"rgba(0, 0, 0, 0.5)\"},radius:0,padding:0,fixedHeight:false,heightPx:40};addPropertyControls(FC_CartCounter,{hideIf0:{type:ControlType.Boolean,title:\"When 0\",defaultValue:false,enabledTitle:\"Hide\",disabledTitle:\"Show\",description:\"For browser only, canvas will always display 0.\"},font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Color\"},backgroundColor:{type:ControlType.Color,title:\"BG\",defaultValue:\"rgba(255, 255, 255, 0)\"},border:{type:ControlType.Border,title:\"Border\",defaultValue:{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0,borderLeftWidth:0,borderStyle:\"solid\",borderColor:\"rgba(0, 0, 0, 0.5)\"}},/* fixedHeight: {\n type: ControlType.Boolean,\n title: \"Height\",\n defaultValue: false,\n enabledTitle: \"Fixed\",\n disabledTitle: \"Fit\",\n },\n heightPx: {\n type: ControlType.Number,\n title: \"Height\",\n defaultValue: 40,\n min: 0,\n hidden: ({ fixedHeight }) => !fixedHeight,\n }, */padding:{type:ControlType.FusedNumber,title:\"Padding\",defaultValue:0,toggleKey:\"paddingPerSide\",toggleTitles:[\"All\",\"Sides\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},radius:{type:ControlType.FusedNumber,title:\"Radius\",defaultValue:0,toggleKey:\"radiusPerCorner\",toggleTitles:[\"All\",\"Corners\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartCounter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FC_CartCounter.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const DEFAULT_COLOR=\"#1570EF\";const DEFAULT_SVG=``;const DEFAULT_STROKE_WIDTH=1.5;/*\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerIntrinsicHeight 24\n * @framerIntrinsicWidth 24\n */export default function FramerIcons(props){const customizedSvg=getCustomizedSVG(props.svg,props.color,props.strokeWidth);return /*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{display:\"flex\",maxWidth:\"100%\",maxHeight:\"100%\",alignItems:\"center\",justifyContent:\"center\",...props.style},dangerouslySetInnerHTML:{__html:customizedSvg}});}addPropertyControls(FramerIcons,{svg:{title:\"SVG\",type:ControlType.String,defaultValue:DEFAULT_SVG},strokeWidth:{type:ControlType.Number,step:.25,min:.5,max:2,defaultValue:DEFAULT_STROKE_WIDTH,hidden:props=>hideStrokeWidth(props.svg)},color:{type:ControlType.Color,defaultValue:DEFAULT_COLOR,description:\"By [FramerIcons](https://www.framericons.com?utm=FramerIconComponent)\"}});// hide if no stroke-width or all stroke-widths are 0\nfunction hideStrokeWidth(svg){const strokeWidthMatch=svg.match(/stroke-width=\"([^\"]+)\"/g);return!strokeWidthMatch||strokeWidthMatch.every(match=>match===\"0\");}function getCustomizedSVG(svg,color=DEFAULT_COLOR,strokeWidth=DEFAULT_STROKE_WIDTH){let svgAttributes=svg.match(/]*>/)?.[0];if(!svgAttributes){svg=DEFAULT_SVG;svgAttributes=svg.match(/]*>/)?.[0];}const width=svgAttributes.match(/width=\"([^\"]*)\"/)?.[1];const height=svgAttributes.match(/height=\"([^\"]*)\"/)?.[1];const viewBox=svgAttributes.match(/viewBox=\"([^\"]*)\"/)?.[1]?.split(\" \");const viewBoxWidth=viewBox?.[2];const viewBoxHeight=viewBox?.[3];if(width&&height){svg=svg.replace(/width=\"([^\"]*)\"/,`width=\"100%\"`);svg=svg.replace(/height=\"([^\"]*)\"/,`height=\"100%\"`);}else{svg=svg.replace(/