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

package/dist/esm/components/CartFooter.js

@@ -1,65 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCheckoutUrl, useMoney, composeRadius } from '@gem-sdk/core';
-import { useRef } from 'react';
-
-const CartFooter = ({ checkoutUrl, price, openMode })=>{
-    const urlCheckout = useCheckoutUrl(checkoutUrl);
-    const checkoutPopup = useRef(null);
-    const money = 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__*/ 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__*/ jsxs("div", {
-                className: "gp-g-paragraph-1 gp-flex gp-justify-between gp-font-semibold",
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        children: "Subtotal:"
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        "aria-label": "Total price",
-                        children: money.localizedString
-                    })
-                ]
-            }),
-            /*#__PURE__*/ 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: {
-                    ...composeRadius({
-                        normal: {
-                            radiusType: 'small'
-                        }
-                    })
-                },
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        children: money.localizedString
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        children: "Checkout"
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-export { CartFooter as default };
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useCheckoutUrl as t,useMoney as i,composeRadius as r}from"@gem-sdk/core";import{useRef as o}from"react";let CartFooter=({checkoutUrl:l,price:d,openMode:p})=>{let c=t(l),a=o(null),g=i(d??0),s=(e,n)=>{if("popup"===p){let t=void 0!==window.screenLeft?window.screenLeft:window.screenX,i=void 0!==window.screenTop?window.screenTop:window.screenY,r=window.innerWidth?window.innerWidth:document.documentElement.clientWidth?document.documentElement.clientWidth:screen.width,o=window.innerHeight?window.innerHeight:document.documentElement.clientHeight?document.documentElement.clientHeight:screen.height,l=r/window.screen.availWidth,d=(r-e)/2/l+t,p=(o-n)/2/l+i;a.current=window.open(c,"checkout",`scrollbars=yes, width=${e/l}, height=${n/l}, top=${p}, left=${d}`),a.current?.focus()}else c&&window.open(c)};return e("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:[e("div",{className:"gp-g-paragraph-1 gp-flex gp-justify-between gp-font-semibold",children:[n("span",{children:"Subtotal:"}),n("span",{"aria-label":"Total price",children:g.localizedString})]}),e("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:{...r({normal:{radiusType:"small"}})},children:[n("span",{children:g.localizedString}),n("span",{children:"Checkout"})]})]})};export{CartFooter as default};

package/dist/esm/components/CartLineItem.js

