@gem-sdk/plugin-cart-drawer 1.63.16 → 2.0.0-dev.1082

package/dist/cjs/components/CartDiscountCode.js

@@ -1,96 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var react = require('react');
-var DiscountCodeItem = require('./DiscountCodeItem.js');
-var LoadingIcon = require('./LoadingIcon.js');
-
-const CartDiscountCode = ()=>{
-    const inputRef = react.useRef(null);
-    const { cartId } = core.useCartId();
-    const { trigger: updateCartDiscountCode, isMutating } = core.useCartDiscountCodesUpdate({
-        onSuccess: ()=>{
-            if (inputRef.current) {
-                inputRef.current.value = '';
-            }
-        }
-    });
-    const { data: cart } = core.useCartData();
-    const currentCode = react.useMemo(()=>cart?.discounts?.map((v)=>v.code).filter(core.isDefined) ?? [], [
-        cart?.discounts
-    ]);
-    const addCode = react.useCallback(()=>{
-        if (cartId && inputRef.current?.value && !currentCode.some((code)=>code.toLowerCase() === inputRef.current?.value.trim().toLowerCase())) {
-            updateCartDiscountCode({
-                cartId,
-                discountCodes: [
-                    inputRef.current.value,
-                    ...currentCode
-                ]
-            });
-        }
-    }, [
-        cartId,
-        updateCartDiscountCode,
-        currentCode
-    ]);
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "gp-flex gp-flex-col gp-gap-2 gp-border-t gp-p-4 ",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: "gp-flex gp-gap-4",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("input", {
-                        className: "gp-flex-1 gp-border gp-p-2 gp-outline-none",
-                        placeholder: "Discount Code",
-                        style: {
-                            ...core.composeRadius({
-                                normal: {
-                                    radiusType: 'small'
-                                }
-                            })
-                        },
-                        ref: inputRef
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsxs("button", {
-                        disabled: isMutating,
-                        onClick: addCode,
-                        className: "gp-relative gp-bg-g-brand gp-px-2 gp-text-g-text-3 disabled:gp-opacity-80",
-                        style: {
-                            ...core.composeRadius({
-                                normal: {
-                                    radiusType: 'small'
-                                }
-                            })
-                        },
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                className: core.cls('gp-absolute gp-left-1/2 gp-top-1/2 -gp-translate-x-1/2 -gp-translate-y-1/2', {
-                                    'gp-hidden': !isMutating
-                                }),
-                                children: /*#__PURE__*/ jsxRuntime.jsx(LoadingIcon.default, {})
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                className: core.cls('gp-g-paragraph-1', {
-                                    invisible: isMutating
-                                }),
-                                children: "Apply Code"
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: "gp-inline-flex gp-flex-wrap gp-gap-2",
-                children: cart?.discounts?.map((code)=>/*#__PURE__*/ jsxRuntime.jsx(DiscountCodeItem.default, {
-                        item: code
-                    }, code.code))
-            })
-        ]
-    });
-};
-
-exports.default = CartDiscountCode;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react"),DiscountCodeItem=require("./DiscountCodeItem.js"),LoadingIcon=require("./LoadingIcon.js");const CartDiscountCode=()=>{let e=react.useRef(null),{cartId:s}=core.useCartId(),{trigger:t,isMutating:r}=core.useCartDiscountCodesUpdate({onSuccess:()=>{e.current&&(e.current.value="")}}),{data:a}=core.useCartData(),o=react.useMemo(()=>a?.discounts?.map(e=>e.code).filter(core.isDefined)??[],[a?.discounts]),i=react.useCallback(()=>{s&&e.current?.value&&!o.some(s=>s.toLowerCase()===e.current?.value.trim().toLowerCase())&&t({cartId:s,discountCodes:[e.current.value,...o]})},[s,t,o]);return jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2 gp-border-t gp-p-4 ",children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-4",children:[jsxRuntime.jsx("input",{className:"gp-flex-1 gp-border gp-p-2 gp-outline-none",placeholder:"Discount Code",style:{...core.composeRadius({normal:{radiusType:"small"}})},ref:e}),jsxRuntime.jsxs("button",{disabled:r,onClick:i,className:"gp-relative gp-bg-g-brand gp-px-2 gp-text-g-text-3 disabled:gp-opacity-80",style:{...core.composeRadius({normal:{radiusType:"small"}})},children:[jsxRuntime.jsx("div",{className:core.cls("gp-absolute gp-left-1/2 gp-top-1/2 -gp-translate-x-1/2 -gp-translate-y-1/2",{"gp-hidden":!r}),children:jsxRuntime.jsx(LoadingIcon.default,{})}),jsxRuntime.jsx("span",{className:core.cls("gp-g-paragraph-1",{"gp-invisible":r}),children:"Apply Code"})]})]}),jsxRuntime.jsx("div",{className:"gp-inline-flex gp-flex-wrap gp-gap-2",children:a?.discounts?.map(e=>jsxRuntime.jsx(DiscountCodeItem.default,{item:e},e.code))})]})};exports.default=CartDiscountCode;

