@gem-sdk/core 12.0.0-dev.152 → 12.0.0-dev.153

package/dist/esm/components/resize/Spacing.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as n,useCallback as i,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"swr";import"swr/infinite";import{usePageType as u}from"../../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";function d(d){let m=s(t=>t.isThemeSectionEditor),p=u(),g=o(null),v=o(null),b=o(null),f=o(!1),w=o(0),h=o(0),y=o(null),[E,S]=n(0),[j,L]=n(!1),C=o(null),x=t=>{let e=t.clientY,r=Math.ceil(e-w.current),o=h.current||0,n=o+r>=0?`${o+r}px`:"0px";return{newValue:n}},T=t=>{if(g.current&&v.current){let{newValue:e}=x(t);v.current.style.height=e,g.current.style.top=e;let r=g.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=e,$(e))}},k=()=>{A()},z=()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{f.current=!0;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(t),document.addEventListener("mousemove",T),document.addEventListener("mouseup",k)},100)},A=()=>{b.current&&clearTimeout(b.current),f.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),g.current){let t=getComputedStyle(g.current),e=t.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:d.uid,marginBottom:e}});window.dispatchEvent(r)}let e=g.current?.closest("[data-toolbar-wrap]");e&&(e.style.marginBottom=""),document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",k)},U=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},B=t=>{let e=t.getAttribute("data-component-tag");return"Row"===e||"Product"===e},P=i(t=>{let e=g.current?.closest("[data-toolbar-wrap]");if(!e)return;let r=U(e,"data-toolbar");if(!r)return;let o=r.getAttribute("data-toolbar-active");if(!o)return;let n=getComputedStyle(e),i=U(e,"data-spacing"),a=i?.querySelector("[data-spacing-margin-bottom]")||null;if(a&&v.current&&g.current){let r=n.marginBottom;if(t&&$(r),0>parseFloat(r)&&(r="0"),v.current.style.height=r,g.current.style.top=r,a.setAttribute("data-spacing-margin-bottom-active","true"),B(e))v.current.style.left="0";else{let t=n.paddingLeft,e=`-${t}`,r=`translate(${e}, -100%)`;v.current.style.left=e,g.current.style.transform=r}}},[]),$=t=>{let e=parseFloat(t);S(e),L(!0),C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{L(!1)},2e3);let r=e<=28&&e>=0?e/2+16:e>28?0:16;y.current&&(y.current.style.transform=`translateY(${r}px)`)},F=c(d.advanced?.["spacing-setting"]);a(()=>{let t=M(F,d.advanced?.["spacing-setting"]);P(t)},[F,d.advanced,P]);let M=(t,e)=>l.some(r=>JSON.stringify(t?.[r]?.margin?.bottom)!==JSON.stringify(e?.[r]?.margin?.bottom)),N=i(()=>{P()},[P]);return a(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>P),window.addEventListener("editor:toolbar:update-padding-left",()=>P),window.addEventListener("resize",N),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>P),window.removeEventListener("editor:toolbar:update-padding-left",()=>P),window.removeEventListener("resize",N)}),[N,P]),t(e,{children:"Section"!==d.tag&&"POST_PURCHASE"!==p&&t("div",{"data-spacing":!0,"data-spacing-theme-section":m,className:"gp-absolute gp-w-full gp-bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[r("div",{"data-spacing-margin-bottom-bg":!0,ref:v,children:[t("div",{"data-spacing-margin-bottom-value":!0}),t("div",{"data-active":j,"data-value-number":!0,ref:y,children:E})]}),t("div",{ref:g,"data-spacing-margin-bottom-drag":!0,onMouseDown:t=>{if(g.current){let e=getComputedStyle(g.current);w.current=t.clientY,h.current=parseFloat(e.top),z()}},onMouseUp:()=>{A()},role:"presentation"})]})})})}let c=t=>{let e=o();return a(()=>{e.current=t},[t]),e.current};export{d as default};
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o,useCallback as a,useEffect as n}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import{usePageType as p}from"../../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";function u(u){let m=s(e=>e.isThemeSectionEditor),c=p(),g=i(null),h=i(null),v=i(null),b=i(!1),f=i(0),q=i(0),w=i(null),[j,y]=o(0),[E,S]=o(!1),L=i(null),C=e=>{let t=e.clientY,r=Math.ceil(t-f.current),i=q.current||0,o=i+r>=0?`${i+r}px`:"0px";return{newValue:o}},x=e=>{if(g.current&&h.current){let{newValue:t}=C(e);h.current.style.height=t,g.current.style.top=t;let r=g.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=t,P(t))}},T=()=>{z()},k=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{b.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},z=()=>{v.current&&clearTimeout(v.current),b.current=!1;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(e),g.current){let e=getComputedStyle(g.current),t=e.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:u.uid,marginBottom:t}});window.dispatchEvent(r)}let t=g.current?.closest("[data-toolbar-wrap]");t&&(t.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},A=(e,t)=>{let r=e.children.length;if(r)for(let i=0;i<r;i++){let r=e.children[i];if(r){let e=r.getAttribute(t);if(e)return r}}},U=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},B=a(e=>{let t=g.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=A(t,"data-toolbar");if(!r)return;let i=r.getAttribute("data-toolbar-active");if(!i)return;let o=getComputedStyle(t),a=A(t,"data-spacing"),n=a?.querySelector("[data-spacing-margin-bottom]")||null;if(n&&h.current&&g.current){let r=o.marginBottom;if(e&&P(r),0>parseFloat(r)&&(r="0"),h.current.style.height=r,g.current.style.top=r,n.setAttribute("data-spacing-margin-bottom-active","true"),U(t))h.current.style.left="0";else{let e=o.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;h.current.style.left=t,g.current.style.transform=r}}},[]),P=e=>{let t=parseFloat(e);y(t),S(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{S(!1)},2e3);let r=t<=28&&t>=0?t/2+16:t>28?0:16;w.current&&(w.current.style.transform=`translateY(${r}px)`)},$=d(u.advanced?.["spacing-setting"]);n(()=>{let e=F($,u.advanced?.["spacing-setting"]);B(e)},[$,u.advanced,B]);let F=(e,t)=>l.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),M=a(()=>{B()},[B]);return n(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>B),window.addEventListener("editor:toolbar:update-padding-left",()=>B),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>B),window.removeEventListener("editor:toolbar:update-padding-left",()=>B),window.removeEventListener("resize",M)}),[M,B]),e(t,{children:"Section"!==u.tag&&"POST_PURCHASE"!==c&&e("div",{"data-spacing":!0,"data-spacing-theme-section":m,className:"gp-absolute gp-w-full gp-bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[r("div",{"data-spacing-margin-bottom-bg":!0,ref:h,children:[e("div",{"data-spacing-margin-bottom-value":!0}),e("div",{"data-active":E,"data-value-number":!0,ref:w,children:j})]}),e("div",{ref:g,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(g.current){let t=getComputedStyle(g.current);f.current=e.clientY,q.current=parseFloat(t.top),k()}},onMouseUp:()=>{z()},role:"presentation"})]})})})}let d=e=>{let t=i();return n(()=>{t.current=e},[e]),t.current};export{u as default};

package/dist/esm/components/theme-section/CreateThemeSection.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as r,useState as o}from"react";import{ThemeSectionTooltip as n}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as a}from"../../contexts/I18nContext.js";import{useShopStore as s}from"../../contexts/ShopContext.js";import"swr";import"swr/infinite";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let m=["starter","trial","trial2022"],c=({...c})=>{let{t:l}=a(),p=s(e=>e.plan),d=s(e=>e.createThemeSectionCount),u=s(e=>e.limitCreateThemeSection),h=m.includes(p??""),C=h||u?.isLimit,b=C||void 0===d||d<1,v=r(),[w,f]=o(!1),j=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(C?T():F(),v.current&&clearTimeout(v.current),f(!1))},T=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},F=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:c.uid}});window.dispatchEvent(e)};return e(t,{children:i(n,{isFreeLimit:h,limitCreateThemeSection:u,isShow:w,isRender:b,onActions:j,onMouseEnter:()=>{b&&(v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{f(!0)},600))},onMouseLeave:()=>{b&&(v.current&&clearTimeout(v.current),f(!1))},children:[b&&e("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:i("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>j(e,{disabled:!!C}),"aria-hidden":"true",children:[i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e("p",{children:l("Create Theme Section")})]})})]})})};export{c as CreateThemeSection};
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o}from"react";import{ThemeSectionTooltip as s}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as a}from"../../contexts/I18nContext.js";import{useShopStore as p}from"../../contexts/ShopContext.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let l=["starter","trial","trial2022"],n=({...n})=>{let{t:m}=a(),d=p(e=>e.plan),c=p(e=>e.createThemeSectionCount),u=p(e=>e.limitCreateThemeSection),h=l.includes(d??""),g=h||u?.isLimit,q=g||void 0===c||c<1,j=i(),[C,b]=o(!1),v=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(g?w():f(),j.current&&clearTimeout(j.current),b(!1))},w=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},f=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:n.uid}});window.dispatchEvent(e)};return e(t,{children:r(s,{isFreeLimit:h,limitCreateThemeSection:u,isShow:C,isRender:q,onActions:v,onMouseEnter:()=>{q&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{b(!0)},600))},onMouseLeave:()=>{q&&(j.current&&clearTimeout(j.current),b(!1))},children:[q&&e("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:r("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>v(e,{disabled:!!g}),"aria-hidden":"true",children:[r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e("p",{children:m("Create Theme Section")})]})})]})})};export{n as CreateThemeSection};

package/dist/esm/components/theme-section/ThemeSectionTooltip.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useRef as i}from"react";import{Transition as n}from"react-transition-group";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{cls as r}from"../../helpers/cls.js";import"swr";import"swr/infinite";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let a={transition:"opacity 350ms ease-out",opacity:0},m={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},c=({isShow:c,isFreeLimit:l,isRender:p,children:d,limitCreateThemeSection:h,onMouseEnter:u,onMouseLeave:_,onActions:y})=>{let{t:b}=s(),g=i(null),v=l?"Upgrade to create Theme Section":"Create Theme Section",f=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:o("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:u,onMouseLeave:_,children:[d,p&&e(n,{in:c,timeout:350,nodeRef:g,unmountOnExit:!0,children:i=>e("div",{className:"theme-section-tooltip",ref:g,style:{...a,...m[i]},children:h?.isLimit&&!l?o("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:"Upgrade plan"}),o("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:["You’ve reached the maximum number of theme sections on your plan (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>y(e),children:"Upgrade plan to create more"})]}):o(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),o("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:"Create once, use everywhere with Theme Section"}),e("div",{className:"theme-section-tooltip__body-desc",children:"A global section that can be used on all your GemPages & Shopify pages."})]}),o("div",{className:r("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":l}),children:[e("button",{onClick:e=>y(e),children:b(v)}),l&&e("div",{onClick:f,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:"Learn more about Theme Section"})]})]})})})]})})};export{c as ThemeSectionTooltip};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as o}from"react";import{Transition as r}from"react-transition-group";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{cls as a}from"../../helpers/cls.js";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let l={transition:"opacity 350ms ease-out",opacity:0},n={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},p=({isShow:p,isFreeLimit:m,isRender:c,children:d,limitCreateThemeSection:h,onMouseEnter:u,onMouseLeave:g,onActions:q})=>{let{t:y}=s(),_=o(null),j=m?"Upgrade to create Theme Section":"Create Theme Section",b=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:u,onMouseLeave:g,children:[d,c&&e(r,{in:p,timeout:350,nodeRef:_,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:_,style:{...l,...n[o]},children:h?.isLimit&&!m?i("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:"Upgrade plan"}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:["You’ve reached the maximum number of theme sections on your plan (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>q(e),children:"Upgrade plan to create more"})]}):i(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),i("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:"Create once, use everywhere with Theme Section"}),e("div",{className:"theme-section-tooltip__body-desc",children:"A global section that can be used on all your GemPages & Shopify pages."})]}),i("div",{className:a("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":m}),children:[e("button",{onClick:e=>q(e),children:y(j)}),m&&e("div",{onClick:b,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:"Learn more about Theme Section"})]})]})})})]})})};export{p as ThemeSectionTooltip};

