@gem-sdk/core 3.0.0-pre-production.14 → 3.0.0

package/dist/esm/hooks/animation/useAnimationActions.js

@@ -1,37 +1,2 @@
-import { useRef, useCallback } from 'react';
-
-const useAnimationActions = ()=>{
-    const listAnimations = useRef();
-    const setAnimation = useCallback((newListAnimations)=>{
-        listAnimations.current = newListAnimations;
-    }, [
-        listAnimations
-    ]);
-    const playAnimation = useCallback(()=>{
-        if (!listAnimations.current) return;
-        for (const animation of listAnimations.current){
-            animation.play();
-        }
-    }, []);
-    const cancelAnimation = useCallback(()=>{
-        if (!listAnimations.current) return;
-        for (const animation of listAnimations.current){
-            animation.cancel();
-        }
-    }, []);
-    const setAnimationOnFinish = useCallback((onFinish)=>{
-        if (!listAnimations.current) return;
-        for (const animation of listAnimations.current){
-            animation.onfinish = onFinish;
-        }
-    }, []);
-    return {
-        currentAnimation: listAnimations.current,
-        setAnimation,
-        playAnimation,
-        cancelAnimation,
-        setAnimationOnFinish
-    };
-};
-
-export { useAnimationActions };
+'use client';
+import{useRef as r,useCallback as t}from"react";let useAnimationActions=()=>{let n=r(),e=t(r=>{n.current=r},[n]),o=t(()=>{if(n.current)for(let r of n.current)r.play()},[]),c=t(()=>{if(n.current)for(let r of n.current)r.cancel()},[]),i=t(r=>{if(n.current)for(let t of n.current)t.onfinish=r},[]);return{currentAnimation:n.current,setAnimation:e,playAnimation:o,cancelAnimation:c,setAnimationOnFinish:i}};export{useAnimationActions};

package/dist/esm/hooks/animation/useAnimationConfig.js

@@ -1,28 +1,2 @@
-import { useMemo, useCallback } from 'react';
-import { useCurrentDevice } from '../use-current-device.js';
-
-const useAnimationConfig = (props)=>{
-    const currentDevice = useCurrentDevice();
-    const configByDevices = useMemo(()=>props?.advanced?.animation?.[currentDevice], [
-        currentDevice,
-        props?.advanced?.animation
-    ]);
-    const getAnimationConfig = useCallback(()=>{
-        const { trigger, triggerConfig } = configByDevices;
-        const { animation, setting } = triggerConfig[trigger];
-        return {
-            type: animation,
-            setting: setting[animation],
-            reverse: trigger === "hidden"
-        };
-    }, [
-        configByDevices
-    ]);
-    const isEnabledAnimation = configByDevices?.enabled;
-    return {
-        isEnabledAnimation,
-        getAnimationConfig
-    };
-};
-
-export { useAnimationConfig };
+'use client';
+import{useMemo as e,useCallback as n}from"react";import{useCurrentDevice as t}from"../use-current-device.js";let useAnimationConfig=i=>{let r=t(),a=e(()=>i?.advanced?.animation?.[r],[r,i?.advanced?.animation]),o=n(()=>{let{trigger:e,triggerConfig:n}=a,{animation:t,setting:i}=n[e];return{type:t,setting:i[t],reverse:"hidden"===e}},[a]),d=a?.enabled;return{isEnabledAnimation:d,getAnimationConfig:o}};export{useAnimationConfig};

package/dist/esm/hooks/animation/useAnimationPreview.js