package/dist/cjs/components/CartDrawer.js

@@ -1,144 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var components = require('@gem-sdk/components');
-var core = require('@gem-sdk/core');
-var CartDiscountCode = require('./CartDiscountCode.js');
-var CartFooter = require('./CartFooter.js');
-var CartLineItem = require('./CartLineItem.js');
-var CartOrderNote = require('./CartOrderNote.js');
-
-const duration = 300;
-const defaultStyle = {
-    transition: `opacity ${duration}ms ease-in-out`,
-    opacity: 0
-};
-const transitionStyles = {
-    entering: {
-        opacity: 1
-    },
-    entered: {
-        opacity: 1
-    },
-    exiting: {
-        opacity: 0
-    },
-    exited: {
-        opacity: 0
-    },
-    unmounted: {
-        opacity: 0
-    }
-};
-const CartDrawer = ({ className, style, setting })=>{
-    const { data, isLoading: loading, error } = core.useCartData();
-    const { closeCart, isCartOpen } = core.useCartUI();
-    const nodeRef = react.useRef(null);
-    return /*#__PURE__*/ jsxRuntime.jsx(reactTransitionGroup.Transition, {
-        in: isCartOpen,
-        timeout: duration,
-        nodeRef: nodeRef,
-        children: (state)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
-                ref: nodeRef,
-                className: core.cls('gp-fixed gp-inset-0 gp-z-90', className, {
-                    'gp-invisible': !isCartOpen,
-                    'gp-visible': isCartOpen
-                }),
-                style: {
-                    ...style,
-                    ...defaultStyle,
-                    ...transitionStyles[state],
-                    zIndex: components.ELEMENT_Z_INDEX.CART_DRAWER
-                },
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        "aria-hidden": true,
-                        onClick: ()=>closeCart(),
-                        className: "gp-fixed gp-inset-0 gp-z-80 gp-bg-slate-600/40"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "gp-fixed gp-inset-y-0 gp-right-0 gp-z-90 gp-flex gp-w-full gp-max-w-[400px] gp-flex-col gp-bg-white gp-text-g-text-1 gp-shadow-2xl mobile:gp-w-full",
-                        children: loading ? /*#__PURE__*/ jsxRuntime.jsx("div", {
-                            className: "gp-w-full gp-pt-10 gp-text-center",
-                            children: "Loading..."
-                        }) : error ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                            className: "gp-w-full gp-pt-10 gp-text-center gp-text-g-error",
-                            children: [
-                                "Error: ",
-                                error?.[0]?.message
-                            ]
-                        }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                    className: "gp-flex gp-items-center gp-justify-between gp-border-b-g-line-3 gp-px-6 gp-py-3 border-b",
-                                    children: [
-                                        /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                            className: "gp-font-g-heading gp-text-xl gp-font-semibold",
-                                            children: setting?.title
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                            onClick: closeCart,
-                                            title: "Close cart drawer",
-                                            children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                                                className: "gp-w-5",
-                                                fill: "currentColor",
-                                                viewBox: "0 0 24 24",
-                                                xmlns: "http://www.w3.org/2000/svg",
-                                                children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                                    d: "m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z"
-                                                })
-                                            })
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                    className: "gp-group gp-h-full gp-overflow-y-auto gp-px-6 gp-pb-4 scrollbar:!gp-h-1.5 scrollbar:!gp-w-1.5 scrollbar:gp-bg-transparent scrollbar-track:!gp-rounded scrollbar-track:!gp-bg-slate-100 scrollbar-thumb:!gp-rounded scrollbar-thumb:!gp-bg-slate-300",
-                                    children: !data || !data.lineItems.length ? /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                        className: "gp-w-full gp-pt-10 gp-text-center",
-                                        children: setting?.emptyLabel
-                                    }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                                className: "gp-flex gp-flex-col",
-                                                children: data.lineItems.map((line)=>{
-                                                    if (!line) return null;
-                                                    return /*#__PURE__*/ jsxRuntime.jsx(core.CartLineProvider, {
-                                                        line: line,
-                                                        children: /*#__PURE__*/ jsxRuntime.jsx(CartLineItem.default, {})
-                                                    }, line.id);
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(CartOrderNote.default, {
-                                                placeholder: "Leave your order note here...",
-                                                triggerUpdate: "blur"
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx(CartDiscountCode.default, {}),
-                                !!data && !!data.lineItems.length && /*#__PURE__*/ jsxRuntime.jsx(CartFooter.default, {
-                                    openMode: setting?.openMode,
-                                    checkoutUrl: data.checkoutUrl,
-                                    price: data?.totalPrice,
-                                    currencyCode: data?.currency.code
-                                })
-                            ]
-                        })
-                    })
-                ]
-            })
-    });
-};
-CartDrawer.defaultProps = {
-    setting: {
-        title: 'Your Cart',
-        emptyLabel: 'Your cart is empty',
-        openMode: 'page'
-    }
-};
-
-exports.default = CartDrawer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),reactTransitionGroup=require("react-transition-group"),components=require("@gem-sdk/components"),core=require("@gem-sdk/core"),CartDiscountCode=require("./CartDiscountCode.js"),CartFooter=require("./CartFooter.js"),CartLineItem=require("./CartLineItem.js"),CartOrderNote=require("./CartOrderNote.js");const duration=300,defaultStyle={transition:"opacity 300ms ease-in-out",opacity:0},transitionStyles={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},CartDrawer=({className:e,style:t,setting:r})=>{let{data:s,isLoading:i,error:n}=core.useCartData(),{closeCart:a,isCartOpen:l}=core.useCartUI(),o=react.useRef(null);return jsxRuntime.jsx(reactTransitionGroup.Transition,{in:l,timeout:300,nodeRef:o,children:p=>jsxRuntime.jsxs("div",{ref:o,className:core.cls("gp-fixed gp-inset-0 gp-z-90",e,{"gp-invisible":!l,"gp-visible":l}),style:{...t,...defaultStyle,...transitionStyles[p],zIndex:components.ELEMENT_Z_INDEX.CART_DRAWER},children:[jsxRuntime.jsx("div",{"aria-hidden":!0,onClick:()=>a(),className:"gp-fixed gp-inset-0 gp-z-80 gp-bg-slate-600/40"}),jsxRuntime.jsx("div",{className:"gp-fixed gp-inset-y-0 gp-right-0 gp-z-90 gp-flex gp-w-full gp-max-w-[400px] gp-flex-col gp-bg-white gp-text-g-text-1 gp-shadow-2xl mobile:gp-w-full",children:i?jsxRuntime.jsx("div",{className:"gp-w-full gp-pt-10 gp-text-center",children:"Loading..."}):n?jsxRuntime.jsxs("div",{className:"gp-w-full gp-pt-10 gp-text-center gp-text-g-error",children:["Error: ",n?.[0]?.message]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-justify-between gp-border-b-g-line-3 gp-px-6 gp-py-3 border-b",children:[jsxRuntime.jsx("span",{className:"gp-font-g-heading gp-text-xl gp-font-semibold",children:r?.title}),jsxRuntime.jsx("button",{onClick:a,title:"Close cart drawer",children:jsxRuntime.jsx("svg",{className:"gp-w-5",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z"})})})]}),jsxRuntime.jsx("div",{className:"gp-group gp-h-full gp-overflow-y-auto gp-px-6 gp-pb-4 scrollbar:!gp-h-1.5 scrollbar:!gp-w-1.5 scrollbar:gp-bg-transparent scrollbar-track:!gp-rounded scrollbar-track:!gp-bg-slate-100 scrollbar-thumb:!gp-rounded scrollbar-thumb:!gp-bg-slate-300",children:s&&s.lineItems.length?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"gp-flex gp-flex-col",children:s.lineItems.map(e=>e?jsxRuntime.jsx(core.CartLineProvider,{line:e,children:jsxRuntime.jsx(CartLineItem.default,{})},e.id):null)}),jsxRuntime.jsx(CartOrderNote.default,{placeholder:"Leave your order note here...",triggerUpdate:"blur"})]}):jsxRuntime.jsx("div",{className:"gp-w-full gp-pt-10 gp-text-center",children:r?.emptyLabel})}),jsxRuntime.jsx(CartDiscountCode.default,{}),!!s&&!!s.lineItems.length&&jsxRuntime.jsx(CartFooter.default,{openMode:r?.openMode,checkoutUrl:s.checkoutUrl,price:s?.totalPrice,currencyCode:s?.currency.code})]})})]})})};CartDrawer.defaultProps={setting:{title:"Your Cart",emptyLabel:"Your cart is empty",openMode:"page"}},exports.default=CartDrawer;