package/dist/esm/components/upgrade-element/UpgradeOldElement.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useCallback as r}from"react";import{UpgradeIcon as p}from"../ai-generator/icons/UpgradeIcon.js";import"zustand";import{useI18nStore as i}from"../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let s=s=>{let{t:m}=i(),a=r(t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:s.uid,fromTag:s.tag}});window.dispatchEvent(e)},[s.tag,s.uid]);return s.tag?t(e,{children:[t("button",{type:"button",className:"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium gp-mr-1",onClick:a,children:[o(p,{}),m("Upgrade")]}),o("div",{className:"gp-w-px gp-self-stretch gp-bg-[#424242]"})]}):null};export{s as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useCallback as p}from"react";import{UpgradeIcon as i}from"../ai-generator/icons/UpgradeIcon.js";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/products.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/builderUpsell.js";import"../../types/custom.js";import"../../types/animations.js";let o=o=>{let{t:a}=s(),l=p(e=>{e.preventDefault(),e.stopPropagation();let r=new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:o.uid,fromTag:o.tag}});window.dispatchEvent(r)},[o.tag,o.uid]);return o.tag?e(r,{children:[e("button",{type:"button",className:"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium gp-mr-1",onClick:l,children:[t(i,{}),a("Upgrade")]}),t("div",{className:"gp-w-px gp-self-stretch gp-bg-[#424242]"})]}):null};export{o as default};

package/dist/esm/contexts/ProductContext.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as i,useContext as o,createContext as s}from"react";import{useStore as p,createStore as a}from"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import{checkInStock as n}from"../helpers/variant.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as l}from"../helpers/flatten-connection.js";import"../helpers/convert.js";let d=s(null),u=e=>a((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let i=r().properties;i?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{t({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{t({selectedSellingPlan:e})}})),m=({children:o,product:s,initialVariantId:p,initialVariantBaseId:a,quantity:m=1,isSyncProduct:c,hasPreSelected:y,uid:f})=>{let P=r(),S=i(()=>{let e,t={};if(s){let r=l(s.variants),i=r[0],o=r.find(e=>n(e)),d=r.find(e=>e?.id===p||e?.baseID===a)??o??i;t=d?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=s.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??s.featuredImage}return u({product:s,quantity:m,selectedOptions:t,uiqueId:P,featuredImageGlobal:e,isSyncProduct:c,hasPreSelected:y,uid:f})},[s,m,P,c,y,p,f]);return e(d.Provider,{value:S,children:e(t,{children:o})})},c=(e,t)=>{let r=o(d);if(!r)throw Error("Element of product must be used inside a Product");return p(r,e,t)};export{m as ProductProvider,c as useProductStore};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as i,useContext as s,createContext as o}from"react";import{useStore as p,createStore as a}from"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/products.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import{checkInStock as l}from"../helpers/variant.js";import"../types/builder.js";import"../types/builderUpsell.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../helpers/convert.js";let d=o(null),u=e=>a((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let i=r().properties;i?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{t({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{t({selectedSellingPlan:e})}})),m=({children:s,product:o,initialVariantId:p,initialVariantBaseId:a,quantity:m=1,isSyncProduct:c,hasPreSelected:g,uid:q})=>{let h=r(),j=i(()=>{let e,t={};if(o){let r=n(o.variants),i=r[0],s=r.find(e=>l(e)),d=r.find(e=>e?.id===p||e?.baseID===a)??s??i;t=d?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=o.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??o.featuredImage}return u({product:o,quantity:m,selectedOptions:t,uiqueId:h,featuredImageGlobal:e,isSyncProduct:c,hasPreSelected:g,uid:q})},[o,m,h,c,g,p,q]);return e(d.Provider,{value:j,children:e(t,{children:s})})},c=(e,t)=>{let r=s(d);if(!r)throw Error("Element of product must be used inside a Product");return p(r,e,t)};export{m as ProductProvider,c as useProductStore};

package/dist/esm/graphql/mutations/page-view-up.generated.js

@@ -1,5 +1,5 @@
-let e=`
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class t extends String{toString(){return this.value}constructor(t,i){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=i}}let i=new t(`
     mutation pageViewUp($pageHandle: String!) {
   pageViewUp(pageHandle: $pageHandle)
 }
-    `;export{e as PageViewUpDocument};
+    `);export{i as PageViewUpDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/articles.generated.js

@@ -1,4 +1,4 @@
-let e=`
+function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class t extends String{toString(){return this.value}constructor(t,r){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=r}}let r=new t(`
     query articles($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: ArticleOrder, $where: ArticleWhereInput) {
   articles(
     after: $after
@@ -57,4 +57,4 @@ let e=`
     totalCount
   }
 }
-    `;export{e as ArticlesDocument};
+    `);export{r as ArticlesDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/blogs.generated.js

@@ -1,4 +1,4 @@
-let e=`
+function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class t extends String{toString(){return this.value}constructor(t,r){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=r}}let r=new t(`
     query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput, $articlesOrderBy: ArticleOrder) {
   blogs(
     after: $after
@@ -65,4 +65,4 @@ let e=`
     totalCount
   }
 }
-    `;export{e as BlogsDocument};
+    `);export{r as BlogsDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/collection-detail-filter.generated.js

@@ -1,4 +1,4 @@
-import{CollectionProductSelect as e}from"../fragments/collection-product.generated.js";import{CollectionDetailSelect as r}from"../fragments/collection-detail.generated.js";import{ProductListSelect as t}from"../fragments/product-list-select.generated.js";import{ProductOptionSelect as o}from"../fragments/product-option.generated.js";import{ProductOptionValueSelect as i}from"../fragments/product-option-value.generated.js";import{MediaSelect as n}from"../fragments/media.generated.js";import{VariantSelect as d}from"../fragments/variant.generated.js";import{SelectedOptionSelect as a}from"../fragments/selected-option.generated.js";let s=`
+function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class t extends String{toString(){return this.value}constructor(t,r){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=r}}let r=new t(`
     query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $orderByMedia: MediaOrder, $whereProduct: ProductWhereInput) {
   collections(first: 1, orderBy: $orderBy, where: $where) {
     edges {
@@ -9,11 +9,147 @@ import{CollectionProductSelect as e}from"../fragments/collection-product.generat
     }
   }
 }
-    ${e}
-${r}
-${t}
-${o}
-${i}
-${n}
-${d}
-${a}`;export{s as CollectionDetailFilterDocument};
+    fragment CollectionProductSelect on Collection {
+  ...CollectionDetailSelect
+  products(
+    first: $firstProduct
+    orderBy: $orderByProduct
+    after: $productsAfter
+    where: $whereProduct
+  ) {
+    edges {
+      ...ProductListSelect
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+    }
+  }
+}
+fragment CollectionDetailSelect on Collection {
+  id
+  createdAt
+  updatedAt
+  deletedAt
+  title
+  handle
+  description
+  descriptionHtml
+  templateSuffix
+  titleMeta
+  descriptionMeta
+  baseID
+  platform
+  tags
+  collectionMedia {
+    src
+  }
+  isStorefront
+  isSample
+}
+fragment ProductListSelect on ProductEdge {
+  cursor
+  node {
+    id
+    title
+    createdAt
+    description
+    descriptionHtml
+    handle
+    averageRating
+    isStorefront
+    isSample
+    baseID
+    sku
+    options {
+      ...ProductOptionSelect
+    }
+    vendor
+    featuredImage {
+      ...MediaSelect
+    }
+    tags
+    medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
+      edges {
+        cursor
+        node {
+          ...MediaSelect
+        }
+      }
+      pageInfo {
+        endCursor
+        hasNextPage
+      }
+    }
+    variants(first: $firstVariant, after: $afterVariant) {
+      edges {
+        cursor
+        node {
+          ...VariantSelect
+        }
+      }
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+    }
+  }
+}
+fragment ProductOptionSelect on ProductOption {
+  id
+  name
+  optionType
+  values {
+    ...ProductOptionValueSelect
+  }
+}
+fragment ProductOptionValueSelect on ProductOptionValue {
+  id
+  label
+  isDefault
+  baseID
+}
+fragment MediaSelect on Media {
+  id
+  baseID
+  contentType
+  previewImage
+  src
+  width
+  height
+  alt
+}
+fragment VariantSelect on ProductVariant {
+  id
+  title
+  barcode
+  baseID
+  costPrice
+  height
+  inventoryPolicy
+  inventoryQuantity
+  inventoryStatus
+  isDigital
+  length
+  lowInventoryAmount
+  manageInventory
+  mediaId
+  platform
+  price
+  salePrice
+  sku
+  soldIndividually
+  weight
+  width
+  selectedOptions {
+    ...SelectedOptionSelect
+  }
+  media {
+    ...MediaSelect
+  }
+}
+fragment SelectedOptionSelect on SelectedOption {
+  name
+  value
+  optionType
+}`);export{r as CollectionDetailFilterDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/collection.generated.js

@@ -1,4 +1,4 @@
-import{ProductSelect as e}from"../fragments/product.generated.js";import{ProductLittleSelect as t}from"../fragments/product-little.generated.js";import{ProductOptionSelect as r}from"../fragments/product-option.generated.js";import{ProductOptionValueSelect as o}from"../fragments/product-option-value.generated.js";import{MediaSelect as a}from"../fragments/media.generated.js";import{VariantSelect as i}from"../fragments/variant.generated.js";import{SelectedOptionSelect as d}from"../fragments/selected-option.generated.js";let n=`
+function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class t extends String{toString(){return this.value}constructor(t,i){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=i}}let i=new t(`
     query collection($first: Int = 5, $firstMedia: Int = 20, $orderByMedia: MediaOrder, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
   collection(handle: $handle, id: $id) {
     baseID
@@ -31,10 +31,126 @@ import{ProductSelect as e}from"../fragments/product.generated.js";import{Product
     updatedAt
   }
 }
-    ${e}
-${t}
-${r}
-${o}
-${a}
-${i}
-${d}`;export{n as CollectionDocument};
+    fragment ProductSelect on Product {
+  ...ProductLittleSelect
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
+  medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
+    edges {
+      cursor
+      node {
+        ...MediaSelect
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+    }
+  }
+  variants(first: $firstVariant, after: $afterVariant) {
+    edges {
+      cursor
+      node {
+        ...VariantSelect
+      }
+    }
+    pageInfo {
+      hasNextPage
+      endCursor
+    }
+  }
+}
+fragment ProductLittleSelect on Product {
+  id
+  title
+  createdAt
+  description
+  descriptionHtml
+  handle
+  averageRating
+  isStorefront
+  isSample
+  baseID
+  sku
+  options {
+    ...ProductOptionSelect
+  }
+  vendor
+  featuredImage {
+    ...MediaSelect
+  }
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
+}
+fragment ProductOptionSelect on ProductOption {
+  id
+  name
+  optionType
+  values {
+    ...ProductOptionValueSelect
+  }
+}
+fragment ProductOptionValueSelect on ProductOptionValue {
+  id
+  label
+  isDefault
+  baseID
+}
+fragment MediaSelect on Media {
+  id
+  baseID
+  contentType
+  previewImage
+  src
+  width
+  height
+  alt
+}
+fragment VariantSelect on ProductVariant {
+  id
+  title
+  barcode
+  baseID
+  costPrice
+  height
+  inventoryPolicy
+  inventoryQuantity
+  inventoryStatus
+  isDigital
+  length
+  lowInventoryAmount
+  manageInventory
+  mediaId
+  platform
+  price
+  salePrice
+  sku
+  soldIndividually
+  weight
+  width
+  selectedOptions {
+    ...SelectedOptionSelect
+  }
+  media {
+    ...MediaSelect
+  }
+}
+fragment SelectedOptionSelect on SelectedOption {
+  name
+  value
+  optionType
+}`);export{i as CollectionDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/collections.generated.js

@@ -1,4 +1,4 @@
-import{CollectionSelect as e}from"../fragments/collection.generated.js";import{CollectionDetailSelect as r}from"../fragments/collection-detail.generated.js";let o=`
+function e(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}class t extends String{toString(){return this.value}constructor(t,o){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=o}}let o=new t(`
     query Collections($after: Cursor, $first: Int, $before: Cursor, $last: Int, $where: CollectionWhereInput, $orderBy: CollectionOrder) {
   collections(
     after: $after
@@ -15,5 +15,42 @@ import{CollectionSelect as e}from"../fragments/collection.generated.js";import{C
     }
   }
 }
-    ${e}
-${r}`;export{o as CollectionsDocument};
+    fragment CollectionSelect on Collection {
+  ...CollectionDetailSelect
+  products {
+    edges {
+      node {
+        id
+        title
+        handle
+        description
+        status
+        featuredImage {
+          src
+        }
+      }
+    }
+    totalCount
+  }
+}
+fragment CollectionDetailSelect on Collection {
+  id
+  createdAt
+  updatedAt
+  deletedAt
+  title
+  handle
+  description
+  descriptionHtml
+  templateSuffix
+  titleMeta
+  descriptionMeta
+  baseID
+  platform
+  tags
+  collectionMedia {
+    src
+  }
+  isStorefront
+  isSample
+}`);export{o as CollectionsDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/preview-page.generated.js

@@ -1,11 +1,65 @@
-import{PreviewThemePageSelect as e}from"../fragments/preview-theme-page.generated.js";import{DataSeoSelect as r}from"../fragments/data-seo.generated.js";import{AnalyticSelect as a}from"../fragments/analytic.generated.js";import{CustomCodeSelect as t}from"../fragments/custom-code.generated.js";import{CustomFontSelect as m}from"../fragments/custom-font.generated.js";let g=`
+function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class t extends String{toString(){return this.value}constructor(t,a){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=a}}let a=new t(`
     query PreviewThemePage($pageType: PreviewThemePageType!, $handleURL: String) {
   previewThemePage(pageType: $pageType, handleURL: $handleURL) {
     ...PreviewThemePageSelect
   }
 }
-    ${e}
-${r}
-${a}
-${t}
-${m}`;export{g as PreviewThemePageDocument};
+    fragment PreviewThemePageSelect on PreviewThemePage {
+  id
+  name
+  handle
+  isMobile
+  sectionPosition
+  pageSections {
+    cid
+    component
+    id
+  }
+  dataSEO {
+    ...DataSEOSelect
+  }
+  themeStyle {
+    id
+    data
+    name
+  }
+  analytic {
+    ...AnalyticSelect
+  }
+  customCode {
+    ...CustomCodeSelect
+  }
+  customFonts {
+    ...CustomFontSelect
+  }
+  interaction {
+    id
+    value
+  }
+}
+fragment DataSEOSelect on DataSEO {
+  id
+  key
+  value
+}
+fragment AnalyticSelect on Analytic {
+  fbPixelID
+  gaTrackingID
+  tiktokPixelID
+}
+fragment CustomCodeSelect on CustomCode {
+  body
+  header
+}
+fragment CustomFontSelect on CustomFont {
+  backupFilePath
+  fileKey
+  filePath
+  fontFamily
+  fontStyle
+  fontWeight
+  id
+  mimeType
+  shopID
+  size
+}`);export{a as PreviewThemePageDocument,t as TypedDocumentString};

package/dist/esm/graphql/queries/product-little-detail.generated.js

@@ -1,4 +1,4 @@
-import{ProductLittleSelect as e}from"../fragments/product-little.generated.js";import{ProductOptionSelect as r}from"../fragments/product-option.generated.js";import{ProductOptionValueSelect as t}from"../fragments/product-option-value.generated.js";import{MediaSelect as o}from"../fragments/media.generated.js";let d=`
+function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class t extends String{toString(){return this.value}constructor(t,r){super(t),e(this,"__apiType",void 0),e(this,"value",void 0),e(this,"__meta__",void 0),this.value=t,this.__meta__=r}}let r=new t(`
     query productLittleDetail($orderBy: ProductOrder, $where: ProductWhereInput) {
   product: products(first: 1, orderBy: $orderBy, where: $where) {
     edges {
@@ -9,7 +9,56 @@ import{ProductLittleSelect as e}from"../fragments/product-little.generated.js";i
     }
   }
 }
-    ${e}
-${r}
-${t}
-${o}`;export{d as ProductLittleDetailDocument};
+    fragment ProductLittleSelect on Product {
+  id
+  title
+  createdAt
+  description
+  descriptionHtml
+  handle
+  averageRating
+  isStorefront
+  isSample
+  baseID
+  sku
+  options {
+    ...ProductOptionSelect
+  }
+  vendor
+  featuredImage {
+    ...MediaSelect
+  }
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
+}
+fragment ProductOptionSelect on ProductOption {
+  id
+  name
+  optionType
+  values {
+    ...ProductOptionValueSelect
+  }
+}
+fragment ProductOptionValueSelect on ProductOptionValue {
+  id
+  label
+  isDefault
+  baseID
+}
+fragment MediaSelect on Media {
+  id
+  baseID
+  contentType
+  previewImage
+  src
+  width
+  height
+  alt
+}`);export{r as ProductLittleDetailDocument,t as TypedDocumentString};