@@ -1,29 +1,2 @@
-import { useCallback } from 'react';
-
-const useAnimationPreview = ({ props, playAnimation, cancelAnimation, setAnimationOnFinish, setToolbarActive })=>{
-    const previewAnimation = useCallback((e)=>{
-        const { uid, isCancel } = e.detail;
-        if (props.uid !== uid) return;
-        cancelAnimation();
-        if (isCancel) {
-            setToolbarActive(true);
-            return;
-        }
-        playAnimation();
-        setToolbarActive(false);
-        setAnimationOnFinish(()=>{
-            setToolbarActive(true);
-        });
-    }, [
-        props.uid,
-        cancelAnimation,
-        playAnimation,
-        setToolbarActive,
-        setAnimationOnFinish
-    ]);
-    return {
-        previewAnimation
-    };
-};
-
-export { useAnimationPreview };
+'use client';
+import{useCallback as e}from"react";let useAnimationPreview=({props:i,playAnimation:t,cancelAnimation:r,setAnimationOnFinish:n,setToolbarActive:u})=>{let o=e(e=>{let{uid:o,isCancel:a}=e.detail;if(i.uid===o){if(r(),a){u(!0);return}t(),u(!1),n(()=>{u(!0)})}},[i.uid,r,t,u,n]);return{previewAnimation:o}};export{useAnimationPreview};

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

@@ -1,120 +1,2 @@
-import { useRef, useCallback } from 'react';
-import { useAnimationConfig } from './useAnimationConfig.js';
-
-const SPACING_ACTIVE_ATTRIBUTE = 'data-spacing-margin-bottom-active';
-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(props);
-    const componentTag = props.tag;
-    const componentUid = props.uid;
-    const targets = useRef(null);
-    const targetObjects = 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 = 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 spacing = $rootTarget.querySelector('[data-spacing] [data-spacing-margin-bottom]');
-            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 = useCallback(()=>{
-        if (!isEnabledAnimation) return;
-        if (!targets.current) {
-            const $storefront = document.body.querySelector('#storefront');
-            if ($storefront) {
-                targets.current = $storefront.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
-    };
-};
-
-export { useAnimationTarget };
+'use client';
+import{useRef as t,useCallback as e}from"react";import{useAnimationConfig as r}from"./useAnimationConfig.js";let 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=a=>{let{isEnabledAnimation:o}=r(a),T=a.tag,u=a.uid,i=t(null),A=t([]),n=t=>{if(A.current)for(let e of A.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))},l=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")),T=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:T,sectionAddTop:e,sectionAddBottom:r}},c=e(t=>t.reduce((t,e)=>{let r=null,a=null,o=e,u=e.querySelector("[data-toolbar][data-toolbar-active]"),i=e.querySelector("[data-outline][data-outline-active]"),A=e.querySelector("[data-spacing] [data-spacing-margin-bottom]");switch(T){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":o=e.querySelector(".gp-button-base");break;case"ProductProperties":o=e.querySelector("input");break;case"Icon":o=e.firstElementChild;break;case"ProductTag":o=e?.children[0]?.children[0];break;case"Section":{o=e;let{sectionOutline:t,sectionToolbar:T,sectionAddTop:A,sectionAddBottom:n}=l(o);i=t,u=T,r=A,a=n;break}default:o=e}let n={target:o,toolbar:u,outline:i,spacing:A,addSectionTop:r,addSectionBottom:a};return t.push(n),t},[]),[T]),d=e(()=>{if(!o)return;let t=document.body.querySelector("#storefront");t&&(i.current=t.querySelectorAll(`[data-uid="${u}"]`));let e=Array.from(i.current||[]);if(!e.length)return;let r=c(e);A.current=r},[u,c,o]);return{targetObjects:A,setToolbarActive:n,initListOfTargets:d}};export{useAnimationTarget};

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

