@gem-sdk/core 22.0.0-dev.63 → 22.0.0-dev.64

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as i,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"../constant.js";import"swr";import"@gem-sdk/core";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{usePageType as p}from"../../hooks/shop.js";import"swr/infinite";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/custom.js";import"../../types/animations.js";function d(d){let m=s(e=>e.isThemeSectionEditor),c=p(),g=o(null),h=o(null),v=o(null),b=o(!1),f=o(0),q=o(0),w=o(null),[j,y]=i(0),[E,S]=i(!1),L=o(null),C=e=>{let t=e.clientY,r=Math.ceil(t-f.current),o=q.current||0,i=o+r>=0?`${o+r}px`:"0px";return{newValue:i}},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,U(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:d.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 o=0;o<r;o++){let r=e.children[o];if(r){let e=r.getAttribute(t);if(e)return r}}},B=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},P=a(e=>{let t=g.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=A(t,"data-toolbar");if(!r)return;let o=r.getAttribute("data-toolbar-active");if(!o)return;let i=getComputedStyle(t),a=A(t,"data-spacing"),n=a?.querySelector("[data-spacing-margin-bottom]")||null;if(n&&h.current&&g.current){let r=i.marginBottom;if(e&&U(r),0>parseFloat(r)&&(r="0"),h.current.style.height=r,g.current.style.top=r,n.setAttribute("data-spacing-margin-bottom-active","true"),B(t))h.current.style.left="0";else{let e=i.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;h.current.style.left=t,g.current.style.transform=r}}},[]),U=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)`)},$=u(d.advanced?.["spacing-setting"]);n(()=>{let e=F($,d.advanced?.["spacing-setting"]);P(e)},[$,d.advanced,P]);let F=(e,t)=>l.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),M=a(()=>{P()},[P]);return n(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>P),window.addEventListener("editor:toolbar:update-padding-left",()=>P),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>P),window.removeEventListener("editor:toolbar:update-padding-left",()=>P),window.removeEventListener("resize",M)}),[M,P]),e(t,{children:"Section"!==d.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 u=e=>{let t=o();return n(()=>{t.current=e},[e]),t.current};export{d as default};
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as i,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"../constant.js";import"swr";import"@gem-sdk/core";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../graphql-shopify/products.generated.js";import"../../graphql-shopify/collections.generated.js";import"../../graphql-shopify/articles.generated.js";import"../../graphql-shopify/blogs.generated.js";import"crc-32";import"../../helpers/convert.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";import{usePageType as p}from"../../hooks/shop.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";function d(d){let c=s(e=>e.isThemeSectionEditor),m=p(),g=o(null),h=o(null),v=o(null),b=o(!1),f=o(0),q=o(0),j=o(null),[w,y]=i(0),[E,S]=i(!1),L=o(null),C=e=>{let t=e.clientY,r=Math.ceil(t-f.current),o=q.current||0,i=o+r>=0?`${o+r}px`:"0px";return{newValue:i}},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,U(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:d.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 o=0;o<r;o++){let r=e.children[o];if(r){let e=r.getAttribute(t);if(e)return r}}},B=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},P=a(e=>{let t=g.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=A(t,"data-toolbar");if(!r)return;let o=r.getAttribute("data-toolbar-active");if(!o)return;let i=getComputedStyle(t),a=A(t,"data-spacing"),n=a?.querySelector("[data-spacing-margin-bottom]")||null;if(n&&h.current&&g.current){let r=i.marginBottom;if(e&&U(r),0>parseFloat(r)&&(r="0"),h.current.style.height=r,g.current.style.top=r,n.setAttribute("data-spacing-margin-bottom-active","true"),B(t))h.current.style.left="0";else{let e=i.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;h.current.style.left=t,g.current.style.transform=r}}},[]),U=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;j.current&&(j.current.style.transform=`translateY(${r}px)`)},$=u(d.advanced?.["spacing-setting"]);n(()=>{let e=F($,d.advanced?.["spacing-setting"]);P(e)},[$,d.advanced,P]);let F=(e,t)=>l.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),M=a(()=>{P()},[P]);return n(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>P),window.addEventListener("editor:toolbar:update-padding-left",()=>P),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>P),window.removeEventListener("editor:toolbar:update-padding-left",()=>P),window.removeEventListener("resize",M)}),[M,P]),e(t,{children:"Section"!==d.tag&&"POST_PURCHASE"!==m&&e("div",{"data-spacing":!0,"data-spacing-theme-section":c,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:j,children:w})]}),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 u=e=>{let t=o();return n(()=>{t.current=e},[e]),t.current};export{d 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 r}from"react/jsx-runtime";import{useRef as i,useState as o}from"react";import{ThemeSectionTooltip as a}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{isFreePlan as p}from"../../constants/plan.js";import"../constant.js";import{useShopStore as n}from"../../contexts/ShopContext.js";import"@gem-sdk/core";import"swr";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";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/custom.js";import"../../types/animations.js";let l=({...l})=>{let{t:d}=s(),m=n(e=>e.plan),c=n(e=>e.createThemeSectionCount),h=n(e=>e.limitCreateThemeSection),u=p(m),g=u||h?.isLimit,q=g||void 0===c||c<1,j=i(),[C,v]=o(!1),b=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(g?f():w(),j.current&&clearTimeout(j.current),v(!1))},f=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},w=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:l.uid}});window.dispatchEvent(e)};return e(t,{children:r(a,{isFreeLimit:u,limitCreateThemeSection:h,isShow:C,isRender:q,onActions:b,onMouseEnter:()=>{q&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{v(!0)},600))},onMouseLeave:()=>{q&&(j.current&&clearTimeout(j.current),v(!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=>b(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:d("Create Theme Section")})]})})]})})};export{l 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{isFreePlan as p}from"../../constants/plan.js";import"../constant.js";import{useShopStore as n}from"../../contexts/ShopContext.js";import"@gem-sdk/core";import"swr";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../graphql-shopify/products.generated.js";import"../../graphql-shopify/collections.generated.js";import"../../graphql-shopify/articles.generated.js";import"../../graphql-shopify/blogs.generated.js";import"crc-32";import"../../helpers/convert.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.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";let l=({...l})=>{let{t:d}=a(),m=n(e=>e.plan),c=n(e=>e.createThemeSectionCount),h=n(e=>e.limitCreateThemeSection),u=p(m),g=u||h?.isLimit,q=g||void 0===c||c<1,j=i(),[C,f]=o(!1),v=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(g?b():w(),j.current&&clearTimeout(j.current),f(!1))},b=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},w=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:l.uid}});window.dispatchEvent(e)};return e(t,{children:r(s,{isFreeLimit:u,limitCreateThemeSection:h,isShow:C,isRender:q,onActions:v,onMouseEnter:()=>{q&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{f(!0)},600))},onMouseLeave:()=>{q&&(j.current&&clearTimeout(j.current),f(!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:d("Create Theme Section")})]})})]})})};export{l as CreateThemeSection};

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