package/dist/cjs/components/CartFooter.js

@@ -1,69 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var react = require('react');
-
-const CartFooter = ({ checkoutUrl, price, openMode })=>{
-    const urlCheckout = core.useCheckoutUrl(checkoutUrl);
-    const checkoutPopup = react.useRef(null);
-    const money = core.useMoney(price ?? 0);
-    const openCheckout = (w, h)=>{
-        if (openMode === 'popup') {
-            const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;
-            const dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY;
-            const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
-            const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
-            const systemZoom = width / window.screen.availWidth;
-            const left = (width - w) / 2 / systemZoom + dualScreenLeft;
-            const top = (height - h) / 2 / systemZoom + dualScreenTop;
-            checkoutPopup.current = window.open(urlCheckout, 'checkout', `scrollbars=yes, width=${w / systemZoom}, height=${h / systemZoom}, top=${top}, left=${left}`);
-            checkoutPopup.current?.focus();
-        } else {
-            !!urlCheckout && window.open(urlCheckout);
-        }
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "gp-flex gp-flex-col gp-gap-4 gp-border-t gp-border-t-g-line-3 gp-bg-g-bg-2 gp-px-6 gp-pb-8 gp-pt-4",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: "gp-g-paragraph-1 gp-flex gp-justify-between gp-font-semibold",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        children: "Subtotal:"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        "aria-label": "Total price",
-                        children: money.localizedString
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                "aria-label": "Checkout",
-                role: "button",
-                "aria-hidden": "true",
-                className: "gp-g-paragraph-1 gp-flex gp-justify-between gp-bg-g-brand gp-px-4 gp-py-3 gp-font-semibold gp-text-g-text-3",
-                onClick: ()=>openCheckout(600, 600),
-                style: {
-                    ...core.composeRadius({
-                        normal: {
-                            radiusType: 'small'
-                        }
-                    })
-                },
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        children: money.localizedString
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        children: "Checkout"
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-exports.default = CartFooter;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react");const CartFooter=({checkoutUrl:e,price:t,openMode:n})=>{let i=core.useCheckoutUrl(e),r=react.useRef(null),o=core.useMoney(t??0),s=(e,t)=>{if("popup"===n){let n=void 0!==window.screenLeft?window.screenLeft:window.screenX,o=void 0!==window.screenTop?window.screenTop:window.screenY,s=window.innerWidth?window.innerWidth:document.documentElement.clientWidth?document.documentElement.clientWidth:screen.width,c=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:screen.height,d=s/window.screen.availWidth,l=(s-e)/2/d+n,p=(c-t)/2/d+o;r.current=window.open(i,"checkout",`scrollbars=yes, width=${e/d}, height=${t/d}, top=${p}, left=${l}`),r.current?.focus()}else i&&window.open(i)};return jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-4 gp-border-t gp-border-t-g-line-3 gp-bg-g-bg-2 gp-px-6 gp-pb-8 gp-pt-4",children:[jsxRuntime.jsxs("div",{className:"gp-g-paragraph-1 gp-flex gp-justify-between gp-font-semibold",children:[jsxRuntime.jsx("span",{children:"Subtotal:"}),jsxRuntime.jsx("span",{"aria-label":"Total price",children:o.localizedString})]}),jsxRuntime.jsxs("div",{"aria-label":"Checkout",role:"button","aria-hidden":"true",className:"gp-g-paragraph-1 gp-flex gp-justify-between gp-bg-g-brand gp-px-4 gp-py-3 gp-font-semibold gp-text-g-text-3",onClick:()=>s(600,600),style:{...core.composeRadius({normal:{radiusType:"small"}})},children:[jsxRuntime.jsx("span",{children:o.localizedString}),jsxRuntime.jsx("span",{children:"Checkout"})]})]})};exports.default=CartFooter;