@@ -1,139 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCartLine, useCartId, useRemoveCartItem, useMoney } from '@gem-sdk/core';
-import { openConfirm } from '@gem-sdk/components';
-import CartLineItemQuantity from './CartLineItemQuantity.js';
-import Trash from './icons/Trash.js';
-import LoadingIcon from './LoadingIcon.js';
-
-const CartLineItem = ()=>{
-    const line = useCartLine();
-    const { cartId } = useCartId();
-    const { isMutating: loading, trigger: removeCartLine } = useRemoveCartItem();
-    const money = useMoney(line.variant?.price ? line.variant?.price : 0);
-    const compareAtPrice = useMoney(line.variant?.listPrice ? line.variant?.listPrice : 0);
-    return /*#__PURE__*/ 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__*/ jsx("div", {
-                className: "gp-aspect-square gp-w-16",
-                children: line.variant?.image?.url && /*#__PURE__*/ jsx("img", {
-                    className: "gp-h-full gp-w-full gp-object-cover",
-                    src: line.variant.image.url,
-                    alt: line.variant?.image?.altText ?? ''
-                })
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: "gp-flex-1",
-                children: [
-                    /*#__PURE__*/ jsxs("p", {
-                        className: "gp-line-clamp-2",
-                        children: [
-                            line.productTitle,
-                            " ",
-                            line.variant.name !== 'Default Title' && ` - ${line.variant.name}`
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "gp-flex gp-flex-col gp-gap-1 gp-text-sm",
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "gp-flex gp-gap-2",
-                                children: [
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: "gp-font-semibold",
-                                        children: money.localizedString
-                                    }),
-                                    line.variant?.listPrice > 0 && /*#__PURE__*/ jsx("span", {
-                                        className: "gp-text-[#B4B4B4] gp-line-through",
-                                        children: compareAtPrice.localizedString
-                                    })
-                                ]
-                            }),
-                            line.attributes?.map((attribute)=>/*#__PURE__*/ jsxs("div", {
-                                    children: [
-                                        attribute.key,
-                                        ": ",
-                                        attribute.value
-                                    ]
-                                }, attribute.key))
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "gp-flex gp-items-center gp-justify-between",
-                        children: [
-                            /*#__PURE__*/ jsx(CartLineItemQuantity, {
-                                size: "medium"
-                            }),
-                            /*#__PURE__*/ jsx("button", {
-                                onClick: ()=>{
-                                    openConfirm({
-                                        title: /*#__PURE__*/ jsxs("div", {
-                                            className: "gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",
-                                            children: [
-                                                /*#__PURE__*/ jsx(Trash, {}),
-                                                /*#__PURE__*/ jsx("p", {
-                                                    className: "gp-font-g-body gp-text-xl gp-font-semibold",
-                                                    children: "Are you sure ?"
-                                                })
-                                            ]
-                                        }),
-                                        content: /*#__PURE__*/ jsxs("div", {
-                                            className: "gp-text-center",
-                                            children: [
-                                                /*#__PURE__*/ jsx("p", {
-                                                    children: "Do you really want to delete these items?"
-                                                }),
-                                                /*#__PURE__*/ 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__*/ jsx(LoadingIcon, {
-                                    className: "gp-text-g-brand"
-                                }) : /*#__PURE__*/ 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__*/ 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"
-                                    })
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-export { CartLineItem as default };
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCartLine as a,useCartId as r,useRemoveCartItem as i,useMoney as l}from"@gem-sdk/core";import{openConfirm as n}from"@gem-sdk/components";import p from"./CartLineItemQuantity.js";import s from"./icons/Trash.js";import g from"./LoadingIcon.js";let CartLineItem=()=>{let c=a(),{cartId:o}=r(),{isMutating:m,trigger:d}=i(),u=l(c.variant?.price?c.variant?.price:0),v=l(c.variant?.listPrice?c.variant?.listPrice:0);return e("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:[t("div",{className:"gp-aspect-square gp-w-16",children:c.variant?.image?.url&&t("img",{className:"gp-h-full gp-w-full gp-object-cover",src:c.variant.image.url,alt:c.variant?.image?.altText??""})}),e("div",{className:"gp-flex-1",children:[e("p",{className:"gp-line-clamp-2",children:[c.productTitle," ","Default Title"!==c.variant.name&&` - ${c.variant.name}`]}),e("div",{className:"gp-flex gp-flex-col gp-gap-1 gp-text-sm",children:[e("div",{className:"gp-flex gp-gap-2",children:[t("span",{className:"gp-font-semibold",children:u.localizedString}),c.variant?.listPrice>0&&t("span",{className:"gp-text-[#B4B4B4] gp-line-through",children:v.localizedString})]}),c.attributes?.map(t=>e("div",{children:[t.key,": ",t.value]},t.key))]}),e("div",{className:"gp-flex gp-items-center gp-justify-between",children:[t(p,{size:"medium"}),t("button",{onClick:()=>{n({title:e("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",children:[t(s,{}),t("p",{className:"gp-font-g-body gp-text-xl gp-font-semibold",children:"Are you sure ?"})]}),content:e("div",{className:"gp-text-center",children:[t("p",{children:"Do you really want to delete these items?"}),t("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:()=>{o&&c.id&&d({cartId:o,lineId:c.id})}}]})},"aria-label":"Remove item from cart",title:"Remove item from cart",type:"button",children:m?t(g,{className:"gp-text-g-brand"}):t("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:t("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"})})})]})]})]})};export{CartLineItem as default};

package/dist/esm/components/CartLineItemQuantity.js

@@ -1,53 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCartLine, cls } from '@gem-sdk/core';
-import CartLineQuantityAdjustButton from './CartLineQuantityAdjustButton.js';
-
-const CartLineItemQuantity = ({ size })=>{
-    const line = useCartLine();
-    return /*#__PURE__*/ jsxs("div", {
-        className: 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__*/ jsx(CartLineQuantityAdjustButton, {
-                adjust: "decrease",
-                "aria-label": "Decrease quantity",
-                className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                children: /*#__PURE__*/ jsx("svg", {
-                    className: "gp-h-4",
-                    fill: "currentColor",
-                    viewBox: "0 0 24 24",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /*#__PURE__*/ 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__*/ 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__*/ jsx(CartLineQuantityAdjustButton, {
-                adjust: "increase",
-                "aria-label": "Increase quantity",
-                className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                children: /*#__PURE__*/ jsx("svg", {
-                    className: "gp-h-4",
-                    fill: "currentColor",
-                    viewBox: "0 0 24 24",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /*#__PURE__*/ 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'
-};
-
-export { CartLineItemQuantity as default };
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCartLine as r,cls as a}from"@gem-sdk/core";import l from"./CartLineQuantityAdjustButton.js";let CartLineItemQuantity=({size:p})=>{let g=r();return e("div",{className:a("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"===p,"gp-h-10":"medium"===p,"gp-h-8":"small"===p}),children:[t(l,{adjust:"decrease","aria-label":"Decrease quantity",className:"gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:t("svg",{className:"gp-h-4",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M3.755 12.5h16.492a.75.75 0 0 0 0-1.5H3.755a.75.75 0 0 0 0 1.5Z"})})}),t("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:g.quantity}),t(l,{adjust:"increase","aria-label":"Increase quantity",className:"gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:t("svg",{className:"gp-h-4",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:t("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"};export{CartLineItemQuantity as default};

package/dist/esm/components/CartLineQuantityAdjustButton.js

@@ -1,145 +1 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useUpdateCartItem, useRemoveCartItem, useCartId, useCartLine } from '@gem-sdk/core';
-import { openConfirm } from '@gem-sdk/components';
-import Trash from './icons/Trash.js';
-
-/**
- * The `CartLineQuantityAdjustButton` component renders a button that adjusts the cart line's quantity when pressed.
- * It must be a descendent of a `CartLineProvider` component.
- */ const CartLineQuantityAdjustButton = ({ children, adjust, className, style })=>{
-    const { isMutating: updateLoading, trigger: updateLines } = useUpdateCartItem();
-    const { isMutating: removeLoading, trigger: removeLines } = useRemoveCartItem();
-    const { cartId } = useCartId();
-    const cartLine = useCartLine();
-    const isLoading = updateLoading || removeLoading;
-    return /*#__PURE__*/ jsx("button", {
-        "aria-label": "Adjust quantity",
-        className,
-        style,
-        disabled: isLoading,
-        onClick: ()=>{
-            if (cartId && cartLine.id) {
-                if (adjust === 'remove') {
-                    openConfirm({
-                        title: /*#__PURE__*/ jsxs("div", {
-                            className: "gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",
-                            children: [
-                                /*#__PURE__*/ jsx(Trash, {}),
-                                /*#__PURE__*/ jsx("p", {
-                                    className: "gp-font-g-body gp-text-xl gp-font-semibold",
-                                    children: "Are you sure ?"
-                                })
-                            ]
-                        }),
-                        content: /*#__PURE__*/ jsxs("div", {
-                            className: "gp-text-center",
-                            children: [
-                                /*#__PURE__*/ jsx("p", {
-                                    children: "Do you really want to delete this item?"
-                                }),
-                                /*#__PURE__*/ 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 (cartLine.id) {
-                                        removeLines({
-                                            cartId,
-                                            lineId: cartLine.id
-                                        });
-                                    }
-                                }
-                            }
-                        ]
-                    });
-                    return;
-                }
-                const quantity = adjust === 'decrease' ? cartLine.quantity - 1 : cartLine.quantity + 1;
-                if (quantity <= 0) {
-                    openConfirm({
-                        title: /*#__PURE__*/ jsxs("div", {
-                            className: "gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",
-                            children: [
-                                /*#__PURE__*/ jsx(Trash, {}),
-                                /*#__PURE__*/ jsx("p", {
-                                    className: "gp-font-g-body gp-text-xl gp-font-semibold",
-                                    children: "Are you sure ?"
-                                })
-                            ]
-                        }),
-                        content: /*#__PURE__*/ jsxs("div", {
-                            className: "gp-text-center",
-                            children: [
-                                /*#__PURE__*/ jsx("p", {
-                                    children: "Do you really want to delete this item?"
-                                }),
-                                /*#__PURE__*/ 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 (cartLine.id) {
-                                        removeLines({
-                                            cartId,
-                                            lineId: cartLine.id
-                                        });
-                                    }
-                                }
-                            }
-                        ]
-                    });
-                    return;
-                } else {
-                    updateLines({
-                        cartId,
-                        line: {
-                            id: cartLine.id,
-                            variantId: cartLine.variant.id,
-                            quantity,
-                            productId: cartLine.productId
-                        }
-                    });
-                }
-            }
-        },
-        children: isLoading ? /*#__PURE__*/ jsxs("div", {
-            className: "gp-flex gp-gap-1",
-            children: [
-                /*#__PURE__*/ jsx("span", {
-                    className: "gp-aspect-square gp-h-1 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-g-brand"
-                }),
-                /*#__PURE__*/ jsx("span", {
-                    className: "gp-aspect-square gp-h-1 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-g-brand"
-                }),
-                /*#__PURE__*/ jsx("span", {
-                    className: "gp-aspect-square gp-h-1 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-g-brand"
-                })
-            ]
-        }) : children
-    });
-};
-CartLineQuantityAdjustButton.defaultProps = {
-    adjust: 'increase'
-};
-
-export { CartLineQuantityAdjustButton as default };
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useUpdateCartItem as a,useRemoveCartItem as n,useCartId as l,useCartLine as g}from"@gem-sdk/core";import{openConfirm as i}from"@gem-sdk/components";import p from"./icons/Trash.js";let CartLineQuantityAdjustButton=({children:s,adjust:r,className:d,style:o})=>{let{isMutating:c,trigger:u}=a(),{isMutating:m,trigger:f}=n(),{cartId:b}=l(),x=g(),h=c||m;return e("button",{"aria-label":"Adjust quantity",className:d,style:o,disabled:h,onClick:()=>{if(b&&x.id){if("remove"===r){i({title:t("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",children:[e(p,{}),e("p",{className:"gp-font-g-body gp-text-xl gp-font-semibold",children:"Are you sure ?"})]}),content:t("div",{className:"gp-text-center",children:[e("p",{children:"Do you really want to delete this item?"}),e("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:()=>{x.id&&f({cartId:b,lineId:x.id})}}]});return}let a="decrease"===r?x.quantity-1:x.quantity+1;if(a<=0){i({title:t("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",children:[e(p,{}),e("p",{className:"gp-font-g-body gp-text-xl gp-font-semibold",children:"Are you sure ?"})]}),content:t("div",{className:"gp-text-center",children:[e("p",{children:"Do you really want to delete this item?"}),e("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:()=>{x.id&&f({cartId:b,lineId:x.id})}}]});return}u({cartId:b,line:{id:x.id,variantId:x.variant.id,quantity:a,productId:x.productId}})}},children:h?t("div",{className:"gp-flex gp-gap-1",children:[e("span",{className:"gp-aspect-square gp-h-1 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-g-brand"}),e("span",{className:"gp-aspect-square gp-h-1 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-g-brand"}),e("span",{className:"gp-aspect-square gp-h-1 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-g-brand"})]}):s})};CartLineQuantityAdjustButton.defaultProps={adjust:"increase"};export{CartLineQuantityAdjustButton as default};

package/dist/esm/components/CartOrderNote.js

@@ -1,68 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCartData, useCartId, useCartNoteUpdate } from '@gem-sdk/core';
-import { useRef, useCallback } from 'react';
-
-const CartOrderNote = ({ triggerUpdate, debounce, placeholder })=>{
-    const textRef = useRef(null);
-    const timeout = useRef(null);
-    const abortControllerRef = useRef(new AbortController());
-    const { data: cart } = useCartData();
-    const { cartId } = useCartId();
-    const { trigger: updateCartNote } = useCartNoteUpdate();
-    const updateNote = useCallback((note)=>{
-        if (cartId && cart?.note !== note) {
-            updateCartNote({
-                cartId,
-                note
-            });
-        }
-    }, [
-        cart?.note,
-        cartId,
-        updateCartNote
-    ]);
-    const onBlur = (e)=>{
-        if (abortControllerRef.current.signal.aborted) {
-            abortControllerRef.current = new AbortController();
-        }
-        updateNote(e.target.value);
-    };
-    const onChange = ()=>{
-        if (timeout.current) {
-            if (!abortControllerRef.current.signal.aborted) {
-                abortControllerRef.current.abort();
-            }
-            clearTimeout(timeout.current);
-        }
-        timeout.current = setTimeout(()=>{
-            abortControllerRef.current = new AbortController();
-            updateNote(textRef.current?.value ?? '');
-        }, debounce ?? 1000);
-    };
-    const inputProps = triggerUpdate === 'blur' ? {
-        onBlur
-    } : {
-        onChange
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: "gp-flex gp-flex-col",
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "gp-mb-4 gp-border-b gp-border-b-[#F1F3F4] gp-pb-3",
-                children: /*#__PURE__*/ jsx("span", {
-                    className: "gp-font-semibold gp-text-[#424242]",
-                    children: "Order Note"
-                })
-            }),
-            /*#__PURE__*/ jsx("textarea", {
-                defaultValue: cart?.note,
-                placeholder: placeholder,
-                ref: textRef,
-                className: "gp-w-full gp-rounded gp-border gp-p-4 gp-outline-none",
-                ...inputProps
-            })
-        ]
-    });
-};
-
-export { CartOrderNote as default };
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useCartData as t,useCartId as o,useCartNoteUpdate as l}from"@gem-sdk/core";import{useRef as n,useCallback as a}from"react";let CartOrderNote=({triggerUpdate:u,debounce:c,placeholder:d})=>{let p=n(null),g=n(null),i=n(new AbortController),{data:m}=t(),{cartId:s}=o(),{trigger:b}=l(),f=a(e=>{s&&m?.note!==e&&b({cartId:s,note:e})},[m?.note,s,b]),N=e=>{i.current.signal.aborted&&(i.current=new AbortController),f(e.target.value)},x=()=>{g.current&&(i.current.signal.aborted||i.current.abort(),clearTimeout(g.current)),g.current=setTimeout(()=>{i.current=new AbortController,f(p.current?.value??"")},c??1e3)},C="blur"===u?{onBlur:N}:{onChange:x};return e("div",{className:"gp-flex gp-flex-col",children:[r("div",{className:"gp-mb-4 gp-border-b gp-border-b-[#F1F3F4] gp-pb-3",children:r("span",{className:"gp-font-semibold gp-text-[#424242]",children:"Order Note"})}),r("textarea",{defaultValue:m?.note,placeholder:d,ref:p,className:"gp-w-full gp-rounded gp-border gp-p-4 gp-outline-none",...C})]})};export{CartOrderNote as default};

package/dist/esm/components/DiscountCodeItem.js

@@ -1,89 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCartId, useCartDiscountCodesUpdate, useCartData, isDefined, cls } from '@gem-sdk/core';
-import { openConfirm } from '@gem-sdk/components';
-import { useMemo, useCallback } from 'react';
-import Trash from './icons/Trash.js';
-import LoadingIcon from './LoadingIcon.js';
-
-const DiscountCodeItem = ({ item })=>{
-    const { cartId } = useCartId();
-    const { trigger: updateCartDiscountCode, isMutating } = useCartDiscountCodesUpdate();
-    const { data: cart } = useCartData();
-    const currentCode = useMemo(()=>cart?.discounts?.map((v)=>v.code).filter(isDefined) ?? [], [
-        cart?.discounts
-    ]);
-    const removeCode = useCallback((code)=>{
-        openConfirm({
-            title: /*#__PURE__*/ jsxs("div", {
-                className: "gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",
-                children: [
-                    /*#__PURE__*/ jsx(Trash, {}),
-                    /*#__PURE__*/ jsx("p", {
-                        className: "gp-font-g-body gp-text-xl gp-font-semibold",
-                        children: "Are you sure ?"
-                    })
-                ]
-            }),
-            content: /*#__PURE__*/ jsx("div", {
-                className: "gp-text-center",
-                children: /*#__PURE__*/ jsx("p", {
-                    children: "Do you really want to delete this code?"
-                })
-            }),
-            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) {
-                            updateCartDiscountCode({
-                                cartId,
-                                discountCodes: currentCode.filter((v)=>v !== code)
-                            });
-                        }
-                    }
-                }
-            ]
-        });
-    }, [
-        cartId,
-        updateCartDiscountCode,
-        currentCode
-    ]);
-    return /*#__PURE__*/ jsxs("div", {
-        className: "gp-flex gp-h-8 gp-items-center gp-gap-2 gp-rounded-sm gp-border gp-pl-2",
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: cls('gp-flex-1', {
-                    'gp-text-g-error gp-line-through': !item.applicable,
-                    'gp-text-g-success': item.applicable
-                }),
-                children: item.code
-            }),
-            /*#__PURE__*/ jsx("button", {
-                disabled: isMutating,
-                onClick: ()=>removeCode(item.code),
-                className: "gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                children: isMutating ? /*#__PURE__*/ jsx(LoadingIcon, {
-                    className: "gp-text-g-brand"
-                }) : /*#__PURE__*/ jsx("svg", {
-                    className: "gp-w-4",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /*#__PURE__*/ 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",
-                        fill: "currentColor"
-                    })
-                })
-            })
-        ]
-    }, item.code);
-};
-
-export { DiscountCodeItem as default };
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useCartId as t,useCartDiscountCodesUpdate as p,useCartData as g,isDefined as o,cls as s}from"@gem-sdk/core";import{openConfirm as r}from"@gem-sdk/components";import{useMemo as a,useCallback as c}from"react";import n from"./icons/Trash.js";import i from"./LoadingIcon.js";let DiscountCodeItem=({item:d})=>{let{cartId:m}=t(),{trigger:f,isMutating:u}=p(),{data:x}=g(),h=a(()=>x?.discounts?.map(e=>e.code).filter(o)??[],[x?.discounts]),b=c(t=>{r({title:e("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-gap-4",children:[l(n,{}),l("p",{className:"gp-font-g-body gp-text-xl gp-font-semibold",children:"Are you sure ?"})]}),content:l("div",{className:"gp-text-center",children:l("p",{children:"Do you really want to delete this code?"})}),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:()=>{m&&f({cartId:m,discountCodes:h.filter(e=>e!==t)})}}]})},[m,f,h]);return e("div",{className:"gp-flex gp-h-8 gp-items-center gp-gap-2 gp-rounded-sm gp-border gp-pl-2",children:[l("span",{className:s("gp-flex-1",{"gp-text-g-error gp-line-through":!d.applicable,"gp-text-g-success":d.applicable}),children:d.code}),l("button",{disabled:u,onClick:()=>b(d.code),className:"gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:u?l(i,{className:"gp-text-g-brand"}):l("svg",{className:"gp-w-4",fill:"none",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:l("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",fill:"currentColor"})})})]},d.code)};export{DiscountCodeItem as default};

package/dist/esm/components/LoadingIcon.js

@@ -1,26 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { cls } from '@gem-sdk/core';
-
-const LoadingIcon = ({ className })=>/*#__PURE__*/ jsxs("svg", {
-        className: cls('gp-w-4 gp-animate-spin', className),
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        children: [
-            /*#__PURE__*/ jsx("circle", {
-                className: "gp-opacity-25",
-                cx: "12",
-                cy: "12",
-                r: "10",
-                stroke: "currentColor",
-                strokeWidth: "4"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                className: "gp-opacity-75",
-                fill: "currentColor",
-                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-            })
-        ]
-    });
-
-export { LoadingIcon as default };
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import{cls as e}from"@gem-sdk/core";let LoadingIcon=({className:t})=>o("svg",{className:e("gp-w-4 gp-animate-spin",t),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]});export{LoadingIcon as default};