@@ -1,85 +1,2 @@
-import { useCallback, useEffect } from 'react';
-import { useAnimations } from '../useAnimations.js';
-import { useAnimationTarget } from './useAnimationTarget.js';
-import { useAnimationConfig } from './useAnimationConfig.js';
-import { useAnimationActions } from './useAnimationActions.js';
-import { useAnimationPreview } from './useAnimationPreview.js';
-import '../../types/custom.js';
-import { AnimationType } from '../../types/animations.js';
-
-const useApplyAnimation = ({ props })=>{
-    const currentProps = props;
-    const { uid: componentUid } = currentProps;
-    const animation = useAnimations();
-    const { initListOfTargets, targetObjects, setToolbarActive } = useAnimationTarget(currentProps);
-    const { isEnabledAnimation, getAnimationConfig } = useAnimationConfig(currentProps);
-    const { setAnimation, cancelAnimation, playAnimation, setAnimationOnFinish } = useAnimationActions();
-    const { previewAnimation } = useAnimationPreview({
-        props: currentProps,
-        playAnimation,
-        cancelAnimation,
-        setAnimationOnFinish,
-        setToolbarActive
-    });
-    const generateAnimation = useCallback(({ target, setting, type, reverse })=>{
-        return animation[type](target, setting, reverse);
-    }, [
-        animation
-    ]);
-    const initListAnimations = useCallback(()=>{
-        const { type, setting, reverse } = getAnimationConfig();
-        if (!type || type === AnimationType.None || !targetObjects.current.length) {
-            cancelAnimation();
-            return;
-        }
-        const listAnimations = targetObjects.current.map((item)=>generateAnimation({
-                type,
-                setting,
-                target: item.target,
-                reverse
-            }));
-        cancelAnimation();
-        setAnimation(listAnimations);
-    }, [
-        getAnimationConfig,
-        targetObjects,
-        cancelAnimation,
-        setAnimation,
-        generateAnimation
-    ]);
-    useEffect(()=>{
-        if (isEnabledAnimation) {
-            initListOfTargets();
-            initListAnimations();
-        } else {
-            cancelAnimation();
-        }
-        return ()=>{
-            cancelAnimation();
-        };
-    }, [
-        componentUid,
-        initListAnimations,
-        cancelAnimation,
-        isEnabledAnimation,
-        initListOfTargets
-    ]);
-    useEffect(()=>{
-        window.addEventListener('preview-animation', previewAnimation);
-        return ()=>{
-            window.removeEventListener('preview-animation', previewAnimation);
-        };
-    }, [
-        previewAnimation
-    ]);
-    useEffect(()=>{
-        window.addEventListener('init-animation-target', initListOfTargets);
-        return ()=>{
-            window.removeEventListener('init-animation-target', initListOfTargets);
-        };
-    }, [
-        initListOfTargets
-    ]);
-};
-
-export { useApplyAnimation as default };
+'use client';
+import{useCallback as t,useEffect as i}from"react";import{useAnimations as e}from"../useAnimations.js";import{useAnimationTarget as n}from"./useAnimationTarget.js";import{useAnimationConfig as o}from"./useAnimationConfig.js";import{useAnimationActions as r}from"./useAnimationActions.js";import{useAnimationPreview as m}from"./useAnimationPreview.js";import"../../types/custom.js";import{AnimationType as a}from"../../types/animations.js";import{DIALOG as s}from"../../helpers/const.js";let useApplyAnimation=({props:p})=>{let{uid:u}=p,f=e(),{initListOfTargets:w,targetObjects:A,setToolbarActive:d}=n(p),{isEnabledAnimation:l,getAnimationConfig:v}=o(p),{setAnimation:g,cancelAnimation:j,playAnimation:c,setAnimationOnFinish:y}=r(),E=()=>{p.tag===s&&(w(),x()),c()},{previewAnimation:L}=m({props:p,playAnimation:E,cancelAnimation:j,setAnimationOnFinish:y,setToolbarActive:d}),h=t(({target:t,setting:i,type:e,reverse:n})=>f[e](t,i,n),[f]),x=t(()=>{let{type:t,setting:i,reverse:e}=v();if(!t||t===a.None||!A.current.length){j();return}let n=A.current.map(n=>h({type:t,setting:i,target:n.target,reverse:e}));j(),g(n)},[v,A,j,g,h]);i(()=>(l?(w(),x()):j(),()=>{j()}),[u,x,j,l,w]),i(()=>(window.addEventListener("preview-animation",L),()=>{window.removeEventListener("preview-animation",L)}),[L]),i(()=>(window.addEventListener("init-animation-target",w),()=>{window.removeEventListener("init-animation-target",w)}),[w])};export{useApplyAnimation as default};

