$0 USD
\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,U2bckk9Ci,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"q765oO3yC\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-PixXK\",sharedStyle.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsx(motion.div,{...restProps,className:cx(\"framer-kixgj4\",className),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"q765oO3yC\",ref:ref,style:{...style},children:/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:U2bckk9Ci,className:\"framer-1iq4zis\",layoutDependency:layoutDependency,layoutId:\"ZBWxU4W6n\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},stylesPresetsClassNames:{p:\"framer-styles-preset-j385k6\"},verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=['.framer-PixXK [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; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-PixXK .framer-1n4dbv2 { display: block; }\",\".framer-PixXK .framer-kixgj4 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-PixXK .framer-1iq4zis { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PixXK .framer-kixgj4 { gap: 0px; } .framer-PixXK .framer-kixgj4 > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-PixXK .framer-kixgj4 > :first-child { margin-left: 0px; } .framer-PixXK .framer-kixgj4 > :last-child { margin-right: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 16\n * @framerIntrinsicWidth 55.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"U2bckk9Ci\":\"text\"}\n */ const FrameratkMxVAKb=withCSS(Component,css,\"framer-PixXK\");export default FrameratkMxVAKb;FrameratkMxVAKb.displayName=\"shopX / cartSubtotal\";FrameratkMxVAKb.defaultProps={height:16,width:55.5};addPropertyControls(FrameratkMxVAKb,{U2bckk9Ci:{defaultValue:\"$0 USD
\",title:\"text\",type:ControlType.RichText}});addFonts(FrameratkMxVAKb,[...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameratkMxVAKb\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"U2bckk9Ci\\\":\\\"text\\\"}\",\"framerIntrinsicHeight\":\"16\",\"framerIntrinsicWidth\":\"55.5\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./atkMxVAKb.map","/*\n * shopX / cartSubtotal\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/Xz56MXJ2ZtTgFtT1VmZz/jsrZt5LjumizHw76NuWB/atkMxVAKb.js\"\nexport { default } from \"https://framerusercontent.com/modules/Xz56MXJ2ZtTgFtT1VmZz/jsrZt5LjumizHw76NuWB/atkMxVAKb.js\"\n","/*\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,useMemo,useState}from\"react\";import ShopXCartSubtotal from\"https://framer.com/m/shopX-cartSubtotal-pv7y.js\";import{addPropertyControls,ControlType}from\"framer\";import{get}from\"lodash-es\";import{knownCurrenciesWithCodeAsSymbol}from\"https://framerusercontent.com/modules/k9s4cejdkBGDjmzudhzM/18cq93eooqM4YmdbL7E2/currencyMaps.js\";import{getLocaleFromCountry}from\"https://framerusercontent.com/modules/vC6fzbfO83MgBPIhn5zl/DUlbmWuOELzEUenVmv3G/locales.js\";import{RenderTarget}from\"framer\";// Helper function to check if a currency's symbol is the same as its code\nconst isCurrencySymbolSameAsCode=currencyCode=>{// For some currencies like CHF, the browser might use the code as the symbol\nif(!currencyCode)return false;if(knownCurrenciesWithCodeAsSymbol.includes(currencyCode)){return true;}try{const formatted=new Intl.NumberFormat(undefined,{style:\"currency\",currency:currencyCode,currencyDisplay:\"narrowSymbol\"}).format(0);// Remove digits, decimal points, and common formatting characters\nconst cleanFormatted=formatted.replace(/[0-9.,\\s]/g,\"\");// Check if what remains is the currency code\nreturn cleanFormatted===currencyCode;}catch(e){return false;}};/**\n * @framerDisableUnlink\n */export default function FC_CartSubtotal(props){const{format:{showCurrency,showSymbol,showDecimals,currencyCode:previewCurrencyCode}={}}=props;const[subtotal,setSubtotal]=useState(0);const[cart,setCart]=useState(null);const[selectedCurrency,setSelectedCurrency]=useState(\"\");const[selectedCountryCode,setSelectedCountryCode]=useState(\"\");const[selectedCountry,setSelectedCountry]=useState(\"\");const[currencyConfig,setCurrencyConfig]=useState(()=>{// Initialize with window values if available\nif(typeof window!==\"undefined\"){const position=window?.__FcCurrencyConfigs?.currencyPosition||\"Before\";const initialConfig={position:position,showCode:position!==\"Hide\",symbol:window?.__FcCurrencyConfigs?.currencySymbol||\"$\"};//console.log('Initial currency config state:', initialConfig, window?.__FcCurrencyConfigs);\nreturn initialConfig;}return{position:\"Before\",showCode:false,symbol:\"$\"};});const isBrowser=typeof window!==\"undefined\";// Initialize currency from localStorage on page load\nuseEffect(()=>{if(!isBrowser)return;const storedCurrency=localStorage.getItem(\"selectedCurrency\");const storedCountryCode=localStorage.getItem(\"selectedCountryCode\");const storedCountry=localStorage.getItem(\"selectedCountry\");setSelectedCurrency(storedCurrency||\"USD\");setSelectedCountryCode(storedCountryCode||\"US\");setSelectedCountry(storedCountry||\"United States\");// console.log(\"[FC_CartSubtotal] Initial Currency State:\", {\n// currency: storedCurrency\n// })\n},[isBrowser]);// Debug current currency config\n// useEffect(() => {\n// console.log('Currency config changed:', currencyConfig);\n// }, [currencyConfig]);\n// Add currency settings listener\nuseEffect(()=>{if(!isBrowser)return;function updateCurrencyConfig(position,symbol){//console.log('Updating currency config with:', { position, symbol });\nconst newConfig={position:position||\"Before\",showCode:position!==\"Hide\",symbol:symbol||\"$\"};//console.log('New currency config:', newConfig);\nsetCurrencyConfig(newConfig);}// Handle currency settings updates\nconst handleCurrencySettingsUpdate=e=>{//console.log('Currency update event received:', e.detail);\nif(!e.detail?.current){//console.log('Invalid currency update event:', e);\nreturn;}updateCurrencyConfig(e.detail.current.currencyPosition,e.detail.current.currencySymbol);};// Initial setup\nconst currentPosition=window.__FcCurrencyConfigs?.currencyPosition;const currentSymbol=window.__FcCurrencyConfigs?.currencySymbol;//console.log('Initial currency values:', { currentPosition, currentSymbol });\nupdateCurrencyConfig(currentPosition,currentSymbol);// Add event listener\ndocument.addEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);//console.log('Currency event listener added');\n// Listen for currency changes\nconst handleCurrencyChange=event=>{//console.log(\"[FC_CartSubtotal] Currency Change Event:\", event.detail);\nconst{currency,countryCode,country}=event.detail;setSelectedCurrency(currency);setSelectedCountryCode(countryCode);setSelectedCountry(country);};window.addEventListener(\"currency_changed\",handleCurrencyChange);return()=>{document.removeEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);window.removeEventListener(\"currency_changed\",handleCurrencyChange);//console.log('Currency event listeners removed');\n};},[isBrowser]);// // Cart calculation effect\nuseEffect(()=>{if(!isBrowser)return;const logCartDetails=()=>{const cart=get(window,\"shopXtools.cart\");// Log the entire cart object\n//console.log('Cart Data:', cart);\nif(cart){setCart(cart);// Log each line item in the cart\nconst cartItems=get(cart,\"lines.edges\",[]);// console.log(\n// 'Cart Items:',\n// cartItems.map((edge) => {\n// const item = edge.node;\n// return {\n// title: get(item, 'merchandise.product.title', 'Unknown'),\n// variantId: get(item, 'merchandise.id', ''),\n// price: get(item, 'cost.totalAmount.amount') ||\n// get(item, 'cost.subtotalAmount.amount') ||\n// get(item, 'merchandise.price.amount', '0'),\n// quantity: get(item, 'quantity', 0),\n// currencyCode: get(item, 'cost.totalAmount.currencyCode') ||\n// get(item, 'merchandise.price.currencyCode', 'USD'),\n// };\n// })\n// );\n// Log the subtotal\nconst subtotal=parseFloat(get(cart,\"cost.subtotalAmount.amount\",\"0\"));//console.log('Parsed Subtotal (to be set in state):', subtotal);\nsetSubtotal(subtotal);}else{// console.log(\"No cart data available.\")\n}};// Log cart details on load\nlogCartDetails();// Re-log cart details on cart update events\nwindow.addEventListener(\"shopXtools-cart-update\",logCartDetails);return()=>window.removeEventListener(\"shopXtools-cart-update\",logCartDetails);},[isBrowser]);const _currencyCode=useMemo(()=>{if(!isBrowser)return\"USD\";// Try different paths to get currency code\nconst cartCurrencyCode=get(window,\"shopXtools.cart.cost.subtotalAmount.currencyCode\",\"USD\");//console.log('Currency Code in _currencyCode:', cartCurrencyCode);\nreturn selectedCurrency||cartCurrencyCode;},[isBrowser,cart,selectedCurrency]);const showMockValues=useMemo(()=>subtotal===0&&isBrowser&&window.location.origin.endsWith(\"framercanvas.com\"),[subtotal,isBrowser]);// Common function to format price based on options\nconst formatPriceWithOptions=(numericPrice,currCode)=>{const symbolSameAsCode=isCurrencySymbolSameAsCode(currCode);// Get locale from selected country code\nconst locale=getLocaleFromCountry(selectedCountryCode);// Log browser user agent for debugging iOS-specific issues\n// if (isBrowser) {\n// console.log(\"[FC_CartSubtotal] Format debug:\", {\n// userAgent: navigator.userAgent,\n// isCurrencySymbolSameAsCode: symbolSameAsCode,\n// currencyCode: currCode,\n// selectedCountryCode,\n// locale,\n// showSymbol,\n// showCurrency,\n// showDecimals,\n// })\n// }\n// Determine if we should show decimals based on the setting\nconst shouldShowDecimals=()=>{if(showDecimals===\"Always show\")return true;if(showDecimals===\"Never show\")return false;if(showDecimals===\"Hide when .00\"){// Check if the decimal part is zero\nreturn numericPrice%1!==0;}return true// Default fallback for boolean value\n;};const decimalDigits=shouldShowDecimals()?2:0;// If showing neither symbol nor code, just format the number\nif(!showSymbol&&!showCurrency){const formattedNumber=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);//console.log('Formatted Number (No Symbol or Currency):', formattedNumber);\nreturn formattedNumber;}// Special case for USD to prevent \"US$\" display in Safari iOS\nif(currCode===\"USD\"&&showSymbol){// Check if running on iOS device\nconst isIOS=isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;// Format USD manually to avoid the iOS \"US$\" prefix\nif(isIOS){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);if(!showCurrency){return`$${number}`// Just \"$50\" format\n;}else{return`$${number} USD`// \"$50 USD\" format\n;}}else{// For non-iOS devices, continue with normal formatting but use\n// a more controlled approach to ensure consistency\nif(!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}else{const withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} USD`;}}}// For currencies where symbol is same as code (like CHF)\nif(symbolSameAsCode){// If showing currency code, always use code-first format and ignore symbol\nif(showCurrency&&!showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showSymbol&&!showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showCurrency&&showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);return`${currCode} ${number}`;}}// For currencies with distinct symbols (like USD with $)\n// If showing only the code (no symbol)\nif(!showSymbol&&showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);// For normal currencies, show code after the number\nreturn`${number} ${currCode}`;}// If showing only the symbol (no code)\nif(showSymbol&&!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}// If showing both symbol and code\nconst withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} ${currCode}`;};const text=useMemo(()=>{if(!isBrowser)return\"\";// For canvas view, handle the display options directly\nif(RenderTarget.current()===RenderTarget.canvas||showMockValues){const mockAmount=150;const currentCurrencyCode=previewCurrencyCode||\"USD\";return formatPriceWithOptions(mockAmount,currentCurrencyCode);}// For live view, use the actual subtotal\nreturn formatPriceWithOptions(subtotal,_currencyCode);},[isBrowser,showMockValues,subtotal,_currencyCode,showCurrency,showSymbol,showDecimals,previewCurrencyCode,props.format]);if(!isBrowser){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"inline-flex\"}});}// For debugging\n// console.log('Rendering FC_CartSubtotal with:', {\n// subtotal,\n// text,\n// currencyConfig,\n// props\n// })\n// Render a basic div if ShopXCartSubtotal is not available\nif(typeof ShopXCartSubtotal===\"undefined\"){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",textAlign:\"right\"},children:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,margin:0},children:text})});}return /*#__PURE__*/_jsx(ShopXCartSubtotal,{...props,text:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,margin:0},children:text}),style:{width:\"100%\"}});}FC_CartSubtotal.defaultProps={format:{showCurrency:false,showSymbol:true,currencyCode:\"USD\",showDecimals:\"Always show\"}};addPropertyControls(FC_CartSubtotal,{format:{type:ControlType.Object,title:\"Format\",controls:{showSymbol:{type:ControlType.Boolean,title:\"Symbol\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"$, \\xa3, €, etc.\"},showCurrency:{type:ControlType.Boolean,title:\"Code\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"USD, EUR, CHF, etc.\"},showDecimals:{type:ControlType.Enum,title:\"Decimals\",defaultValue:\"Always show\",options:[\"Always show\",\"Never show\",\"Hide when .00\"],optionTitles:[\"Always show\",\"Never show\",\"Hide when .00\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\"},currencyCode:{type:ControlType.Enum,title:\"Preview\",defaultValue:\"USD\",options:[\"USD\",\"EUR\",\"GBP\",\"CHF\",\"JPY\",\"CAD\",\"AUD\",\"CNY\",\"HKD\",\"NZD\",\"SEK\",\"KRW\",\"SGD\",\"NOK\",\"MXN\",\"INR\",\"RUB\",\"ZAR\",\"TRY\",\"BRL\",\"TWD\",\"DKK\",\"PLN\",\"THB\",\"IDR\",\"HUF\",\"CZK\",\"ILS\",\"CLP\",\"PHP\",\"AED\",\"COP\",\"SAR\",\"MYR\",\"RON\"],description:\"Currency on your site is automatic, this is only shown in canvas preview.\"}}},font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Color\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartSubtotal\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","/*\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 * © 2024 Framer Commerce. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useCallback,useState,cloneElement}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n */export default function FC_CartClearButton(props){var _content_props;const{Default}=props;const[isClearing,setIsClearing]=useState(false);const waitForShopXTools=(timeout=1e4)=>{return new Promise((resolve,reject)=>{const startTime=Date.now();const checkCondition=()=>{if(window.shopXtools&&window.shopXtools.handleCartMutation){resolve();}else if(Date.now()-startTime>=timeout){reject(new Error(\"shopXtools not initialized within timeout\"));}else{setTimeout(checkCondition,100);}};checkCondition();});};const clearCart=useCallback(async e=>{if(isClearing)return;setIsClearing(true);try{var _currentCart_lines_edges,_currentCart_lines;await waitForShopXTools();const cartId=localStorage.getItem(\"shopX_cart_id\");if(!cartId){return;}const currentCart=window.shopXtools.cart;const lineIds=(currentCart===null||currentCart===void 0?void 0:(_currentCart_lines=currentCart.lines)===null||_currentCart_lines===void 0?void 0:(_currentCart_lines_edges=_currentCart_lines.edges)===null||_currentCart_lines_edges===void 0?void 0:_currentCart_lines_edges.map(edge=>edge.node.id))||[];if(lineIds.length===0){return;}const clearCartMutation=`\n mutation cartLinesRemove($cartId: ID!, $lineIds: [ID!]!) {\n cartLinesRemove(cartId: $cartId, lineIds: $lineIds) {\n cart {\n id\n lines(first: 100) {\n edges {\n node {\n id\n quantity\n }\n }\n }\n }\n userErrors {\n message\n field\n }\n }\n }\n `;const data=await window.shopXtools.handleCartMutation(clearCartMutation,{cartId,lineIds});if(data){localStorage.setItem(\"shopXtools.cart\",JSON.stringify(data.cartLinesRemove.cart));window.shopXtools.cart=data.cartLinesRemove.cart;window.dispatchEvent(new Event(\"shopXtools-cart-update\"));}}catch(error){// Silent error handling - logging removed\n}finally{setIsClearing(false);}},[isClearing]);let content=(Default===null||Default===void 0?void 0:Default[0])||null;if(!content){return null;}const clonedElement=/*#__PURE__*/cloneElement(content,{style:{...((_content_props=content.props)===null||_content_props===void 0?void 0:_content_props.style)||{},width:\"100%\",height:\"100%\"},onClick:clearCart});return /*#__PURE__*/_jsx(\"div\",{style:{height:\"100%\",width:\"100%\"},children:clonedElement});}FC_CartClearButton.defaultProps={Default:null};addPropertyControls(FC_CartClearButton,{Default:{type:ControlType.ComponentInstance,title:\"Button Design\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartClearButton\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FC_CartClear.map","// Generated by Framer (af7f236)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={lm0L_IftF:{hover:true}};const serializationHash=\"framer-AcmNg\";const variantClassNames={lm0L_IftF:\"framer-v-1jfrpql\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const mxz_uGWEx=undefined;const Fu7neYiFl=undefined;const SXG_xByBl=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;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=({color,fill,height,id,title,width,...props})=>{return{...props,Fu7neYiFl:color??props.Fu7neYiFl??\"rgb(0, 0, 0)\",mxz_uGWEx:fill??props.mxz_uGWEx??\"var(--token-c02a8877-fc12-446f-815f-8e7a2c7d6518, rgb(255, 255, 255))\",SXG_xByBl:title??props.SXG_xByBl??\"Clear Cart\"};};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,mxz_uGWEx,Fu7neYiFl,SXG_xByBl,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"lm0L_IftF\",enabledGestures,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-1jfrpql\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"lm0L_IftF\",ref:refBinding,style:{backgroundColor:mxz_uGWEx,borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,...style},variants:{\"lm0L_IftF-hover\":{backgroundColor:\"var(--token-f06cf327-7412-4ee3-92e3-df54fdcd26c6, rgb(242, 242, 242))\"}},...addPropertyOverrides({\"lm0L_IftF-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7RE0gU2Fucy1yZWd1bGFy\",\"--framer-font-family\":'\"DM Sans\", \"DM Sans Placeholder\", sans-serif',\"--framer-letter-spacing\":\"-0.01em\",\"--framer-line-height\":\"100%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-Fu7neYiFl-gE0NfiEs8))\"},children:\"Clear Cart\"})}),className:\"framer-172siwm\",fonts:[\"GF;DM Sans-regular\"],layoutDependency:layoutDependency,layoutId:\"rXKUcJlXz\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-Fu7neYiFl-gE0NfiEs8)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--variable-reference-Fu7neYiFl-gE0NfiEs8\":Fu7neYiFl},text:SXG_xByBl,transformTemplate:transformTemplate1,verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-AcmNg.framer-2fn3on, .framer-AcmNg .framer-2fn3on { display: block; }\",\".framer-AcmNg.framer-1jfrpql { cursor: pointer; height: 56px; overflow: visible; position: relative; width: 400px; }\",\".framer-AcmNg .framer-172siwm { flex: none; height: auto; left: 50%; position: absolute; top: 50%; white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 56\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"E1a6WKDbJ\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"mxz_uGWEx\":\"fill\",\"Fu7neYiFl\":\"color\",\"SXG_xByBl\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramergE0NfiEs8=withCSS(Component,css,\"framer-AcmNg\");export default FramergE0NfiEs8;FramergE0NfiEs8.displayName=\"FC Cart Clear / Button\";FramergE0NfiEs8.defaultProps={height:56,width:400};addPropertyControls(FramergE0NfiEs8,{mxz_uGWEx:{defaultValue:'var(--token-c02a8877-fc12-446f-815f-8e7a2c7d6518, rgb(255, 255, 255)) /* {\"name\":\"White\"} */',title:\"Fill\",type:ControlType.Color},Fu7neYiFl:{defaultValue:\"rgb(0, 0, 0)\",title:\"Color\",type:ControlType.Color},SXG_xByBl:{defaultValue:\"Clear Cart\",displayTextArea:false,title:\"Title\",type:ControlType.String}});addFonts(FramergE0NfiEs8,[{explicitInter:true,fonts:[{cssFamilyName:\"DM Sans\",source:\"google\",style:\"normal\",uiFamilyName:\"DM Sans\",url:\"https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhS2f3ZGMZpg.woff2\",weight:\"400\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramergE0NfiEs8\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"56\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"E1a6WKDbJ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"mxz_uGWEx\\\":\\\"fill\\\",\\\"Fu7neYiFl\\\":\\\"color\\\",\\\"SXG_xByBl\\\":\\\"title\\\"}\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./gE0NfiEs8.map","// Generated by Framer (af7f236)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import FC_CartClearButton from\"https://framerusercontent.com/modules/wBxOpxRwiKJ3qoIvmMdQ/z5RxMWfbQYPwULKjk69M/FC_CartClear.js\";import FCCartClearButton from\"https://framerusercontent.com/modules/gmNboNsNgQMbB32gsc8h/lNTNvpyVh8iq7yWNnWWx/gE0NfiEs8.js\";const FCCartClearButtonFonts=getFonts(FCCartClearButton);const FC_CartClearButtonFonts=getFonts(FC_CartClearButton);const serializationHash=\"framer-R7pmL\";const variantClassNames={M4dWiP1qc:\"framer-v-z1ym5c\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const fzcO7vs9m=undefined;const ysTVFWWkf=undefined;const eHnpsdHqD=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};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=({color,fill,height,id,title,width,...props})=>{return{...props,eHnpsdHqD:title??props.eHnpsdHqD??\"Clear Cart\",fzcO7vs9m:fill??props.fzcO7vs9m??\"var(--token-c02a8877-fc12-446f-815f-8e7a2c7d6518, rgb(255, 255, 255))\",ysTVFWWkf:color??props.ysTVFWWkf??\"rgb(0, 0, 0)\"};};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,fzcO7vs9m,ysTVFWWkf,eHnpsdHqD,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"M4dWiP1qc\",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-z1ym5c\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"M4dWiP1qc\",ref:refBinding,style:{...style},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1l3shna-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"cT0w33kYO-container\",nodeId:\"cT0w33kYO\",rendersWithMotion:true,scopeId:\"gzcw9BfoQ\",children:/*#__PURE__*/_jsx(FC_CartClearButton,{Default:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:48,width:\"200px\",children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1oj44qg-container\",inComponentSlot:true,layoutDependency:layoutDependency,layoutId:\"wPFXP5pAc-container\",nodeId:\"wPFXP5pAc\",rendersWithMotion:true,scopeId:\"gzcw9BfoQ\",children:/*#__PURE__*/_jsx(FCCartClearButton,{Fu7neYiFl:ysTVFWWkf,height:\"100%\",id:\"wPFXP5pAc\",layoutId:\"wPFXP5pAc\",mxz_uGWEx:fzcO7vs9m,style:{height:\"100%\",width:\"100%\"},SXG_xByBl:eHnpsdHqD,width:\"100%\"})})})],height:\"100%\",id:\"cT0w33kYO\",layoutId:\"cT0w33kYO\",style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-R7pmL.framer-14p6ygy, .framer-R7pmL .framer-14p6ygy { display: block; }\",\".framer-R7pmL.framer-z1ym5c { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 48px; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 200px; }\",\".framer-R7pmL .framer-1l3shna-container { flex: 1 0 0px; height: 100%; position: relative; width: 1px; }\",\".framer-R7pmL .framer-1oj44qg-container { height: 48px; position: relative; width: 200px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 48\n * @framerIntrinsicWidth 200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"fzcO7vs9m\":\"fill\",\"ysTVFWWkf\":\"color\",\"eHnpsdHqD\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framergzcw9BfoQ=withCSS(Component,css,\"framer-R7pmL\");export default Framergzcw9BfoQ;Framergzcw9BfoQ.displayName=\"FC Cart Clear / FC Cart Clear\";Framergzcw9BfoQ.defaultProps={height:48,width:200};addPropertyControls(Framergzcw9BfoQ,{fzcO7vs9m:{defaultValue:'var(--token-c02a8877-fc12-446f-815f-8e7a2c7d6518, rgb(255, 255, 255)) /* {\"name\":\"White\"} */',title:\"Fill\",type:ControlType.Color},ysTVFWWkf:{defaultValue:\"rgb(0, 0, 0)\",title:\"Color\",type:ControlType.Color},eHnpsdHqD:{defaultValue:\"Clear Cart\",displayTextArea:false,title:\"Title\",type:ControlType.String}});addFonts(Framergzcw9BfoQ,[{explicitInter:true,fonts:[]},...FCCartClearButtonFonts,...FC_CartClearButtonFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framergzcw9BfoQ\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"fzcO7vs9m\\\":\\\"fill\\\",\\\"ysTVFWWkf\\\":\\\"color\\\",\\\"eHnpsdHqD\\\":\\\"title\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"48\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"200\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./gzcw9BfoQ.map","/*\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 React,{useEffect,useState,useCallback,useRef,cloneElement}from\"react\";import{appendAllTrackingParamsToUrl,getUTMParameters,getSCARefParameters}from\"https://framerusercontent.com/modules/w24ELWa2giT3SFaWpV77/UL9rXBH96UMdOgXUL8Iq/utmParams.js\";import{throttle}from\"lodash-es\";import{addPropertyControls,ControlType}from\"framer\";import{appendLanguageToUrl}from\"https://framerusercontent.com/modules/vC6fzbfO83MgBPIhn5zl/DUlbmWuOELzEUenVmv3G/locales.js\";import{trackFacebookPixelInitiateCheckout}from\"https://framerusercontent.com/modules/6Zs9CjkPbKzHjoy8LK08/iqoIwmJw4hztafi4V4IV/Fb_pixel.js\";/**\n * @framerDisableUnlink\n */export default function FC_CartCheckoutButton({componentInstance}){const[checkoutUrl,setCheckoutUrl]=useState(null);const isFetching=useRef(false);// Capture UTM and SCA ref parameters on component mount\nuseEffect(()=>{// Get UTM and SCA ref parameters when component mounts\ngetUTMParameters();getSCARefParameters();},[]);const 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 fetchCartAndUpdateCheckoutUrl=useCallback(async cartId=>{if(isFetching.current)return;isFetching.current=true;try{await waitForCondition(()=>window.shopXtools&&window.shopXtools.fetchCart);const cartData=await window.shopXtools.fetchCart(cartId);//console.log(\"Cart Data in checkout button\", cartData)\nif(cartData){//console.log(\"Cart Data in checkout button\", cartData)\n// Check for existing attributes\nconst storedAttributes=JSON.parse(localStorage.getItem(\"fc_cart_attributes\")||\"[]\");// console.log(\"Cart data received:\", {\n// checkoutUrl: cartData.checkoutUrl,\n// storedAttributes,\n// })\nwindow.shopXtools.cart=cartData;setCheckoutUrl(cartData.checkoutUrl||null);}else{console.error(\"Failed to fetch cart data from Shopify\");setCheckoutUrl(null);}}catch(error){console.error(\"Error fetching cart from Shopify:\",error);setCheckoutUrl(null);}finally{isFetching.current=false;}},[waitForCondition]);const handleCartUpdate=useCallback(throttle(async()=>{let cartId=window[\"shopXtools\"]?.cart?.id||localStorage.getItem(\"shopX_cart_id\");if(cartId){await fetchCartAndUpdateCheckoutUrl(cartId);}else{console.warn(\"No cart ID found. Cart is empty.\");setCheckoutUrl(null);}},1e3),[fetchCartAndUpdateCheckoutUrl]);useEffect(()=>{handleCartUpdate();window.addEventListener(\"shopXtools-cart-update\",handleCartUpdate);return()=>{window.removeEventListener(\"shopXtools-cart-update\",handleCartUpdate);};},[handleCartUpdate]);const handleClick=async e=>{try{// Aggregate all product-specific attributes from sessionStorage\nconst allAttributes=[];for(let i=0;i