package/dist/cjs/components/CartLineItem.js

@@ -1,143 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var components = require('@gem-sdk/components');
-var CartLineItemQuantity = require('./CartLineItemQuantity.js');
-var Trash = require('./icons/Trash.js');
-var LoadingIcon = require('./LoadingIcon.js');
-
-const CartLineItem = ()=>{
-    const line = core.useCartLine();
-    const { cartId } = core.useCartId();
-    const { isMutating: loading, trigger: removeCartLine } = core.useRemoveCartItem();
-    const money = core.useMoney(line.variant?.price ? line.variant?.price : 0);
-    const compareAtPrice = core.useMoney(line.variant?.listPrice ? line.variant?.listPrice : 0);
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "gp-flex gp-items-center gp-gap-4 gp-border-b gp-border-b-g-line-2 gp-py-4 last:gp-border-b-transparent",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: "gp-aspect-square gp-w-16",
-                children: line.variant?.image?.url && /*#__PURE__*/ jsxRuntime.jsx("img", {
-                    className: "gp-h-full gp-w-full gp-object-cover",
-                    src: line.variant.image.url,
-                    alt: line.variant?.image?.altText ?? ''
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: "gp-flex-1",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsxs("p", {
-                        className: "gp-line-clamp-2",
-                        children: [
-                            line.productTitle,
-                            " ",
-                            line.variant.name !== 'Default Title' && ` - ${line.variant.name}`
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: "gp-flex gp-flex-col gp-gap-1 gp-text-sm",
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                className: "gp-flex gp-gap-2",
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                        className: "gp-font-semibold",
-                                        children: money.localizedString
-                                    }),
-                                    line.variant?.listPrice > 0 && /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                        className: "gp-text-[#B4B4B4] gp-line-through",
-                                        children: compareAtPrice.localizedString
-                                    })
-                                ]
-                            }),
-                            line.attributes?.map((attribute)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                    children: [
-                                        attribute.key,
-                                        ": ",
-                                        attribute.value
-                                    ]
-                                }, attribute.key))
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: "gp-flex gp-items-center gp-justify-between",
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(CartLineItemQuantity.default, {
-                                size: "medium"
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                onClick: ()=>{
-                                    components.openConfirm({
-                                        title: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                            className: "gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",
-                                            children: [
-                                                /*#__PURE__*/ jsxRuntime.jsx(Trash.default, {}),
-                                                /*#__PURE__*/ jsxRuntime.jsx("p", {
-                                                    className: "gp-font-g-body gp-text-xl gp-font-semibold",
-                                                    children: "Are you sure ?"
-                                                })
-                                            ]
-                                        }),
-                                        content: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                            className: "gp-text-center",
-                                            children: [
-                                                /*#__PURE__*/ jsxRuntime.jsx("p", {
-                                                    children: "Do you really want to delete these items?"
-                                                }),
-                                                /*#__PURE__*/ jsxRuntime.jsx("p", {
-                                                    children: "This process cannot be undone."
-                                                })
-                                            ]
-                                        }),
-                                        className: 'gp-w-full gp-max-w-[572px] gp-gap-4 gp-rounded',
-                                        buttons: [
-                                            {
-                                                label: 'Cancel',
-                                                className: 'gp-w-[130px] !gp-bg-g-bg-1'
-                                            },
-                                            {
-                                                label: 'Delete',
-                                                className: '!gp-bg-g-error !gp-text-g-text-3 !font-g-body gp-w-[130px]',
-                                                onClick: ()=>{
-                                                    if (cartId && line.id) {
-                                                        removeCartLine({
-                                                            cartId,
-                                                            lineId: line.id
-                                                        });
-                                                    }
-                                                }
-                                            }
-                                        ]
-                                    });
-                                },
-                                "aria-label": "Remove item from cart",
-                                title: "Remove item from cart",
-                                type: "button",
-                                children: loading ? /*#__PURE__*/ jsxRuntime.jsx(LoadingIcon.default, {
-                                    className: "gp-text-g-brand"
-                                }) : /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                                    xmlns: "http://www.w3.org/2000/svg",
-                                    className: "gp-w-4 gp-text-gray-400",
-                                    fill: "none",
-                                    viewBox: "0 0 24 24",
-                                    stroke: "currentColor",
-                                    strokeWidth: 2,
-                                    children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                        strokeLinecap: "round",
-                                        strokeLinejoin: "round",
-                                        d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-                                    })
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-exports.default = CartLineItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),components=require("@gem-sdk/components"),CartLineItemQuantity=require("./CartLineItemQuantity.js"),Trash=require("./icons/Trash.js"),LoadingIcon=require("./LoadingIcon.js");const CartLineItem=()=>{let e=core.useCartLine(),{cartId:t}=core.useCartId(),{isMutating:s,trigger:i}=core.useRemoveCartItem(),a=core.useMoney(e.variant?.price?e.variant?.price:0),n=core.useMoney(e.variant?.listPrice?e.variant?.listPrice:0);return jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-gap-4 gp-border-b gp-border-b-g-line-2 gp-py-4 last:gp-border-b-transparent",children:[jsxRuntime.jsx("div",{className:"gp-aspect-square gp-w-16",children:e.variant?.image?.url&&jsxRuntime.jsx("img",{className:"gp-h-full gp-w-full gp-object-cover",src:e.variant.image.url,alt:e.variant?.image?.altText??""})}),jsxRuntime.jsxs("div",{className:"gp-flex-1",children:[jsxRuntime.jsxs("p",{className:"gp-line-clamp-2",children:[e.productTitle," ","Default Title"!==e.variant.name&&` - ${e.variant.name}`]}),jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-1 gp-text-sm",children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-2",children:[jsxRuntime.jsx("span",{className:"gp-font-semibold",children:a.localizedString}),e.variant?.listPrice>0&&jsxRuntime.jsx("span",{className:"gp-text-[#B4B4B4] gp-line-through",children:n.localizedString})]}),e.attributes?.map(e=>jsxRuntime.jsxs("div",{children:[e.key,": ",e.value]},e.key))]}),jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-justify-between",children:[jsxRuntime.jsx(CartLineItemQuantity.default,{size:"medium"}),jsxRuntime.jsx("button",{onClick:()=>{components.openConfirm({title:jsxRuntime.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",children:[jsxRuntime.jsx(Trash.default,{}),jsxRuntime.jsx("p",{className:"gp-font-g-body gp-text-xl gp-font-semibold",children:"Are you sure ?"})]}),content:jsxRuntime.jsxs("div",{className:"gp-text-center",children:[jsxRuntime.jsx("p",{children:"Do you really want to delete these items?"}),jsxRuntime.jsx("p",{children:"This process cannot be undone."})]}),className:"gp-w-full gp-max-w-[572px] gp-gap-4 gp-rounded",buttons:[{label:"Cancel",className:"gp-w-[130px] !gp-bg-g-bg-1"},{label:"Delete",className:"!gp-bg-g-error !gp-text-g-text-3 !font-g-body gp-w-[130px]",onClick:()=>{t&&e.id&&i({cartId:t,lineId:e.id})}}]})},"aria-label":"Remove item from cart",title:"Remove item from cart",type:"button",children:s?jsxRuntime.jsx(LoadingIcon.default,{className:"gp-text-g-brand"}):jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"gp-w-4 gp-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})})})]})]})]})};exports.default=CartLineItem;

package/dist/cjs/components/CartLineItemQuantity.js

@@ -1,57 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var CartLineQuantityAdjustButton = require('./CartLineQuantityAdjustButton.js');
-
-const CartLineItemQuantity = ({ size })=>{
-    const line = core.useCartLine();
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: core.cls('gp-mt-2 gp-inline-flex gp-items-center gp-overflow-auto gp-rounded gp-border gp-border-g-line-3 gp-text-g-text-1', {
-            'gp-h-12': size === 'large',
-            'gp-h-10': size === 'medium',
-            'gp-h-8': size === 'small'
-        }),
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(CartLineQuantityAdjustButton.default, {
-                adjust: "decrease",
-                "aria-label": "Decrease quantity",
-                className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                    className: "gp-h-4",
-                    fill: "currentColor",
-                    viewBox: "0 0 24 24",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                        d: "M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: "gp-flex gp-h-full gp-min-w-[50px] gp-select-none gp-items-center gp-justify-center gp-border-x gp-border-g-line-3 gp-px-2 gp-text-center gp-text-base gp-font-semibold",
-                children: line.quantity
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(CartLineQuantityAdjustButton.default, {
-                adjust: "increase",
-                "aria-label": "Increase quantity",
-                className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
-                    className: "gp-h-4",
-                    fill: "currentColor",
-                    viewBox: "0 0 24 24",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                        d: "M11.75 3a.75.75 0 0 1 .743.648l.007.102.001 7.25h7.253a.75.75 0 0 1 .102 1.493l-.102.007h-7.253l.002 7.25a.75.75 0 0 1-1.493.101l-.007-.102-.002-7.249H3.752a.75.75 0 0 1-.102-1.493L3.752 11h7.25L11 3.75a.75.75 0 0 1 .75-.75Z"
-                    })
-                })
-            })
-        ]
-    });
-};
-CartLineItemQuantity.defaultProps = {
-    size: 'medium'
-};
-
-exports.default = CartLineItemQuantity;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),CartLineQuantityAdjustButton=require("./CartLineQuantityAdjustButton.js");const CartLineItemQuantity=({size:e})=>{let t=core.useCartLine();return jsxRuntime.jsxs("div",{className:core.cls("gp-mt-2 gp-inline-flex gp-items-center gp-overflow-auto gp-rounded gp-border gp-border-g-line-3 gp-text-g-text-1",{"gp-h-12":"large"===e,"gp-h-10":"medium"===e,"gp-h-8":"small"===e}),children:[jsxRuntime.jsx(CartLineQuantityAdjustButton.default,{adjust:"decrease","aria-label":"Decrease quantity",className:"gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:jsxRuntime.jsx("svg",{className:"gp-h-4",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"})})}),jsxRuntime.jsx("div",{className:"gp-flex gp-h-full gp-min-w-[50px] gp-select-none gp-items-center gp-justify-center gp-border-x gp-border-g-line-3 gp-px-2 gp-text-center gp-text-base gp-font-semibold",children:t.quantity}),jsxRuntime.jsx(CartLineQuantityAdjustButton.default,{adjust:"increase","aria-label":"Increase quantity",className:"gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:jsxRuntime.jsx("svg",{className:"gp-h-4",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M11.75 3a.75.75 0 0 1 .743.648l.007.102.001 7.25h7.253a.75.75 0 0 1 .102 1.493l-.102.007h-7.253l.002 7.25a.75.75 0 0 1-1.493.101l-.007-.102-.002-7.249H3.752a.75.75 0 0 1-.102-1.493L3.752 11h7.25L11 3.75a.75.75 0 0 1 .75-.75Z"})})})]})};CartLineItemQuantity.defaultProps={size:"medium"},exports.default=CartLineItemQuantity;