package/dist/esm/hooks/articles/useArticlesQuery.js

@@ -1,30 +1,2 @@
-import { ArticlesDocument } from '../../graphql/queries/articles.generated.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-import useSWR from 'swr';
-import { BlogsDocument } from '../../graphql/queries/blogs.generated.js';
-
-const useArticlesQuery = (variables, options)=>{
-    const fetcher = useFetchHandle();
-    const fetchArticles = ()=>fetcher([
-            ArticlesDocument,
-            variables ?? {}
-        ]);
-    return useSWR(variables ? [
-        'query/articles',
-        variables
-    ] : null, fetchArticles, options);
-};
-const useBlogsQuery = (variables, options)=>{
-    const fetcher = useFetchHandle();
-    //@ts-ignore
-    const fetchBlogs = ()=>fetcher([
-            BlogsDocument,
-            variables ?? {}
-        ]);
-    return useSWR(variables ? [
-        'query/blogs',
-        variables
-    ] : null, fetchBlogs, options);
-};
-
-export { useArticlesQuery, useBlogsQuery };
+'use client';
+import{ArticlesDocument as e}from"../../graphql/queries/articles.generated.js";import{useFetchHandle as r}from"../useFetchHandle.js";import s from"swr";import{BlogsDocument as l}from"../../graphql/queries/blogs.generated.js";let useArticlesQuery=(l,t)=>{let u=r(),o=()=>u([e,l??{}]);return s(l?["query/articles",l]:null,o,t)},useBlogsQuery=(e,t)=>{let u=r(),o=()=>u([l,e??{}]);return s(e?["query/blogs",e]:null,o,t)};export{useArticlesQuery,useBlogsQuery};

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

