@gem-sdk/core 1.38.0 → 2.0.0-dev.834

package/dist/cjs/hooks/animation/useAnimationTarget.js

@@ -1,120 +1 @@
-'use strict';
-
-var react = require('react');
-var useAnimationConfig = require('./useAnimationConfig.js');
-
-const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing';
-const TOOLBAR_ACTIVE_ATTRIBUTE = 'data-toolbar-active';
-const OUTLINE_ACTIVE_ATTRIBUTE = 'data-outline-active';
-const TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE = 'data-toolbar-add-active';
-const useAnimationTarget = (props)=>{
-    const { isEnabledAnimation } = useAnimationConfig.useAnimationConfig(props);
-    const componentTag = props.tag;
-    const componentUid = props.uid;
-    const targets = react.useRef(null);
-    const targetObjects = react.useRef([]);
-    const setToolbarActive = (isActive)=>{
-        if (!targetObjects.current) return;
-        for (const item of targetObjects.current){
-            if (isActive) {
-                item.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE, 'true');
-                item.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE, 'true');
-                item.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE, 'true');
-                item.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE, 'true');
-                item.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE, 'true');
-            } else {
-                item.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE);
-                item.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE);
-                item.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE);
-                item.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE);
-                item.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE);
-            }
-        }
-    };
-    const getSectionProperties = (target)=>{
-        const sectionAddTop = target.querySelector('[data-toolbar-add-top]');
-        const sectionAddBottom = target.querySelector('[data-toolbar-add-bottom]');
-        const sectionChild = Array.from(target.children);
-        const sectionToolbar = sectionChild.find((child)=>child.getAttribute('data-toolbar') !== null);
-        const sectionOutline = sectionChild.find((child)=>child.getAttribute('data-outline') !== null);
-        return {
-            sectionToolbar,
-            sectionOutline,
-            sectionAddTop,
-            sectionAddBottom
-        };
-    };
-    const getUpdatedTargetObjects = react.useCallback((targets)=>{
-        return targets.reduce((accumulator, $rootTarget)=>{
-            let addSectionTop = null;
-            let addSectionBottom = null;
-            let target = $rootTarget;
-            let toolbar = $rootTarget.querySelector('[data-toolbar][data-toolbar-active]');
-            let outline = $rootTarget.querySelector('[data-outline][data-outline-active]');
-            const targetChild = Array.from(target.children);
-            const spacing = targetChild.find((child)=>child.getAttribute('data-spacing') !== null);
-            switch(componentTag){
-                case 'Button':
-                case 'SubmitButton':
-                case 'ProductButton':
-                case 'DynamicCheckout':
-                    target = $rootTarget.querySelector('.gp-button-base');
-                    break;
-                case 'ProductProperties':
-                    target = $rootTarget.querySelector('input');
-                    break;
-                case 'Icon':
-                    target = $rootTarget.firstElementChild;
-                    break;
-                case 'ProductTag':
-                    target = $rootTarget?.children[0]?.children[0];
-                    break;
-                case 'Section':
-                    {
-                        target = $rootTarget;
-                        const { sectionOutline, sectionToolbar, sectionAddTop, sectionAddBottom } = getSectionProperties(target);
-                        outline = sectionOutline;
-                        toolbar = sectionToolbar;
-                        addSectionTop = sectionAddTop;
-                        addSectionBottom = sectionAddBottom;
-                        break;
-                    }
-                default:
-                    target = $rootTarget;
-            }
-            const newTargetObject = {
-                target,
-                toolbar,
-                outline,
-                spacing,
-                addSectionTop,
-                addSectionBottom
-            };
-            accumulator.push(newTargetObject);
-            return accumulator;
-        }, []);
-    }, [
-        componentTag
-    ]);
-    const initListOfTargets = react.useCallback(()=>{
-        if (!isEnabledAnimation) return;
-        if (!targets.current) {
-            targets.current = document.querySelectorAll(`[data-uid="${componentUid}"]`);
-        }
-        const targetsArray = Array.from(targets.current);
-        if (!targetsArray.length) return;
-        const updatedTargetObjects = getUpdatedTargetObjects(targetsArray);
-        targetObjects.current = updatedTargetObjects;
-    }, [
-        componentUid,
-        getUpdatedTargetObjects,
-        isEnabledAnimation
-    ]);
-    return {
-        targetObjects,
-        setToolbarActive,
-        initListOfTargets
-    };
-};
-
-exports.useAnimationTarget = useAnimationTarget;
+"use strict";var react=require("react"),useAnimationConfig=require("./useAnimationConfig.js");const SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=t=>{let{isEnabledAnimation:e}=useAnimationConfig.useAnimationConfig(t),r=t.tag,a=t.uid,o=react.useRef(null),u=react.useRef([]),T=t=>{if(u.current)for(let e of u.current)t?(e.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),e.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),e.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),e.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),e.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(e.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),e.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),e.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),e.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),e.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},i=t=>{let e=t.querySelector("[data-toolbar-add-top]"),r=t.querySelector("[data-toolbar-add-bottom]"),a=Array.from(t.children),o=a.find(t=>null!==t.getAttribute("data-toolbar")),u=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:u,sectionAddTop:e,sectionAddBottom:r}},n=react.useCallback(t=>t.reduce((t,e)=>{let a=null,o=null,u=e,T=e.querySelector("[data-toolbar][data-toolbar-active]"),n=e.querySelector("[data-outline][data-outline-active]"),A=Array.from(u.children),c=A.find(t=>{let e=t.getAttribute("data-spacing");return null!==e&&t.querySelector("[data-spacing-margin-bottom")});switch(r){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":u=e.querySelector(".gp-button-base");break;case"ProductProperties":u=e.querySelector("input");break;case"Icon":u=e.firstElementChild;break;case"ProductTag":u=e?.children[0]?.children[0];break;case"Section":{u=e;let{sectionOutline:t,sectionToolbar:r,sectionAddTop:A,sectionAddBottom:c}=i(u);n=t,T=r,a=A,o=c;break}default:u=e}let l={target:u,toolbar:T,outline:n,spacing:c,addSectionTop:a,addSectionBottom:o};return t.push(l),t},[]),[r]),A=react.useCallback(()=>{if(!e)return;o.current||(o.current=document.querySelectorAll(`[data-uid="${a}"]`));let t=Array.from(o.current);if(!t.length)return;let r=n(t);u.current=r},[a,n,e]);return{targetObjects:u,setToolbarActive:T,initListOfTargets:A}};exports.useAnimationTarget=useAnimationTarget;

package/dist/cjs/hooks/animation/useApplyAnimation.js

@@ -1,87 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var useAnimations = require('../useAnimations.js');
-var useAnimationTarget = require('./useAnimationTarget.js');
-var useAnimationConfig = require('./useAnimationConfig.js');
-var useAnimationActions = require('./useAnimationActions.js');
-var useAnimationPreview = require('./useAnimationPreview.js');
-var animations = require('../../types/animations.js');
-
-const useApplyAnimation = ({ props })=>{
-    const currentProps = props;
-    const { uid: componentUid } = currentProps;
-    const animation = useAnimations.useAnimations();
-    const { initListOfTargets, targetObjects, setToolbarActive } = useAnimationTarget.useAnimationTarget(currentProps);
-    const { isEnabledAnimation, getAnimationConfig } = useAnimationConfig.useAnimationConfig(currentProps);
-    const { setAnimation, cancelAnimation, playAnimation, setAnimationOnFinish } = useAnimationActions.useAnimationActions();
-    const { previewAnimation } = useAnimationPreview.useAnimationPreview({
-        props: currentProps,
-        playAnimation,
-        cancelAnimation,
-        setAnimationOnFinish,
-        setToolbarActive
-    });
-    const generateAnimation = react.useCallback(({ target, setting, type })=>{
-        return animation[type](target, setting);
-    }, [
-        animation
-    ]);
-    const initListAnimations = react.useCallback(()=>{
-        const { type, setting } = getAnimationConfig();
-        if (!type || type === animations.AnimationType.None || !targetObjects.current.length) {
-            cancelAnimation();
-            return;
-        }
-        const listAnimations = targetObjects.current.map((item)=>generateAnimation({
-                type,
-                setting,
-                target: item.target
-            }));
-        cancelAnimation();
-        setAnimation(listAnimations);
-    }, [
-        getAnimationConfig,
-        targetObjects,
-        cancelAnimation,
-        setAnimation,
-        generateAnimation
-    ]);
-    react.useEffect(()=>{
-        if (isEnabledAnimation) {
-            initListOfTargets();
-            initListAnimations();
-        } else {
-            cancelAnimation();
-        }
-        return ()=>{
-            cancelAnimation();
-        };
-    }, [
-        componentUid,
-        initListAnimations,
-        cancelAnimation,
-        isEnabledAnimation,
-        initListOfTargets
-    ]);
-    react.useEffect(()=>{
-        window.addEventListener('preview-animation', previewAnimation);
-        return ()=>{
-            window.removeEventListener('preview-animation', previewAnimation);
-        };
-    }, [
-        previewAnimation
-    ]);
-    react.useEffect(()=>{
-        window.addEventListener('init-animation-target', initListOfTargets);
-        return ()=>{
-            window.removeEventListener('init-animation-target', initListOfTargets);
-        };
-    }, [
-        initListOfTargets
-    ]);
-};
-
-exports.default = useApplyAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),useAnimations=require("../useAnimations.js"),useAnimationTarget=require("./useAnimationTarget.js"),useAnimationConfig=require("./useAnimationConfig.js"),useAnimationActions=require("./useAnimationActions.js"),useAnimationPreview=require("./useAnimationPreview.js"),animations=require("../../types/animations.js");const useApplyAnimation=({props:e})=>{let{uid:i}=e,n=useAnimations.useAnimations(),{initListOfTargets:t,targetObjects:a,setToolbarActive:s}=useAnimationTarget.useAnimationTarget(e),{isEnabledAnimation:r,getAnimationConfig:o}=useAnimationConfig.useAnimationConfig(e),{setAnimation:u,cancelAnimation:m,playAnimation:A,setAnimationOnFinish:c}=useAnimationActions.useAnimationActions(),{previewAnimation:p}=useAnimationPreview.useAnimationPreview({props:e,playAnimation:A,cancelAnimation:m,setAnimationOnFinish:c,setToolbarActive:s}),v=react.useCallback(({target:e,setting:i,type:t})=>n[t](e,i),[n]),w=react.useCallback(()=>{let{type:e,setting:i}=o();if(!e||e===animations.AnimationType.None||!a.current.length){m();return}let n=a.current.map(n=>v({type:e,setting:i,target:n.target}));m(),u(n)},[o,a,m,u,v]);react.useEffect(()=>(r?(t(),w()):m(),()=>{m()}),[i,w,m,r,t]),react.useEffect(()=>(window.addEventListener("preview-animation",p),()=>{window.removeEventListener("preview-animation",p)}),[p]),react.useEffect(()=>(window.addEventListener("init-animation-target",t),()=>{window.removeEventListener("init-animation-target",t)}),[t])};exports.default=useApplyAnimation;

package/dist/cjs/hooks/animation/useLivePageAnimation.js

@@ -0,0 +1 @@
+"use strict";var react=require("react"),animations=require("./animations.js");const TAGS_SELECTOR={Button:".gp-button-base",ProductButton:".gp-button-base",Sticky:"gp-sticky",Dialog:"div[role=dialog]",Icon:"div div",ProductTag:"div div div",Product:"product-form form div"},useLivePageAnimation=(e,r,t)=>{let n=animations.animations(),[c,u]=react.useState(!1),a=react.useRef(void 0),i=react.useRef(void 0),o=react.useRef(null),l=react.useRef("none"),s=react.useRef("none"),d=react.useRef(null),b=react.useRef(null),p=react.useRef(null),m=react.useRef("animation-wrapper-"),f=react.useCallback(e=>{d.current&&(d.current.playbackRate=e??1,d.current.play())},[d]),v=react.useCallback(e=>{b.current&&(b.current.playbackRate=e??1,b.current.play())},[b]),g=react.useCallback(()=>{e.current&&(e.current.style.opacity="1"),o.current&&(o.current.style.opacity="1")},[e]),k=react.useCallback(()=>{e.current&&(e.current.style.opacity="1"),o.current&&(o.current.style.opacity="0")},[e]),C=react.useCallback(e=>{e&&e.stopPropagation(),"shake"!==l.current&&k(),d.current&&(b.current?.cancel(),f(),d.current.finished.then(()=>{o.current&&g()}),o.current&&a?.current?.unobserve(o.current))},[k,f,g]),y=react.useCallback(()=>{g(),d.current&&d.current.cancel()},[g,d]),R=react.useCallback(e=>{e&&e.stopPropagation(),b.current&&(y(),v())},[b,y,v]),h=react.useCallback(()=>{if(b.current){if("zoom"===s.current){if(v(-1),!c)return;b.current.finished.then(()=>{clearTimeout(i.current),i.current=setTimeout(()=>{C()},100)});return}b.current.cancel(),c&&C()}},[v,c,C]),E=react.useCallback(()=>{if("desktop"===p.current);else if("tablet"===p.current)return r?.tablet??r?.desktop;else if("mobile"===p.current)return r?.mobile??r?.tablet??r?.desktop;return r?.desktop},[r?.desktop,r?.mobile,r?.tablet]),L=(e,r)=>e?.triggerConfig?.[r]?.animation??"none",S=react.useCallback(e=>{if("none"===l.current)return;let r=e?.triggerConfig?.appear?.setting?.[l.current];u(r.loop),d.current=n?.[l.current]?.(o.current,r)},[n]),P=react.useCallback(e=>{if("none"===s.current)return;let r=e?.triggerConfig?.hover?.setting?.[s.current];b.current=n?.[s.current]?.(o.current,r)},[n]),T=react.useCallback(()=>{d.current&&(d.current=null,o.current&&a.current?.unobserve(o.current)),b&&(b.current=null,o.current&&(o.current.removeEventListener("mouseenter",R),o.current.removeEventListener("mouseleave",h)))},[h,R]),A=react.useCallback(e=>{if(T(),o.current){if(!e?.enabled){g();return}l.current=L(e,"appear"),s.current=L(e,"hover"),"none"===l.current&&g(),"none"!==s.current&&"desktop"===p.current&&(P(e),o.current.addEventListener("mouseenter",R),o.current.addEventListener("mouseleave",h)),"none"!==l.current?(S(e),a.current=new IntersectionObserver(e=>{e.forEach(e=>{e.intersectionRatio>.1&&C()})},{root:null,rootMargin:"0px",threshold:[.1]}),a.current.observe(o.current)):g()}},[h,S,P,C,R,g,T]),w=react.useCallback(()=>{let e=document.querySelector("html");if(!o.current||!e)return;let r=new ResizeObserver(([e])=>{let r;let t=e?.target.getBoundingClientRect().width??0;r=t>=1024?"desktop":t>=768?"tablet":"mobile",p.current!==r&&(p.current=r,A(E()))});return r.observe(e),()=>r.disconnect()},[E,A]);return react.useEffect(()=>{setTimeout(()=>{if(r&&e.current)return m.current=`animation-wrapper-${Math.random().toString(36).substr(2,5)}`,e.current.setAttribute("data-animationid",m.current),o.current=document.querySelector(`[data-animationid='${m.current}'] ${TAGS_SELECTOR?.[t]??""}`),w()},100)},[w,r,t,e]),{initAnimation:A}};exports.useLivePageAnimation=useLivePageAnimation;

package/dist/cjs/hooks/cart/use-add-to-cart.js

@@ -1,20 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var useSWRMutation = require('swr/mutation');
-var shop = require('../shop.js');
-
-const useAddToCart = (options)=>{
-    const shop$1 = shop.useStoreFront();
-    const { mutate } = useSWR.useSWRConfig();
-    return useSWRMutation('add-to-cart', (_, { arg })=>adapterShopify.addToCartOperation(shop$1)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-exports.useAddToCart = useAddToCart;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useAddToCart=e=>{let r=shop.useStoreFront(),{mutate:s}=useSWR.useSWRConfig();return useSWRMutation("add-to-cart",(e,{arg:s})=>adapterShopify.addToCartOperation(r)(s),{...e,onSuccess:(r,t,o)=>{s("cart",r,!1),e?.onSuccess?.(r,t,o)}})};exports.useAddToCart=useAddToCart;

package/dist/cjs/hooks/cart/use-cart-data.js

@@ -1,28 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var shop = require('../shop.js');
-var useCartId = require('../useCartId.js');
-
-const useCartData = (options)=>{
-    const { cartId, clearCartId } = useCartId.default();
-    const shop$1 = shop.useStoreFront();
-    return useSWR(cartId ? 'cart' : null, ()=>adapterShopify.getCartOperation(shop$1)({
-            cartId: cartId
-        }), {
-        revalidateOnMount: true,
-        revalidateOnFocus: true,
-        keepPreviousData: false,
-        dedupingInterval: 2000,
-        ...options,
-        onSuccess (data, key, config) {
-            if (!data) {
-                clearCartId();
-            }
-            options?.onSuccess?.(data, key, config);
-        }
-    });
-};
-
-exports.useCartData = useCartData;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),shop=require("../shop.js"),useCartId=require("../useCartId.js");const useCartData=e=>{let{cartId:r,clearCartId:a}=useCartId.default(),t=shop.useStoreFront();return useSWR(r?"cart":null,()=>adapterShopify.getCartOperation(t)({cartId:r}),{revalidateOnMount:!0,revalidateOnFocus:!0,keepPreviousData:!1,dedupingInterval:2e3,...e,onSuccess(r,t,s){r||a(),e?.onSuccess?.(r,t,s)}})};exports.useCartData=useCartData;

package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js

@@ -1,20 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var useSWRMutation = require('swr/mutation');
-var shop = require('../shop.js');
-
-const useCartDiscountCodesUpdate = (options)=>{
-    const shop$1 = shop.useStoreFront();
-    const { mutate } = useSWR.useSWRConfig();
-    return useSWRMutation('cart-discount-codes-update', (_, { arg })=>adapterShopify.cartDiscountCodesUpdateOperation(shop$1)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useCartDiscountCodesUpdate=e=>{let s=shop.useStoreFront(),{mutate:t}=useSWR.useSWRConfig();return useSWRMutation("cart-discount-codes-update",(e,{arg:t})=>adapterShopify.cartDiscountCodesUpdateOperation(s)(t),{...e,onSuccess:(s,o,r)=>{t("cart",s,!1),e?.onSuccess?.(s,o,r)}})};exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate;

package/dist/cjs/hooks/cart/use-cart-note-update.js

@@ -1,20 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var useSWRMutation = require('swr/mutation');
-var shop = require('../shop.js');
-
-const useCartNoteUpdate = (options)=>{
-    const shop$1 = shop.useStoreFront();
-    const { mutate } = useSWR.useSWRConfig();
-    return useSWRMutation('cart-note-update', (_, { arg })=>adapterShopify.cartNoteUpdateOperation(shop$1)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-exports.useCartNoteUpdate = useCartNoteUpdate;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useCartNoteUpdate=e=>{let t=shop.useStoreFront(),{mutate:r}=useSWR.useSWRConfig();return useSWRMutation("cart-note-update",(e,{arg:r})=>adapterShopify.cartNoteUpdateOperation(t)(r),{...e,onSuccess:(t,s,a)=>{r("cart",t,!1),e?.onSuccess?.(t,s,a)}})};exports.useCartNoteUpdate=useCartNoteUpdate;

package/dist/cjs/hooks/cart/use-create-cart.js

@@ -1,22 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var useSWRMutation = require('swr/mutation');
-var shop = require('../shop.js');
-
-const useCreateCart = (options)=>{
-    const shop$1 = shop.useStoreFront();
-    const { mutate } = useSWR.useSWRConfig();
-    return useSWRMutation('create-cart', (_, { arg })=>{
-        return adapterShopify.createCartOperation(shop$1)(arg);
-    }, {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-exports.useCreateCart = useCreateCart;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useCreateCart=e=>{let r=shop.useStoreFront(),{mutate:t}=useSWR.useSWRConfig();return useSWRMutation("create-cart",(e,{arg:t})=>adapterShopify.createCartOperation(r)(t),{...e,onSuccess:(r,s,a)=>{t("cart",r,!1),e?.onSuccess?.(r,s,a)}})};exports.useCreateCart=useCreateCart;

package/dist/cjs/hooks/cart/use-remove-cart-item.js

@@ -1,20 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var useSWRMutation = require('swr/mutation');
-var shop = require('../shop.js');
-
-const useRemoveCartItem = (options)=>{
-    const shop$1 = shop.useStoreFront();
-    const { mutate } = useSWR.useSWRConfig();
-    return useSWRMutation('remove-cart-item', (_, { arg })=>adapterShopify.removeCartItemOperation(shop$1)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-exports.useRemoveCartItem = useRemoveCartItem;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useRemoveCartItem=e=>{let r=shop.useStoreFront(),{mutate:t}=useSWR.useSWRConfig();return useSWRMutation("remove-cart-item",(e,{arg:t})=>adapterShopify.removeCartItemOperation(r)(t),{...e,onSuccess:(r,s,o)=>{t("cart",r,!1),e?.onSuccess?.(r,s,o)}})};exports.useRemoveCartItem=useRemoveCartItem;

package/dist/cjs/hooks/cart/use-update-cart-item.js

@@ -1,20 +1 @@
-'use strict';
-
-var adapterShopify = require('@gem-sdk/adapter-shopify');
-var useSWR = require('swr');
-var useSWRMutation = require('swr/mutation');
-var shop = require('../shop.js');
-
-const useUpdateCartItem = (options)=>{
-    const shop$1 = shop.useStoreFront();
-    const { mutate } = useSWR.useSWRConfig();
-    return useSWRMutation('update-cart-item', (_, { arg })=>adapterShopify.updateCartLineOperation(shop$1)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-exports.useUpdateCartItem = useUpdateCartItem;
+"use strict";var adapterShopify=require("@gem-sdk/adapter-shopify"),useSWR=require("swr"),useSWRMutation=require("swr/mutation"),shop=require("../shop.js");const useUpdateCartItem=e=>{let t=shop.useStoreFront(),{mutate:r}=useSWR.useSWRConfig();return useSWRMutation("update-cart-item",(e,{arg:r})=>adapterShopify.updateCartLineOperation(t)(r),{...e,onSuccess:(t,s,a)=>{r("cart",t,!1),e?.onSuccess?.(t,s,a)}})};exports.useUpdateCartItem=useUpdateCartItem;

package/dist/cjs/hooks/shop/use-collection-query.js

@@ -1,22 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-var getCollection = require('../../helpers/queries/get-collection.js');
-var shop = require('../shop.js');
-var useFetchHandle = require('../useFetchHandle.js');
-var query = require('../../helpers/query.js');
-
-const useCollectionQuery = (args, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    const isStorefront = shop.useIsStorefrontProduct();
-    return useSWR(args ? query.generateCollectionQueryKey({
-        ...args,
-        isSample,
-        isStorefront
-    }) : null, ([, arg])=>{
-        return getCollection.getCollection(fetcher, arg);
-    }, options);
-};
-
-exports.useCollectionQuery = useCollectionQuery;
+"use strict";var useSWR=require("swr"),getCollection=require("../../helpers/queries/get-collection.js"),shop=require("../shop.js"),useFetchHandle=require("../useFetchHandle.js"),query=require("../../helpers/query.js");const useCollectionQuery=(e,r)=>{let s=useFetchHandle.useFetchHandle(),u=shop.useIsSampleProduct(),t=shop.useIsStorefrontProduct();return useSWR(e?query.generateCollectionQueryKey({...e,isSample:u,isStorefront:t}):null,([,e])=>getCollection.getCollection(s,e),r)};exports.useCollectionQuery=useCollectionQuery;

package/dist/cjs/hooks/shop/use-collections-query.js

@@ -1,17 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-var getCollections = require('../../helpers/queries/get-collections.js');
-var useFetchHandle = require('../useFetchHandle.js');
-
-const useCollectionsQuery = (variable, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    return useSWR(variable ? [
-        'query/collections',
-        variable
-    ] : null, async ([, arg])=>{
-        return getCollections.getCollections(fetcher, arg);
-    }, options);
-};
-
-exports.useCollectionsQuery = useCollectionsQuery;
+"use strict";var useSWR=require("swr"),getCollections=require("../../helpers/queries/get-collections.js"),useFetchHandle=require("../useFetchHandle.js");const useCollectionsQuery=(e,s)=>{let l=useFetchHandle.useFetchHandle();return useSWR(e?["query/collections",e]:null,async([,e])=>getCollections.getCollections(l,e),s)};exports.useCollectionsQuery=useCollectionsQuery;

package/dist/cjs/hooks/shop/use-product-query.js

@@ -1,22 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-var getProduct = require('../../helpers/queries/get-product.js');
-var shop = require('../shop.js');
-var useFetchHandle = require('../useFetchHandle.js');
-var query = require('../../helpers/query.js');
-
-const useProductQuery = (productId, options)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    const isStorefront = shop.useIsStorefrontProduct();
-    return useSWR(productId ? query.generateProductQueryKey({
-        id: productId,
-        isSample,
-        isStorefront
-    }) : null, async ([, arg])=>{
-        return getProduct.getProduct(fetcher, arg);
-    }, options);
-};
-
-exports.useProductQuery = useProductQuery;
+"use strict";var useSWR=require("swr"),getProduct=require("../../helpers/queries/get-product.js"),shop=require("../shop.js"),useFetchHandle=require("../useFetchHandle.js"),query=require("../../helpers/query.js");const useProductQuery=(e,r)=>{let u=useFetchHandle.useFetchHandle(),s=shop.useIsSampleProduct(),t=shop.useIsStorefrontProduct();return useSWR(e?query.generateProductQueryKey({id:e,isSample:s,isStorefront:t}):null,async([,e])=>getProduct.getProduct(u,e),r)};exports.useProductQuery=useProductQuery;

package/dist/cjs/hooks/shop/use-products-query.js

@@ -1,23 +1 @@
-'use strict';
-
-var useSWR = require('swr');
-var getProducts = require('../../helpers/queries/get-products.js');
-var query = require('../../helpers/query.js');
-var shop = require('../shop.js');
-var useFetchHandle = require('../useFetchHandle.js');
-
-const useProductsQuery = (ids, options, defaultSelectedProductCount)=>{
-    const fetcher = useFetchHandle.useFetchHandle();
-    const isSample = shop.useIsSampleProduct();
-    const isStorefront = shop.useIsStorefrontProduct();
-    return useSWR(ids ? query.generateProductsQueryKey({
-        ids,
-        isSample,
-        isStorefront,
-        defaultSelectedProductCount
-    }) : null, async ([, arg])=>{
-        return getProducts.getProducts(fetcher, arg);
-    }, options);
-};
-
-exports.useProductsQuery = useProductsQuery;
+"use strict";var useSWR=require("swr"),getProducts=require("../../helpers/queries/get-products.js"),query=require("../../helpers/query.js"),shop=require("../shop.js"),useFetchHandle=require("../useFetchHandle.js");const useProductsQuery=(e,u,r)=>{let t=useFetchHandle.useFetchHandle(),s=shop.useIsSampleProduct(),c=shop.useIsStorefrontProduct();return useSWR(e?query.generateProductsQueryKey({ids:e,isSample:s,isStorefront:!r?.fetcher&&c,defaultSelectedProductCount:r?.defaultSelectedProductCount,allStatus:r?.allStatus}):null,async([,e])=>getProducts.getProducts(r?.fetcher||t,e),u)},useProductsQueryAll=(e,u)=>{let r=useFetchHandle.useFetchHandle();return useSWR(e?["query/products",e]:null,async([,e])=>getProducts.getProductQueryAll(r,e),u)};exports.useProductsQuery=useProductsQuery,exports.useProductsQueryAll=useProductsQueryAll;

package/dist/cjs/hooks/shop.js

@@ -1,126 +1 @@
-'use strict';
-
-var react = require('react');
-var useSWR = require('swr');
-var ShopContext = require('../contexts/ShopContext.js');
-
-const useLocale = ()=>{
-    const locale = ShopContext.useShopStore((state)=>state.locale);
-    const changeLocale = ShopContext.useShopStore((state)=>state.changeLocale);
-    return react.useMemo(()=>({
-            locale,
-            changeLocale
-        }), [
-        locale,
-        changeLocale
-    ]);
-};
-const useCurrency = ()=>{
-    const currency = ShopContext.useShopStore((state)=>state.currency);
-    const changeCurrency = ShopContext.useShopStore((state)=>state.changeCurrency);
-    return react.useMemo(()=>({
-            currency,
-            changeCurrency
-        }), [
-        currency,
-        changeCurrency
-    ]);
-};
-const useMoneyFormat = ()=>{
-    const moneyFormat = ShopContext.useShopStore((state)=>state.moneyFormat);
-    const moneyWithCurrencyFormat = ShopContext.useShopStore((state)=>state.moneyWithCurrencyFormat);
-    return react.useMemo(()=>({
-            moneyFormat,
-            moneyWithCurrencyFormat
-        }), [
-        moneyFormat,
-        moneyWithCurrencyFormat
-    ]);
-};
-const useSwatches = ()=>{
-    const swatches = ShopContext.useShopStore((state)=>state.swatches);
-    const changeSwatches = ShopContext.useShopStore((state)=>state.changeSwatches);
-    return react.useMemo(()=>({
-            swatches,
-            changeSwatches
-        }), [
-        swatches,
-        changeSwatches
-    ]);
-};
-const usePageType = ()=>{
-    const pageType = ShopContext.useShopStore((state)=>state.pageType);
-    return react.useMemo(()=>pageType || 'STATIC', [
-        pageType
-    ]);
-};
-const useStoreFront = ()=>{
-    const provider = ShopContext.useShopStore((state)=>state.provider);
-    const storefrontToken = ShopContext.useShopStore((state)=>state.storefrontToken);
-    const storefrontUrl = ShopContext.useShopStore((state)=>state.storefrontUrl);
-    return {
-        provider,
-        storefrontToken,
-        storefrontUrl
-    };
-};
-const usePluginEnable = ()=>{
-    return ShopContext.useShopStore((state)=>state.plugins);
-};
-const useEditorMode = ()=>{
-    return ShopContext.useShopStore((state)=>state.mode);
-};
-const useMobileOnly = ()=>{
-    return ShopContext.useShopStore((state)=>state.mobileOnly);
-};
-const useMatchMutate = ()=>{
-    const { cache, mutate } = useSWR.useSWRConfig();
-    return (matcher, opts)=>{
-        if (!(cache instanceof Map)) {
-            throw new Error('matchMutate requires the cache provider to be a Map instance');
-        }
-        const keys = [];
-        cache.forEach((_, key)=>{
-            if (matcher.test(key)) {
-                keys.push(key);
-            }
-        });
-        const mutations = keys.map((key)=>{
-            const cacheData = cache.get(key);
-            return mutate(key, cacheData?.data, opts);
-        });
-        return Promise.all(mutations);
-    };
-};
-function useConnectedShopify() {
-    const { storefrontToken } = useStoreFront();
-    return !!storefrontToken;
-}
-function useIsSampleProduct() {
-    const { storefrontToken } = useStoreFront();
-    const isStorefront = ShopContext.useShopStore((state)=>state.isStorefront);
-    return isStorefront && !storefrontToken;
-}
-function useIsStorefrontProduct() {
-    return ShopContext.useShopStore((state)=>state.isStorefront);
-}
-function useCheckoutUrl(url) {
-    const { storefrontToken } = useStoreFront();
-    if (!url) return undefined;
-    return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
-}
-
-exports.useCheckoutUrl = useCheckoutUrl;
-exports.useConnectedShopify = useConnectedShopify;
-exports.useCurrency = useCurrency;
-exports.useEditorMode = useEditorMode;
-exports.useIsSampleProduct = useIsSampleProduct;
-exports.useIsStorefrontProduct = useIsStorefrontProduct;
-exports.useLocale = useLocale;
-exports.useMatchMutate = useMatchMutate;
-exports.useMobileOnly = useMobileOnly;
-exports.useMoneyFormat = useMoneyFormat;
-exports.usePageType = usePageType;
-exports.usePluginEnable = usePluginEnable;
-exports.useStoreFront = useStoreFront;
-exports.useSwatches = useSwatches;
+"use strict";var react=require("react"),useSWR=require("swr"),ShopContext=require("../contexts/ShopContext.js");const useLocale=()=>{let e=ShopContext.useShopStore(e=>e.locale),t=ShopContext.useShopStore(e=>e.changeLocale);return react.useMemo(()=>({locale:e,changeLocale:t}),[e,t])},useCurrency=()=>{let e=ShopContext.useShopStore(e=>e.currency),t=ShopContext.useShopStore(e=>e.changeCurrency);return react.useMemo(()=>({currency:e,changeCurrency:t}),[e,t])},useMoneyFormat=()=>{let e=ShopContext.useShopStore(e=>e.moneyFormat),t=ShopContext.useShopStore(e=>e.moneyWithCurrencyFormat);return react.useMemo(()=>({moneyFormat:e,moneyWithCurrencyFormat:t}),[e,t])},useSwatches=()=>{let e=ShopContext.useShopStore(e=>e.swatches),t=ShopContext.useShopStore(e=>e.changeSwatches);return react.useMemo(()=>({swatches:e,changeSwatches:t}),[e,t])},usePageType=()=>{let e=ShopContext.useShopStore(e=>e.pageType);return react.useMemo(()=>e||"STATIC",[e])},useStoreFront=()=>{let e=ShopContext.useShopStore(e=>e.provider),t=ShopContext.useShopStore(e=>e.storefrontToken),o=ShopContext.useShopStore(e=>e.storefrontUrl);return{provider:e,storefrontToken:t,storefrontUrl:o}},usePluginEnable=()=>ShopContext.useShopStore(e=>e.plugins),useEditorMode=()=>ShopContext.useShopStore(e=>e.mode),useMobileOnly=()=>ShopContext.useShopStore(e=>e.mobileOnly),useMatchMutate=()=>{let{cache:e,mutate:t}=useSWR.useSWRConfig();return(o,r)=>{if(!(e instanceof Map))throw Error("matchMutate requires the cache provider to be a Map instance");let u=[];e.forEach((e,t)=>{o.test(t)&&u.push(t)});let s=u.map(o=>{let u=e.get(o);return t(o,u?.data,r)});return Promise.all(s)}};function useConnectedShopify(){let{storefrontToken:e}=useStoreFront();return!!e}function useIsSampleProduct(){let{storefrontToken:e}=useStoreFront(),t=ShopContext.useShopStore(e=>e.isStorefront);return t&&!e}function useIsStorefrontProduct(){return ShopContext.useShopStore(e=>e.isStorefront)}function useCheckoutUrl(e){let{storefrontToken:t}=useStoreFront();if(e)return t?`${e}?access_token=${t}`:e}exports.useCheckoutUrl=useCheckoutUrl,exports.useConnectedShopify=useConnectedShopify,exports.useCurrency=useCurrency,exports.useEditorMode=useEditorMode,exports.useIsSampleProduct=useIsSampleProduct,exports.useIsStorefrontProduct=useIsStorefrontProduct,exports.useLocale=useLocale,exports.useMatchMutate=useMatchMutate,exports.useMobileOnly=useMobileOnly,exports.useMoneyFormat=useMoneyFormat,exports.usePageType=usePageType,exports.usePluginEnable=usePluginEnable,exports.useStoreFront=useStoreFront,exports.useSwatches=useSwatches;

package/dist/cjs/hooks/use-current-device.js

@@ -1,21 +1 @@
-'use strict';
-
-var react = require('react');
-
-function subscribe(callback) {
-    window.addEventListener('resize', callback);
-    return ()=>window.removeEventListener('resize', callback);
-}
-const useCurrentDevice = ()=>{
-    return react.useSyncExternalStore(subscribe, ()=>{
-        if (window.innerWidth < 768) {
-            return 'mobile';
-        } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {
-            return 'tablet';
-        } else {
-            return 'desktop';
-        }
-    }, ()=>'desktop');
-};
-
-exports.useCurrentDevice = useCurrentDevice;
+"use strict";var react=require("react");function subscribe(e){return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}const useCurrentDevice=()=>react.useSyncExternalStore(subscribe,()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1024?"tablet":"desktop",()=>"desktop");exports.useCurrentDevice=useCurrentDevice;