$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", "export const currencyMaps={AED:\"\u062F.\u0625\",AFN:\"Af\",ALL:\"L\",AMD:\"\u058F\",ANG:\"\u0192\",AOA:\"Kz\",ARS:\"$\",AUD:\"$\",AWG:\"\u0192\",AZN:\"\u20BC\",BAM:\"KM\",BBD:\"$\",BDT:\"\u09F3\",BGN:\"\u043B\u0432\",BHD:\"\u062F.\u0628\",BIF:\"FBu\",BMD:\"$\",BND:\"$\",BOB:\"Bs.\",BRL:\"R$\",BSD:\"$\",BTN:\"Nu.\",BWP:\"P\",BYN:\"Br\",BZD:\"BZ$\",CAD:\"$\",CDF:\"FC\",CHF:\"Fr\",CLP:\"$\",CNY:\"\\xa5\",COP:\"$\",CRC:\"\u20A1\",CVE:\"$\",CZK:\"K\u010D\",DJF:\"Fdj\",DKK:\"kr\",DOP:\"RD$\",DZD:\"\u062F.\u062C\",EGP:\"\\xa3\",ERN:\"Nfk\",ETB:\"Br\",EUR:\"\u20AC\",FJD:\"$\",FKP:\"\\xa3\",GBP:\"\\xa3\",GEL:\"\u20BE\",GHS:\"\u20B5\",GIP:\"\\xa3\",GMD:\"D\",GNF:\"FG\",GTQ:\"Q\",GYD:\"$\",HKD:\"$\",HNL:\"L\",HRK:\"kn\",HTG:\"G\",HUF:\"Ft\",IDR:\"Rp\",ILS:\"\u20AA\",INR:\"\u20B9\",IQD:\"\u0639.\u062F\",IRR:\"\uFDFC\",ISK:\"kr\",JEP:\"\\xa3\",JMD:\"J$\",JOD:\"\u062F.\u0627\",JPY:\"\\xa5\",KES:\"KSh\",KGS:\"\u0441\u043E\u043C\",KHR:\"\u17DB\",KID:\"$\",KMF:\"CF\",KRW:\"\u20A9\",KWD:\"\u062F.\u0643\",KYD:\"$\",KZT:\"\u20B8\",LAK:\"\u20AD\",LBP:\"\\xa3\",LKR:\"\u0DBB\u0DD4\",LRD:\"$\",LSL:\"L\",LTL:\"Lt\",LVL:\"Ls\",LYD:\"\u0644.\u062F\",MAD:\"\u062F.\u0645.\",MDL:\"MDL\",MGA:\"Ar\",MKD:\"\u0434\u0435\u043D\",MMK:\"Ks\",MNT:\"\u20AE\",MOP:\"MOP$\",MRU:\"UM\",MUR:\"\u20A8\",MVR:\"\u0783\",MWK:\"MK\",MXN:\"$\",MYR:\"RM\",MZN:\"MT\",NAD:\"$\",NGN:\"\u20A6\",NIO:\"C$\",NOK:\"kr\",NPR:\"\u0930\u0942\",NZD:\"$\",OMR:\"\u0631.\u0639.\",PAB:\"B/.\",PEN:\"S/.\",PGK:\"K\",PHP:\"\u20B1\",PKR:\"\u20A8\",PLN:\"z\u0142\",PYG:\"\u20B2\",QAR:\"\u0631.\u0642\",RON:\"lei\",RSD:\"\u0414\u0438\u043D.\",RUB:\"\u20BD\",RWF:\"FRw\",SAR:\"\u0631.\u0633\",SBD:\"$\",SCR:\"\u20A8\",SDG:\"\u062C.\u0633.\",SEK:\"kr\",SGD:\"$\",SHP:\"\\xa3\",SLL:\"Le\",SOS:\"Sh\",SRD:\"$\",SSP:\"\\xa3\",STN:\"Db\",SYP:\"\\xa3\",SZL:\"E\",THB:\"\u0E3F\",TJS:\"\u0405\u041C\",TMT:\"T\",TND:\"\u062F.\u062A\",TOP:\"T$\",TRY:\"\u20BA\",TTD:\"TT$\",TWD:\"NT$\",TZS:\"TSh\",UAH:\"\u20B4\",UGX:\"USh\",USD:\"$\",UYU:\"$\",UZS:\"so'm\",VED:\"Bs.S.\",VES:\"Bs.\",VND:\"\u20AB\",VUV:\"VT\",WST:\"T\",XAF:\"FCFA\",XCD:\"$\",XOF:\"CFA\",XPF:\"\u20A3\",XXX:\"\",YER:\"\uFDFC\",ZAR:\"R\",ZMW:\"ZK\",BYR:\"Br\",STD:\"Db\",VEF:\"Bs.\"};\nexport const __FramerMetadata__ = {\"exports\":{\"currencyMaps\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./currencyMaps.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 * \u00A9 2024 Framer Commerce. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useMemo,useState,useCallback}from\"react\";import ShopXCartSubtotal from\"https://framer.com/m/shopX-cartSubtotal-pv7y.js\";import{addPropertyControls,ControlType}from\"framer\";import{get}from\"lodash-es\";import{currencyMaps}from\"https://framerusercontent.com/modules/k9s4cejdkBGDjmzudhzM/tAHhR6i1cMDw5f9ygI29/currencyMaps.js\";import{RenderTarget}from\"framer\";/**\n * @framerDisableUnlink\n */export default function FC_CartSubtotal(props){const[subtotal,setSubtotal]=useState(0);const[currencyConfig,setCurrencyConfig]=useState(()=>{// Initialize with window values if available\nif(typeof window!==\"undefined\"){var _window___FcCurrencyConfigs,_window,_window___FcCurrencyConfigs1,_window1,_window2;const position=((_window=window)===null||_window===void 0?void 0:(_window___FcCurrencyConfigs=_window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs===void 0?void 0:_window___FcCurrencyConfigs.currencyPosition)||\"Before\";const initialConfig={position:position,showCode:position!==\"Hide\",symbol:((_window1=window)===null||_window1===void 0?void 0:(_window___FcCurrencyConfigs1=_window1.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs1===void 0?void 0:_window___FcCurrencyConfigs1.currencySymbol)||\"$\"};console.log(\"Initial currency config state:\",initialConfig,(_window2=window)===null||_window2===void 0?void 0:_window2.__FcCurrencyConfigs);return initialConfig;}return{position:\"Before\",showCode:false,symbol:\"$\"};});const isBrowser=typeof window!==\"undefined\";// Debug current currency config\nuseEffect(()=>{console.log(\"Currency config changed:\",currencyConfig);},[currencyConfig]);// Add currency settings listener\nuseEffect(()=>{var _window,_window___FcCurrencyConfigs,_window___FcCurrencyConfigs1;if(!isBrowser)return;console.log(\"Setting up currency listener. Current window config:\",(_window=window)===null||_window===void 0?void 0:_window.__FcCurrencyConfigs);function updateCurrencyConfig(position,symbol){console.log(\"Updating currency config with:\",{position,symbol});const newConfig={position:position||\"Before\",showCode:position!==\"Hide\",symbol:symbol||\"$\"};console.log(\"New currency config:\",newConfig);setCurrencyConfig(newConfig);}// Handle currency settings updates\nconst handleCurrencySettingsUpdate=e=>{var _e_detail;console.log(\"Currency update event received:\",e.detail);if(!((_e_detail=e.detail)===null||_e_detail===void 0?void 0:_e_detail.current)){console.log(\"Invalid currency update event:\",e);return;}updateCurrencyConfig(e.detail.current.currencyPosition,e.detail.current.currencySymbol);};// Initial setup\nconst currentPosition=(_window___FcCurrencyConfigs=window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs===void 0?void 0:_window___FcCurrencyConfigs.currencyPosition;const currentSymbol=(_window___FcCurrencyConfigs1=window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs1===void 0?void 0:_window___FcCurrencyConfigs1.currencySymbol;console.log(\"Initial currency values:\",{currentPosition,currentSymbol});updateCurrencyConfig(currentPosition,currentSymbol);// Add event listener\ndocument.addEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);console.log(\"Currency event listener added\");return()=>{document.removeEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);console.log(\"Currency event listener removed\");};},[isBrowser]);// Cart calculation effect\nuseEffect(()=>{var _window_shopXtools;if(!isBrowser)return;const calculateSubtotal=cartData=>{var _cartData_lines;console.log(\"Cart Data:\",cartData);const cartItems=(cartData===null||cartData===void 0?void 0:(_cartData_lines=cartData.lines)===null||_cartData_lines===void 0?void 0:_cartData_lines.edges)||[];let total=0;let currency=null;cartItems.forEach(({node:_lineItem})=>{var _get_find,_matchingProduct_variants_edges_find,_matchingProduct_variants_edges,_matchingProduct_variants;const variantId=get(_lineItem,\"merchandise.id\",\"\");const variantGid=variantId.split(\"/\").pop();// Find matching product and variant from shopXtools.products\nconst matchingProduct=(_get_find=get(window,\"shopXtools.products\",[]).find(({node})=>node.variants.edges.some(edge=>edge.node.id.includes(variantGid))))===null||_get_find===void 0?void 0:_get_find.node;const matchingVariant=matchingProduct===null||matchingProduct===void 0?void 0:(_matchingProduct_variants=matchingProduct.variants)===null||_matchingProduct_variants===void 0?void 0:(_matchingProduct_variants_edges=_matchingProduct_variants.edges)===null||_matchingProduct_variants_edges===void 0?void 0:(_matchingProduct_variants_edges_find=_matchingProduct_variants_edges.find(edge=>edge.node.id.includes(variantGid)))===null||_matchingProduct_variants_edges_find===void 0?void 0:_matchingProduct_variants_edges_find.node;// Get price and currency from variant or product\nconst price=parseFloat(get(matchingVariant,\"priceV2.amount\")||get(matchingProduct,\"priceRange.minVariantPrice.amount\")||0);// Get currency from the same source as price\nif(!currency){currency=get(matchingVariant,\"priceV2.currencyCode\")||get(matchingProduct,\"priceRange.minVariantPrice.currencyCode\");}total+=price*_lineItem.quantity;console.log(\"Line Item Calculation:\",{variantId,variantGid,price,currency,quantity:_lineItem.quantity,lineTotal:price*_lineItem.quantity});});console.log(\"Final Calculated Total:\",total,\"Currency:\",currency);setSubtotal(total);// Store the currency in state to use for formatting\nsetCurrencyConfig(prev=>({...prev,currentCurrency:currency||\"USD\"}));};// Initialize cart details if available\nif((_window_shopXtools=window[\"shopXtools\"])===null||_window_shopXtools===void 0?void 0:_window_shopXtools.cart){console.log(\"Initial Cart Load\");calculateSubtotal(window.shopXtools.cart);}const updateCart=()=>{console.log(\"Cart Update Event Triggered\");const currentCart=get(window,\"shopXtools.cart\");calculateSubtotal(currentCart);};window.addEventListener(\"shopXtools-cart-update\",updateCart);return()=>window.removeEventListener(\"shopXtools-cart-update\",updateCart);},[isBrowser]);const _currencyCode=useMemo(()=>{if(!isBrowser)return\"USD\";// Use the currency we got from the variant/product\nreturn currencyConfig.currentCurrency||\"USD\";},[isBrowser,currencyConfig.currentCurrency]);const showMockValues=useMemo(()=>subtotal===0&&isBrowser&&window.location.origin.endsWith(\"framercanvas.com\"),[subtotal,isBrowser]);const formatCartPrice=useCallback((amount,currencyCode)=>{var _window___FcCurrencyConfigs,_window,_window___FcCurrencyConfigs1,_window1;// Clean and format amount\nif(typeof amount===\"string\"){amount=amount.replace(/[^0-9.]/g,\"\");const parts=amount.split(\".\");if(parts.length>2){amount=parts[0]+\".\"+parts.slice(1).join(\"\");}}if(typeof amount!==\"number\"){amount=parseFloat(amount);}if(isNaN(amount)){amount=0;}// Format the base amount without any currency symbols\nconst formattedAmount=new Intl.NumberFormat(\"en-US\",{minimumFractionDigits:2,maximumFractionDigits:2}).format(amount);// For canvas view, always show as $XX.XX USD if showCurrencyCode is true\nif(RenderTarget.current()===RenderTarget.canvas){const symbol=props.showSymbol?\"$\":\"\";const code=props.showCurrency?\" USD\":\"\";return`${symbol}${formattedAmount}${code}`;}// For browser view, use the currency config logic\nconst symbol=props.showSymbol?currencyMaps[currencyCode]||\"$\":\"\";const code=props.showCurrency?` ${currencyCode}`:\"\";// Get position config from window\nconst currencyPosition=((_window=window)===null||_window===void 0?void 0:(_window___FcCurrencyConfigs=_window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs===void 0?void 0:_window___FcCurrencyConfigs.currencyPosition)||\"Left\";const symbolPosition=((_window1=window)===null||_window1===void 0?void 0:(_window___FcCurrencyConfigs1=_window1.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs1===void 0?void 0:_window___FcCurrencyConfigs1.currencySymbol)||\"Left\";// Build the price string based on positions\nlet result=formattedAmount;// Add symbol based on its position\nif(symbol){if(symbolPosition===\"Right\"){result=`${result}${symbol}`;}else{result=`${symbol}${result}`;}}// Add currency code based on its position\nif(code){if((currencyPosition===null||currencyPosition===void 0?void 0:currencyPosition.toLowerCase())===\"right\"){result=`${result}${code}`;}else{result=`${code} ${result}`;}}return result.trim();},[props.showSymbol,props.showCurrency]);const text=useMemo(()=>{if(!isBrowser)return\"\";// For mock values, use the same currency code as the real data\nif(showMockValues){return formatCartPrice(\"150.00\",_currencyCode);}return formatCartPrice(subtotal,_currencyCode);},[isBrowser,showMockValues,subtotal,_currencyCode,formatCartPrice]);if(!isBrowser){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"inline-flex\"}});}// For debugging\nconsole.log(\"Rendering FC_CartSubtotal with:\",{subtotal,text,currencyConfig,props});// 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={showCurrency:false,showSymbol:true};addPropertyControls(FC_CartSubtotal,{showCurrency:{type:ControlType.Boolean,title:\"Code\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\"},showSymbol:{type:ControlType.Boolean,title:\"Symbol\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},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\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FC_CartSubtotal.map", "export const createCartMutationWithAttributes=`\n mutation createCart($lines: [CartLineInput!]!, $attributes: [AttributeInput!]) {\n cartCreate(input: { lines: $lines, attributes: $attributes }) {\n cart {\n id\n checkoutUrl\n attributes {\n key\n value\n }\n lines(first: 100) {\n edges {\n node {\n id\n quantity\n merchandise {\n ... on ProductVariant {\n id\n }\n }\n }\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n }\n`;export const createCartMutation=`\n mutation createCart($lines: [CartLineInput!]!) {\n cartCreate(input: { lines: $lines}) {\n cart {\n id\n checkoutUrl\n attributes {\n key\n value\n }\n lines(first: 100) {\n edges {\n node {\n id\n quantity\n merchandise {\n ... on ProductVariant {\n id\n }\n }\n }\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n }\n`;export const addToCartMutation=`\n mutation cartLinesAdd($cartId: ID!, $lines: [CartLineInput!]!) {\n cartLinesAdd(cartId: $cartId, lines: $lines) {\n cart {\n id\n checkoutUrl\n attributes {\n key\n value\n }\n lines(first: 100) {\n edges {\n node {\n id\n quantity\n merchandise {\n ... on ProductVariant {\n id\n product {\n id\n title\n metafields(\n identifiers: [\n { namespace: \"custom\", key: \"order_max\" }\n ]\n ) {\n namespace\n key\n value\n }\n }\n priceV2 {\n amount\n currencyCode\n }\n image {\n url\n }\n selectedOptions {\n name\n value\n }\n }\n }\n cost {\n totalAmount {\n amount\n currencyCode\n }\n }\n }\n }\n }\n cost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n totalTaxAmount {\n amount\n currencyCode\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n }\n`;export const updateCartAttributes=`\n mutation cartAttributesUpdate($cartId: ID!, $attributes: [AttributeInput!]!) {\n cartAttributesUpdate(cartId: $cartId, attributes: $attributes) {\n cart {\n id\n attributes {\n key\n value\n }\n }\n userErrors {\n field\n message\n }\n }\n }\n`;// mutation with the selling plans:\nexport const createCartMutationNoPlans=`\nmutation cartCreate($input: CartInput!) {\n cartCreate(input: $input) {\n cart {\n id\n checkoutUrl\n createdAt\n note\n attributes {\n key\n value\n }\n lines(first: 10) {\n edges {\n node {\n id\n quantity\n attributes {\n key\n value\n }\n merchandise {\n ... on ProductVariant {\n id\n title\n priceV2 {\n amount\n currencyCode\n }\n }\n }\n }\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n}\n`;export const addToCartMutationNoPlans=`\nmutation cartLinesAdd($cartId: ID!, $lines: [CartLineInput!]!, $attributes: [AttributeInput!]) {\n cartLinesAdd(cartId: $cartId, lines: $lines) {\n cart {\n id\n checkoutUrl\n note\n attributes {\n key\n value\n }\n lines(first: 10) {\n edges {\n node {\n id\n quantity\n attributes {\n key\n value\n }\n merchandise {\n ... on ProductVariant {\n id\n title\n priceV2 {\n amount\n currencyCode\n }\n }\n }\n }\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n cartAttributesUpdate(cartId: $cartId, attributes: $attributes) {\n cart {\n id\n note\n attributes {\n key\n value\n }\n }\n userErrors {\n field\n message\n }\n }\n}\n`;/***\n * Cart Product Card V2 Mutations\n */export const updatelineMutation=`\n mutation cartLinesUpdate($cartId: ID!, $lines: [CartLineUpdateInput!]!) {\n cartLinesUpdate(cartId: $cartId, lines: $lines) {\n cart {\n id\n lines(first: 100) {\n edges {\n node {\n id\n quantity\n merchandise {\n ... on ProductVariant {\n id\n product {\n id\n handle\n title\n }\n }\n }\n }\n }\n }\n }\n }\n }\n`;export const removeLineMutation=`mutation cartLinesRemove($cartId: ID!, $lineIds: [ID!]!) {\n cartLinesRemove(cartId: $cartId, lineIds: $lineIds) {\n cart {\n id\n lines(first: 250) {\n edges {\n node {\n id\n quantity\n sellingPlanAllocation{ \n checkoutChargeAmount{\n amount\n currencyCode\n }\n }\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n }\n merchandise {\n ... on ProductVariant {\n id\n title\n product {\n id\n title\n }\n priceV2 {\n amount\n currencyCode\n }\n image {\n url\n }\n selectedOptions\n {\n name\n value\n }\n }\n }\n }\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n }`;export const updatelineMutationNoPlans=`mutation cartLinesUpdate($cartId: ID!, $lines: [CartLineUpdateInput!]!) {\n cartLinesUpdate(cartId: $cartId, lines: $lines) {\n cart {\n id\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n totalTaxAmount {\n amount\n currencyCode\n }\n totalDutyAmount {\n amount\n currencyCode\n }\n }\n lines(first: 250) {\n edges {\n node {\n id\n quantity\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n }\n merchandise {\n ... on ProductVariant {\n id\n title\n product {\n id\n title\n }\n priceV2 {\n amount\n currencyCode\n }\n image {\n url\n }\n selectedOptions\n {\n name\n value\n }\n\n }\n }\n }\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n }`;export const removeLineMutationNoPlans=`mutation cartLinesRemove($cartId: ID!, $lineIds: [ID!]!) {\n cartLinesRemove(cartId: $cartId, lineIds: $lineIds) {\n cart {\n id\n lines(first: 250) {\n edges {\n node {\n id\n quantity\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n }\n merchandise {\n ... on ProductVariant {\n id\n title\n product {\n id\n title\n }\n priceV2 {\n amount\n currencyCode\n }\n image {\n url\n }\n selectedOptions\n {\n name\n value\n }\n }\n }\n }\n }\n }\n }\n userErrors {\n field\n message\n }\n }\n }`;export const getProducts=`\n query GetProducts($cursor: String) {\n products(first: 250, after: $cursor) {\n edges {\n node {\n id\n title\n vendor\n handle\n images(first: 20) {\n edges {\n node {\n url\n altText\n width\n height\n }\n }\n }\n totalInventory\n sellingPlanGroups(first: 1) {\n edges {\n node {\n name\n options {\n name\n values\n }\n sellingPlans(first: 10) {\n edges {\n node {\n id\n name\n description\n recurringDeliveries\n priceAdjustments {\n orderCount\n adjustmentValue {\n __typename\n ... on SellingPlanPercentagePriceAdjustment {\n adjustmentPercentage\n }\n ... on SellingPlanFixedAmountPriceAdjustment {\n adjustmentAmount {\n amount\n currencyCode\n }\n }\n ... on SellingPlanFixedPriceAdjustment {\n price {\n amount\n currencyCode\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n options {\n id\n name\n values\n }\n compareAtPriceRange {\n minVariantPrice {\n amount\n currencyCode\n }\n }\n priceRange {\n minVariantPrice {\n amount\n currencyCode\n }\n }\n variants(first: 250) {\n pageInfo {\n hasNextPage\n hasPreviousPage\n endCursor\n }\n edges {\n node {\n id\n image {\n url\n altText\n width\n height\n }\n title\n sku\n availableForSale\n requiresShipping\n selectedOptions {\n name\n value\n }\n priceV2 {\n amount\n currencyCode\n }\n compareAtPriceV2 {\n amount\n currencyCode\n }\n }\n }\n }\n }\n }\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n`;export const getProductsBackup=`\n query GetProductsBackup($cursor: String) {\n products(first: 250, after: $cursor) {\n edges {\n node {\n id\n title\n vendor\n handle\n totalInventory\n images(first: 20) {\n edges {\n node {\n url\n altText\n width\n height\n }\n }\n }\n options {\n id\n name\n values\n }\n compareAtPriceRange {\n minVariantPrice {\n amount\n currencyCode\n }\n }\n priceRange {\n minVariantPrice {\n amount\n currencyCode\n }\n }\n variants(first: 250) {\n pageInfo {\n hasNextPage\n hasPreviousPage\n endCursor\n }\n edges {\n node {\n id\n image {\n url\n altText\n width\n height\n }\n title\n sku\n availableForSale\n requiresShipping\n selectedOptions {\n name\n value\n }\n priceV2 {\n amount\n currencyCode\n }\n compareAtPriceV2 {\n amount\n currencyCode\n }\n }\n }\n }\n }\n }\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n`;export const getCartQuery=`\n query GetCart($cartId: ID!) {\n cart(id: $cartId) {\n id\n createdAt\n updatedAt\n checkoutUrl\n lines(first: 250) {\n edges {\n node {\n id\n quantity\n sellingPlanAllocation { \n checkoutChargeAmount {\n amount\n currencyCode\n }\n sellingPlan {\n id\n name\n description\n }\n }\n merchandise {\n ... on ProductVariant {\n id\n title\n image {\n url\n }\n selectedOptions {\n name\n value\n }\n product {\n title\n handle\n }\n priceV2 {\n amount\n currencyCode\n }\n compareAtPriceV2 {\n amount\n currencyCode\n }\n }\n }\n attributes {\n key\n value\n }\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n }\n }\n }\n }\n attributes {\n key\n value\n }\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n totalTaxAmount {\n amount\n currencyCode\n }\n totalDutyAmount {\n amount\n currencyCode\n }\n }\n }\n }\n`;export const getCartQueryNoPlans=`\n query GetCart($cartId: ID!) {\n cart(id: $cartId) {\n id\n createdAt\n updatedAt\n checkoutUrl\n lines(first: 250) {\n edges {\n node {\n id\n quantity\n merchandise {\n ... on ProductVariant {\n id\n title\n image {\n url\n }\n selectedOptions {\n name\n value\n }\n product {\n title\n handle\n }\n priceV2 {\n amount\n currencyCode\n }\n compareAtPriceV2 {\n amount\n currencyCode\n }\n }\n }\n attributes {\n key\n value\n }\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n }\n }\n }\n }\n attributes {\n key\n value\n }\n estimatedCost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n totalTaxAmount {\n amount\n currencyCode\n }\n totalDutyAmount {\n amount\n currencyCode\n }\n }\n }\n }\n`;export const cartQuery=`\n query getCart($cartId: ID!) {\n cart(id: $cartId) {\n id\n checkoutUrl\n attributes {\n key\n value\n }\n lines(first: 100) {\n edges {\n node {\n id\n quantity\n attributes {\n key\n value\n }\n merchandise {\n ... on ProductVariant {\n id\n product {\n id\n title\n metafields(\n identifiers: [\n { namespace: \"custom\", key: \"order_max\" }\n ]\n ) {\n namespace\n key\n value\n }\n }\n priceV2 {\n amount\n currencyCode\n }\n image {\n url\n }\n selectedOptions {\n name\n value\n }\n }\n }\n sellingPlanAllocation {\n sellingPlan {\n id\n name\n }\n checkoutChargeAmount {\n amount\n currencyCode\n }\n }\n cost {\n totalAmount {\n amount\n currencyCode\n }\n }\n }\n }\n }\n cost {\n totalAmount {\n amount\n currencyCode\n }\n subtotalAmount {\n amount\n currencyCode\n }\n totalTaxAmount {\n amount\n currencyCode\n }\n }\n }\n }\n`;export const getProductMetafields=`\n query getProductMetafields($handle: String!) {\n product(handle: $handle) {\n id\n metafield_order_max: metafield(namespace: \"custom\", key: \"order_max\") {\n value\n type\n }\n }\n }\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"getCartQueryNoPlans\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"createCartMutationNoPlans\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"removeLineMutation\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"updatelineMutation\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"addToCartMutationNoPlans\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getCartQuery\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"addToCartMutation\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getProductMetafields\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"cartQuery\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getProductsBackup\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getProducts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"createCartMutation\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"removeLineMutationNoPlans\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"updatelineMutationNoPlans\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"updateCartAttributes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"createCartMutationWithAttributes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./mutations.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 * \u00A9 2024 Framer Commerce. All Rights Reserved.\n */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import React,{useCallback,useRef,useEffect,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{get,throttle}from\"lodash-es\";import{removeLineMutation,updatelineMutation,removeLineMutationNoPlans,getProductMetafields}from\"https://framerusercontent.com/modules/mwtjDL5aFtn18DK13b9N/sVhOqbvQIzMJGCqI2Tsv/mutations.js\";import{currencyMaps}from\"https://framerusercontent.com/modules/k9s4cejdkBGDjmzudhzM/tAHhR6i1cMDw5f9ygI29/currencyMaps.js\";/**\n * @framerDisableUnlink\n */export default function FC_CartProductCard(props){var _props_priceConfigs,_props_priceConfigs1,_props_priceConfigs2,_props_priceConfigs3,_props_spacingConfigs,_props_imageConfigs,_props_imageConfigs1,_props_quantityConfigs_buttons,_props_quantityConfigs,_props_quantityConfigs_container,_props_quantityConfigs1,_props_quantityConfigs_container1,_props_quantityConfigs2,_props_quantityConfigs_buttons1,_props_quantityConfigs3,_props_quantityConfigs_buttons2,_props_quantityConfigs4,_props_removeIconConfigs,_props_removeIconConfigs1,_props_removeIconConfigs2,_props_containerConfigs,_props_containerConfigs1,_props_containerConfigs2,_props_containerConfigs3,_props_priceConfigs4,_props_priceConfigs_comparePrice,_props_priceConfigs5,_props_priceConfigs_comparePrice1,_props_priceConfigs6,_props_spacingConfigs1,_props_spacingConfigs2,_props_spacingConfigs3,_props_imageConfigs2,_props_imageConfigs3,_props_quantityConfigs_buttons3,_props_quantityConfigs5,_props_quantityConfigs_container2,_props_quantityConfigs6,_props_quantityConfigs_container3,_props_quantityConfigs7,_props_quantityConfigs_buttons4,_props_quantityConfigs8,_props_quantityConfigs_buttons5,_props_quantityConfigs9,_props_removeIconConfigs3,_props_removeIconConfigs4,_props_removeIconConfigs5,_props_containerConfigs4,_props_containerConfigs5,_props_containerConfigs6,_props_containerConfigs7,_props_priceConfigs7,_props_priceConfigs_comparePrice2,_props_priceConfigs8,_props_priceConfigs_comparePrice3,_props_priceConfigs9,_props_variantConfigs,_props_spacingConfigs4,_props_spacingConfigs5,_props_spacingConfigs6,_props_imageConfigs4,_props_imageConfigs5,_props_quantityConfigs_buttons6,_props_quantityConfigs10,_props_quantityConfigs_container4,_props_quantityConfigs11,_props_quantityConfigs_container5,_props_quantityConfigs12,_props_quantityConfigs_buttons7,_props_quantityConfigs13,_props_quantityConfigs_buttons8,_props_quantityConfigs14,_props_removeIconConfigs6,_props_removeIconConfigs7,_props_removeIconConfigs8,_props_containerConfigs8,_props_containerConfigs9,_props_containerConfigs10,_props_containerConfigs11,_props_priceConfigs10,_props_priceConfigs_comparePrice4,_props_priceConfigs11,_props_priceConfigs_comparePrice5,_props_priceConfigs12,_props_variantConfigs1,_props_spacingConfigs7,_props_spacingConfigs8,_props_spacingConfigs9,_props_imageConfigs6,_props_imageConfigs7,_props_quantityConfigs_buttons9,_props_quantityConfigs15,_props_quantityConfigs_container6,_props_quantityConfigs16,_props_quantityConfigs_container7,_props_quantityConfigs17,_props_quantityConfigs_buttons10,_props_quantityConfigs18,_props_quantityConfigs_buttons11,_props_quantityConfigs19,_props_removeIconConfigs9,_props_removeIconConfigs10,_props_removeIconConfigs11,_props_containerConfigs12,_props_containerConfigs13,_props_containerConfigs14,_props_containerConfigs15,_props_priceConfigs13,_props_priceConfigs_comparePrice6,_props_priceConfigs14,_props_priceConfigs_comparePrice7,_props_priceConfigs15,_props_variantConfigs2;const[cart,setCart]=useState({});const[cartItems,setCartItems]=useState([]);const[errorMessage,setErrorMessage]=useState();const isFetching=useRef(false);// Add currency config state\nconst[currencyConfig,setCurrencyConfig]=useState(()=>{// Initialize with window values if available\nif(typeof window!==\"undefined\"){var _window___FcCurrencyConfigs,_window,_window___FcCurrencyConfigs1,_window1,_window2;const position=((_window=window)===null||_window===void 0?void 0:(_window___FcCurrencyConfigs=_window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs===void 0?void 0:_window___FcCurrencyConfigs.currencyPosition)||\"Before\";const initialConfig={position:position,showCode:position!==\"Hide\",symbol:((_window1=window)===null||_window1===void 0?void 0:(_window___FcCurrencyConfigs1=_window1.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs1===void 0?void 0:_window___FcCurrencyConfigs1.currencySymbol)||\"$\"};console.log(\"Initial currency config state:\",initialConfig,(_window2=window)===null||_window2===void 0?void 0:_window2.__FcCurrencyConfigs);return initialConfig;}return{position:\"Before\",showCode:false,symbol:\"$\"};});// Add currency settings listener\nuseEffect(()=>{var _window___FcCurrencyConfigs,_window___FcCurrencyConfigs1;if(typeof window===\"undefined\")return;function updateCurrencyConfig(position,symbol){console.log(\"Updating currency config with:\",{position,symbol});const newConfig={position:position||\"Before\",showCode:position!==\"Hide\",symbol:symbol||\"$\"};console.log(\"New currency config:\",newConfig);setCurrencyConfig(newConfig);}// Handle currency settings updates\nconst handleCurrencySettingsUpdate=e=>{var _e_detail;console.log(\"Currency update event received:\",e.detail);if(!((_e_detail=e.detail)===null||_e_detail===void 0?void 0:_e_detail.current)){console.log(\"Invalid currency update event:\",e);return;}updateCurrencyConfig(e.detail.current.currencyPosition,e.detail.current.currencySymbol);};// Initial setup\nconst currentPosition=(_window___FcCurrencyConfigs=window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs===void 0?void 0:_window___FcCurrencyConfigs.currencyPosition;const currentSymbol=(_window___FcCurrencyConfigs1=window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs1===void 0?void 0:_window___FcCurrencyConfigs1.currencySymbol;console.log(\"Initial currency values:\",{currentPosition,currentSymbol});updateCurrencyConfig(currentPosition,currentSymbol);// Add event listener\ndocument.addEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);return()=>{document.removeEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);};},[]);const _showCurrencyCode=(_props_priceConfigs=props.priceConfigs)===null||_props_priceConfigs===void 0?void 0:_props_priceConfigs.showCurrencyCode;const _showCurrencySymbol=(_props_priceConfigs1=props.priceConfigs)===null||_props_priceConfigs1===void 0?void 0:_props_priceConfigs1.showSymbol;const formatCartPrice=useCallback((amount,currencyCode)=>{var _props_priceConfigs,_props_priceConfigs1,_window___FcCurrencyConfigs,_window,_window___FcCurrencyConfigs1,_window1;// Clean and format amount\nif(typeof amount===\"string\"){amount=amount.replace(/[^0-9.]/g,\"\");const parts=amount.split(\".\");if(parts.length>2){amount=parts[0]+\".\"+parts.slice(1).join(\"\");}}if(typeof amount!==\"number\"){amount=parseFloat(amount);}if(isNaN(amount)){amount=0;}// Format the base amount without any currency symbols\nconst formattedAmount=new Intl.NumberFormat(\"en-US\",{minimumFractionDigits:2,maximumFractionDigits:2}).format(amount);// For canvas view, always show as $XX.XX USD if showCurrencyCode is true\nif(RenderTarget.current()===RenderTarget.canvas){var _props_priceConfigs2,_props_priceConfigs3;const showSymbol=(_props_priceConfigs2=props.priceConfigs)===null||_props_priceConfigs2===void 0?void 0:_props_priceConfigs2.showSymbol;const showCode=(_props_priceConfigs3=props.priceConfigs)===null||_props_priceConfigs3===void 0?void 0:_props_priceConfigs3.showCurrencyCode;const symbol=showSymbol?\"$\":\"\";const code=showCode?\"USD\":\"\";return`${symbol}${formattedAmount}${code?` ${code}`:\"\"}`;}// For browser view, use the existing currency config logic\nconst showSymbol=(_props_priceConfigs=props.priceConfigs)===null||_props_priceConfigs===void 0?void 0:_props_priceConfigs.showSymbol;const showCode=(_props_priceConfigs1=props.priceConfigs)===null||_props_priceConfigs1===void 0?void 0:_props_priceConfigs1.showCurrencyCode;const symbol=showSymbol?currencyMaps[currencyCode]||\"$\":\"\";const code=showCode?currencyCode:\"\";// Get current config from state or window\nconst config={currencyPosition:(currencyConfig===null||currencyConfig===void 0?void 0:currencyConfig.position)||((_window=window)===null||_window===void 0?void 0:(_window___FcCurrencyConfigs=_window.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs===void 0?void 0:_window___FcCurrencyConfigs.currencyPosition)||\"Left\",symbolPosition:((_window1=window)===null||_window1===void 0?void 0:(_window___FcCurrencyConfigs1=_window1.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs1===void 0?void 0:_window___FcCurrencyConfigs1.currencySymbol)||\"Left\",spaceBeforeValue:false,spaceAfterValue:false};// Build the price string based on positions\nlet result=formattedAmount;const beforeSpace=config.spaceBeforeValue?\" \":\"\";const afterSpace=config.spaceAfterValue?\" \":\"\";// Add symbol based on its position\nif(symbol){var _window___FcCurrencyConfigs2,_window2;if(((_window2=window)===null||_window2===void 0?void 0:(_window___FcCurrencyConfigs2=_window2.__FcCurrencyConfigs)===null||_window___FcCurrencyConfigs2===void 0?void 0:_window___FcCurrencyConfigs2.currencySymbol)===\"Right\"){result=`${result}${symbol}`;}else{result=`${symbol}${result}`;}}// Add currency code based on its position\nif(code){var _config_currencyPosition;if(((_config_currencyPosition=config.currencyPosition)===null||_config_currencyPosition===void 0?void 0:_config_currencyPosition.toLowerCase())===\"right\"){result=`${result}${code?` ${code}`:\"\"}`;}else{result=`${code}${code?\" \":\"\"}${result}`;}}return result.trim();},[(_props_priceConfigs2=props.priceConfigs)===null||_props_priceConfigs2===void 0?void 0:_props_priceConfigs2.showSymbol,(_props_priceConfigs3=props.priceConfigs)===null||_props_priceConfigs3===void 0?void 0:_props_priceConfigs3.showCurrencyCode,currencyConfig]);const fetchCartFromShopify=useCallback(async cartId=>{if(isFetching.current){return;}isFetching.current=true;try{// Wait until window.shopXtools.fetchCart is available\nawait waitForCondition(()=>window.shopXtools&&window.shopXtools.fetchCart);const cartData=await window.shopXtools.fetchCart(cartId);if(cartData){var _cartData_lines;setCart(cartData);setCartItems(((_cartData_lines=cartData.lines)===null||_cartData_lines===void 0?void 0:_cartData_lines.edges)||[]);// Update the global cart data\nwindow.shopXtools.cart=cartData;// Dispatch cart update event\nwindow.dispatchEvent(new Event(\"shopXtools-cart-update\"));}else{setCart({});setCartItems([]);}}catch(error){setCart({});setCartItems([]);}finally{isFetching.current=false;}},[]);// 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 handleCartUpdate=useCallback(throttle(async()=>{var _window_shopXtools_cart,_window_shopXtools;let cartId=(_window_shopXtools=window[\"shopXtools\"])===null||_window_shopXtools===void 0?void 0:(_window_shopXtools_cart=_window_shopXtools.cart)===null||_window_shopXtools_cart===void 0?void 0:_window_shopXtools_cart.id;if(!cartId){try{cartId=localStorage.getItem(\"shopX_cart_id\");}catch(error){console.error(\"Error loading cart ID from local storage:\",error);}}if(cartId){await fetchCartFromShopify(cartId);}else{setCart({});setCartItems([]);}},500),[fetchCartFromShopify]);useEffect(()=>{// Fetch cart data on component mount\nhandleCartUpdate();window.addEventListener(\"shopXtools-cart-update\",handleCartUpdate);return()=>{window.removeEventListener(\"shopXtools-cart-update\",handleCartUpdate);};},[handleCartUpdate]);const handleRemoveLine=useCallback(async(cartId,lineId)=>{if(!cartId||!lineId){console.error(\"Missing cartId or lineId for remove operation\");return;}try{var _window_shopXtools,_data_cartLinesRemove,_window_shopXtools1,_backupData_cartLinesRemove;const data=await ((_window_shopXtools=window.shopXtools)===null||_window_shopXtools===void 0?void 0:_window_shopXtools.handleCartMutation(removeLineMutation,{cartId,lineIds:[lineId]}));if(data===null||data===void 0?void 0:(_data_cartLinesRemove=data.cartLinesRemove)===null||_data_cartLinesRemove===void 0?void 0:_data_cartLinesRemove.cart){await fetchCartFromShopify(cartId);return;}// Try backup mutation if primary fails\nconst backupData=await ((_window_shopXtools1=window.shopXtools)===null||_window_shopXtools1===void 0?void 0:_window_shopXtools1.handleCartMutation(removeLineMutationNoPlans,{cartId,lineIds:[lineId]}));if(backupData===null||backupData===void 0?void 0:(_backupData_cartLinesRemove=backupData.cartLinesRemove)===null||_backupData_cartLinesRemove===void 0?void 0:_backupData_cartLinesRemove.cart){await fetchCartFromShopify(cartId);}else{console.error(\"Both primary and backup remove line mutations failed\");}}catch(error){console.error(\"Error removing line item:\",error);}},[fetchCartFromShopify]);const handleUpdateLine=useCallback(async(cartId,lineId,quantity,lineItem)=>{if(!cartId||!lineId||typeof quantity!==\"number\"){console.error(\"Missing required parameters for update operation\");return;}try{var _lineItem_merchandise_product,_lineItem_merchandise,_window_shopXtools,_data_cartLinesUpdate;// Check quantity limits if product has them\nconst productHandle=lineItem===null||lineItem===void 0?void 0:(_lineItem_merchandise=lineItem.merchandise)===null||_lineItem_merchandise===void 0?void 0:(_lineItem_merchandise_product=_lineItem_merchandise.product)===null||_lineItem_merchandise_product===void 0?void 0:_lineItem_merchandise_product.handle;if(productHandle){var _window_shopXtools1,_metafields_product_metafield_order_max,_metafields_product;const metafields=await ((_window_shopXtools1=window.shopXtools)===null||_window_shopXtools1===void 0?void 0:_window_shopXtools1.handleCartMutation(getProductMetafields,{handle:productHandle}));const maxQuantity=parseInt(metafields===null||metafields===void 0?void 0:(_metafields_product=metafields.product)===null||_metafields_product===void 0?void 0:(_metafields_product_metafield_order_max=_metafields_product.metafield_order_max)===null||_metafields_product_metafield_order_max===void 0?void 0:_metafields_product_metafield_order_max.value,10);if(!isNaN(maxQuantity)&&maxQuantity>0&&quantity>maxQuantity){setErrorMessage(`Maximum quantity allowed is ${maxQuantity}`);return;}}// Update cart line\nconst data=await ((_window_shopXtools=window.shopXtools)===null||_window_shopXtools===void 0?void 0:_window_shopXtools.handleCartMutation(updatelineMutation,{cartId,lines:[{id:lineId,quantity}]}));if(data===null||data===void 0?void 0:(_data_cartLinesUpdate=data.cartLinesUpdate)===null||_data_cartLinesUpdate===void 0?void 0:_data_cartLinesUpdate.cart){await fetchCartFromShopify(cartId);setErrorMessage(undefined);}else{console.error(\"Failed to update cart line\");}}catch(error){console.error(\"Error updating line item:\",error);}},[fetchCartFromShopify]);const errorVisible=errorMessage!==null;// Adjust mock data for compare price\nconst mockData=[{price:\"100.00\",comparePrice:null},{price:\"200.00\",comparePrice:\"250.00\"},{price:\"300.00\",comparePrice:null},{price:\"400.00\",comparePrice:null}];var _props_spacingConfigs_gap;return /*#__PURE__*/_jsx(_Fragment,{children:RenderTarget.current()===RenderTarget.canvas?/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:(_props_spacingConfigs_gap=(_props_spacingConfigs=props.spacingConfigs)===null||_props_spacingConfigs===void 0?void 0:_props_spacingConfigs.gap)!==null&&_props_spacingConfigs_gap!==void 0?_props_spacingConfigs_gap:24,width:\"100%\"},children:[/*#__PURE__*/_jsx(ShopXCartProductCard,{imageVisibility:(_props_imageConfigs=props.imageConfigs)===null||_props_imageConfigs===void 0?void 0:_props_imageConfigs.visible,image:((_props_imageConfigs1=props.imageConfigs)===null||_props_imageConfigs1===void 0?void 0:_props_imageConfigs1.visible)?\"https://framerusercontent.com/images/3E7u1YOHRQaZuBdfYRsm3XCzxk.jpg\":null,imageConfigs:props.imageConfigs,quantityConfigs:props.quantityConfigs,removeIconConfigs:props.removeIconConfigs,containerConfigs:props.containerConfigs,linkConfigs:props.linkConfigs,titleConfigs:props.titleConfigs,_lineItem:{merchandise:{product:{handle:\"example-product\"}}},quantityControlColor:(_props_quantityConfigs=props.quantityConfigs)===null||_props_quantityConfigs===void 0?void 0:(_props_quantityConfigs_buttons=_props_quantityConfigs.buttons)===null||_props_quantityConfigs_buttons===void 0?void 0:_props_quantityConfigs_buttons.icons,quantityNumberColor:(_props_quantityConfigs1=props.quantityConfigs)===null||_props_quantityConfigs1===void 0?void 0:(_props_quantityConfigs_container=_props_quantityConfigs1.container)===null||_props_quantityConfigs_container===void 0?void 0:_props_quantityConfigs_container.number,quantityContainerBgColor:(_props_quantityConfigs2=props.quantityConfigs)===null||_props_quantityConfigs2===void 0?void 0:(_props_quantityConfigs_container1=_props_quantityConfigs2.container)===null||_props_quantityConfigs_container1===void 0?void 0:_props_quantityConfigs_container1.containerBg,quantityControlBgColor:(_props_quantityConfigs3=props.quantityConfigs)===null||_props_quantityConfigs3===void 0?void 0:(_props_quantityConfigs_buttons1=_props_quantityConfigs3.buttons)===null||_props_quantityConfigs_buttons1===void 0?void 0:_props_quantityConfigs_buttons1.iconBg,quantityControlHoverColor:(_props_quantityConfigs4=props.quantityConfigs)===null||_props_quantityConfigs4===void 0?void 0:(_props_quantityConfigs_buttons2=_props_quantityConfigs4.buttons)===null||_props_quantityConfigs_buttons2===void 0?void 0:_props_quantityConfigs_buttons2.iconBgHover,quantityContainerBorder:\"1px solid #E2E2E2\",quantityContainerRadius:\"8px\",xColor:(_props_removeIconConfigs=props.removeIconConfigs)===null||_props_removeIconConfigs===void 0?void 0:_props_removeIconConfigs.icon,xBgColor:(_props_removeIconConfigs1=props.removeIconConfigs)===null||_props_removeIconConfigs1===void 0?void 0:_props_removeIconConfigs1.bg,xBgHoverColor:(_props_removeIconConfigs2=props.removeIconConfigs)===null||_props_removeIconConfigs2===void 0?void 0:_props_removeIconConfigs2.bgHover,style:{width:\"100%\",border:((_props_containerConfigs=props.containerConfigs)===null||_props_containerConfigs===void 0?void 0:_props_containerConfigs.border)?`${props.containerConfigs.border.borderWidth}px ${props.containerConfigs.border.borderStyle} ${props.containerConfigs.border.borderColor}`:undefined,borderRadius:((_props_containerConfigs1=props.containerConfigs)===null||_props_containerConfigs1===void 0?void 0:_props_containerConfigs1.radius)||\"0px\",background:((_props_containerConfigs2=props.containerConfigs)===null||_props_containerConfigs2===void 0?void 0:_props_containerConfigs2.background)||\"#FFF\",padding:((_props_containerConfigs3=props.containerConfigs)===null||_props_containerConfigs3===void 0?void 0:_props_containerConfigs3.padding)||\"0px\"},shopifyProductTitle:/*#__PURE__*/_jsx(\"p\",{style:{...get(props,\"titleConfigs.font\"),color:get(props,\"titleConfigs.color\"),margin:0},children:\"Product Title 1\"}),shopifyProductPriceAmount:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"flex-end\",gap:((_props_priceConfigs4=props.priceConfigs)===null||_props_priceConfigs4===void 0?void 0:_props_priceConfigs4.gap)||4},children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.price.font\"),color:get(props,\"priceConfigs.price.color\"),whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(mockData[0].price,\"USD\")}),mockData[0].comparePrice&&/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.comparePrice.font\"),color:get(props,\"priceConfigs.comparePrice.color\"),textDecoration:((_props_priceConfigs5=props.priceConfigs)===null||_props_priceConfigs5===void 0?void 0:(_props_priceConfigs_comparePrice=_props_priceConfigs5.comparePrice)===null||_props_priceConfigs_comparePrice===void 0?void 0:_props_priceConfigs_comparePrice.strikethrough)?\"line-through\":\"none\",textDecorationColor:(_props_priceConfigs6=props.priceConfigs)===null||_props_priceConfigs6===void 0?void 0:(_props_priceConfigs_comparePrice1=_props_priceConfigs6.comparePrice)===null||_props_priceConfigs_comparePrice1===void 0?void 0:_props_priceConfigs_comparePrice1.strikethroughColor,whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(mockData[0].comparePrice,\"USD\")})]}),shopifyQuantity:\"1\",variants:null,onRemove:()=>{},onAddQuantity:()=>{},onSubtractQuantity:()=>{}}),((_props_spacingConfigs1=props.spacingConfigs)===null||_props_spacingConfigs1===void 0?void 0:_props_spacingConfigs1.dividerVisible)&&/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",borderTop:`1px ${((_props_spacingConfigs2=props.spacingConfigs)===null||_props_spacingConfigs2===void 0?void 0:_props_spacingConfigs2.dividerStyle)||\"solid\"} ${((_props_spacingConfigs3=props.spacingConfigs)===null||_props_spacingConfigs3===void 0?void 0:_props_spacingConfigs3.dividerColor)||\"rgba(0,0,0,0.08)\"}`}}),/*#__PURE__*/_jsx(ShopXCartProductCard,{imageVisibility:(_props_imageConfigs2=props.imageConfigs)===null||_props_imageConfigs2===void 0?void 0:_props_imageConfigs2.visible,image:((_props_imageConfigs3=props.imageConfigs)===null||_props_imageConfigs3===void 0?void 0:_props_imageConfigs3.visible)?\"https://framerusercontent.com/images/3E7u1YOHRQaZuBdfYRsm3XCzxk.jpg\":null,imageConfigs:props.imageConfigs,quantityConfigs:props.quantityConfigs,removeIconConfigs:props.removeIconConfigs,containerConfigs:props.containerConfigs,linkConfigs:props.linkConfigs,titleConfigs:props.titleConfigs,_lineItem:{merchandise:{product:{handle:\"example-product\"}}},quantityControlColor:(_props_quantityConfigs5=props.quantityConfigs)===null||_props_quantityConfigs5===void 0?void 0:(_props_quantityConfigs_buttons3=_props_quantityConfigs5.buttons)===null||_props_quantityConfigs_buttons3===void 0?void 0:_props_quantityConfigs_buttons3.icons,quantityNumberColor:(_props_quantityConfigs6=props.quantityConfigs)===null||_props_quantityConfigs6===void 0?void 0:(_props_quantityConfigs_container2=_props_quantityConfigs6.container)===null||_props_quantityConfigs_container2===void 0?void 0:_props_quantityConfigs_container2.number,quantityContainerBgColor:(_props_quantityConfigs7=props.quantityConfigs)===null||_props_quantityConfigs7===void 0?void 0:(_props_quantityConfigs_container3=_props_quantityConfigs7.container)===null||_props_quantityConfigs_container3===void 0?void 0:_props_quantityConfigs_container3.containerBg,quantityControlBgColor:(_props_quantityConfigs8=props.quantityConfigs)===null||_props_quantityConfigs8===void 0?void 0:(_props_quantityConfigs_buttons4=_props_quantityConfigs8.buttons)===null||_props_quantityConfigs_buttons4===void 0?void 0:_props_quantityConfigs_buttons4.iconBg,quantityControlHoverColor:(_props_quantityConfigs9=props.quantityConfigs)===null||_props_quantityConfigs9===void 0?void 0:(_props_quantityConfigs_buttons5=_props_quantityConfigs9.buttons)===null||_props_quantityConfigs_buttons5===void 0?void 0:_props_quantityConfigs_buttons5.iconBgHover,quantityContainerBorder:\"1px solid #E2E2E2\",quantityContainerRadius:\"8px\",xColor:(_props_removeIconConfigs3=props.removeIconConfigs)===null||_props_removeIconConfigs3===void 0?void 0:_props_removeIconConfigs3.icon,xBgColor:(_props_removeIconConfigs4=props.removeIconConfigs)===null||_props_removeIconConfigs4===void 0?void 0:_props_removeIconConfigs4.bg,xBgHoverColor:(_props_removeIconConfigs5=props.removeIconConfigs)===null||_props_removeIconConfigs5===void 0?void 0:_props_removeIconConfigs5.bgHover,style:{width:\"100%\",border:((_props_containerConfigs4=props.containerConfigs)===null||_props_containerConfigs4===void 0?void 0:_props_containerConfigs4.border)?`${props.containerConfigs.border.borderWidth}px ${props.containerConfigs.border.borderStyle} ${props.containerConfigs.border.borderColor}`:undefined,borderRadius:((_props_containerConfigs5=props.containerConfigs)===null||_props_containerConfigs5===void 0?void 0:_props_containerConfigs5.radius)||\"0px\",background:((_props_containerConfigs6=props.containerConfigs)===null||_props_containerConfigs6===void 0?void 0:_props_containerConfigs6.background)||\"#FFF\",padding:((_props_containerConfigs7=props.containerConfigs)===null||_props_containerConfigs7===void 0?void 0:_props_containerConfigs7.padding)||\"0px\"},shopifyProductTitle:/*#__PURE__*/_jsx(\"p\",{style:{...get(props,\"titleConfigs.font\"),color:get(props,\"titleConfigs.color\"),margin:0},children:\"Product Title 2\"}),shopifyProductPriceAmount:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"flex-end\",gap:((_props_priceConfigs7=props.priceConfigs)===null||_props_priceConfigs7===void 0?void 0:_props_priceConfigs7.gap)||4},children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.price.font\"),color:get(props,\"priceConfigs.price.color\"),whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(mockData[1].price,\"USD\")}),mockData[1].comparePrice&&/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.comparePrice.font\"),color:get(props,\"priceConfigs.comparePrice.color\"),textDecoration:((_props_priceConfigs8=props.priceConfigs)===null||_props_priceConfigs8===void 0?void 0:(_props_priceConfigs_comparePrice2=_props_priceConfigs8.comparePrice)===null||_props_priceConfigs_comparePrice2===void 0?void 0:_props_priceConfigs_comparePrice2.strikethrough)?\"line-through\":\"none\",textDecorationColor:(_props_priceConfigs9=props.priceConfigs)===null||_props_priceConfigs9===void 0?void 0:(_props_priceConfigs_comparePrice3=_props_priceConfigs9.comparePrice)===null||_props_priceConfigs_comparePrice3===void 0?void 0:_props_priceConfigs_comparePrice3.strikethroughColor,whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(mockData[1].comparePrice,\"USD\")})]}),shopifyQuantity:\"2\",variants:/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:((_props_variantConfigs=props.variantConfigs)===null||_props_variantConfigs===void 0?void 0:_props_variantConfigs.gap)||\"4px\"},children:/*#__PURE__*/_jsxs(\"p\",{style:{margin:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.titleFont\"),color:get(props,\"variantConfigs.titleColor\"),marginRight:\"5px\"},children:\"Color:\"}),/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.valueFont\"),color:get(props,\"variantConfigs.valueColor\")},children:\"Blue\"})]})}),onRemove:()=>{},onAddQuantity:()=>{},onSubtractQuantity:()=>{}}),((_props_spacingConfigs4=props.spacingConfigs)===null||_props_spacingConfigs4===void 0?void 0:_props_spacingConfigs4.dividerVisible)&&/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",borderTop:`1px ${((_props_spacingConfigs5=props.spacingConfigs)===null||_props_spacingConfigs5===void 0?void 0:_props_spacingConfigs5.dividerStyle)||\"solid\"} ${((_props_spacingConfigs6=props.spacingConfigs)===null||_props_spacingConfigs6===void 0?void 0:_props_spacingConfigs6.dividerColor)||\"rgba(0,0,0,0.08)\"}`}}),/*#__PURE__*/_jsx(ShopXCartProductCard,{imageVisibility:(_props_imageConfigs4=props.imageConfigs)===null||_props_imageConfigs4===void 0?void 0:_props_imageConfigs4.visible,image:((_props_imageConfigs5=props.imageConfigs)===null||_props_imageConfigs5===void 0?void 0:_props_imageConfigs5.visible)?\"https://framerusercontent.com/images/3E7u1YOHRQaZuBdfYRsm3XCzxk.jpg\":null,imageConfigs:props.imageConfigs,quantityConfigs:props.quantityConfigs,removeIconConfigs:props.removeIconConfigs,containerConfigs:props.containerConfigs,linkConfigs:props.linkConfigs,titleConfigs:props.titleConfigs,_lineItem:{merchandise:{product:{handle:\"example-product\"}}},quantityControlColor:(_props_quantityConfigs10=props.quantityConfigs)===null||_props_quantityConfigs10===void 0?void 0:(_props_quantityConfigs_buttons6=_props_quantityConfigs10.buttons)===null||_props_quantityConfigs_buttons6===void 0?void 0:_props_quantityConfigs_buttons6.icons,quantityNumberColor:(_props_quantityConfigs11=props.quantityConfigs)===null||_props_quantityConfigs11===void 0?void 0:(_props_quantityConfigs_container4=_props_quantityConfigs11.container)===null||_props_quantityConfigs_container4===void 0?void 0:_props_quantityConfigs_container4.number,quantityContainerBgColor:(_props_quantityConfigs12=props.quantityConfigs)===null||_props_quantityConfigs12===void 0?void 0:(_props_quantityConfigs_container5=_props_quantityConfigs12.container)===null||_props_quantityConfigs_container5===void 0?void 0:_props_quantityConfigs_container5.containerBg,quantityControlBgColor:(_props_quantityConfigs13=props.quantityConfigs)===null||_props_quantityConfigs13===void 0?void 0:(_props_quantityConfigs_buttons7=_props_quantityConfigs13.buttons)===null||_props_quantityConfigs_buttons7===void 0?void 0:_props_quantityConfigs_buttons7.iconBg,quantityControlHoverColor:(_props_quantityConfigs14=props.quantityConfigs)===null||_props_quantityConfigs14===void 0?void 0:(_props_quantityConfigs_buttons8=_props_quantityConfigs14.buttons)===null||_props_quantityConfigs_buttons8===void 0?void 0:_props_quantityConfigs_buttons8.iconBgHover,quantityContainerBorder:\"1px solid #E2E2E2\",quantityContainerRadius:\"8px\",xColor:(_props_removeIconConfigs6=props.removeIconConfigs)===null||_props_removeIconConfigs6===void 0?void 0:_props_removeIconConfigs6.icon,xBgColor:(_props_removeIconConfigs7=props.removeIconConfigs)===null||_props_removeIconConfigs7===void 0?void 0:_props_removeIconConfigs7.bg,xBgHoverColor:(_props_removeIconConfigs8=props.removeIconConfigs)===null||_props_removeIconConfigs8===void 0?void 0:_props_removeIconConfigs8.bgHover,style:{width:\"100%\",border:((_props_containerConfigs8=props.containerConfigs)===null||_props_containerConfigs8===void 0?void 0:_props_containerConfigs8.border)?`${props.containerConfigs.border.borderWidth}px ${props.containerConfigs.border.borderStyle} ${props.containerConfigs.border.borderColor}`:undefined,borderRadius:((_props_containerConfigs9=props.containerConfigs)===null||_props_containerConfigs9===void 0?void 0:_props_containerConfigs9.radius)||\"0px\",background:((_props_containerConfigs10=props.containerConfigs)===null||_props_containerConfigs10===void 0?void 0:_props_containerConfigs10.background)||\"#FFF\",padding:((_props_containerConfigs11=props.containerConfigs)===null||_props_containerConfigs11===void 0?void 0:_props_containerConfigs11.padding)||\"0px\"},shopifyProductTitle:/*#__PURE__*/_jsx(\"p\",{style:{...get(props,\"titleConfigs.font\"),color:get(props,\"titleConfigs.color\"),margin:0},children:\"Product Title 3\"}),shopifyProductPriceAmount:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"flex-end\",gap:((_props_priceConfigs10=props.priceConfigs)===null||_props_priceConfigs10===void 0?void 0:_props_priceConfigs10.gap)||4},children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.price.saleFont\"),color:get(props,\"priceConfigs.price.saleColor\"),whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(300,\"USD\")}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.comparePrice.font\"),color:get(props,\"priceConfigs.comparePrice.color\"),textDecoration:((_props_priceConfigs11=props.priceConfigs)===null||_props_priceConfigs11===void 0?void 0:(_props_priceConfigs_comparePrice4=_props_priceConfigs11.comparePrice)===null||_props_priceConfigs_comparePrice4===void 0?void 0:_props_priceConfigs_comparePrice4.strikethrough)?\"line-through\":\"none\",textDecorationColor:(_props_priceConfigs12=props.priceConfigs)===null||_props_priceConfigs12===void 0?void 0:(_props_priceConfigs_comparePrice5=_props_priceConfigs12.comparePrice)===null||_props_priceConfigs_comparePrice5===void 0?void 0:_props_priceConfigs_comparePrice5.strikethroughColor,whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(400,\"USD\")})]}),shopifyQuantity:\"3\",variants:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:((_props_variantConfigs1=props.variantConfigs)===null||_props_variantConfigs1===void 0?void 0:_props_variantConfigs1.gap)||\"4px\"},children:[/*#__PURE__*/_jsxs(\"p\",{style:{margin:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.titleFont\"),color:get(props,\"variantConfigs.titleColor\"),marginRight:\"5px\"},children:\"Color:\"}),/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.valueFont\"),color:get(props,\"variantConfigs.valueColor\")},children:\"Black\"})]}),/*#__PURE__*/_jsxs(\"p\",{style:{margin:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.titleFont\"),color:get(props,\"variantConfigs.titleColor\"),marginRight:\"5px\"},children:\"Size:\"}),/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.valueFont\"),color:get(props,\"variantConfigs.valueColor\")},children:\"Medium\"})]})]}),onRemove:()=>{},onAddQuantity:()=>{},onSubtractQuantity:()=>{}}),((_props_spacingConfigs7=props.spacingConfigs)===null||_props_spacingConfigs7===void 0?void 0:_props_spacingConfigs7.dividerVisible)&&/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",borderTop:`1px ${((_props_spacingConfigs8=props.spacingConfigs)===null||_props_spacingConfigs8===void 0?void 0:_props_spacingConfigs8.dividerStyle)||\"solid\"} ${((_props_spacingConfigs9=props.spacingConfigs)===null||_props_spacingConfigs9===void 0?void 0:_props_spacingConfigs9.dividerColor)||\"rgba(0,0,0,0.08)\"}`}}),/*#__PURE__*/_jsx(ShopXCartProductCard,{imageVisibility:(_props_imageConfigs6=props.imageConfigs)===null||_props_imageConfigs6===void 0?void 0:_props_imageConfigs6.visible,image:((_props_imageConfigs7=props.imageConfigs)===null||_props_imageConfigs7===void 0?void 0:_props_imageConfigs7.visible)?\"https://framerusercontent.com/images/3E7u1YOHRQaZuBdfYRsm3XCzxk.jpg\":null,imageConfigs:props.imageConfigs,quantityConfigs:props.quantityConfigs,removeIconConfigs:props.removeIconConfigs,containerConfigs:props.containerConfigs,linkConfigs:props.linkConfigs,titleConfigs:props.titleConfigs,_lineItem:{merchandise:{product:{handle:\"example-product\"}}},quantityControlColor:(_props_quantityConfigs15=props.quantityConfigs)===null||_props_quantityConfigs15===void 0?void 0:(_props_quantityConfigs_buttons9=_props_quantityConfigs15.buttons)===null||_props_quantityConfigs_buttons9===void 0?void 0:_props_quantityConfigs_buttons9.icons,quantityNumberColor:(_props_quantityConfigs16=props.quantityConfigs)===null||_props_quantityConfigs16===void 0?void 0:(_props_quantityConfigs_container6=_props_quantityConfigs16.container)===null||_props_quantityConfigs_container6===void 0?void 0:_props_quantityConfigs_container6.number,quantityContainerBgColor:(_props_quantityConfigs17=props.quantityConfigs)===null||_props_quantityConfigs17===void 0?void 0:(_props_quantityConfigs_container7=_props_quantityConfigs17.container)===null||_props_quantityConfigs_container7===void 0?void 0:_props_quantityConfigs_container7.containerBg,quantityControlBgColor:(_props_quantityConfigs18=props.quantityConfigs)===null||_props_quantityConfigs18===void 0?void 0:(_props_quantityConfigs_buttons10=_props_quantityConfigs18.buttons)===null||_props_quantityConfigs_buttons10===void 0?void 0:_props_quantityConfigs_buttons10.iconBg,quantityControlHoverColor:(_props_quantityConfigs19=props.quantityConfigs)===null||_props_quantityConfigs19===void 0?void 0:(_props_quantityConfigs_buttons11=_props_quantityConfigs19.buttons)===null||_props_quantityConfigs_buttons11===void 0?void 0:_props_quantityConfigs_buttons11.iconBgHover,quantityContainerBorder:\"1px solid #E2E2E2\",quantityContainerRadius:\"8px\",xColor:(_props_removeIconConfigs9=props.removeIconConfigs)===null||_props_removeIconConfigs9===void 0?void 0:_props_removeIconConfigs9.icon,xBgColor:(_props_removeIconConfigs10=props.removeIconConfigs)===null||_props_removeIconConfigs10===void 0?void 0:_props_removeIconConfigs10.bg,xBgHoverColor:(_props_removeIconConfigs11=props.removeIconConfigs)===null||_props_removeIconConfigs11===void 0?void 0:_props_removeIconConfigs11.bgHover,style:{width:\"100%\",border:((_props_containerConfigs12=props.containerConfigs)===null||_props_containerConfigs12===void 0?void 0:_props_containerConfigs12.border)?`${props.containerConfigs.border.borderWidth}px ${props.containerConfigs.border.borderStyle} ${props.containerConfigs.border.borderColor}`:undefined,borderRadius:((_props_containerConfigs13=props.containerConfigs)===null||_props_containerConfigs13===void 0?void 0:_props_containerConfigs13.radius)||\"0px\",background:((_props_containerConfigs14=props.containerConfigs)===null||_props_containerConfigs14===void 0?void 0:_props_containerConfigs14.background)||\"#FFF\",padding:((_props_containerConfigs15=props.containerConfigs)===null||_props_containerConfigs15===void 0?void 0:_props_containerConfigs15.padding)||\"0px\"},shopifyProductTitle:/*#__PURE__*/_jsx(\"p\",{style:{...get(props,\"titleConfigs.font\"),color:get(props,\"titleConfigs.color\"),margin:0},children:\"Product Title 4\"}),shopifyProductPriceAmount:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"flex-end\",gap:((_props_priceConfigs13=props.priceConfigs)===null||_props_priceConfigs13===void 0?void 0:_props_priceConfigs13.gap)||4},children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.price.font\"),color:get(props,\"priceConfigs.price.color\"),whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(400,\"USD\")}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.comparePrice.font\"),color:get(props,\"priceConfigs.comparePrice.color\"),textDecoration:((_props_priceConfigs14=props.priceConfigs)===null||_props_priceConfigs14===void 0?void 0:(_props_priceConfigs_comparePrice6=_props_priceConfigs14.comparePrice)===null||_props_priceConfigs_comparePrice6===void 0?void 0:_props_priceConfigs_comparePrice6.strikethrough)?\"line-through\":\"none\",textDecorationColor:(_props_priceConfigs15=props.priceConfigs)===null||_props_priceConfigs15===void 0?void 0:(_props_priceConfigs_comparePrice7=_props_priceConfigs15.comparePrice)===null||_props_priceConfigs_comparePrice7===void 0?void 0:_props_priceConfigs_comparePrice7.strikethroughColor,whiteSpace:\"nowrap\",minWidth:0}})]}),shopifyQuantity:\"4\",variants:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:((_props_variantConfigs2=props.variantConfigs)===null||_props_variantConfigs2===void 0?void 0:_props_variantConfigs2.gap)||\"4px\"},children:[/*#__PURE__*/_jsxs(\"p\",{style:{margin:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.titleFont\"),color:get(props,\"variantConfigs.titleColor\"),marginRight:\"5px\"},children:\"Size:\"}),/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.valueFont\"),color:get(props,\"variantConfigs.valueColor\")},children:\"Medium\"})]}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"subscriptionConfigs.font\"),color:get(props,\"subscriptionConfigs.color\")},children:\"Delivers every week\"})]}),onRemove:()=>{},onAddQuantity:()=>{},onSubtractQuantity:()=>{}})]}):cartItems.length===0?/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",minHeight:\"100%\"},children:props.emptyStateComponent}):/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:0,width:\"100%\",boxSizing:\"border-box\"},children:[errorVisible&&/*#__PURE__*/_jsx(\"p\",{style:{...get(props,\"errorConfigs.errorFont\"),color:get(props,\"errorConfigs.errorColor\")},children:errorMessage}),cartItems.map(({node:_lineItem},index)=>{var _props_spacingConfigs,_props_spacingConfigs1,_props_spacingConfigs2,_props_spacingConfigs3,_props_spacingConfigs4,_props_spacingConfigs5,_props_containerConfigs,_props_containerConfigs1,_props_containerConfigs2,_props_containerConfigs3,_props_containerConfigs4,_props_containerConfigs5,_props_containerConfigs6,_props_imageConfigs,_props_quantityConfigs_buttons,_props_quantityConfigs,_props_quantityConfigs_container,_props_quantityConfigs1,_props_quantityConfigs_container1,_props_quantityConfigs2,_props_quantityConfigs_buttons1,_props_quantityConfigs3,_props_quantityConfigs_buttons2,_props_quantityConfigs4,_props_removeIconConfigs,_props_removeIconConfigs1,_props_removeIconConfigs2,_props_containerConfigs7,_props_containerConfigs8,_props_priceConfigs,_props_variantConfigs,_lineItem_sellingPlanAllocation_sellingPlan,_lineItem_sellingPlanAllocation;return /*#__PURE__*/_jsxs(_Fragment,{children:[index>0&&((_props_spacingConfigs=props.spacingConfigs)===null||_props_spacingConfigs===void 0?void 0:_props_spacingConfigs.dividerVisible)?/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",marginTop:((_props_spacingConfigs1=props.spacingConfigs)===null||_props_spacingConfigs1===void 0?void 0:_props_spacingConfigs1.gap)||24,marginBottom:((_props_spacingConfigs2=props.spacingConfigs)===null||_props_spacingConfigs2===void 0?void 0:_props_spacingConfigs2.gap)||24,borderTop:((_props_spacingConfigs3=props.spacingConfigs)===null||_props_spacingConfigs3===void 0?void 0:_props_spacingConfigs3.divider)?`${props.spacingConfigs.divider.borderWidth}px ${props.spacingConfigs.divider.borderStyle} ${props.spacingConfigs.divider.borderColor}`:\"1px solid rgba(0,0,0,0.08)\"}}):index>0&&!((_props_spacingConfigs4=props.spacingConfigs)===null||_props_spacingConfigs4===void 0?void 0:_props_spacingConfigs4.dividerVisible)?/*#__PURE__*/_jsx(\"div\",{style:{marginTop:((_props_spacingConfigs5=props.spacingConfigs)===null||_props_spacingConfigs5===void 0?void 0:_props_spacingConfigs5.gap)||24}}):null,/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",overflow:\"hidden\",borderRadius:typeof((_props_containerConfigs=props.containerConfigs)===null||_props_containerConfigs===void 0?void 0:_props_containerConfigs.radius)===\"object\"?`${props.containerConfigs.radius.topLeft}px ${props.containerConfigs.radius.topRight}px ${props.containerConfigs.radius.bottomRight}px ${props.containerConfigs.radius.bottomLeft}px`:typeof((_props_containerConfigs1=props.containerConfigs)===null||_props_containerConfigs1===void 0?void 0:_props_containerConfigs1.radius)===\"string\"?props.containerConfigs.radius:`${((_props_containerConfigs2=props.containerConfigs)===null||_props_containerConfigs2===void 0?void 0:_props_containerConfigs2.radius)||0}px`,background:((_props_containerConfigs3=props.containerConfigs)===null||_props_containerConfigs3===void 0?void 0:_props_containerConfigs3.background)||\"#FFF\",border:((_props_containerConfigs4=props.containerConfigs)===null||_props_containerConfigs4===void 0?void 0:_props_containerConfigs4.border)?`${props.containerConfigs.border.borderWidth}px ${props.containerConfigs.border.borderStyle} ${props.containerConfigs.border.borderColor}`:undefined,padding:typeof((_props_containerConfigs5=props.containerConfigs)===null||_props_containerConfigs5===void 0?void 0:_props_containerConfigs5.padding)===\"object\"?`${props.containerConfigs.padding.top}px ${props.containerConfigs.padding.right}px ${props.containerConfigs.padding.bottom}px ${props.containerConfigs.padding.left}px`:((_props_containerConfigs6=props.containerConfigs)===null||_props_containerConfigs6===void 0?void 0:_props_containerConfigs6.padding)||\"0px\",display:\"flex\"},children:/*#__PURE__*/_jsx(ShopXCartProductCard,{imageVisibility:(_props_imageConfigs=props.imageConfigs)===null||_props_imageConfigs===void 0?void 0:_props_imageConfigs.visible,image:get(_lineItem,\"merchandise.image.url\",null),imageConfigs:props.imageConfigs,quantityConfigs:props.quantityConfigs,removeIconConfigs:props.removeIconConfigs,containerConfigs:{...props.containerConfigs,background:\"transparent\"},linkConfigs:props.linkConfigs,titleConfigs:props.titleConfigs,_lineItem:_lineItem,quantityControlColor:(_props_quantityConfigs=props.quantityConfigs)===null||_props_quantityConfigs===void 0?void 0:(_props_quantityConfigs_buttons=_props_quantityConfigs.buttons)===null||_props_quantityConfigs_buttons===void 0?void 0:_props_quantityConfigs_buttons.icons,quantityNumberColor:(_props_quantityConfigs1=props.quantityConfigs)===null||_props_quantityConfigs1===void 0?void 0:(_props_quantityConfigs_container=_props_quantityConfigs1.container)===null||_props_quantityConfigs_container===void 0?void 0:_props_quantityConfigs_container.number,quantityContainerBgColor:(_props_quantityConfigs2=props.quantityConfigs)===null||_props_quantityConfigs2===void 0?void 0:(_props_quantityConfigs_container1=_props_quantityConfigs2.container)===null||_props_quantityConfigs_container1===void 0?void 0:_props_quantityConfigs_container1.containerBg,quantityControlBgColor:(_props_quantityConfigs3=props.quantityConfigs)===null||_props_quantityConfigs3===void 0?void 0:(_props_quantityConfigs_buttons1=_props_quantityConfigs3.buttons)===null||_props_quantityConfigs_buttons1===void 0?void 0:_props_quantityConfigs_buttons1.iconBg,quantityControlHoverColor:(_props_quantityConfigs4=props.quantityConfigs)===null||_props_quantityConfigs4===void 0?void 0:(_props_quantityConfigs_buttons2=_props_quantityConfigs4.buttons)===null||_props_quantityConfigs_buttons2===void 0?void 0:_props_quantityConfigs_buttons2.iconBgHover,quantityContainerBorder:\"1px solid #E2E2E2\",quantityContainerRadius:\"8px\",xColor:(_props_removeIconConfigs=props.removeIconConfigs)===null||_props_removeIconConfigs===void 0?void 0:_props_removeIconConfigs.icon,xBgColor:(_props_removeIconConfigs1=props.removeIconConfigs)===null||_props_removeIconConfigs1===void 0?void 0:_props_removeIconConfigs1.bg,xBgHoverColor:(_props_removeIconConfigs2=props.removeIconConfigs)===null||_props_removeIconConfigs2===void 0?void 0:_props_removeIconConfigs2.bgHover,Radius:\"0px\",style:{width:\"100%\",background:\"transparent\",...RenderTarget.current()===RenderTarget.canvas?{padding:typeof((_props_containerConfigs7=props.containerConfigs)===null||_props_containerConfigs7===void 0?void 0:_props_containerConfigs7.padding)===\"object\"?`${props.containerConfigs.padding.top}px ${props.containerConfigs.padding.right}px ${props.containerConfigs.padding.bottom}px ${props.containerConfigs.padding.left}px`:((_props_containerConfigs8=props.containerConfigs)===null||_props_containerConfigs8===void 0?void 0:_props_containerConfigs8.padding)||\"0px\"}:{padding:0}},shopifyProductTitle:/*#__PURE__*/_jsx(\"p\",{style:{...get(props,\"titleConfigs.font\"),color:get(props,\"titleConfigs.color\"),margin:0},children:_lineItem.merchandise.product.title}),shopifyProductPriceAmount:/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"flex-end\",gap:((_props_priceConfigs=props.priceConfigs)===null||_props_priceConfigs===void 0?void 0:_props_priceConfigs.gap)||4},children:(()=>{var _get_find,_matchingProduct_variants_edges_find,_matchingProduct_variants_edges,_matchingProduct_variants,_props_priceConfigs_price,_props_priceConfigs,_props_priceConfigs_price1,_props_priceConfigs1,_props_priceConfigs_comparePrice,_props_priceConfigs2;if(!_lineItem)return null;const variantId=get(_lineItem,\"merchandise.id\",\"\");const variantGid=variantId.split(\"/\").pop();const matchingProduct=(_get_find=get(window,\"shopXtools.products\",[]).find(({node})=>node.variants.edges.some(edge=>edge.node.id.includes(variantGid))))===null||_get_find===void 0?void 0:_get_find.node;// Get the matching variant from the product\nconst matchingVariant=matchingProduct===null||matchingProduct===void 0?void 0:(_matchingProduct_variants=matchingProduct.variants)===null||_matchingProduct_variants===void 0?void 0:(_matchingProduct_variants_edges=_matchingProduct_variants.edges)===null||_matchingProduct_variants_edges===void 0?void 0:(_matchingProduct_variants_edges_find=_matchingProduct_variants_edges.find(edge=>edge.node.id.includes(variantGid)))===null||_matchingProduct_variants_edges_find===void 0?void 0:_matchingProduct_variants_edges_find.node;// Get price from variant first, fallback to product price range\nconst price=get(matchingVariant,\"priceV2.amount\")||get(matchingProduct,\"priceRange.minVariantPrice.amount\");const currencyCode=get(matchingVariant,\"priceV2.currencyCode\")||get(matchingProduct,\"priceRange.minVariantPrice.currencyCode\");// Get compare price from variant first, fallback to product compare price range\nconst comparePrice=get(matchingVariant,\"compareAtPriceV2.amount\")||get(matchingProduct,\"compareAtPriceRange.minVariantPrice.amount\");console.log(\"Cart Product Card - Price Data:\",{variantId,variantGid,matchingProduct,matchingVariant,price,currencyCode,comparePrice,variantComparePrice:get(matchingVariant,\"compareAtPriceV2.amount\"),productComparePrice:get(matchingProduct,\"compareAtPriceRange.minVariantPrice.amount\"),lineItem:_lineItem,showCurrencyCode:props.showCurrencyCode,currencyPosition:props.currencyPosition,showCurrencySymbol:props.showCurrencySymbol});const hasComparePrice=comparePrice&&parseFloat(comparePrice)>parseFloat(price);const finalPrice=price||\"0\";return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,hasComparePrice?\"priceConfigs.price.saleFont\":\"priceConfigs.price.font\"),color:hasComparePrice?(_props_priceConfigs=props.priceConfigs)===null||_props_priceConfigs===void 0?void 0:(_props_priceConfigs_price=_props_priceConfigs.price)===null||_props_priceConfigs_price===void 0?void 0:_props_priceConfigs_price.saleColor:(_props_priceConfigs1=props.priceConfigs)===null||_props_priceConfigs1===void 0?void 0:(_props_priceConfigs_price1=_props_priceConfigs1.price)===null||_props_priceConfigs_price1===void 0?void 0:_props_priceConfigs_price1.color,whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(finalPrice,currencyCode)}),hasComparePrice&&/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"priceConfigs.comparePrice.font\"),color:get(props,\"priceConfigs.comparePrice.color\"),textDecoration:\"line-through\",textDecorationColor:(_props_priceConfigs2=props.priceConfigs)===null||_props_priceConfigs2===void 0?void 0:(_props_priceConfigs_comparePrice=_props_priceConfigs2.comparePrice)===null||_props_priceConfigs_comparePrice===void 0?void 0:_props_priceConfigs_comparePrice.strikethroughColor,whiteSpace:\"nowrap\",minWidth:0},children:formatCartPrice(comparePrice,currencyCode)})]});})()}),shopifyQuantity:`${_lineItem.quantity||1}`,variants:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:((_props_variantConfigs=props.variantConfigs)===null||_props_variantConfigs===void 0?void 0:_props_variantConfigs.gap)||\"4px\"},children:[_lineItem.merchandise.selectedOptions.filter(option=>option.name!==\"Title\").map((option,index)=>/*#__PURE__*/_jsxs(\"p\",{style:{margin:0},children:[/*#__PURE__*/_jsxs(\"span\",{style:{...get(props,\"variantConfigs.titleFont\"),color:get(props,\"variantConfigs.titleColor\"),marginRight:\"5px\"},children:[option.name,\":\"]}),/*#__PURE__*/_jsx(\"span\",{style:{...get(props,\"variantConfigs.valueFont\"),color:get(props,\"variantConfigs.valueColor\")},children:option.value})]},`${option.name}-${index}`)),((_lineItem_sellingPlanAllocation=_lineItem.sellingPlanAllocation)===null||_lineItem_sellingPlanAllocation===void 0?void 0:(_lineItem_sellingPlanAllocation_sellingPlan=_lineItem_sellingPlanAllocation.sellingPlan)===null||_lineItem_sellingPlanAllocation_sellingPlan===void 0?void 0:_lineItem_sellingPlanAllocation_sellingPlan.name)&&/*#__PURE__*/_jsx(\"p\",{style:{margin:0,...get(props,\"subscriptionConfigs.font\"),color:get(props,\"subscriptionConfigs.color\")},children:_lineItem.sellingPlanAllocation.sellingPlan.name})]}),onRemove:()=>handleRemoveLine(cart.id,_lineItem.id),onAddQuantity:()=>handleUpdateLine(cart.id,_lineItem.id,_lineItem.quantity+1,_lineItem),onSubtractQuantity:()=>handleUpdateLine(cart.id,_lineItem.id,_lineItem.quantity-1,_lineItem)})},_lineItem.id)]});})]})});}FC_CartProductCard.defaultProps={containerConfigs:{background:\"transparent\",radius:0,padding:0,insidePadding:0,gap:8,border:{borderWidth:0,borderStyle:\"solid\",borderColor:\"transparent\"}},linkConfigs:{enabled:false,slugPath:\"\"},imageConfigs:{visible:true,width:104,radius:8,background:\"#F5F5F5\",ratio:\"1:1\",hover:\"None\",zoomScale:1.1,opacity:.75,border:{borderWidth:0,borderStyle:\"solid\",borderColor:\"transparent\"}},titleConfigs:{font:{family:\"Inter\",size:14,weight:500},color:\"#000000\",hoverColor:\"#000000\"},variantConfigs:{gap:4,titleFont:{family:\"Inter\",size:14,weight:500},titleColor:\"#000000\",valueFont:{family:\"Inter\",size:14,weight:400},valueColor:\"#666666\"},subscriptionConfigs:{font:{family:\"Inter\",size:14,weight:400},color:\"#4A5B89\"},quantityConfigs:{type:ControlType.Object,title:\"Quantity\",controls:{container:{type:ControlType.Object,title:\"Container\",controls:{number:{type:ControlType.Color,defaultValue:\"#000\",title:\"Number\"},containerBg:{type:ControlType.Color,defaultValue:\"transparent\",title:\"BG\"},containerRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:8,min:0,max:100,unit:\"px\",step:1},containerBorder:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:1,borderStyle:\"solid\",borderColor:\"#E2E2E2\"}}}},buttons:{type:ControlType.Object,title:\"Buttons\",controls:{iconType:{type:ControlType.SegmentedEnum,title:\"Icon\",options:[\"Default\",\"Custom\"],optionTitles:[\"Default\",\"Custom\"],defaultValue:\"Default\"},iconWeight:{type:ControlType.Number,title:\"Weight\",defaultValue:2,min:.5,max:5,step:.1,hidden:({type})=>type!==\"Default\"},customPlusIcon:{type:ControlType.Image,title:\"Plus\",hidden:({type})=>type!==\"Custom\"},customMinusIcon:{type:ControlType.Image,title:\"Minus\",hidden:({type})=>type!==\"Custom\"},icons:{type:ControlType.Color,defaultValue:\"#000\",title:\"Icons\"},iconSize:{type:ControlType.Number,title:\"Icon Size\",defaultValue:8,min:4,max:32,unit:\"px\",step:1},iconBg:{type:ControlType.Color,defaultValue:\"#FFFFFF\",title:\"BG\"},iconBgHover:{type:ControlType.Color,defaultValue:\"#F5F5F5\",title:\"BG Hover\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:4,min:0,max:100,unit:\"px\",step:1},border:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:0,borderStyle:\"solid\",borderColor:\"transparent\"}}}}}},priceConfigs:{gap:4,price:{font:{family:\"Inter\",size:14,weight:500},color:\"#000000\",saleFont:{family:\"Inter\",size:14,weight:500},saleColor:\"#000000\"},comparePrice:{font:{family:\"Inter\",size:14,weight:400},color:\"#8B0000\",strikethrough:true,strikethroughColor:\"#8B0000\"},showCurrencyCode:false,showSymbol:true},removeIconConfigs:{position:\"Bottom\",iconType:\"Default\",iconWeight:2,icon:\"#000000\",iconSize:8,bg:\"#F5F5F5\",bgHover:\"#EBEBEB\",radius:80,border:{borderWidth:0,borderStyle:\"solid\",borderColor:\"transparent\"}}};addPropertyControls(FC_CartProductCard,{linkConfigs:{type:ControlType.Object,title:\"Link\",controls:{enabled:{type:ControlType.Boolean,title:\"Link\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},slugPath:{type:ControlType.String,title:\"Path\",defaultValue:\"\",placeholder:\"shop/\",description:\"The path between your domain and slug. [Learn more](https://framercommerce.com/resources/docs/components/cart#cart-product-card)\",hidden:({enabled})=>!enabled}}},imageConfigs:{type:ControlType.Object,title:\"Image\",controls:{visible:{type:ControlType.Boolean,title:\"Image\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},width:{type:ControlType.Number,title:\"Width\",defaultValue:112,min:0,max:500,unit:\"px\",step:1,hidden:({visible})=>!visible},radius:{type:ControlType.BorderRadius,title:\"Radius\",defaultValue:\"4px\",hidden:({visible})=>!visible},background:{type:ControlType.Color,title:\"BG\",defaultValue:\"#F2F2F2\",hidden:({visible})=>!visible},ratio:{type:ControlType.Enum,title:\"Ratio\",options:[\"1:1\",\"4:5\"],defaultValue:\"1:1\",hidden:({visible})=>!visible},hover:{type:ControlType.Enum,title:\"Hover Effect\",options:[\"None\",\"Zoom\",\"Opacity\"],defaultValue:\"None\",hidden:({visible})=>!visible},zoomScale:{type:ControlType.Number,title:\"Zoom Scale\",defaultValue:1.1,min:1,max:3,step:.1,hidden:({hover})=>hover!==\"Zoom\"},opacity:{type:ControlType.Number,title:\"Hover Opacity\",defaultValue:.75,min:0,max:1,step:.05,hidden:({hover})=>hover!==\"Opacity\"},border:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:0,borderStyle:\"solid\",borderColor:\"rgba(0,0,0,0)\"},hidden:({visible})=>!visible}}},titleConfigs:{type:ControlType.Object,title:\"Title\",controls:{font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Color\"},hoverColor:{type:ControlType.Color,defaultValue:\"#000\",title:\"Hover\"}}},variantConfigs:{type:ControlType.Object,title:\"Variants\",controls:{gap:{type:ControlType.Number,title:\"Gap\",defaultValue:4,min:0,max:40,unit:\"px\",step:1},titleFont:{type:ControlType.Font,controls:\"extended\",title:\"Title Font\"},titleColor:{type:ControlType.Color,defaultValue:\"#000\",title:\"Title Color\"},valueFont:{type:ControlType.Font,controls:\"extended\",title:\"Value Font\"},valueColor:{type:ControlType.Color,defaultValue:\"#000\",title:\"Value Color\"}}},subscriptionConfigs:{type:ControlType.Object,title:\"Subscription\",controls:{font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Color\"}}},quantityConfigs:{type:ControlType.Object,title:\"Quantity\",controls:{container:{type:ControlType.Object,title:\"Container\",controls:{number:{type:ControlType.Color,defaultValue:\"#000\",title:\"Number\"},containerBg:{type:ControlType.Color,defaultValue:\"transparent\",title:\"BG\"},containerRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:8,min:0,max:100,unit:\"px\",step:1},containerBorder:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:1,borderStyle:\"solid\",borderColor:\"#E2E2E2\"}}}},buttons:{type:ControlType.Object,title:\"Buttons\",controls:{iconType:{type:ControlType.SegmentedEnum,title:\"Icon\",options:[\"Default\",\"Custom\"],optionTitles:[\"Default\",\"Custom\"],defaultValue:\"Default\"},iconWeight:{type:ControlType.Number,title:\"Weight\",defaultValue:2,min:.5,max:5,step:.1,hidden:({iconType})=>iconType!==\"Default\"},customPlusIcon:{type:ControlType.Image,title:\"Plus\",hidden:({type})=>type!==\"Custom\"},customMinusIcon:{type:ControlType.Image,title:\"Minus\",hidden:({type})=>type!==\"Custom\"},icons:{type:ControlType.Color,defaultValue:\"#000\",title:\"Icons\"},iconSize:{type:ControlType.Number,title:\"Icon Size\",defaultValue:8,min:4,max:32,unit:\"px\",step:1},iconBg:{type:ControlType.Color,defaultValue:\"#FFFFFF\",title:\"BG\"},iconBgHover:{type:ControlType.Color,defaultValue:\"#F5F5F5\",title:\"BG Hover\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:4,min:0,max:100,unit:\"px\",step:1},border:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:0,borderStyle:\"solid\",borderColor:\"transparent\"}}}}}},priceConfigs:{type:ControlType.Object,title:\"Price\",controls:{gap:{type:ControlType.Number,title:\"Gap\",defaultValue:4,min:0,max:40,unit:\"px\",step:1},price:{type:ControlType.Object,title:\"Price\",controls:{font:{type:ControlType.Font,controls:\"extended\",title:\"Regular Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Regular Color\"},saleFont:{type:ControlType.Font,controls:\"extended\",title:\"Sale Font\"},saleColor:{type:ControlType.Color,defaultValue:\"#FF0000\",title:\"Sale Color\"}}},comparePrice:{type:ControlType.Object,title:\"Compare Price\",controls:{font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Color\"},strikethrough:{type:ControlType.Boolean,title:\"Strike\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},strikethroughColor:{type:ControlType.Color,title:\"Strike Color\",defaultValue:\"#000000\",hidden:({strikethrough})=>!strikethrough}}},showCurrencyCode:{type:ControlType.Boolean,title:\"Code\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\"},showSymbol:{type:ControlType.Boolean,title:\"Symbol\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"}}},errorConfigs:{type:ControlType.Object,title:\"Errors\",controls:{errorFont:{type:ControlType.Font,controls:\"extended\",title:\"Error Font\"},errorColor:{type:ControlType.Color,defaultValue:\"#000\",title:\"Error Color\"}}},removeIconConfigs:{type:ControlType.Object,title:\"Remove Icon\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"Top\",\"Bottom\"],defaultValue:\"Bottom\"},iconType:{type:ControlType.SegmentedEnum,title:\"Icon\",options:[\"Default\",\"Custom\"],optionTitles:[\"Default\",\"Custom\"],defaultValue:\"Default\"},iconWeight:{type:ControlType.Number,title:\"Weight\",defaultValue:2,min:.5,max:5,step:.1,hidden:({iconType})=>iconType===\"Custom\"},icon:{type:ControlType.Color,defaultValue:\"#000000\",title:\"Icon\",hidden:({iconType})=>iconType===\"Custom\"},customImage:{type:ControlType.Image,title:\"Image\",hidden:({iconType})=>iconType===\"Default\"},iconSize:{type:ControlType.Number,title:\"Icon Size\",defaultValue:8,min:4,max:32,unit:\"px\",step:1},bg:{type:ControlType.Color,defaultValue:\"#F5F5F5\",title:\"BG\"},bgHover:{type:ControlType.Color,defaultValue:\"#EBEBEB\",title:\"BG Hover\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:80,min:0,max:100,unit:\"px\",step:1},border:{type:ControlType.Border,title:\"Border\"}}},containerConfigs:{type:ControlType.Object,title:\"Container\",controls:{background:{type:ControlType.Color,title:\"BG\",defaultValue:\"transparent\"},radius:{type:ControlType.BorderRadius,title:\"Radius\",defaultValue:\"0px\"},padding:{type:ControlType.Padding,title:\"Outside Padding\",defaultValue:\"0px\"},insidePadding:{type:ControlType.Padding,title:\"Inside Padding\",defaultValue:\"0px\"},gap:{type:ControlType.Number,title:\"Content Gap\",defaultValue:4,min:0,max:100,unit:\"px\",step:1},imageGap:{type:ControlType.Number,title:\"Image Gap\",defaultValue:16,min:0,max:100,unit:\"px\",step:1},border:{type:ControlType.Border,title:\"Border\"}}},spacingConfigs:{type:ControlType.Object,title:\"Spacing\",controls:{dividerVisible:{type:ControlType.Boolean,title:\"Divider\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},divider:{type:ControlType.Border,title:\"Style\",defaultValue:{borderWidth:1,borderStyle:\"solid\",borderColor:\"rgba(0,0,0,0.08)\"},hidden:({dividerVisible})=>!dividerVisible},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:24,min:0,max:100,unit:\"px\",step:1}}}});function ShopXCartProductCard({imageVisibility,image,quantityControlColor,quantityNumberColor,quantityContainerBgColor,quantityControlBgColor,quantityControlHoverColor,xColor,xBgColor,xBgHoverColor,shopifyProductTitle,shopifyProductPriceAmount,shopifyQuantity,variants,style={},onRemove,onAddQuantity,onSubtractQuantity,imageConfigs,quantityConfigs,removeIconConfigs,containerConfigs,linkConfigs,titleConfigs,_lineItem,quantityContainerBorder=\"1px solid #E2E2E2\",quantityContainerRadius=\"8px\",Radius}){var _lineItem_merchandise_product,_lineItem_merchandise,_imageConfigs_border,_imageConfigs_border1,_imageConfigs_border2,_quantityConfigs_container,_quantityConfigs_container1,_quantityConfigs_container2,_quantityConfigs_buttons,_quantityConfigs_buttons1,_quantityConfigs_buttons2,_quantityConfigs_buttons3,_quantityConfigs_buttons4,_quantityConfigs_buttons5,_quantityConfigs_container3,_quantityConfigs_buttons6,_quantityConfigs_buttons7,_quantityConfigs_buttons8,_quantityConfigs_buttons9,_quantityConfigs_buttons10,_quantityConfigs_buttons11;const[isHovered,setIsHovered]=useState(false);const handleMouseEnter=e=>{// Only set hover if not clicking quantity or remove buttons\nif(!e.target.closest(\"button\")){setIsHovered(true);}};const handleMouseLeave=()=>{setIsHovered(false);};// Construct product URL if linking is enabled\nconst productUrl=(linkConfigs===null||linkConfigs===void 0?void 0:linkConfigs.enabled)&&(_lineItem===null||_lineItem===void 0?void 0:(_lineItem_merchandise=_lineItem.merchandise)===null||_lineItem_merchandise===void 0?void 0:(_lineItem_merchandise_product=_lineItem_merchandise.product)===null||_lineItem_merchandise_product===void 0?void 0:_lineItem_merchandise_product.handle)?`${window.location.origin}/${linkConfigs.slugPath||\"\"}${_lineItem.merchandise.product.handle}`:null;const imageHeight=(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.ratio)===\"4:5\"?((imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.width)||112)*1.25:(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.width)||112;const imageBorderStyle=(imageConfigs===null||imageConfigs===void 0?void 0:(_imageConfigs_border=imageConfigs.border)===null||_imageConfigs_border===void 0?void 0:_imageConfigs_border.borderStyle)||\"solid\";const imageBorderWidth=(imageConfigs===null||imageConfigs===void 0?void 0:(_imageConfigs_border1=imageConfigs.border)===null||_imageConfigs_border1===void 0?void 0:_imageConfigs_border1.borderWidth)||0;const imageBorderColor=(imageConfigs===null||imageConfigs===void 0?void 0:(_imageConfigs_border2=imageConfigs.border)===null||_imageConfigs_border2===void 0?void 0:_imageConfigs_border2.borderColor)||\"transparent\";const imageRadius=typeof(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.radius)===\"object\"?`${imageConfigs.radius.topLeft}px ${imageConfigs.radius.topRight}px ${imageConfigs.radius.bottomRight}px ${imageConfigs.radius.bottomLeft}px`:`${(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.radius)||4}px`;const XIcon=({size=8,weight})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{display:\"block\"},children:[/*#__PURE__*/_jsx(\"line\",{x1:\"2\",y1:\"2\",x2:\"14\",y2:\"14\",stroke:\"currentColor\",strokeWidth:weight,strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"2\",y1:\"14\",x2:\"14\",y2:\"2\",stroke:\"currentColor\",strokeWidth:weight,strokeLinecap:\"round\"})]});const removeButton=/*#__PURE__*/_jsx(\"button\",{onClick:onRemove,style:{border:\"none\",background:(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.bg)||\"#F5F5F5\",color:(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.icon)||\"#000000\",cursor:\"pointer\",padding:\"4px\",borderRadius:`${(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.radius)||80}px`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0,width:\"24px\",height:\"24px\"},onMouseEnter:e=>e.currentTarget.style.background=(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.bgHover)||\"#EBEBEB\",onMouseLeave:e=>e.currentTarget.style.background=(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.bg)||\"#F5F5F5\",children:(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.iconType)===\"Custom\"?/*#__PURE__*/_jsx(\"img\",{src:removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.customImage,alt:\"Remove\",style:{width:removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.iconSize,height:removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.iconSize}}):/*#__PURE__*/_jsx(XIcon,{size:(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.iconSize)||8,weight:(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.iconWeight)||2})});const containerStyle={display:\"flex\",alignItems:\"stretch\",width:\"100%\",boxSizing:\"border-box\",overflow:\"hidden\",cursor:productUrl?\"pointer\":\"default\",borderRadius:typeof(containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.radius)===\"object\"?`${containerConfigs.radius.topLeft}px ${containerConfigs.radius.topRight}px ${containerConfigs.radius.bottomRight}px ${containerConfigs.radius.bottomLeft}px`:`${(containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.radius)||0}px`,border:(containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.border)?`${containerConfigs.border.borderWidth}px ${containerConfigs.border.borderStyle} ${containerConfigs.border.borderColor}`:undefined,padding:typeof(containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.padding)===\"object\"?`${containerConfigs.padding.top}px ${containerConfigs.padding.right}px ${containerConfigs.padding.bottom}px ${containerConfigs.padding.left}px`:(containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.padding)||\"0px\",background:\"transparent\",...style};var _containerConfigs_imageGap;const contentStyle={display:\"flex\",gap:(_containerConfigs_imageGap=containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.imageGap)!==null&&_containerConfigs_imageGap!==void 0?_containerConfigs_imageGap:0,flex:1,minWidth:0,padding:(containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.insidePadding)||\"0px\"};const imageStyle={position:\"relative\",width:(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.width)||112,height:imageHeight,flexShrink:0,background:(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.background)||\"#F2F2F2\",borderRadius:(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.radius)||\"4px\",border:`${imageBorderWidth}px ${imageBorderStyle} ${imageBorderColor}`,overflow:\"hidden\"};const imageInnerStyle={width:\"100%\",height:\"100%\",objectFit:\"cover\",transition:\"transform 0.3s ease, opacity 0.3s ease\",...isHovered&&(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.hover)===\"Zoom\"&&{transform:`scale(${imageConfigs.zoomScale})`},...isHovered&&(imageConfigs===null||imageConfigs===void 0?void 0:imageConfigs.hover)===\"Opacity\"&&{opacity:imageConfigs.opacity}};const titleStyle={...(titleConfigs===null||titleConfigs===void 0?void 0:titleConfigs.font)||{},color:isHovered?titleConfigs===null||titleConfigs===void 0?void 0:titleConfigs.hoverColor:titleConfigs===null||titleConfigs===void 0?void 0:titleConfigs.color,margin:0,transition:\"color 0.3s ease\"};const handleClick=e=>{// Only navigate if not clicking quantity or remove buttons\nif(productUrl&&!e.target.closest(\"button\")){window.location.href=productUrl;}};var _containerConfigs_imageGap1,_containerConfigs_gap,_containerConfigs_gap1;return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,onClick:handleClick,children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",gap:(_containerConfigs_imageGap1=containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.imageGap)!==null&&_containerConfigs_imageGap1!==void 0?_containerConfigs_imageGap1:0,flex:1,minWidth:0},children:[imageVisibility&&image&&/*#__PURE__*/_jsx(\"div\",{style:imageStyle,children:/*#__PURE__*/_jsx(\"img\",{src:image,style:imageInnerStyle,onError:e=>{e.currentTarget.style.display=\"none\";}})}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",flex:1,minWidth:0,gap:(_containerConfigs_gap=containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.gap)!==null&&_containerConfigs_gap!==void 0?_containerConfigs_gap:0,padding:(containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.insidePadding)||\"0px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",alignItems:\"flex-start\",width:\"100%\",gap:\"16px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:(_containerConfigs_gap1=containerConfigs===null||containerConfigs===void 0?void 0:containerConfigs.gap)!==null&&_containerConfigs_gap1!==void 0?_containerConfigs_gap1:0,flex:1,minWidth:0},children:[/*#__PURE__*/_jsx(\"div\",{style:titleStyle,children:typeof shopifyProductTitle===\"string\"?shopifyProductTitle:/*#__PURE__*/React.cloneElement(shopifyProductTitle,{style:titleStyle})}),variants]}),(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.position)===\"Top\"?removeButton:shopifyProductPriceAmount]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",gap:\"16px\",marginTop:\"auto\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",backgroundColor:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_container=quantityConfigs.container)===null||_quantityConfigs_container===void 0?void 0:_quantityConfigs_container.containerBg)||\"transparent\",borderRadius:typeof(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_container1=quantityConfigs.container)===null||_quantityConfigs_container1===void 0?void 0:_quantityConfigs_container1.containerRadius)===\"number\"?`${quantityConfigs.container.containerRadius}px`:\"8px\",padding:\"4px\",border:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_container2=quantityConfigs.container)===null||_quantityConfigs_container2===void 0?void 0:_quantityConfigs_container2.containerBorder)?`${quantityConfigs.container.containerBorder.borderWidth}px ${quantityConfigs.container.containerBorder.borderStyle} ${quantityConfigs.container.containerBorder.borderColor}`:\"1px solid #E2E2E2\",flexShrink:0},children:[/*#__PURE__*/_jsx(\"button\",{onClick:onSubtractQuantity,style:{border:\"none\",background:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons=quantityConfigs.buttons)===null||_quantityConfigs_buttons===void 0?void 0:_quantityConfigs_buttons.iconBg)||\"#F5F5F5\",color:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons1=quantityConfigs.buttons)===null||_quantityConfigs_buttons1===void 0?void 0:_quantityConfigs_buttons1.icons)||\"#000000\",cursor:\"pointer\",padding:\"4px 8px\",borderRadius:`${(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons2=quantityConfigs.buttons)===null||_quantityConfigs_buttons2===void 0?void 0:_quantityConfigs_buttons2.radius)||4}px`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},onMouseEnter:e=>{var _quantityConfigs_buttons;e.currentTarget.style.background=(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons=quantityConfigs.buttons)===null||_quantityConfigs_buttons===void 0?void 0:_quantityConfigs_buttons.iconBgHover)||\"#EBEBEB\";},onMouseLeave:e=>{var _quantityConfigs_buttons;e.currentTarget.style.background=(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons=quantityConfigs.buttons)===null||_quantityConfigs_buttons===void 0?void 0:_quantityConfigs_buttons.iconBg)||\"#F5F5F5\";},children:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons3=quantityConfigs.buttons)===null||_quantityConfigs_buttons3===void 0?void 0:_quantityConfigs_buttons3.iconType)===\"Custom\"?/*#__PURE__*/_jsx(\"img\",{src:quantityConfigs.buttons.customMinusIcon,alt:\"Minus\",style:{width:quantityConfigs.buttons.iconSize||8,height:quantityConfigs.buttons.iconSize||8}}):/*#__PURE__*/_jsx(MinusIcon,{size:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons4=quantityConfigs.buttons)===null||_quantityConfigs_buttons4===void 0?void 0:_quantityConfigs_buttons4.iconSize)||8,weight:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons5=quantityConfigs.buttons)===null||_quantityConfigs_buttons5===void 0?void 0:_quantityConfigs_buttons5.iconWeight)||2})}),/*#__PURE__*/_jsx(\"span\",{style:{margin:\"0 8px\",color:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_container3=quantityConfigs.container)===null||_quantityConfigs_container3===void 0?void 0:_quantityConfigs_container3.number)||\"#000000\"},children:shopifyQuantity}),/*#__PURE__*/_jsx(\"button\",{onClick:onAddQuantity,style:{border:\"none\",background:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons6=quantityConfigs.buttons)===null||_quantityConfigs_buttons6===void 0?void 0:_quantityConfigs_buttons6.iconBg)||\"#F5F5F5\",color:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons7=quantityConfigs.buttons)===null||_quantityConfigs_buttons7===void 0?void 0:_quantityConfigs_buttons7.icons)||\"#000000\",cursor:\"pointer\",padding:\"4px 8px\",borderRadius:`${(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons8=quantityConfigs.buttons)===null||_quantityConfigs_buttons8===void 0?void 0:_quantityConfigs_buttons8.radius)||4}px`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},onMouseEnter:e=>{var _quantityConfigs_buttons;e.currentTarget.style.background=(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons=quantityConfigs.buttons)===null||_quantityConfigs_buttons===void 0?void 0:_quantityConfigs_buttons.iconBgHover)||\"#EBEBEB\";},onMouseLeave:e=>{var _quantityConfigs_buttons;e.currentTarget.style.background=(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons=quantityConfigs.buttons)===null||_quantityConfigs_buttons===void 0?void 0:_quantityConfigs_buttons.iconBg)||\"#F5F5F5\";},children:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons9=quantityConfigs.buttons)===null||_quantityConfigs_buttons9===void 0?void 0:_quantityConfigs_buttons9.iconType)===\"Custom\"?/*#__PURE__*/_jsx(\"img\",{src:quantityConfigs.buttons.customPlusIcon,alt:\"Plus\",style:{width:quantityConfigs.buttons.iconSize||8,height:quantityConfigs.buttons.iconSize||8}}):/*#__PURE__*/_jsx(PlusIcon,{size:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons10=quantityConfigs.buttons)===null||_quantityConfigs_buttons10===void 0?void 0:_quantityConfigs_buttons10.iconSize)||8,weight:(quantityConfigs===null||quantityConfigs===void 0?void 0:(_quantityConfigs_buttons11=quantityConfigs.buttons)===null||_quantityConfigs_buttons11===void 0?void 0:_quantityConfigs_buttons11.iconWeight)||2})})]}),(removeIconConfigs===null||removeIconConfigs===void 0?void 0:removeIconConfigs.position)===\"Bottom\"?removeButton:shopifyProductPriceAmount]})]})]})});}const MinusIcon=({size=8,weight})=>/*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{display:\"block\"},children:/*#__PURE__*/_jsx(\"line\",{x1:\"2\",y1:\"8\",x2:\"14\",y2:\"8\",stroke:\"currentColor\",strokeWidth:weight,strokeLinecap:\"round\"})});const PlusIcon=({size=8,weight})=>/*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{display:\"block\"},children:[/*#__PURE__*/_jsx(\"line\",{x1:\"8\",y1:\"2\",x2:\"8\",y2:\"14\",stroke:\"currentColor\",strokeWidth:weight,strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"2\",y1:\"8\",x2:\"14\",y2:\"8\",stroke:\"currentColor\",strokeWidth:weight,strokeLinecap:\"round\"})]});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartProductCard\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FC_CartProductCard.map", "// Generated by Framer (ca9141d)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,ComponentViewportProvider,cx,getFonts,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import FC_CartProductCard from\"https://framerusercontent.com/modules/oKOqnJyJ3wjpqRFTNCqe/4mUVklsjPr3YlpuhhWDv/FC_CartProductCard.js\";const FC_CartProductCardFonts=getFonts(FC_CartProductCard);const serializationHash=\"framer-82zkS\";const variantClassNames={OCtjdXRzc:\"framer-v-15rvp24\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?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,width,...props})=>{return{...props};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"OCtjdXRzc\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?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(serializationHash,...sharedStyleClassNames,\"framer-15rvp24\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"OCtjdXRzc\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-60c920-container\",layoutDependency:layoutDependency,layoutId:\"RNVQOa9z2-container\",children:/*#__PURE__*/_jsx(FC_CartProductCard,{errorConfigs:{errorColor:\"rgb(0, 0, 0)\",errorFont:{}},height:\"100%\",id:\"RNVQOa9z2\",imageVisible:true,layoutId:\"RNVQOa9z2\",priceConfigs:{color:\"var(--token-2de60d55-30ed-45f4-87e6-158824b868d3, rgb(0, 0, 0))\",font:{fontFamily:'\"Inter\", \"Inter Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:600,letterSpacing:\"0em\",lineHeight:\"1em\"},showCurrencyCode:false,showSymbol:true},quantityConfigs:{containerBg:\"rgb(255, 255, 255)\",iconBg:\"rgb(255, 255, 255)\",iconBgHover:\"rgb(0, 0, 0)\",icons:\"rgb(0, 0, 0)\",number:\"rgb(0, 0, 0)\"},removeIconConfigs:{bg:\"rgb(255, 255, 255)\",bgHover:\"rgb(245, 245, 245)\",icon:\"rgb(0, 0, 0)\"},style:{width:\"100%\"},subscriptionConfigs:{color:\"rgb(0, 0, 0)\",font:{}},titleConfigs:{color:\"rgb(0, 0, 0)\",font:{}},variantConfigs:{gap:4,titleColor:\"rgb(0, 0, 0)\",titleFont:{},valueColor:\"rgb(0, 0, 0)\",valueFont:{}},width:\"100%\"})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-82zkS.framer-1trhzja, .framer-82zkS .framer-1trhzja { display: block; }\",\".framer-82zkS.framer-15rvp24 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: auto; padding: 0px; position: relative; width: 400px; }\",\".framer-82zkS .framer-60c920-container { flex: none; height: auto; position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-82zkS.framer-15rvp24 { gap: 0px; } .framer-82zkS.framer-15rvp24 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-82zkS.framer-15rvp24 > :first-child { margin-top: 0px; } .framer-82zkS.framer-15rvp24 > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 144\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerFhpo1xY5R=withCSS(Component,css,\"framer-82zkS\");export default FramerFhpo1xY5R;FramerFhpo1xY5R.displayName=\"FC Cart Product Card / FC Cart Product Card\";FramerFhpo1xY5R.defaultProps={height:144,width:400};addFonts(FramerFhpo1xY5R,[{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/hyOgCu0Xnghbimh0pE8QTvtt2AU.woff2\",weight:\"600\"},{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/NeGmSOXrPBfEFIy5YZeHq17LEDA.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/oYaAX5himiTPYuN8vLWnqBbfD2s.woff2\",weight:\"600\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/lEJLP4R0yuCaMCjSXYHtJw72M.woff2\",weight:\"600\"},{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/cRJyLNuTJR5jbyKzGi33wU9cqIQ.woff2\",weight:\"600\"},{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/1ZFS7N918ojhhd0nQWdj3jz4w.woff2\",weight:\"600\"},{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/A0Wcc7NgXMjUuFdquHDrIZpzZw0.woff2\",weight:\"600\"}]},...FC_CartProductCardFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerFhpo1xY5R\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"144\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"400\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "export function getUTMParameters(){const urlParams=new URLSearchParams(window.location.search);const utmParams={};const utmKeys=[\"utm_source\",\"utm_medium\",\"utm_campaign\",\"utm_term\",\"utm_content\"];utmKeys.forEach(key=>{const value=urlParams.get(key);if(value){utmParams[key]=value;}});if(Object.keys(utmParams).length>0){window.utmParams=utmParams;}}export function appendUTMParamsToUrl(checkoutUrl){const utmParams=window.utmParams||{};if(Object.keys(utmParams).length>0){const url=new URL(checkoutUrl);Object.keys(utmParams).forEach(key=>{url.searchParams.append(key,utmParams[key]);});return url.toString();}return checkoutUrl;}\nexport const __FramerMetadata__ = {\"exports\":{\"appendUTMParamsToUrl\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getUTMParameters\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./utmParams.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 * \u00A9 2024 Framer Commerce. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import React,{useEffect,useState,useCallback,useRef,cloneElement}from\"react\";import{appendUTMParamsToUrl}from\"https://framerusercontent.com/modules/w24ELWa2giT3SFaWpV77/624RTOU53ckt7NzZkGeH/utmParams.js\";import{throttle}from\"lodash-es\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n */export default function FC_CartCheckoutButton({componentInstance}){var _content_props;const[checkoutUrl,setCheckoutUrl]=useState(null);const isFetching=useRef(false);const getCurrentLanguage=()=>{var _pathSegments_;if(typeof window===\"undefined\")return\"en\";const pathname=window.location.pathname;const pathSegments=pathname.split(\"/\").filter(Boolean);const validLanguages=[\"en\",\"ja\",\"zh\",\"ko\",\"fr\",\"es\",\"de\",\"it\",\"nl\",\"pt\",\"ru\",\"ar\",\"hi\",\"th\",\"vi\",\"cs\",\"da\",\"fi\",\"el\",\"he\",\"hu\",\"id\",\"ms\",\"no\",\"pl\",\"ro\",\"sv\",\"tr\",\"uk\",\"bn\",\"ta\",\"bg\",\"hr\",\"sl\",\"sr\"];const detectedLanguage=validLanguages.includes((_pathSegments_=pathSegments[0])===null||_pathSegments_===void 0?void 0:_pathSegments_.toLowerCase())?pathSegments[0].toLowerCase():\"en\";console.log(\"Detected language:\",detectedLanguage);return detectedLanguage;};const appendLanguageToUrl=url=>{try{const urlObj=new URL(url);const currentLang=getCurrentLanguage();urlObj.searchParams.delete(\"locale\");urlObj.searchParams.append(\"locale\",currentLang);return urlObj.toString();}catch(error){console.error(\"Error appending language to URL:\",error);return url;}};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);if(cartData){// Check for existing attributes\nconst storedAttributes=JSON.parse(localStorage.getItem(\"shopX_cart_attributes\")||\"[]\");console.log(\"Cart data received:\",{checkoutUrl:cartData.checkoutUrl,storedAttributes});window.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()=>{var _window_shopXtools_cart,_window_shopXtools;console.log(\"handleCartUpdate triggered\");let cartId=((_window_shopXtools=window[\"shopXtools\"])===null||_window_shopXtools===void 0?void 0:(_window_shopXtools_cart=_window_shopXtools.cart)===null||_window_shopXtools_cart===void 0?void 0:_window_shopXtools_cart.id)||localStorage.getItem(\"shopX_cart_id\");console.log(\"Cart ID:\",cartId);if(cartId){await fetchCartAndUpdateCheckoutUrl(cartId);}else{console.warn(\"No cart ID found. Cart is empty.\");setCheckoutUrl(null);}},1e3),[fetchCartAndUpdateCheckoutUrl]);useEffect(()=>{console.log(\"CartCheckoutButton mounted\");const existingNote=localStorage.getItem(\"orderAttribute\");console.log(\"Existing order note:\",existingNote);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