@@ -1,18 +1,2 @@
-import { addToCartOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useAddToCart = (options)=>{
-    const shop = useStoreFront();
-    const { mutate } = useSWRConfig();
-    return useSWRMutation('add-to-cart', (_, { arg })=>addToCartOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useAddToCart };
+'use client';
+import{addToCartOperation as r}from"@gem-sdk/adapter-shopify";import{useSWRConfig as o}from"swr";import t from"swr/mutation";import{useStoreFront as s}from"../shop.js";let useAddToCart=e=>{let m=s(),{mutate:a}=o();return t("add-to-cart",(o,{arg:t})=>r(m)(t),{...e,onSuccess:(r,o,t)=>{a("cart",r,!1),e?.onSuccess?.(r,o,t)}})};export{useAddToCart};

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

@@ -1,26 +1,2 @@
-import { getCartOperation } from '@gem-sdk/adapter-shopify';
-import useSWR from 'swr';
-import { useStoreFront } from '../shop.js';
-import useCartId from '../useCartId.js';
-
-const useCartData = (options)=>{
-    const { cartId, clearCartId } = useCartId();
-    const shop = useStoreFront();
-    return useSWR(cartId ? 'cart' : null, ()=>getCartOperation(shop)({
-            cartId: cartId
-        }), {
-        revalidateOnMount: true,
-        revalidateOnFocus: true,
-        keepPreviousData: false,
-        dedupingInterval: 2000,
-        ...options,
-        onSuccess (data, key, config) {
-            if (!data) {
-                clearCartId();
-            }
-            options?.onSuccess?.(data, key, config);
-        }
-    });
-};
-
-export { useCartData };
+'use client';
+import{getCartOperation as r}from"@gem-sdk/adapter-shopify";import e from"swr";import{useStoreFront as t}from"../shop.js";import a from"../useCartId.js";let useCartData=o=>{let{cartId:s,clearCartId:u}=a(),p=t();return e(s?"cart":null,()=>r(p)({cartId:s}),{revalidateOnMount:!0,revalidateOnFocus:!0,keepPreviousData:!1,dedupingInterval:2e3,...o,onSuccess(r,e,t){r||u(),o?.onSuccess?.(r,e,t)}})};export{useCartData};

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

@@ -1,18 +1,2 @@
-import { cartDiscountCodesUpdateOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useCartDiscountCodesUpdate = (options)=>{
-    const shop = useStoreFront();
-    const { mutate } = useSWRConfig();
-    return useSWRMutation('cart-discount-codes-update', (_, { arg })=>cartDiscountCodesUpdateOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useCartDiscountCodesUpdate };
+'use client';
+import{cartDiscountCodesUpdateOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as o}from"swr";import r from"swr/mutation";import{useStoreFront as s}from"../shop.js";let useCartDiscountCodesUpdate=e=>{let p=s(),{mutate:a}=o();return r("cart-discount-codes-update",(o,{arg:r})=>t(p)(r),{...e,onSuccess:(t,o,r)=>{a("cart",t,!1),e?.onSuccess?.(t,o,r)}})};export{useCartDiscountCodesUpdate};

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

@@ -1,18 +1,2 @@
-import { cartNoteUpdateOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useCartNoteUpdate = (options)=>{
-    const shop = useStoreFront();
-    const { mutate } = useSWRConfig();
-    return useSWRMutation('cart-note-update', (_, { arg })=>cartNoteUpdateOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useCartNoteUpdate };
+'use client';
+import{cartNoteUpdateOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import o from"swr/mutation";import{useStoreFront as e}from"../shop.js";let useCartNoteUpdate=s=>{let p=e(),{mutate:a}=r();return o("cart-note-update",(r,{arg:o})=>t(p)(o),{...s,onSuccess:(t,r,o)=>{a("cart",t,!1),s?.onSuccess?.(t,r,o)}})};export{useCartNoteUpdate};

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

@@ -1,20 +1,2 @@
-import { createCartOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useCreateCart = (options)=>{
-    const shop = useStoreFront();
-    const { mutate } = useSWRConfig();
-    return useSWRMutation('create-cart', (_, { arg })=>{
-        return createCartOperation(shop)(arg);
-    }, {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useCreateCart };
+'use client';
+import{createCartOperation as r}from"@gem-sdk/adapter-shopify";import{useSWRConfig as t}from"swr";import e from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useCreateCart=s=>{let a=o(),{mutate:m}=t();return e("create-cart",(t,{arg:e})=>r(a)(e),{...s,onSuccess:(r,t,e)=>{m("cart",r,!1),s?.onSuccess?.(r,t,e)}})};export{useCreateCart};

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

@@ -1,18 +1,2 @@
-import { removeCartItemOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useRemoveCartItem = (options)=>{
-    const shop = useStoreFront();
-    const { mutate } = useSWRConfig();
-    return useSWRMutation('remove-cart-item', (_, { arg })=>removeCartItemOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useRemoveCartItem };
+'use client';
+import{removeCartItemOperation as e}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import t from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useRemoveCartItem=m=>{let s=o(),{mutate:p}=r();return t("remove-cart-item",(r,{arg:t})=>e(s)(t),{...m,onSuccess:(e,r,t)=>{p("cart",e,!1),m?.onSuccess?.(e,r,t)}})};export{useRemoveCartItem};

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

@@ -1,18 +1,2 @@
-import { updateCartLineOperation } from '@gem-sdk/adapter-shopify';
-import { useSWRConfig } from 'swr';
-import useSWRMutation from 'swr/mutation';
-import { useStoreFront } from '../shop.js';
-
-const useUpdateCartItem = (options)=>{
-    const shop = useStoreFront();
-    const { mutate } = useSWRConfig();
-    return useSWRMutation('update-cart-item', (_, { arg })=>updateCartLineOperation(shop)(arg), {
-        ...options,
-        onSuccess: (result, key, config)=>{
-            mutate('cart', result, false);
-            options?.onSuccess?.(result, key, config);
-        }
-    });
-};
-
-export { useUpdateCartItem };
+'use client';
+import{updateCartLineOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import e from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useUpdateCartItem=m=>{let s=o(),{mutate:p}=r();return e("update-cart-item",(r,{arg:e})=>t(s)(e),{...m,onSuccess:(t,r,e)=>{p("cart",t,!1),m?.onSuccess?.(t,r,e)}})};export{useUpdateCartItem};

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

@@ -1,20 +1,2 @@
-import useSWR from 'swr';
-import { getCollection } from '../../helpers/queries/get-collection.js';
-import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-import { generateCollectionQueryKey } from '../../helpers/query.js';
-
-const useCollectionQuery = (args, options)=>{
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    const isStorefront = useIsStorefrontProduct();
-    return useSWR(args ? generateCollectionQueryKey({
-        ...args,
-        isSample,
-        isStorefront
-    }) : null, ([, arg])=>{
-        return getCollection(fetcher, arg);
-    }, options);
-};
-
-export { useCollectionQuery };
+'use client';
+import e from"swr";import{getCollection as r}from"../../helpers/queries/get-collection.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as l}from"../useFetchHandle.js";import{generateCollectionQueryKey as s}from"../../helpers/query.js";let useCollectionQuery=(m,i)=>{let p=l(),u=o(),n=t();return e(m?s({...m,isSample:u,isStorefront:n}):null,([,e])=>r(p,e),i)};export{useCollectionQuery};

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

@@ -1,15 +1,2 @@
-import useSWR from 'swr';
-import { getCollections } from '../../helpers/queries/get-collections.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-
-const useCollectionsQuery = (variable, options)=>{
-    const fetcher = useFetchHandle();
-    return useSWR(variable ? [
-        'query/collections',
-        variable
-    ] : null, async ([, arg])=>{
-        return getCollections(fetcher, arg);
-    }, options);
-};
-
-export { useCollectionsQuery };
+'use client';
+import e from"swr";import{getCollections as o}from"../../helpers/queries/get-collections.js";import{useFetchHandle as r}from"../useFetchHandle.js";let useCollectionsQuery=(l,s)=>{let t=r();return e(l?["query/collections",l]:null,async([,e])=>o(t,e),s)};export{useCollectionsQuery};

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

@@ -1,20 +1,2 @@
-import useSWR from 'swr';
-import { getProduct } from '../../helpers/queries/get-product.js';
-import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-import { generateProductQueryKey } from '../../helpers/query.js';
-
-const useProductQuery = (productId, options, customFetcher)=>{
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    const isStorefront = useIsStorefrontProduct();
-    return useSWR(productId ? generateProductQueryKey({
-        id: productId,
-        isSample,
-        isStorefront
-    }) : null, async ([, arg])=>{
-        return getProduct(customFetcher || fetcher, arg);
-    }, options);
-};
-
-export { useProductQuery };
+'use client';
+import r from"swr";import{getProduct as e}from"../../helpers/queries/get-product.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as s}from"../useFetchHandle.js";import{generateProductQueryKey as u}from"../../helpers/query.js";let useProductQuery=(m,p,i)=>{let l=s(),c=o(),d=t();return r(m?u({id:m,isSample:c,isStorefront:d}):null,async([,r])=>e(i||l,r),p)};export{useProductQuery};

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

@@ -1,59 +1,2 @@
-import useSWR from 'swr';
-import useSWRInfinite from 'swr/infinite';
-import { getProducts, getProductQueryAll, getListProductByVariables } from '../../helpers/queries/get-products.js';
-import { generateProductsQueryKey } from '../../helpers/query.js';
-import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
-import { useFetchHandle } from '../useFetchHandle.js';
-
-const useProductsQuery = (ids, options, params)=>{
-    const fetcher = useFetchHandle();
-    const isSample = useIsSampleProduct();
-    const isStorefront = useIsStorefrontProduct();
-    return useSWR(ids ? generateProductsQueryKey({
-        ids,
-        isSample,
-        isStorefront,
-        defaultSelectedProductCount: params?.defaultSelectedProductCount,
-        allStatus: params?.allStatus
-    }) : null, async ([, arg])=>{
-        return getProducts(params?.fetcher || fetcher, arg);
-    }, options);
-};
-const getKey = (variable)=>{
-    return (pageIndex, previousPageData)=>{
-        if (!variable || previousPageData && !previousPageData.products?.pageInfo?.hasNextPage) {
-            return null;
-        }
-        if (pageIndex === 0) {
-            return [
-                'query/products',
-                variable
-            ];
-        }
-        return [
-            'query/products',
-            {
-                ...variable,
-                after: previousPageData.products?.pageInfo?.endCursor
-            }
-        ];
-    };
-};
-const useListProductQuery = (variable, options)=>{
-    const fetcher = useFetchHandle();
-    const data = useSWRInfinite(getKey(variable), async ([, arg])=>{
-        return getListProductByVariables(fetcher, arg);
-    }, options);
-    return data;
-};
-const useProductsQueryAll = (variable, options)=>{
-    const fetcher = useFetchHandle();
-    return useSWR(variable ? [
-        'query/products',
-        variable
-    ] : null, async ([, arg])=>{
-        return getProductQueryAll(fetcher, arg);
-    }, options);
-};
-
-export { useListProductQuery, useProductsQuery, useProductsQueryAll };
+'use client';
+import e from"swr";import r from"swr/infinite";import{getProducts as t,getProductQueryAll as u,getListProductByVariables as s}from"../../helpers/queries/get-products.js";import{generateProductsQueryKey as o}from"../../helpers/query.js";import{useIsSampleProduct as l,useIsStorefrontProduct as c}from"../shop.js";import{useFetchHandle as d}from"../useFetchHandle.js";let useProductsQuery=(r,u,s)=>{let p=d(),n=l(),a=c();return e(r?o({ids:r,isSample:n,isStorefront:a,defaultSelectedProductCount:s?.defaultSelectedProductCount,allStatus:s?.allStatus}):null,async([,e])=>t(s?.fetcher||p,e),u)},getKey=e=>(r,t)=>e&&(!t||t.products?.pageInfo?.hasNextPage)?0===r?["query/products",e]:["query/products",{...e,after:t.products?.pageInfo?.endCursor}]:null,useListProductQuery=(e,t)=>{let u=d(),o=r(getKey(e),async([,e])=>s(u,e),t);return o},useProductsQueryAll=(r,t)=>{let s=d();return e(r?["query/products",r]:null,async([,e])=>u(s,e),t)};export{useListProductQuery,useProductsQuery,useProductsQueryAll};

package/dist/esm/hooks/shop/useShopifyLink.js

@@ -0,0 +1,2 @@
+'use client';
+import{useMemo as t}from"react";import{useShopStore as o}from"../../contexts/ShopContext.js";let useShopifyLink=({productId:r,articleId:e})=>{let s=o(t=>t.storefrontUrl),p=t(()=>{let t=/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;return s?s.match(t)?.[1]:""},[s]),i=t(()=>`https://admin.shopify.com/store/${p}`,[p]),m=t(()=>r?`${i}/products/${r}`:"",[i,r]),h=t(()=>e?`${i}/articles/${e}`:"",[e,i]);return{linkShopDefault:i,linkEditProduct:m,linkEditArticle:h}};export{useShopifyLink};