@gem-sdk/core 2.0.0-dev.896 → 2.0.0

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

@@ -1 +1,120 @@
-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))},c=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}},l=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}=c(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;i.current||(i.current=document.querySelectorAll(`[data-uid="${u}"]`));let t=Array.from(i.current);if(!t.length)return;let e=l(t);A.current=e},[u,l,o]);return{targetObjects:A,setToolbarActive:n,initListOfTargets:d}};export{useAnimationTarget};
+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 };

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

@@ -1 +1,85 @@
-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{AnimationType as a}from"../../types/animations.js";let useApplyAnimation=({props:s})=>{let{uid:p}=s,u=e(),{initListOfTargets:w,targetObjects:d,setToolbarActive:f}=n(s),{isEnabledAnimation:A,getAnimationConfig:v}=o(s),{setAnimation:l,cancelAnimation:g,playAnimation:j,setAnimationOnFinish:c}=r(),{previewAnimation:E}=m({props:s,playAnimation:j,cancelAnimation:g,setAnimationOnFinish:c,setToolbarActive:f}),L=t(({target:t,setting:i,type:e})=>u[e](t,i),[u]),y=t(()=>{let{type:t,setting:i}=v();if(!t||t===a.None||!d.current.length){g();return}let e=d.current.map(e=>L({type:t,setting:i,target:e.target}));g(),l(e)},[v,d,g,l,L]);i(()=>(A?(w(),y()):g(),()=>{g()}),[p,y,g,A,w]),i(()=>(window.addEventListener("preview-animation",E),()=>{window.removeEventListener("preview-animation",E)}),[E]),i(()=>(window.addEventListener("init-animation-target",w),()=>{window.removeEventListener("init-animation-target",w)}),[w])};export{useApplyAnimation as default};
+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 };

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

@@ -1 +1,30 @@
-let mock=[{baseID:"gid://shopify/OnlineStoreBlog/592066740457",id:592066740457,title:"Blog post might appear in a search engine listing",created_at:"2024-05-09T04:06:12-04:00",body_html:'<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',blog_id:91970044137,author:"Dev Team",user_id:90371653865,published_at:"2024-05-09T04:06:12-04:00",updated_at:"2024-05-09T04:06:13-04:00",summary_html:"",template_suffix:"",handle:"blog-post-might-appear-in-a-search-engine-listing",tags:"vintage",admin_graphql_api_id:"gid://shopify/OnlineStoreArticle/592066740457",image:{created_at:"2024-05-09T04:06:12-04:00",alt:"",width:1073,height:719,src:"https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_2.jpg?v=1715241973"}},{baseID:"gid://shopify/OnlineStoreBlog/592066707689",id:592066707689,title:"ar on your home page or blog.",created_at:"2024-05-09T04:05:26-04:00",body_html:'<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',blog_id:91970044137,author:"Dev Team",user_id:90371653865,published_at:"2024-05-09T04:05:25-04:00",updated_at:"2024-05-09T05:35:29-04:00",summary_html:"",template_suffix:"",handle:"ar-on-your-home-page-or-blog",tags:"cotton, vintage",admin_graphql_api_id:"gid://shopify/OnlineStoreArticle/592066707689",image:{created_at:"2024-05-09T04:05:26-04:00",alt:"",width:1080,height:719,src:"https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_1.jpg?v=1715241926"}},{baseID:"gid://shopify/OnlineStoreBlog/592066674921",id:592066674921,title:"Add a summary of the post.",created_at:"2024-05-09T04:04:44-04:00",body_html:'<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',blog_id:91970044137,author:"Dev Team",user_id:90371653865,published_at:"2024-05-09T04:04:44-04:00",updated_at:"2024-05-09T04:04:45-04:00",summary_html:"",template_suffix:"",handle:"add-a-summary-of-the-post",tags:"",admin_graphql_api_id:"gid://shopify/OnlineStoreArticle/592066674921",image:{created_at:"2024-05-09T04:04:44-04:00",alt:"",width:1086,height:718,src:"https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_7.jpg?v=1715241885"}},{baseID:"gid://shopify/OnlineStoreBlog/592058777833",id:592058777833,title:"Article Page - May 7, 10:47:14",created_at:"2024-05-06T23:47:59-04:00",body_html:'<h2>\n<span>Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>\n</h2>',blog_id:91970044137,author:"GemPages",user_id:null,published_at:"2024-05-06T23:47:59-04:00",updated_at:"2024-05-09T04:06:48-04:00",summary_html:"",template_suffix:"gp-template-512584275137135821",handle:"article-page-may-7-10-47-14",tags:"vintage",admin_graphql_api_id:"gid://shopify/OnlineStoreArticle/592058777833",image:{created_at:"2024-05-09T04:06:41-04:00",alt:"",width:578,height:585,src:"https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.png?v=1715242002"}},{baseID:"gid://shopify/OnlineStoreBlog/592058679529",id:592058679529,title:"Blog about your latest products or deals",created_at:"2024-05-06T22:36:55-04:00",body_html:'<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',blog_id:91970044137,author:"Dev Team",user_id:90371653865,published_at:"2024-05-06T22:36:54-04:00",updated_at:"2024-05-09T03:46:39-04:00",summary_html:'<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',template_suffix:"gp-template-512584275137135821",handle:"blog-about-your-latest-products-or-deals",tags:"",admin_graphql_api_id:"gid://shopify/OnlineStoreArticle/592058679529",image:{created_at:"2024-05-06T22:36:55-04:00",alt:"",width:497,height:618,src:"https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.jpg?v=1715049415"}}],useArticlesQuery=()=>mock,useBlogsQuery=()=>({blogs:{edges:[{node:{id:"511006979737518962",title:"News",baseID:"gid://shopify/OnlineStoreBlog/91970044137",tags:[],handle:"news",descriptionMeta:"",description:"",titleMeta:"",templateSuffix:"",platform:"SHOPIFY"}}]}});export{useArticlesQuery,useBlogsQuery};
+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 };

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

@@ -1 +1,18 @@
-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};
+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 };

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

@@ -1 +1,26 @@
-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};
+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 };

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

@@ -1 +1,18 @@
-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};
+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 };

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

@@ -1 +1,18 @@
-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};
+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 };

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

@@ -1 +1,20 @@
-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};
+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 };

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

@@ -1 +1,18 @@
-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};
+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 };

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

@@ -1 +1,18 @@
-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};
+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 };

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

@@ -1 +1,20 @@
-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};
+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 };

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

@@ -1 +1,15 @@
-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};
+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 };

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

@@ -1 +1,20 @@
-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};
+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 };

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

@@ -1 +1,59 @@
-import e from"swr";import{getProducts as r,getProductQueryAll as u,getListProductByVariables as t}from"../../helpers/queries/get-products.js";import{generateProductsQueryKey as s}from"../../helpers/query.js";import{useIsSampleProduct as l,useIsStorefrontProduct as o}from"../shop.js";import{useFetchHandle as c}from"../useFetchHandle.js";let useProductsQuery=(u,t,d)=>{let n=c(),p=l(),y=o();return e(u?s({ids:u,isSample:p,isStorefront:y,defaultSelectedProductCount:d?.defaultSelectedProductCount,allStatus:d?.allStatus}):null,async([,e])=>r(d?.fetcher||n,e),t)},useListProductQuery=(r,u)=>{let s=c();return e(r?["query/products",r]:null,async([,e])=>t(s,e),u)},useProductsQueryAll=(r,t)=>{let s=c();return e(r?["query/products",r]:null,async([,e])=>u(s,e),t)};export{useListProductQuery,useProductsQuery,useProductsQueryAll};
+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 };