@@ -1 +1 @@
-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"../constant.js";import"swr";import"@gem-sdk/core";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";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/custom.js";import"../../types/animations.js";let p={transition:"opacity 350ms ease-out",opacity:0},n={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},l=({isShow:l,isFreeLimit:m,isRender:c,children:d,limitCreateThemeSection:h,onMouseEnter:g,onMouseLeave:u,onActions:q})=>{let{t:y}=s(),_=o(null),j=m?y("Upgrade to create Theme Section"):y("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:g,onMouseLeave:u,children:[d,c&&e(r,{in:l,timeout:350,nodeRef:_,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:_,style:{...p,...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:y("Upgrade plan")}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[y("You’ve reached the maximum number of theme sections on your plan")," (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>q(e),children:y("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:y("Create once, use everywhere with Theme Section")}),e("div",{className:"theme-section-tooltip__body-desc",children:y("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:y("Learn more about Theme Section")})]})]})})})]})})};export{l 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"../constant.js";import"swr";import"@gem-sdk/core";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../graphql-shopify/products.generated.js";import"../../graphql-shopify/collections.generated.js";import"../../graphql-shopify/articles.generated.js";import"../../graphql-shopify/blogs.generated.js";import"crc-32";import"../../helpers/convert.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.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";let p={transition:"opacity 350ms ease-out",opacity:0},l={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},n=({isShow:n,isFreeLimit:m,isRender:c,children:d,limitCreateThemeSection:h,onMouseEnter:g,onMouseLeave:u,onActions:q})=>{let{t:y}=s(),j=o(null),_=m?y("Upgrade to create Theme Section"):y("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:g,onMouseLeave:u,children:[d,c&&e(r,{in:n,timeout:350,nodeRef:j,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:j,style:{...p,...l[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:y("Upgrade plan")}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[y("You’ve reached the maximum number of theme sections on your plan")," (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>q(e),children:y("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:y("Create once, use everywhere with Theme Section")}),e("div",{className:"theme-section-tooltip__body-desc",children:y("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(_)}),m&&e("div",{onClick:b,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:y("Learn more about Theme Section")})]})]})})})]})})};export{n as ThemeSectionTooltip};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"zustand";import{useI18nStore as t}from"../../contexts/I18nContext.js";import{cls as p}from"../../helpers/cls.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import{CheckMarkIcon as s,LoadingIcon as i,CircleUpIcon as a}from"./icons.js";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";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/custom.js";import"../../types/animations.js";let o=({isLoading:o,isUpdated:l,onUpgrade:g})=>{let{t:d}=t(),n={old:{icon:r(a,{}),label:d("Update"),className:"gp-relative",showDot:!0},loading:{icon:r(i,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:r(s,{}),label:d("Updated"),className:"",showDot:!1}},m=n[o?"loading":l?"updated":"old"];return e("button",{disabled:o,"data-toolbar-upgrade-element":"true",className:p("gp-flex gp-gap-[6px] gp-items-center gp-font-medium disabled:gp-opacity-60 disabled:gp-cursor-not-allowed",{"gp-pointer-events-none":l}),onClick:g,children:[r("div",{className:`gp-shrink-0 gp-overflow-hidden ${m.className}`,children:m.icon}),m.showDot&&r("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:r("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),m.label&&r("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:m.label})]})};export{o as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"zustand";import{useI18nStore as t}from"../../contexts/I18nContext.js";import{cls as p}from"../../helpers/cls.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import{CheckMarkIcon as s,LoadingIcon as o,CircleUpIcon as a}from"./icons.js";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../graphql-shopify/products.generated.js";import"../../graphql-shopify/collections.generated.js";import"../../graphql-shopify/articles.generated.js";import"../../graphql-shopify/blogs.generated.js";import"crc-32";import"../../helpers/convert.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.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";let i=({isLoading:i,isUpdated:l,onUpgrade:g})=>{let{t:d}=t(),n={old:{icon:r(a,{}),label:d("Update"),className:"gp-relative",showDot:!0},loading:{icon:r(o,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:r(s,{}),label:d("Updated"),className:"",showDot:!1}},m=n[i?"loading":l?"updated":"old"];return e("button",{disabled:i,"data-toolbar-upgrade-element":"true",className:p("gp-flex gp-gap-[6px] gp-items-center gp-font-medium disabled:gp-opacity-60 disabled:gp-cursor-not-allowed",{"gp-pointer-events-none":l}),onClick:g,children:[r("div",{className:`gp-shrink-0 gp-overflow-hidden ${m.className}`,children:m.icon}),m.showDot&&r("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:r("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),m.label&&r("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:m.label})]})};export{i as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as r,useCallback as t}from"react";import"zustand";import{usePageStore as o}from"../../contexts/PageContext.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import i from"./UpgradeButton.js";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{usePageType as s}from"../../hooks/shop.js";import"swr/infinite";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/custom.js";import"../../types/animations.js";let p=["THEME_SECTION"],a=({tag:a,uid:l})=>{let m=o(e=>e.oldElements),d=o(e=>e.updatedElements),n=o(e=>e.updatingElements),g=s(),u=r(()=>!p.some(e=>e.includes(g)),[g]),h=r(()=>!!l&&(m?.some(e=>e.uid===l)??!1),[m,l]),q=r(()=>d?.some(e=>e.uid===l),[d,l]),c=r(()=>n?.some(e=>e.uid===l),[n,l]),j=t(e=>{q||(e.preventDefault(),e.stopPropagation(),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:l,fromTag:a}})))},[q,a,l]);return a&&l&&u&&(h||q)?e(i,{isLoading:c,isUpdated:q,onUpgrade:j}):null};export{a as default};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as r,useCallback as t}from"react";import"zustand";import{usePageStore as o}from"../../contexts/PageContext.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import s from"./UpgradeButton.js";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/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"../../graphql/queries/productsV2.generated.js";import"../../graphql-shopify/product-detail.generated.js";import"../../graphql-shopify/product-medias.generated.js";import"../../graphql-shopify/product-variants.generated.js";import"../../graphql-shopify/products.generated.js";import"../../graphql-shopify/collections.generated.js";import"../../graphql-shopify/articles.generated.js";import"../../graphql-shopify/blogs.generated.js";import"crc-32";import"../../helpers/convert.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";import{usePageType as p}from"../../hooks/shop.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";let i=["THEME_SECTION"],a=({tag:a,uid:l})=>{let m=o(e=>e.oldElements),d=o(e=>e.updatedElements),n=o(e=>e.updatingElements),g=p(),u=r(()=>!i.some(e=>e.includes(g)),[g]),h=r(()=>!!l&&(m?.some(e=>e.uid===l)??!1),[m,l]),q=r(()=>d?.some(e=>e.uid===l),[d,l]),c=r(()=>n?.some(e=>e.uid===l),[n,l]),j=t(e=>{q||(e.preventDefault(),e.stopPropagation(),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:l,fromTag:a}})))},[q,a,l]);return a&&l&&u&&(h||q)?e(s,{isLoading:c,isUpdated:q,onUpgrade:j}):null};export{a 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 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/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"../graphql/queries/productsV2.generated.js";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/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../graphql-shopify/product-detail.generated.js";import"../graphql-shopify/product-medias.generated.js";import"../graphql-shopify/product-variants.generated.js";import"../helpers/convert.js";import"crc-32";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};
+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"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"../graphql-shopify/articles.generated.js";import"../graphql-shopify/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/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-shopify/collections.generated.js";import"../graphql-shopify/product-variants.generated.js";import"../graphql-shopify/product-detail.generated.js";import"../graphql-shopify/product-medias.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/productsV2.generated.js";import"../graphql-shopify/products.generated.js";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"react-transition-group";import"../components/constant.js";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"crc-32";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:g,hasPreSelected:c,uid:h})=>{let q=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:q,featuredImageGlobal:e,isSyncProduct:g,hasPreSelected:c,uid:h})},[o,m,q,g,c,p,h]);return e(d.Provider,{value:j,children:e(t,{children:s})})},g=(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,g as useProductStore};

package/dist/esm/graphql-shopify/articles.generated.js

@@ -0,0 +1,51 @@
+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 ShopifyArticles($first: Int = 10, $after: String, $last: Int, $before: String, $query: String, $sortKey: ArticleSortKeys = ID, $reverse: Boolean = false) {
+  articles(
+    first: $first
+    after: $after
+    last: $last
+    before: $before
+    query: $query
+    sortKey: $sortKey
+    reverse: $reverse
+  ) {
+    edges {
+      cursor
+      node {
+        id
+        title
+        handle
+        summary
+        body
+        templateSuffix
+        tags
+        isPublished
+        publishedAt
+        createdAt
+        updatedAt
+        author {
+          name
+        }
+        blog {
+          id
+          title
+          handle
+        }
+        image {
+          id
+          url
+          width
+          height
+          altText
+        }
+      }
+    }
+    pageInfo {
+      hasNextPage
+      hasPreviousPage
+      startCursor
+      endCursor
+    }
+  }
+}
+    `);export{r as ShopifyArticlesDocument,t as TypedDocumentString};

package/dist/esm/graphql-shopify/blogs.generated.js

@@ -0,0 +1,62 @@
+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 ShopifyBlogs($first: Int = 10, $after: String, $last: Int, $before: String, $query: String, $sortKey: BlogSortKeys = ID, $reverse: Boolean = false, $firstArticle: Int = 20, $afterArticle: String, $reverseArticle: Boolean = false) {
+  blogs(
+    first: $first
+    after: $after
+    last: $last
+    before: $before
+    query: $query
+    sortKey: $sortKey
+    reverse: $reverse
+  ) {
+    edges {
+      cursor
+      node {
+        id
+        handle
+        title
+        tags
+        templateSuffix
+        articles(first: $firstArticle, after: $afterArticle, reverse: $reverseArticle) {
+          edges {
+            cursor
+            node {
+              id
+              title
+              handle
+              summary
+              body
+              templateSuffix
+              tags
+              isPublished
+              publishedAt
+              createdAt
+              updatedAt
+              author {
+                name
+              }
+              image {
+                id
+                url
+                width
+                height
+                altText
+              }
+            }
+          }
+          pageInfo {
+            hasNextPage
+            endCursor
+          }
+        }
+      }
+    }
+    pageInfo {
+      hasNextPage
+      hasPreviousPage
+      startCursor
+      endCursor
+    }
+  }
+}
+    `);export{r as ShopifyBlogsDocument,t as TypedDocumentString};

package/dist/esm/graphql-shopify/collections.generated.js

@@ -0,0 +1,269 @@
+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 ShopifyCollections($first: Int = 10, $after: String, $last: Int, $before: String, $query: String, $sortKey: CollectionSortKeys = ID, $reverse: Boolean = false, $firstProduct: Int = 20, $afterProduct: String, $sortKeyProduct: ProductCollectionSortKeys = COLLECTION_DEFAULT, $reverseProduct: Boolean = false, $firstOption: Int = 3, $firstCollection: Int = 20, $firstMedia: Int = 20, $afterMedia: String, $sortKeyMedia: ProductMediaSortKeys = POSITION, $reverseMedia: Boolean = false, $firstVariant: Int = 20, $afterVariant: String, $sortKeyVariant: ProductVariantSortKeys = POSITION, $reverseVariant: Boolean = false) {
+  collections(
+    first: $first
+    after: $after
+    last: $last
+    before: $before
+    query: $query
+    sortKey: $sortKey
+    reverse: $reverse
+  ) {
+    edges {
+      cursor
+      node {
+        id
+        handle
+        title
+        description
+        descriptionHtml
+        templateSuffix
+        sortOrder
+        updatedAt
+        seo {
+          title
+          description
+        }
+        image {
+          id
+          url
+          width
+          height
+          altText
+        }
+        productsCount {
+          count
+          precision
+        }
+        products(
+          first: $firstProduct
+          after: $afterProduct
+          sortKey: $sortKeyProduct
+          reverse: $reverseProduct
+        ) {
+          edges {
+            cursor
+            node {
+              id
+              handle
+              title
+              description
+              descriptionHtml
+              vendor
+              tags
+              status
+              createdAt
+              featuredMedia {
+                id
+                alt
+                mediaContentType
+                status
+                preview {
+                  image {
+                    id
+                    url
+                    width
+                    height
+                    altText
+                  }
+                }
+                ... on MediaImage {
+                  mimeType
+                  image {
+                    id
+                    url
+                    width
+                    height
+                    altText
+                  }
+                }
+                ... on Video {
+                  duration
+                  sources {
+                    url
+                    format
+                    mimeType
+                    width
+                    height
+                  }
+                }
+                ... on ExternalVideo {
+                  host
+                  embedUrl
+                  originUrl
+                }
+                ... on Model3d {
+                  sources {
+                    url
+                    format
+                    mimeType
+                  }
+                }
+              }
+              options(first: $firstOption) {
+                id
+                name
+                position
+                optionValues {
+                  id
+                  name
+                  hasVariants
+                  swatch {
+                    color
+                    image {
+                      id
+                      image {
+                        url
+                        width
+                        height
+                        altText
+                      }
+                    }
+                  }
+                }
+              }
+              collections(first: $firstCollection) {
+                edges {
+                  node {
+                    id
+                    handle
+                    title
+                  }
+                }
+              }
+              media(
+                first: $firstMedia
+                after: $afterMedia
+                sortKey: $sortKeyMedia
+                reverse: $reverseMedia
+              ) {
+                edges {
+                  cursor
+                  node {
+                    id
+                    alt
+                    mediaContentType
+                    status
+                    preview {
+                      image {
+                        id
+                        url
+                        width
+                        height
+                        altText
+                      }
+                    }
+                    ... on MediaImage {
+                      mimeType
+                      image {
+                        id
+                        url
+                        width
+                        height
+                        altText
+                      }
+                    }
+                    ... on Video {
+                      duration
+                      sources {
+                        url
+                        format
+                        mimeType
+                        width
+                        height
+                      }
+                    }
+                    ... on ExternalVideo {
+                      host
+                      embedUrl
+                      originUrl
+                    }
+                    ... on Model3d {
+                      sources {
+                        url
+                        format
+                        mimeType
+                      }
+                    }
+                  }
+                }
+                pageInfo {
+                  hasNextPage
+                  endCursor
+                }
+              }
+              variants(
+                first: $firstVariant
+                after: $afterVariant
+                sortKey: $sortKeyVariant
+                reverse: $reverseVariant
+              ) {
+                edges {
+                  cursor
+                  node {
+                    id
+                    title
+                    sku
+                    barcode
+                    position
+                    price
+                    compareAtPrice
+                    availableForSale
+                    inventoryPolicy
+                    inventoryQuantity
+                    selectedOptions {
+                      name
+                      value
+                    }
+                    inventoryItem {
+                      id
+                      sku
+                      tracked
+                      requiresShipping
+                      unitCost {
+                        amount
+                        currencyCode
+                      }
+                    }
+                    image {
+                      id
+                      url
+                      width
+                      height
+                      altText
+                    }
+                    media(first: 1) {
+                      nodes {
+                        id
+                        alt
+                        mediaContentType
+                        status
+                      }
+                    }
+                  }
+                }
+                pageInfo {
+                  hasNextPage
+                  endCursor
+                }
+              }
+            }
+          }
+          pageInfo {
+            hasNextPage
+            hasPreviousPage
+            startCursor
+            endCursor
+          }
+        }
+      }
+    }
+    pageInfo {
+      hasNextPage
+      hasPreviousPage
+      startCursor
+      endCursor
+    }
+  }
+}
+    `);export{r as ShopifyCollectionsDocument,t as TypedDocumentString};