@gem-sdk/components 12.0.0-dev.132 → 12.0.0-dev.138

package/dist/esm/product/components/product-variants/components/image-shopify/ImageShopify.liquid.js

@@ -1,4 +1,4 @@
-import{template as e}from"@gem-sdk/core";import a from"../base/base.liquid.js";let ImageShopifyVariant=({isVariantOutStock:i,swatchValue:r,...n})=>e`
+import{template as e}from"@gem-sdk/core";import a from"../base/base.liquid.js";let i=({isVariantOutStock:i,swatchValue:r,...n})=>e`
       {% assign imageUrl = null %}
       {% for variant in variants %}
         {% assign valueIncludesSelectedOption = false %}
@@ -18,4 +18,4 @@ import{template as e}from"@gem-sdk/core";import a from"../base/base.liquid.js";l
         {% endif %}
       {% endfor %}
       ${a({...n,typeOfOption:"image_shopify"})}
-  `;export{ImageShopifyVariant as default};
+  `;export{i as default};

package/dist/esm/product/components/product-variants/components/rectangle-list/RectangleList.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as t,makeWidth as a,composeTypographyClassName as i,composeTypographyStyle as r,cls as c,getGlobalColorStateClass as o,getGlobalColorClass as s,handleConvertClassColor as l,getGlobalColorStateStyle as p,makeStyle as n,composeRadius as g,getRadiusStyleActiveState as v,getStyleShadowState as b,getStyleShadow as d,handleConvertBorderStyle as m,handleConvertBorderWidth as x,handleConvertBorderColor as u,getSingleColorVariable as f}from"@gem-sdk/core";import{useMemo as h}from"react";let RectangleListVariant=({value:w,isVariantOutStock:y,checked:j,swatchAutoWidth:L,swatchWidth:N,swatchHeight:R,optionTransform:V,optionTypography:k,optionBgColor:A,optionTextColor:E,optionBorder:F,optionRounded:S,optionHasShadow:T,optionShadow:q,optionTypo:z})=>{let B=()=>n({bg:f(A?.active),bs:F?.active?.border,bw:F?.active?.width,bc:f(F?.active?.color)}),C=t("w",a(N,L)),D=h(()=>({...S,active:{...S?.active||{},radiusType:"custom"}}),[S]),G=i(z,k),H=r(z,k);return e("div",{className:c(j?s("bg",A?.active):o("bg",A),l(F),G,"gp-box-border gp-inline-flex gp-cursor-pointer gp-items-center gp-justify-center gp-text-center",{"gp-pointer-events-none  !gp-cursor-not-allowed":y}),style:{...j?{}:p("bg",A),...j?B():{},...n({tt:V}),...H,...t("h",R),...C,...j?v(D):g(S),...j?d({value:q?.active,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:T?.active},!0):b(q,"box-shadow",T),...j?{}:m(F),...j?{}:x(F),...j?{}:u(F)},children:e("span",{className:c("gp-flex gp-items-center gp-px-[16px]",j?s("text",E?.active):o("text",E)),style:{...j?n({c:f(E?.active)}):p("c",E)},children:w?.label})})};export{RectangleListVariant as default};
+import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as t,makeWidth as a,composeTypographyClassName as r,composeTypographyStyle as i,getGlobalColorStateStyle as c,makeStyle as o,getSingleColorVariable as s,cls as p,getGlobalColorStateClass as l,getGlobalColorClass as n,handleConvertBorderColor as g,handleConvertBorderWidth as v,handleConvertBorderStyle as b,getStyleShadowState as d,getStyleShadow as m,composeRadius as x,getRadiusStyleActiveState as u,handleConvertClassColor as f}from"@gem-sdk/core";import{useMemo as h}from"react";let w=({value:w,isVariantOutStock:y,checked:j,swatchAutoWidth:N,swatchWidth:k,swatchHeight:A,optionTransform:E,optionTypography:F,optionBgColor:L,optionTextColor:R,optionBorder:S,optionRounded:T,optionHasShadow:V,optionShadow:q,optionTypo:z})=>{let B=t("w",a(k,N)),C=h(()=>({...T,active:{...T?.active||{},radiusType:"custom"}}),[T]),D=r(z,F),G=i(z,F);return e("div",{className:p(j?n("bg",L?.active):l("bg",L),f(S),D,"gp-box-border gp-inline-flex gp-cursor-pointer gp-items-center gp-justify-center gp-text-center",{"gp-pointer-events-none  !gp-cursor-not-allowed":y}),style:{...j?{}:c("bg",L),...j?o({bg:s(L?.active),bs:S?.active?.border,bw:S?.active?.width,bc:s(S?.active?.color)}):{},...o({tt:E}),...G,...t("h",A),...B,...j?u(C):x(T),...j?m({value:q?.active,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:V?.active},!0):d(q,"box-shadow",V),...j?{}:b(S),...j?{}:v(S),...j?{}:g(S)},children:e("span",{className:p("gp-flex gp-items-center gp-px-[16px]",j?n("text",R?.active):l("text",R)),style:{...j?o({c:s(R?.active)}):c("c",R)},children:w?.label})})};export{w as default};

package/dist/esm/product/components/product-variants/components/variants/index.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useSelectedOption as o,useProduct as a,useVariantOutStock as i}from"@gem-sdk/core";import{useMemo as l}from"react";import r from"../base/base.js";import s from"../color/color.js";import n from"../image/Image.js";import m from"../image-shopify/ImageShopify.js";import c from"../rectangle-list/RectangleList.js";import{createClass as p,createStyle as u,createAttr as d}from"@gem-sdk/system";import{getVariantItemLabelClass as h,getTooltipClass as f,getTooltipSvgClass as g,getVariantOptionClass as v}from"../../common/variants/classes.js";import{getLabelVariantStyle as b}from"../../common/variants/styles.js";import{getVariantOptionAttr as w}from"../../common/variants/attrs.js";let VariantItem=y=>{let{name:N,variantKey:j,optionName:S,optionValue:$,typeOfOption:k}=y,{setSelectedOption:I}=o(),O=a(),V=l(()=>{if(!y.presetConfiguration)return;let{presets:e,optionType:t}=y.presetConfiguration;return e?.[t||"rectangle_list"]},[y.presetConfiguration]),x=l(()=>{if(!y.showAsSwatches)return c;switch(k){case"color":return s;case"image":return n;case"image_shopify":return m;default:return r}},[k,y.showAsSwatches]),C=i(N??"",y.value?.label??"",{position:y.optionPosition,optionNumber:y.optionNumber||0}),L=l(()=>"disable"===y.soldOutStyle,[y.soldOutStyle]),F=l(()=>"line"===y.soldOutStyle,[y.soldOutStyle]),A=()=>{if(C||!L){I(N,y.value?.label,O?.id);let e=new CustomEvent("change-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:N,optionValue:y.value?.label,productId:O?.id}});window.dispatchEvent(e)}},M=p(h({...y,available:C})),P=p(f()),E=p(g()),R=p(v()),_=u(b(V?.width)),B=d(w(y,"React"));return e("label",{className:M,style:_,htmlFor:`${y.uid}-${j}`,children:[e("div",{className:P,children:[t("p",{className:"gp-text-[#F9F9F9]",children:y.value?.label}),t("svg",{className:E,width:"8",height:"4",viewBox:"0 0 16 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M8 10L0 0L16 1.41326e-06L8 10Z",fill:"#333333"})})]}),t("input",{checked:y.checked,name:`${O?.id}-options-${N?.toString().replaceAll('"','\\"')}`,id:`${y.uid}-${j}`,value:y.value?.label,type:"radio",className:"gp-sr-only",onChange:A}),t("span",{className:"gp-sr-only",children:y.value?.label}),t("div",{...B,className:R,children:t(x,{...y,optionName:S,optionNameValue:$,preset:V,isVariantOutStock:L&&!C&&0!==y.optionPosition,soldOutMark:L,soldOutMarkLine:F,available:C,swatchValue:y.value,product:O,variantKey:`${y.uid}-${j}`})})]})};VariantItem.defaultProps={};export{VariantItem as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useSelectedOption as o,useProduct as a,useVariantOutStock as i}from"@gem-sdk/core";import{useMemo as l}from"react";import r from"../base/base.js";import s from"../color/color.js";import n from"../image/Image.js";import m from"../image-shopify/ImageShopify.js";import c from"../rectangle-list/RectangleList.js";import{createClass as p,createStyle as u,createAttr as d}from"@gem-sdk/system";import{getVariantItemLabelClass as h,getTooltipClass as f,getTooltipSvgClass as g,getVariantOptionClass as v}from"../../common/variants/classes.js";import{getLabelVariantStyle as b}from"../../common/variants/styles.js";import{getVariantOptionAttr as w}from"../../common/variants/attrs.js";let y=y=>{let{name:N,variantKey:j,optionName:S,optionValue:$,typeOfOption:k}=y,{setSelectedOption:O}=o(),x=a(),C=l(()=>{if(!y.presetConfiguration)return;let{presets:e,optionType:t}=y.presetConfiguration;return e?.[t||"rectangle_list"]},[y.presetConfiguration]),I=l(()=>{if(!y.showAsSwatches)return c;switch(k){case"color":return s;case"image":return n;case"image_shopify":return m;default:return r}},[k,y.showAsSwatches]),L=i(N??"",y.value?.label??"",{position:y.optionPosition,optionNumber:y.optionNumber||0}),V=l(()=>"disable"===y.soldOutStyle,[y.soldOutStyle]),F=l(()=>"line"===y.soldOutStyle,[y.soldOutStyle]),A=p(h({...y,available:L})),M=p(f()),P=p(g()),E=p(v()),R=u(b(C?.width)),_=d(w(y,"React"));return e("label",{className:A,style:R,htmlFor:`${y.uid}-${j}`,children:[e("div",{className:M,children:[t("p",{className:"gp-text-[#F9F9F9]",children:y.value?.label}),t("svg",{className:P,width:"8",height:"4",viewBox:"0 0 16 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M8 10L0 0L16 1.41326e-06L8 10Z",fill:"#333333"})})]}),t("input",{checked:y.checked,name:`${x?.id}-options-${N?.toString().replaceAll('"','\\"')}`,id:`${y.uid}-${j}`,value:y.value?.label,type:"radio",className:"gp-sr-only",onChange:()=>{if(L||!V){O(N,y.value?.label,x?.id);let e=new CustomEvent("change-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:N,optionValue:y.value?.label,productId:x?.id}});window.dispatchEvent(e)}}}),t("span",{className:"gp-sr-only",children:y.value?.label}),t("div",{..._,className:E,children:t(I,{...y,optionName:S,optionNameValue:$,preset:C,isVariantOutStock:V&&!L&&0!==y.optionPosition,soldOutMark:V,soldOutMarkLine:F,available:L,swatchValue:y.value,product:x,variantKey:`${y.uid}-${j}`})})]})};y.defaultProps={};export{y as default};

package/dist/esm/product/components/product-variants/components/variants/index.liquid.js

@@ -1,18 +1,4 @@
-import{template as a}from"@gem-sdk/core";import t from"../base/base.liquid.js";import i from"../color/color.liquid.js";import e from"../image/Image.liquid.js";import s from"../image-shopify/ImageShopify.liquid.js";import{createClass as o,createStyle as l,createAttr as n,Liquid as d,If as p,LiquidIf as r}from"@gem-sdk/system";import{getVariantItemLabelClass as c,getTooltipClass as m,getTooltipSvgClass as h,getVariantOptionClass as u}from"../../common/variants/classes.js";import{getLabelVariantStyle as v}from"../../common/variants/styles.js";import{getVariantOptionAttr as g}from"../../common/variants/attrs.js";let VariantItem=f=>{let{name:w,variantKey:$,value:b,id:k}=f,y="disable"===f.soldOutStyle,V=()=>a`
-    {% case type %}
-      {% when "rectangle_list" %}
-      ${t({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:""}})}
-      {% when "color" %}
-      ${i({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:"45px"}})}
-      {% when "image_shopify" %}
-      ${s({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
-      {% when "image" %}
-      ${e({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
-      {% else %}
-    {% endcase %}
-    `,x=()=>a`
-    ${t({...f,isVariantOutStock:y,swatchValue:f.value,value:b})}
-    `,I=o(c({...f,available:!0})),_=o(m()),j=o(h()),S=o(u()),q=l(v()),O=n(g(f,"Liquid"));return a`
+import{template as a}from"@gem-sdk/core";import t from"../base/base.liquid.js";import i from"../color/color.liquid.js";import e from"../image/Image.liquid.js";import s from"../image-shopify/ImageShopify.liquid.js";import{createClass as o,createStyle as l,createAttr as n,Liquid as d,If as p,LiquidIf as r}from"@gem-sdk/system";import{getVariantItemLabelClass as c,getTooltipClass as m,getTooltipSvgClass as h,getVariantOptionClass as u}from"../../common/variants/classes.js";import{getLabelVariantStyle as v}from"../../common/variants/styles.js";import{getVariantOptionAttr as g}from"../../common/variants/attrs.js";let f=f=>{let{name:w,variantKey:$,value:b,id:k}=f,y="disable"===f.soldOutStyle,x=o(c({...f,available:!0})),V=o(m()),I=o(h()),_=o(u()),j=l(v()),S=n(g(f,"Liquid"));return a`
     ${d(`{%- liquid
       assign option_disabled = true
       for variantItem in product.variants
@@ -36,12 +22,12 @@ import{template as a}from"@gem-sdk/core";import t from"../base/base.liquid.js";i
     <label
       id="${k}"
       for="{{product.id}}-${f.uid}-${$}"
-      class="${I}"
-      style="${q}"
+      class="${x}"
+      style="${j}"
     >
-      <div class="${_}">
+      <div class="${V}">
         <p class="gp-text-[#F9F9F9]">${b?.label}</p>
-        <svg class="${j}" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg class="${I}" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"/>
         </svg>
       </div>
@@ -55,8 +41,22 @@ import{template as a}from"@gem-sdk/core";import t from"../base/base.liquid.js";i
       />
       <span class="gp-sr-only">${b?.label}</span>
       <div
-        ${O}
-        class="${S} ${r("option_disabled == true",`${p(y,"gp-opacity-20"," ")}`)}">
-        ${f.isRenderDefault?x():V()}
+        ${S}
+        class="${_} ${r("option_disabled == true",`${p(y,"gp-opacity-20"," ")}`)}">
+        ${f.isRenderDefault?a`
+    ${t({...f,isVariantOutStock:y,swatchValue:f.value,value:b})}
+    `:a`
+    {% case type %}
+      {% when "rectangle_list" %}
+      ${t({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:""}})}
+      {% when "color" %}
+      ${i({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:"45px"}})}
+      {% when "image_shopify" %}
+      ${s({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
+      {% when "image" %}
+      ${e({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
+      {% else %}
+    {% endcase %}
+    `}
       </div>
-    </label>`};export{VariantItem as default};
+    </label>`};export{f as default};

package/dist/esm/product/components/product-variants/hooks/useGpVariants.js

@@ -1 +1 @@
-import{useProductShopifyEditLink as e,useProduct as t,useIsSyncProduct as i,useEditorMode as n,useSelectedOption as o,useHasPreSelected as r,useInitialSwatchesOptions as a,useSwatchesOptions as s,getSelectedVariant as l,checkInStock as d}from"@gem-sdk/core";import{useRef as c,useState as m,useEffect as A,useMemo as p,useCallback as u}from"react";import{useVariantInteraction as f}from"./useVariantInteraction.js";import{useTransition as w}from"../common/common.js";import{checkDefaultVariant as P}from"../../../helpers/product.js";import{mappingVariantStyles as R}from"../utils/mappingVariantStyles.js";let VARIANT_PARAM_PATH="variant",isMounted=!1,useGpVariants=(h,T)=>{let{builderProps:_,styles:g,setting:M}=h,{optionType:V,hasPreSelected:v}=M??{},{redirectProductShopifyLink:I}=e(),N=t(),L=i(),S=c(null),{dispatchInteractionChangeOptions:H,dispatchInteractionChangeOptionsInit:O}=f({element:S,uid:_?.uid}),j=n(),{selectedOptions:y,setSelectedOption:E,forceSelectedOption:U}=o(),{setHasPreSelected:C,hasPreSelected:G}=r(),[J,b]=m("");A(()=>{let e=new URL(window.location.href),t=e.searchParams.get(VARIANT_PARAM_PATH);void 0===G&&C(v||!!t)},[v,G,C]),A(()=>{let e=new URL(window.location.href),t=e.searchParams.get(VARIANT_PARAM_PATH);t&&b(t)},[]);let k=()=>{let e=new URL(window.location.href),t=e.searchParams.get(VARIANT_PARAM_PATH);return t?T.find(e=>e?.id===t):null},x=e=>{let t=l(T,e);return d(t)};A(()=>{let e=k();if(e){let t=e?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{})??{},i=x(t);O(t,i),U(t,N?.id,!0)}else if(M?.hasPreSelected){let e=x(y);O(y,e)}},[]);let q=N?.options;a(q);let z=s(q),[B,D]=m(!1),F=P(N),K=p(()=>"groupOption"===V,[V]),Q=u(e=>{let t=e.detail,i=N?.id;D(t.isManualChange||!1),L&&t&&i==t.productId&&E(t.optionId,t.optionValue,i,!0)},[L,N?.id,E]),W=u(e=>{let t=e.detail,i=N?.id;D(t.isManualChange||!1),L&&t&&i==t.productId&&U(t.selectedOption,i,!0)},[L,N?.id,U]),X=e=>{let t=new URL(window.location.href);e?t.searchParams.set(VARIANT_PARAM_PATH,e):t.searchParams.delete(VARIANT_PARAM_PATH),history.replaceState(null,"",t.toString())};A(()=>(window.addEventListener("set-selected-option",Q),window.addEventListener("force-selected-option",W),()=>{window.removeEventListener("set-selected-option",Q),window.removeEventListener("force-selected-option",W)}),[W,Q]),w(e=>{if(!isMounted){isMounted=!0;return}let t=JSON.stringify(e),i=JSON.stringify(y);if(window.interactionLoaded){let e=x(y);H(y,e)}if(e&&t!==i){let e=l(T,y);X(e?.id||"")}},[y]);let Y=u(e=>{let t=R(M?.variantPresets,g),i=t?.find(t=>t.optionName===e);return i||t?.find(e=>"base"===e.optionName)},[M,g]);return{mode:j,options:z,variants:T,variantId:J,elementRef:S,variantGroup:K,isChangeVariant:B,selectedOptions:y,isDefaultVariant:F,getVariantConfiguration:Y,redirectProductShopifyLink:I}};export{useGpVariants};
+import{useProductShopifyEditLink as e,useProduct as t,useIsSyncProduct as i,useEditorMode as n,useSelectedOption as o,useHasPreSelected as r,useInitialSwatchesOptions as a,useSwatchesOptions as l,getSelectedVariant as d,checkInStock as s}from"@gem-sdk/core";import{useRef as c,useState as m,useEffect as p,useMemo as f,useCallback as u}from"react";import{useVariantInteraction as w}from"./useVariantInteraction.js";import{useTransition as h}from"../common/common.js";import{checkDefaultVariant as g}from"../../../helpers/product.js";import{mappingVariantStyles as v}from"../utils/mappingVariantStyles.js";let L="variant",P=!1,S=(S,O)=>{let{builderProps:j,styles:y,setting:E}=S,{optionType:I,hasPreSelected:N}=E??{},{redirectProductShopifyLink:R}=e(),U=t(),V=i(),C=c(null),{dispatchInteractionChangeOptions:J,dispatchInteractionChangeOptionsInit:M}=w({element:C,uid:j?.uid}),b=n(),{selectedOptions:k,setSelectedOption:x,forceSelectedOption:G}=o(),{setHasPreSelected:q,hasPreSelected:z}=r(),[A,B]=m("");p(()=>{let e=new URL(window.location.href),t=e.searchParams.get(L);void 0===z&&q(N||!!t)},[N,z,q]),p(()=>{let e=new URL(window.location.href),t=e.searchParams.get(L);t&&B(t)},[]);let D=()=>{let e=new URL(window.location.href),t=e.searchParams.get(L);return t?O.find(e=>e?.id===t):null},F=e=>{let t=d(O,e);return s(t)};p(()=>{let e=D();if(e){let t=e?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{})??{},i=F(t);M(t,i),G(t,U?.id,!0)}else if(E?.hasPreSelected){let e=F(k);M(k,e)}},[]);let H=U?.options;a(H);let K=l(H),[Q,T]=m(!1),W=g(U),X=f(()=>"groupOption"===I,[I]),Y=u(e=>{let t=e.detail,i=U?.id;T(t.isManualChange||!1),V&&t&&i==t.productId&&x(t.optionId,t.optionValue,i,!0)},[V,U?.id,x]),Z=u(e=>{let t=e.detail,i=U?.id;T(t.isManualChange||!1),V&&t&&i==t.productId&&G(t.selectedOption,i,!0)},[V,U?.id,G]),$=e=>{let t=new URL(window.location.href);e?t.searchParams.set(L,e):t.searchParams.delete(L),history.replaceState(null,"",t.toString())};p(()=>(window.addEventListener("set-selected-option",Y),window.addEventListener("force-selected-option",Z),()=>{window.removeEventListener("set-selected-option",Y),window.removeEventListener("force-selected-option",Z)}),[Z,Y]),h(e=>{if(!P){P=!0;return}let t=JSON.stringify(e),i=JSON.stringify(k);if(window.interactionLoaded){let e=F(k);J(k,e)}if(e&&t!==i){let e=d(O,k);$(e?.id||"")}},[k]);let _=u(e=>{let t=v(E?.variantPresets,y),i=t?.find(t=>t.optionName===e);return i||t?.find(e=>"base"===e.optionName)},[E,y]);return{mode:b,options:K,variants:O,variantId:A,elementRef:C,variantGroup:X,isChangeVariant:Q,selectedOptions:k,isDefaultVariant:W,getVariantConfiguration:_,redirectProductShopifyLink:R}};export{S as useGpVariants};

package/dist/esm/product/components/product-variants/hooks/useVariantInteraction.js

@@ -1 +1 @@
-import{useInteraction as e}from"@gem-sdk/core";let useVariantInteraction=t=>{let{element:n,uid:r}=t,{trigger:o}=e(),a=(e,t)=>{n.current&&(o({event:"gp:rollback:item-selected",selector:`[data-id="${r}"]`,element:n.current}),o({event:"gp:item-selected",selector:`[data-id="${r}"]`,data:{selectedOptions:e,inStock:t},element:n.current}))},d=(e,t)=>{let n=()=>{a(e,t),window.removeEventListener("gp:flow-actions-loaded",n)};window.interactionLoaded?a(e,t):window.addEventListener("gp:flow-actions-loaded",n)};return{dispatchInteractionChangeOptions:a,dispatchInteractionChangeOptionsInit:d}};export{useVariantInteraction};
+import{useInteraction as e}from"@gem-sdk/core";let t=t=>{let{element:n,uid:o}=t,{trigger:r}=e(),d=(e,t)=>{n.current&&(r({event:"gp:rollback:item-selected",selector:`[data-id="${o}"]`,element:n.current}),r({event:"gp:item-selected",selector:`[data-id="${o}"]`,data:{selectedOptions:e,inStock:t},element:n.current}))};return{dispatchInteractionChangeOptions:d,dispatchInteractionChangeOptionsInit:(e,t)=>{let n=()=>{d(e,t),window.removeEventListener("gp:flow-actions-loaded",n)};window.interactionLoaded?d(e,t):window.addEventListener("gp:flow-actions-loaded",n)}}};export{t as useVariantInteraction};

package/dist/esm/product/components/product-variants/utils/mappingVariantStyles.js

@@ -1 +1 @@
-let shadowDefault={type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},roundedDefault={btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"custom"},textColorDefault={normal:"text-2",hover:"text-2",active:"text-2"},bgColorDefault={normal:"bg-3",hover:"bg-3",active:"bg-3"},roundedColorDefault={btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"custom"},optionShadowDefault={normal:shadowDefault,hover:shadowDefault,active:shadowDefault},optionRoundedDefault={normal:roundedDefault,hover:roundedDefault,active:roundedDefault},optionRoundedColorDefault={normal:roundedColorDefault,hover:roundedColorDefault,active:roundedColorDefault},optionHasShadowDefault={normal:!1,hover:!1,active:!1},mappingVariantStyles=(o,e)=>{let t=o?.map(o=>(o?.isEdited||Object.entries(o.presets).forEach(([t,a])=>{let r=a.width;if("dropdown"===t){let o=Object.assign({},a?.fullWidth);Object.entries(o).forEach(([o,e])=>{e&&(r={...r,[o]:"100%"})})}let l=Object.assign({...optionHasShadowDefault},e?.optionHasShadow),n=Object.assign({...optionShadowDefault},e?.optionShadow),d=Object.assign({...optionRoundedDefault},e?.optionRounded);"color"===t?d={...optionRoundedColorDefault}:Object.entries({...e?.optionRounded}).forEach(function([o,e]){"none"===e.radiusType&&(d={...d,[o]:roundedDefault})});let u="color"===t?bgColorDefault:e?.optionBgColor,i=["color","image","image_shopify"].includes(t)?textColorDefault:e?.optionTextColor;o.presets[t]={...a,width:r,optionBgColor:u,optionBorder:e?.optionBorder,optionHasShadow:l,optionRounded:d,optionShadow:n,optionTextColor:i}}),o));return t};export{mappingVariantStyles,optionRoundedColorDefault,optionRoundedDefault};
+let o={type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},t={btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"custom"},e={normal:"text-2",hover:"text-2",active:"text-2"},r={normal:"bg-3",hover:"bg-3",active:"bg-3"},i={btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"custom"},n={normal:o,hover:o,active:o},a={normal:t,hover:t,active:t},p={normal:i,hover:i,active:i},l={normal:!1,hover:!1,active:!1},d=(o,i)=>{let d=o?.map(o=>(o?.isEdited||Object.entries(o.presets).forEach(([d,s])=>{let c=s.width;if("dropdown"===d){let o=Object.assign({},s?.fullWidth);Object.entries(o).forEach(([o,t])=>{t&&(c={...c,[o]:"100%"})})}let b=Object.assign({...l},i?.optionHasShadow),h=Object.assign({...n},i?.optionShadow),u=Object.assign({...a},i?.optionRounded);"color"===d?u={...p}:Object.entries({...i?.optionRounded}).forEach(function([o,e]){"none"===e.radiusType&&(u={...u,[o]:t})});let x="color"===d?r:i?.optionBgColor,g=["color","image","image_shopify"].includes(d)?e:i?.optionTextColor;o.presets[d]={...s,width:c,optionBgColor:x,optionBorder:i?.optionBorder,optionHasShadow:b,optionRounded:u,optionShadow:h,optionTextColor:g}}),o));return d};export{d as mappingVariantStyles,p as optionRoundedColorDefault,a as optionRoundedDefault};

package/dist/esm/product/components/product-vendor/Vendor.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useProduct as t,useEditorMode as r}from"@gem-sdk/core";import l from"../../../text/components/Text.js";import{useState as o,useEffect as n}from"react";let ProductVendor=({setting:d,builderProps:i,styles:s})=>{let a=t(),m=r(),[c,u]=o(null),p=d?.label&&d.label.trim().length>0?`${d.label} ${a?.vendor??""}`:`${a?.vendor??""}`;return n(()=>{let e=localStorage.getItem("shopifyDomain");e&&u(e)},[]),e("div",{id:`vendor-${i?.uid}`,children:a?d?.url&&"edit"!==m?e("a",{href:`//${c}/collections/vendors?q=${a.vendor}`,target:`${"new-tab"===d.openIn?"_blank":"_self"}`,children:e(l,{builderProps:i,styles:s,setting:{...d,text:p,excludeFlex:!0}})}):e(l,{builderProps:i,styles:s,setting:{...d,text:p,excludeFlex:!0}}):null})};export{ProductVendor as default};
+import{jsx as e}from"react/jsx-runtime";import{useProduct as t,useEditorMode as r}from"@gem-sdk/core";import l from"../../../text/components/Text.js";import{useState as o,useEffect as n}from"react";let d=({setting:d,builderProps:i,styles:s})=>{let a=t(),m=r(),[c,u]=o(null),p=d?.label&&d.label.trim().length>0?`${d.label} ${a?.vendor??""}`:`${a?.vendor??""}`;return n(()=>{let e=localStorage.getItem("shopifyDomain");e&&u(e)},[]),e("div",{id:`vendor-${i?.uid}`,children:a?d?.url&&"edit"!==m?e("a",{href:`//${c}/collections/vendors?q=${a.vendor}`,target:`${"new-tab"===d.openIn?"_blank":"_self"}`,children:e(l,{builderProps:i,styles:s,setting:{...d,text:p,excludeFlex:!0}})}):e(l,{builderProps:i,styles:s,setting:{...d,text:p,excludeFlex:!0}}):null})};export{d as default};

package/dist/esm/product/components/product-vendor/Vendor.liquid.js

@@ -1,4 +1,4 @@
-import{template as e}from"@gem-sdk/core";import t from"../../../text/components/Text.liquid.js";let ProductVendor=({setting:o,styles:d,advanced:r,builderProps:n})=>{let l=o?.label&&o.label.trim().length>0?`${o.label}`:"";return e`
+import{template as e}from"@gem-sdk/core";import t from"../../../text/components/Text.liquid.js";let o=({setting:o,styles:d,advanced:r,builderProps:n})=>{let l=o?.label&&o.label.trim().length>0?`${o.label}`:"";return e`
     {%- unless product -%}
       <p>Product not found</p>
     {%- else -%}
@@ -11,4 +11,4 @@ import{template as e}from"@gem-sdk/core";import t from"../../../text/components/
         ${t({styles:d,setting:{...o,text:`${l} {{ product.vendor }}`,excludeFlex:!0,isForceValue:!0},advanced:r,builderProps:n})}
       `}
     {%- endunless -%}
-  `};export{ProductVendor as default};
+  `};export{o as default};

package/dist/esm/product/components/product-view-more/ProductViewMore.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{getButtonStyle as o}from"./common/styles.js";import{getButtonSettings as r}from"./common/helpers.js";import e from"../../../button/components/Button.js";let ProductViewMore=({style:s,styles:m,setting:i,advanced:n,builderProps:d,builderAttrs:l,children:c})=>t("div",{children:t(e,{styles:m,advanced:n,builderProps:d,builderAttrs:l,setting:{...r(i)},style:{...o(s,m)},children:c})});export{ProductViewMore as default};
+import{jsx as t}from"react/jsx-runtime";import{getButtonStyle as o}from"./common/styles.js";import{getButtonSettings as r}from"./common/helpers.js";import e from"../../../button/components/Button.js";let s=({style:s,styles:m,setting:i,advanced:n,builderProps:l,builderAttrs:d,children:c})=>t("div",{children:t(e,{styles:m,advanced:n,builderProps:l,builderAttrs:d,setting:{...r(i)},style:{...o(s,m)},children:c})});export{s as default};

package/dist/esm/product/components/product-view-more/ProductViewMore.liquid.js

@@ -1,6 +1,6 @@
-import{If as e}from"@gem-sdk/system";import{getButtonStyle as r}from"./common/styles.js";import{getSettingPreloadData as s}from"../../../helpers.js";import t from"../../../button/components/Button.liquid.js";import{template as o,isLocalEnv as i,baseAssetURL as m}from"@gem-sdk/core";import{getButtonSettings as p,getButtonLiquidSettings as d}from"./common/helpers.js";import{ProductViewMore as c}from"../../settings/product-view-more/configs/translate.js";let ProductViewMore=({style:l,styles:a,setting:n,advanced:u,builderProps:f,builderAttrs:g,pageContext:v})=>o`
+import{If as e}from"@gem-sdk/system";import{getButtonStyle as r}from"./common/styles.js";import{getSettingPreloadData as s}from"../../../helpers.js";import t from"../../../button/components/Button.liquid.js";import{isLocalEnv as o,baseAssetURL as i,template as m}from"@gem-sdk/core";import{getButtonLiquidSettings as p,getButtonSettings as d}from"./common/helpers.js";import{ProductViewMore as l}from"../../settings/product-view-more/configs/translate.js";let c=({style:c,styles:a,setting:n,advanced:f,builderProps:u,builderAttrs:g,pageContext:v})=>m`
     <gp-product-view-more>
-      ${t({translateSetting:c?.label?.id,styles:a,advanced:u,builderProps:f,builderAttrs:g,setting:{...p(n),...d(n,v)},style:{...r(l,a)},pageContext:v,className:"btn-view-more"})}
-      ${e(i,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-product-view-more-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${m}/assets-v2/gp-product-view-more-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${t({translateSetting:l?.label?.id,styles:a,advanced:f,builderProps:u,builderAttrs:g,setting:{...d(n),...p(n,v)},style:{...r(c,a)},pageContext:v,className:"btn-view-more"})}
+      ${e(o,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-product-view-more-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${i}/assets-v2/gp-product-view-more-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-product-view-more>
-  `;export{ProductViewMore as default};
+  `;export{c as default};

package/dist/esm/product/components/product-view-more/common/helpers.js

@@ -1 +1 @@
-let getButtonSettings=t=>{let{label:e,iconSvg:n,iconAlign:l,iconVisible:i,shouldClearSpace:u,enableHoverEffect:o}=t??{};return{label:e,iconSvg:n,iconAlign:l,iconVisible:i,shouldClearSpace:u,htmlType:"submit",enableHoverEffect:o}},getButtonLiquidSettings=(t,e)=>{let{redirectNewTab:n}=t??{},l=e?.hasCollectionHandle?"{% if collection %}{{ collection.url }}/products/{{ product.handle }}{% else %}{{ product.url }}{% endif %}":"{{ product.url }}";return{btnLink:{link:l,target:n?"_blank":"_self"},enableBtnLink:!0}};export{getButtonLiquidSettings,getButtonSettings};
+let t=t=>{let{label:e,iconSvg:l,iconAlign:n,iconVisible:i,shouldClearSpace:o,enableHoverEffect:r}=t??{};return{label:e,iconSvg:l,iconAlign:n,iconVisible:i,shouldClearSpace:o,htmlType:"submit",enableHoverEffect:r}},e=(t,e)=>{let{redirectNewTab:l}=t??{},n=e?.hasCollectionHandle?"{% if collection %}{{ collection.url }}/products/{{ product.handle }}{% else %}{{ product.url }}{% endif %}":"{{ product.url }}";return{btnLink:{link:n,target:l?"_blank":"_self"},enableBtnLink:!0}};export{e as getButtonLiquidSettings,t as getButtonSettings};

package/dist/esm/product/components/product-view-more/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as t}from"@gem-sdk/core";let getButtonStyle=(e,o)=>({...e,...t("ta",o?.align)});export{getButtonStyle};
+import{makeStyleResponsive as t}from"@gem-sdk/core";let e=(e,o)=>({...e,...t("ta",o?.align)});export{e as getButtonStyle};

package/dist/esm/product/components/product-wrap/Product.js

@@ -1 +1 @@
-import{jsx as r,Fragment as o,jsxs as t}from"react/jsx-runtime";import{isEmptyChildren as e,ProductProvider as d}from"@gem-sdk/core";import i from"../../../grid/components/ChildrenDroppable.js";import m from"../../../common/components/Loading.js";import"react";import c from"../../../grid/components/row/Row.js";import{If as n}from"@gem-sdk/system";import s from"next/dynamic";import{useProductSetting as l}from"./hook/useProductSetting.js";import{getData as p}from"./common/helpers.js";let ProductNotFound=s(()=>import("../ProductNotFound.js"),{loading:m}),Product=s=>{let{builderProps:u,children:a,setting:h,style:f,builderAttrs:g}=s,{isAuto:P}=h??{},{isLoading:j,isProductPage:b,isProductNotFound:y,showProductNotFound:k,errorLoadProduct:x,product:A,isEditor:F,productProviderData:N,setShowProductNotFound:v}=l(s),{rowSetting:w,rowStyles:C}=p(s),D=!y;if(b&&P)return r(o,{children:e(a)?r(i,{}):a});let S=()=>r(o,{children:n(k,r(ProductNotFound,{builderAttrs:g,productSrc:"PickProduct",onClose:()=>v(!1),children:a}))}),E=()=>r(o,{children:j?r(m,{}):r(o,{children:x?t("div",{children:["Error: ",x?.message]}):A?r(d,{...N,children:r(c,{builderProps:u,builderAttrs:g,style:f,styles:C,setting:w,customAttrs:F?{"data-product-id":A?.baseID?.replace("gid://shopify/Product/","")??""}:void 0,children:e(a)?r(i,{}):a})}):null})});return r(o,{children:n(D,E(),S())})};export{Product as default};
+import{jsx as r,Fragment as o,jsxs as t}from"react/jsx-runtime";import{isEmptyChildren as e,ProductProvider as i}from"@gem-sdk/core";import d from"../../../grid/components/ChildrenDroppable.js";import m from"../../../common/components/Loading.js";import"react";import s from"../../../grid/components/row/Row.js";import{If as c}from"@gem-sdk/system";import n from"next/dynamic";import{useProductSetting as l}from"./hook/useProductSetting.js";import{getData as p}from"./common/helpers.js";let u=n(()=>import("../ProductNotFound.js"),{loading:m}),a=n=>{let{builderProps:a,children:h,setting:f,style:g,builderAttrs:j}=n,{isAuto:P}=f??{},{isLoading:b,isProductPage:y,isProductNotFound:k,showProductNotFound:x,errorLoadProduct:A,product:v,isEditor:w,productProviderData:C,setShowProductNotFound:D}=l(n),{rowSetting:S,rowStyles:E}=p(n);return y&&P?r(o,{children:e(h)?r(d,{}):h}):r(o,{children:c(!k,r(o,{children:b?r(m,{}):r(o,{children:A?t("div",{children:["Error: ",A?.message]}):v?r(i,{...C,children:r(s,{builderProps:a,builderAttrs:j,style:g,styles:E,setting:S,customAttrs:w?{"data-product-id":v?.baseID?.replace("gid://shopify/Product/","")??""}:void 0,children:e(h)?r(d,{}):h})}):null})}),r(o,{children:c(x,r(u,{builderAttrs:j,productSrc:"PickProduct",onClose:()=>D(!1),children:h}))}))})};export{a as default};

package/dist/esm/product/components/product-wrap/Product.liquid.js

@@ -1,4 +1,23 @@
-import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as r}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{LiquidIf as d,If as a}from"@gem-sdk/system";import{getSettingPreloadData as n,getStaticLocale as s}from"../../../helpers.js";import{getData as c,DYNAMIC_PRODUCT_STATUS as p,STATIC_PRODUCT_STATUS as l,PRODUCT_ID_LATEST as u}from"./common/helpers.js";let Product=f=>{let{children:m,setting:g,style:y,builderProps:v,rawChildren:_,advanced:$}=f,{isSyncProduct:S,productSetting:j}=g??{},I=j?.hasPreSelected??!1,{rowSetting:b,rowStyles:h,formatVariantId:q,formatProductId:P,productStatus:V,preSelectedOptionIds:k,productHandle:w,advancedStyle:E}=c(f),x=()=>t`
+import{RenderIf as t,isLocalEnv as e,baseAssetURL as i,template as r}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{LiquidIf as d,If as a}from"@gem-sdk/system";import{getSettingPreloadData as n,getStaticLocale as s}from"../../../helpers.js";import{getData as c,DYNAMIC_PRODUCT_STATUS as p,STATIC_PRODUCT_STATUS as l,PRODUCT_ID_LATEST as u}from"./common/helpers.js";let f=f=>{let{children:m,setting:g,style:y,builderProps:v,rawChildren:_,advanced:$}=f,{isSyncProduct:S,productSetting:j}=g??{},I=j?.hasPreSelected??!1,{rowSetting:b,rowStyles:h,formatVariantId:q,formatProductId:P,productStatus:V,preSelectedOptionIds:k,productHandle:w,advancedStyle:E}=c(f);return r`
+    ${r`
+      {%- assign gpBkProduct = product -%}
+      ${a(V==p,r`
+      {%- liquid
+        if request.page_type != 'product'
+          assign product = all_products['${w}']
+          assign productId = '${P}' | times: 1
+          if product == empty or product == null
+            paginate collections.all.products by 100000
+              for item in collections.all.products
+                if item.id == productId
+                  assign product = item
+                endif
+              endfor
+            endpaginate
+          endif
+        endif
+      -%}
+    `,r`
       {%- liquid
         if request.page_type == 'product'
           if '${V}' == '${l}'
@@ -40,26 +59,10 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as r}from"@gem-s
           endif
         endif
       -%}
-    `,A=()=>t`
-      {%- liquid
-        if request.page_type != 'product'
-          assign product = all_products['${w}']
-          assign productId = '${P}' | times: 1
-          if product == empty or product == null
-            paginate collections.all.products by 100000
-              for item in collections.all.products
-                if item.id == productId
-                  assign product = item
-                endif
-              endfor
-            endpaginate
-          endif
-        endif
-      -%}
-    `,B=()=>t`
-      {%- assign gpBkProduct = product -%}
-      ${a(V==p,A(),x())}
-    `,G=()=>t`
+    `)}
+    `}
+    ${d("product != empty and product != null",r`
+      ${r`
       {%- assign initVariantId = ${q} -%}
       {%- assign product_form_id = 'product-form-' | append: "${v?.uid}" -%}
       ${q?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
@@ -70,10 +73,7 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as r}from"@gem-s
       {%-if variant == empty or variant == null -%}
         {%- assign variant = product.selected_or_first_available_variant -%}
       {%- endif -%}
-    `,H=()=>t`
-      <div class="gp-text-center">${s("Product","product_not_found")}</div>
-    `,O=()=>t`
-      ${G()}
+    `}
       <gp-product
         data-uid="${v?.uid}"
         data-id="${v?.uid}"
@@ -92,8 +92,8 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as r}from"@gem-s
         </product-form>
       </gp-product>
       {%- assign product = gpBkProduct -%}
-    `;return t`
-    ${B()}
-    ${d("product != empty and product != null",O(),H())}
-    ${e(i,`<script ${n('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${n('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{Product as default};
+    `,r`
+      <div class="gp-text-center">${s("Product","product_not_found")}</div>
+    `)}
+    ${t(e,`<script ${n('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${n('class="gps-link" delay',"src")}="${i}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{f as default};

package/dist/esm/product/components/product-wrap/common/helpers.js

@@ -1 +1 @@
-import{composeAdvanceStyle as T}from"@gem-sdk/core";let PRODUCT_ID_LATEST="latest",PREFIX_PRODUCT_ID="gid://shopify/Product/",PREFIX_PRODUCT_VARIANT_ID="gid://shopify/ProductVariant/",PREFIX_PRODUCT_OPTION_VALUE_ID="gid://shopify/ProductOptionValue/",STATIC_PRODUCT_STATUS="static",DYNAMIC_PRODUCT_STATUS="dynamic",getData=_=>{let{setting:I,advanced:D,styles:P}=_,{productSetting:R,quantity:t,readOnly:e,isAuto:O,isSyncProduct:U,...a}=I??{},{...C}=P??{},{pos:A,top:r}=D??{},o=T({pos:A,top:r}),S=R?.productHandle??"",i=R?.initialVariantBaseId,d=i?.replace(PREFIX_PRODUCT_VARIANT_ID,"")??"",E=R?.productId?.replace(PREFIX_PRODUCT_ID,"").toLowerCase()??PRODUCT_ID_LATEST,p=R?.productStatus??STATIC_PRODUCT_STATUS,c=R?.selectedOptions?.map(T=>T?.valueBaseID?.replace(PREFIX_PRODUCT_OPTION_VALUE_ID,""));return{formatVariantId:d,formatProductId:E,productStatus:p,preSelectedOptionIds:c,productHandle:S,advancedStyle:o,rowStyles:C,rowSetting:a}};export{DYNAMIC_PRODUCT_STATUS,PREFIX_PRODUCT_ID,PREFIX_PRODUCT_OPTION_VALUE_ID,PREFIX_PRODUCT_VARIANT_ID,PRODUCT_ID_LATEST,STATIC_PRODUCT_STATUS,getData};
+import{composeAdvanceStyle as t}from"@gem-sdk/core";let e="latest",a="gid://shopify/Product/",r="gid://shopify/ProductVariant/",o="gid://shopify/ProductOptionValue/",i="static",T="dynamic",d=T=>{let{setting:d,advanced:_,styles:p}=T,{productSetting:I,quantity:c,readOnly:D,isAuto:P,isSyncProduct:s,...l}=d??{},{...u}=p??{},{pos:O,top:R}=_??{},C=t({pos:O,top:R}),U=I?.productHandle??"",n=I?.initialVariantBaseId,A=n?.replace(r,"")??"",S=I?.productId?.replace(a,"").toLowerCase()??e,g=I?.productStatus??i,m=I?.selectedOptions?.map(t=>t?.valueBaseID?.replace(o,""));return{formatVariantId:A,formatProductId:S,productStatus:g,preSelectedOptionIds:m,productHandle:U,advancedStyle:C,rowStyles:u,rowSetting:l}};export{T as DYNAMIC_PRODUCT_STATUS,a as PREFIX_PRODUCT_ID,o as PREFIX_PRODUCT_OPTION_VALUE_ID,r as PREFIX_PRODUCT_VARIANT_ID,e as PRODUCT_ID_LATEST,i as STATIC_PRODUCT_STATUS,d as getData};

package/dist/esm/product/components/product-wrap/hook/useProductSetting.js

@@ -1 +1 @@
-import{usePageType as t,usePageStore as e,useRenderMode as r,hasPublicStoreFrontData as a,createStoreFrontFetcher as d,useProductQuery as i}from"@gem-sdk/core";import{useMemo as o,useState as c}from"react";let useProductSetting=u=>{let{setting:n}=u,{productSetting:l,quantity:s,readOnly:P,isSyncProduct:m}=n??{},S=t(),p=e(t=>t.dynamicProduct),g=e(t=>t.publicStoreFrontData),{isEditMode:h,isPreviewSharePageMode:y}=r(),I=l?.productId??"latest",f=l?.productStatus=="dynamic"?{...l,...p}:l,k=f?.initialVariantId,v=f?.initialVariantBaseId,D=o(()=>a(g)?d(g):void 0,[g]),O=h||y,{data:V,isLoading:$,error:b}=i(I,{revalidateOnMount:O},D),[x,B]=c(!0),C=(b||!V&&!$)&&h,E="PRODUCT"===S,F=o(()=>({product:V,initialVariantId:k,initialVariantBaseId:v,quantity:s,readOnly:P,isSyncProduct:m,key:`uid-${V?.id}-${k??""}`,hasPreSelected:l?.hasPreSelected}),[v,k,m,V,l?.hasPreSelected,s,P]);return{forceProductSetting:f,isProductPage:E,isProductNotFound:C,showProductNotFound:x,isLoading:$,product:V,errorLoadProduct:b,isEditor:h,productProviderData:F,setShowProductNotFound:B}};export{useProductSetting};
+import{usePageType as t,usePageStore as e,useRenderMode as r,hasPublicStoreFrontData as a,createStoreFrontFetcher as d,useProductQuery as i}from"@gem-sdk/core";import{useMemo as o,useState as c}from"react";let u=u=>{let{setting:n}=u,{productSetting:l,quantity:s,readOnly:P,isSyncProduct:m}=n??{},p=t(),S=e(t=>t.dynamicProduct),g=e(t=>t.publicStoreFrontData),{isEditMode:h,isPreviewSharePageMode:y}=r(),I=l?.productId??"latest",f=l?.productStatus=="dynamic"?{...l,...S}:l,k=f?.initialVariantId,v=f?.initialVariantBaseId,D=o(()=>a(g)?d(g):void 0,[g]),{data:O,isLoading:V,error:$}=i(I,{revalidateOnMount:h||y},D),[b,x]=c(!0),B=($||!O&&!V)&&h,C=o(()=>({product:O,initialVariantId:k,initialVariantBaseId:v,quantity:s,readOnly:P,isSyncProduct:m,key:`uid-${O?.id}-${k??""}`,hasPreSelected:l?.hasPreSelected}),[v,k,m,O,l?.hasPreSelected,s,P]);return{forceProductSetting:f,isProductPage:"PRODUCT"===p,isProductNotFound:B,showProductNotFound:b,isLoading:V,product:O,errorLoadProduct:$,isEditor:h,productProviderData:C,setShowProductNotFound:x}};export{u as useProductSetting};

package/dist/esm/product/helpers/function.js

@@ -1 +1 @@
-let getStyleOfObject=t=>{let e="";if(!t||"object"!=typeof t)return e;let s=Object.keys(t);return s.forEach(s=>{s in t&&(e+=`${s}: ${t[s]};`)}),e},getAlignClasses=(t,e)=>{if(!t||!e)return{};let s=["tablet","mobile","desktop"],r={};return s.forEach(s=>{r="horizontal"===t[s]?{...r,[`${"desktop"!==s?`${s}:`:""}gp-justify-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-center`]:"center"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-end`]:"right"===e[s]}:{...r,[`${"desktop"!==s?`${s}:`:""}gp-items-end`]:"right"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-center`]:"center"===e[s]}}),r};export{getAlignClasses,getStyleOfObject};
+let t=t=>{let e="";if(!t||"object"!=typeof t)return e;let r=Object.keys(t);return r.forEach(r=>{r in t&&(e+=`${r}: ${t[r]};`)}),e},e=(t,e)=>{if(!t||!e)return{};let r={};return["tablet","mobile","desktop"].forEach(s=>{r="horizontal"===t[s]?{...r,[`${"desktop"!==s?`${s}:`:""}gp-justify-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-center`]:"center"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-end`]:"right"===e[s]}:{...r,[`${"desktop"!==s?`${s}:`:""}gp-items-end`]:"right"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-center`]:"center"===e[s]}}),r};export{e as getAlignClasses,t as getStyleOfObject};

package/dist/esm/product/helpers/product-bundle.js

@@ -1 +1 @@
-import{convertDecimalToNumber as t,formatMoney as e}from"@gem-sdk/core";import{DiscountType as n}from"../components/constants/product-bundle.js";let noDiscount=t=>({discountPercentAmount:0,discountAmount:e("0",t)}),applyBundleDiscountAmount=o=>{let{currentVariant:u,bundleItem:c,options:r}=o;if(!r?.useProductCompareAtPrice&&c?.discountType===n.NoDiscount||!c||!u?.price)return noDiscount(r?.moneyFormat||"${{amount}}");let i=t(u?.price)??0,a=t(u?.salePrice)??i,m=Number(c?.quantity),s=calculateBundleFixedDiscount(i,c),d=discountPercentAmount(s,m*i),l=i*m-s,p=a*m;return a<=i&&s<=0?noDiscount(r?.moneyFormat||"${{amount}}"):{discountPercentAmount:r?.useProductCompareAtPrice?calculateDiffPercentPrice(l,p):d,discountAmount:r?.useProductCompareAtPrice?calculateDiffFixedPrice(l,p,r?.moneyFormat):e(s.toString(),r?.moneyFormat)}},calculateDiffPercentPrice=(t,e)=>{let n=(e-t)/e*100;return Math.round(n)},calculateDiffFixedPrice=(t,n,o)=>e((n-t).toString(),o),calculateBundleFixedDiscount=(t,e)=>{let o=parseInt(e?.discountValue);return e?.discountType===n.Percentage?t*e.quantity*o/100:e?.discountType===n.FixedAmount?o:0},discountPercentAmount=(t,e)=>Math.round(t/e*100);export{applyBundleDiscountAmount};
+import{convertDecimalToNumber as t,formatMoney as o}from"@gem-sdk/core";import{DiscountType as e}from"../components/constants/product-bundle.js";let n=t=>({discountPercentAmount:0,discountAmount:o("0",t)}),r=r=>{let{currentVariant:s,bundleItem:a,options:d}=r;if(!d?.useProductCompareAtPrice&&a?.discountType===e.NoDiscount||!a||!s?.price)return n(d?.moneyFormat||"${{amount}}");let p=t(s?.price)??0,y=t(s?.salePrice)??p,P=Number(a?.quantity),l=m(p,a),A=i(l,P*p),F=p*P-l,g=y*P;return y<=p&&l<=0?n(d?.moneyFormat||"${{amount}}"):{discountPercentAmount:d?.useProductCompareAtPrice?u(F,g):A,discountAmount:d?.useProductCompareAtPrice?c(F,g,d?.moneyFormat):o(l.toString(),d?.moneyFormat)}},u=(t,o)=>Math.round((o-t)/o*100),c=(t,e,n)=>o((e-t).toString(),n),m=(t,o)=>{let n=parseInt(o?.discountValue);return o?.discountType===e.Percentage?t*o.quantity*n/100:o?.discountType===e.FixedAmount?n:0},i=(t,o)=>Math.round(t/o*100);export{r as applyBundleDiscountAmount};

package/dist/esm/product/helpers/product-image.js

@@ -1 +1 @@
-let getFlexDirection=e=>{let{styles:t,setting:l}=e,o={desktop:t?.position?.desktop,tablet:t?.position?.tablet===void 0?t?.position?.desktop:t?.position?.tablet,mobile:t?.position?.mobile===void 0?t?.position?.tablet===void 0?t?.position?.desktop:t?.position?.tablet:t?.position?.mobile},i={desktop:l?.galleryVisible?.desktop,tablet:l?.galleryVisible?.tablet===void 0?l?.galleryVisible?.desktop:l?.galleryVisible?.tablet,mobile:l?.galleryVisible?.mobile===void 0?l?.galleryVisible?.tablet===void 0?l?.galleryVisible?.desktop:l?.galleryVisible?.tablet:l?.galleryVisible?.mobile},b={desktop:l?.featureImageVisible?.desktop,tablet:l?.featureImageVisible?.tablet===void 0?l?.featureImageVisible?.desktop:l?.featureImageVisible?.tablet,mobile:l?.featureImageVisible?.mobile===void 0?l?.featureImageVisible?.tablet===void 0?l?.featureImageVisible?.desktop:l?.featureImageVisible?.tablet:l?.featureImageVisible?.mobile};return{"gp-flex-col":"bottom-left"==o.desktop||"bottom-center"==o.desktop||!1===i.desktop||!1===b.desktop,"tablet:gp-flex-col":"bottom-left"==o.tablet||"bottom-center"==o.tablet||!1===i.tablet||!1===b.tablet,"mobile:gp-flex-col":"bottom-left"==o.mobile||"bottom-center"==o.mobile||!1===i.mobile||!1===b.mobile,"gp-flex-row":"right"==o.desktop&&!1!==i.desktop&&!1!==b.desktop,"tablet:gp-flex-row":"right"==o.tablet&&!1!==i.tablet&&!1!==b.tablet,"mobile:gp-flex-row":"right"==o.mobile&&!1!==i.mobile&&!1!==b.mobile,"gp-flex-row-reverse":"left"==o.desktop&&!1!==i.desktop&&!1!==b.desktop,"tablet:gp-flex-row-reverse":"left"==o.tablet&&!1!==i.tablet&&!1!==b.tablet,"mobile:gp-flex-row-reverse":"left"==o.mobile&&!1!==i.mobile&&!1!==b.mobile}};export{getFlexDirection};
+let e=e=>{let{styles:t,setting:l}=e,o={desktop:t?.position?.desktop,tablet:t?.position?.tablet===void 0?t?.position?.desktop:t?.position?.tablet,mobile:t?.position?.mobile===void 0?t?.position?.tablet===void 0?t?.position?.desktop:t?.position?.tablet:t?.position?.mobile},i={desktop:l?.galleryVisible?.desktop,tablet:l?.galleryVisible?.tablet===void 0?l?.galleryVisible?.desktop:l?.galleryVisible?.tablet,mobile:l?.galleryVisible?.mobile===void 0?l?.galleryVisible?.tablet===void 0?l?.galleryVisible?.desktop:l?.galleryVisible?.tablet:l?.galleryVisible?.mobile},b={desktop:l?.featureImageVisible?.desktop,tablet:l?.featureImageVisible?.tablet===void 0?l?.featureImageVisible?.desktop:l?.featureImageVisible?.tablet,mobile:l?.featureImageVisible?.mobile===void 0?l?.featureImageVisible?.tablet===void 0?l?.featureImageVisible?.desktop:l?.featureImageVisible?.tablet:l?.featureImageVisible?.mobile};return{"gp-flex-col":"bottom-left"==o.desktop||"bottom-center"==o.desktop||!1===i.desktop||!1===b.desktop,"tablet:gp-flex-col":"bottom-left"==o.tablet||"bottom-center"==o.tablet||!1===i.tablet||!1===b.tablet,"mobile:gp-flex-col":"bottom-left"==o.mobile||"bottom-center"==o.mobile||!1===i.mobile||!1===b.mobile,"gp-flex-row":"right"==o.desktop&&!1!==i.desktop&&!1!==b.desktop,"tablet:gp-flex-row":"right"==o.tablet&&!1!==i.tablet&&!1!==b.tablet,"mobile:gp-flex-row":"right"==o.mobile&&!1!==i.mobile&&!1!==b.mobile,"gp-flex-row-reverse":"left"==o.desktop&&!1!==i.desktop&&!1!==b.desktop,"tablet:gp-flex-row-reverse":"left"==o.tablet&&!1!==i.tablet&&!1!==b.tablet,"mobile:gp-flex-row-reverse":"left"==o.mobile&&!1!==i.mobile&&!1!==b.mobile}};export{e as getFlexDirection};

package/dist/esm/product/helpers/product.js

@@ -1 +1 @@
-import{DEVICES as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";let checkDefaultVariant=t=>!t?.options?.length||t?.options?.length===1&&t?.options?.[0]?.name==="Title"&&t?.options?.[0]?.values?.length===1&&t?.options?.[0]?.values?.[0]?.label==="Default Title",getSizeSetting=i=>{let l={};return t.map(t=>{let n=e(i.adaptiveHeight,t),o=e(i?.fullWidth,t),a=e(i?.width,t),h=e(i?.height,t);l={...l,[t]:{height:n?"fit-content":h,width:o||!a?"100%":a}}}),l};export{checkDefaultVariant,getSizeSetting};
+import{DEVICES as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";let i=t=>!t?.options?.length||t?.options?.length===1&&t?.options?.[0]?.name==="Title"&&t?.options?.[0]?.values?.length===1&&t?.options?.[0]?.values?.[0]?.label==="Default Title",l=i=>{let l={};return t.map(t=>{let o=e(i.adaptiveHeight,t),n=e(i?.fullWidth,t),h=e(i?.width,t),a=e(i?.height,t);l={...l,[t]:{height:o?"fit-content":a,width:n||!h?"100%":h}}}),l};export{i as checkDefaultVariant,l as getSizeSetting};

package/dist/esm/product/helpers/tracking.js

@@ -1 +1 @@
-import{fpixel as a,gtag as d,tiktokpixel as r}from"@gem-sdk/core";let addToCartTracking=o=>{a.addToCart(o),d.addToCart(o),r.addToCart(o)};export{addToCartTracking};
+import{fpixel as a,gtag as d,tiktokpixel as r}from"@gem-sdk/core";let o=o=>{a.addToCart(o),d.addToCart(o),r.addToCart(o)};export{o as addToCartTracking};

package/dist/esm/product/index.js

@@ -1 +1 @@
-export{default as Product}from"./components/product-wrap/Product.js";import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"./components/product-button/types.js";import"./components/product-variants/components/variants/index.js";import"next/image";import"../modal/components/confirm.js";import"react-dom";import"../video/components/Video.js";import"@gem-sdk/keen-slider/react";export{default as ProductQuickView}from"./components/product-quick-view/QuickView.js";import"./components/constants/product-bundle.js";export{default as ProductListV3}from"./components/product-list-v3/ProductList.js";export{default as ProductList}from"./components/product-list/ProductList.js";import"./components/product-bundle/common/styles.js";import"./components/product-bundle/common/classes.js";import"./components/product-badge/constants.js";import"./components/product-badge/types.js";import"./components/product-badge/utils/shape.js";import t from"./settings/Product.js";import o from"./settings/ProductQuantity.js";import r from"./settings/ProductTitle.js";import s from"./settings/ProductButton.js";import i from"./settings/ProductPrice.js";import e from"./settings/ProductVariants.js";import c from"./settings/ProductImages.js";import m from"./settings/product-image-v3/ProductImages.js";import n from"./settings/product-image-v2/ProductImages.js";import d from"./settings/ProductDescription.js";import p from"./settings/ProductProperties.js";import u from"./settings/ProductTag.js";import a from"./settings/ProductListV3.js";import P from"./settings/ProductList.js";import g from"./settings/DynamicCheckout.js";import j from"./settings/Vendor.js";import f from"./settings/Sku.js";import l from"./components/product-bundle/setting/ProductBundleDiscount.js";import V from"./components/product-bundle/setting/ProductBundleDiscountItem.js";import k from"./settings/ProductViewMore.js";import x from"./settings/ProductBadge.js";import b from"./components/file-upload/settings/index.js";let productSetting={Product:t,ProductQuantity:o,ProductTitle:r,ProductButton:s,ProductPrice:i,ProductVariants:e,ProductImages:c,ProductImagesV2:n,ProductImagesV3:m,ProductDescription:d,ProductProperties:p,ProductTag:u,ProductListV3:a,ProductList:P,DynamicCheckout:g,ProductVendor:j,ProductSku:f,ProductBundleDiscount:l,ProductBundleDiscountItem:V,ProductViewMore:k,ProductBadge:x,FileUpload:b};export{productSetting};
+export{default as Product}from"./components/product-wrap/Product.js";import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"./components/product-button/types.js";import"./components/product-variants/components/variants/index.js";import"next/image";import"../modal/components/confirm.js";import"react-dom";import"../video/components/Video.js";import"@gem-sdk/keen-slider/react";export{default as ProductQuickView}from"./components/product-quick-view/QuickView.js";import"./components/constants/product-bundle.js";export{default as ProductListV3}from"./components/product-list-v3/ProductList.js";export{default as ProductList}from"./components/product-list/ProductList.js";import"./components/product-bundle/common/styles.js";import"./components/product-bundle/common/classes.js";import"./components/product-badge/constants.js";import"./components/product-badge/types.js";import"./components/product-badge/utils/shape.js";import t from"./settings/Product.js";import o from"./settings/ProductQuantity.js";import r from"./settings/ProductTitle.js";import s from"./settings/ProductButton.js";import i from"./settings/ProductPrice.js";import e from"./settings/ProductVariants.js";import m from"./settings/ProductImages.js";import c from"./settings/product-image-v3/ProductImages.js";import n from"./settings/product-image-v2/ProductImages.js";import d from"./settings/ProductDescription.js";import p from"./settings/ProductProperties.js";import u from"./settings/ProductTag.js";import a from"./settings/ProductListV3.js";import P from"./settings/ProductList.js";import g from"./settings/DynamicCheckout.js";import j from"./settings/Vendor.js";import f from"./settings/Sku.js";import l from"./components/product-bundle/setting/ProductBundleDiscount.js";import V from"./components/product-bundle/setting/ProductBundleDiscountItem.js";import k from"./settings/ProductViewMore.js";import x from"./settings/ProductBadge.js";import b from"./components/file-upload/settings/index.js";let y={Product:t,ProductQuantity:o,ProductTitle:r,ProductButton:s,ProductPrice:i,ProductVariants:e,ProductImages:m,ProductImagesV2:n,ProductImagesV3:c,ProductDescription:d,ProductProperties:p,ProductTag:u,ProductListV3:a,ProductList:P,DynamicCheckout:g,ProductVendor:j,ProductSku:f,ProductBundleDiscount:l,ProductBundleDiscountItem:V,ProductViewMore:k,ProductBadge:x,FileUpload:b};export{y as productSetting};

package/dist/esm/product/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Product=o(()=>import("./components/product-wrap/Product.js"),{loading:t}),ProductTitle=o(()=>import("./components/product-title/ProductTitle.js"),{loading:t}),ProductQuantity=o(()=>import("./components/product-quantity/ProductQuantity.js"),{loading:t}),ProductDescription=o(()=>import("./components/product-description/ProductDescription.js"),{loading:t}),ProductPrice=o(()=>import("./components/product-price/ProductPrice.js"),{loading:t}),ProductButton=o(()=>import("./components/product-button/ProductButton.js"),{loading:t}),ProductVariants=o(()=>import("./components/product-variants/ProductVariants.js"),{loading:t}),ProductImages=o(()=>import("./components/ProductImages.js"),{loading:t}),ProductImagesV3=o(()=>import("./components/product-images-v3/ProductImageV3.js"),{loading:t}),ProductImagesV2=o(()=>import("./components/product-images-v2/ProductImageV2.js"),{loading:t}),ProductProperties=o(()=>import("./components/product-properties/ProductProperties.js"),{loading:t}),ProductQuickView=o(()=>import("./components/product-quick-view/QuickView.js"),{ssr:!1}),ProductTag=o(()=>import("./components/product-discount-tag/ProductDiscountTag.js"),{loading:t}),ProductListV3=o(()=>import("./components/product-list-v3/ProductList.js"),{loading:t}),ProductList=o(()=>import("./components/product-list/ProductList.js"),{loading:t}),DynamicCheckout=o(()=>import("./components/dynamic-checkout/DynamicCheckout.js"),{loading:t}),ProductVendor=o(()=>import("./components/product-vendor/Vendor.js"),{loading:t}),ProductSku=o(()=>import("./components/product-sku/Sku.js"),{loading:t}),ProductViewMore=o(()=>import("./components/product-view-more/ProductViewMore.js"),{loading:t}),ProductBadge=o(()=>import("./components/product-badge/ProductBadge.js"),{loading:t}),ProductBundleDiscount=o(()=>import("./components/product-bundle/ProductBundleDiscount.js"),{loading:t}),ProductBundleDiscountItem=o(()=>import("./components/product-bundle/ProductBundleDiscountItem.js"),{loading:t}),FileUpload=o(()=>import("./components/file-upload/UploadFile.js"),{loading:t});var product={Product,ProductTitle,ProductQuantity,ProductPrice,ProductButton,ProductDescription,ProductVariants,ProductImages,ProductImagesV3,ProductImagesV2,ProductProperties,ProductQuickView,ProductTag,ProductListV3,ProductList,DynamicCheckout,ProductVendor,ProductViewMore,ProductBadge,ProductBundleDiscount,ProductBundleDiscountItem,ProductSku,FileUpload};export{product as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let n=o(()=>import("./components/product-wrap/Product.js"),{loading:t}),r=o(()=>import("./components/product-title/ProductTitle.js"),{loading:t}),i=o(()=>import("./components/product-quantity/ProductQuantity.js"),{loading:t}),c=o(()=>import("./components/product-description/ProductDescription.js"),{loading:t}),p=o(()=>import("./components/product-price/ProductPrice.js"),{loading:t}),d=o(()=>import("./components/product-button/ProductButton.js"),{loading:t}),s=o(()=>import("./components/product-variants/ProductVariants.js"),{loading:t}),m=o(()=>import("./components/ProductImages.js"),{loading:t}),e=o(()=>import("./components/product-images-v3/ProductImageV3.js"),{loading:t}),u=o(()=>import("./components/product-images-v2/ProductImageV2.js"),{loading:t}),a=o(()=>import("./components/product-properties/ProductProperties.js"),{loading:t}),l=o(()=>import("./components/product-quick-view/QuickView.js"),{ssr:!1}),g=o(()=>import("./components/product-discount-tag/ProductDiscountTag.js"),{loading:t}),j=o(()=>import("./components/product-list-v3/ProductList.js"),{loading:t}),P=o(()=>import("./components/product-list/ProductList.js"),{loading:t}),v=o(()=>import("./components/dynamic-checkout/DynamicCheckout.js"),{loading:t}),k=o(()=>import("./components/product-vendor/Vendor.js"),{loading:t}),V=o(()=>import("./components/product-sku/Sku.js"),{loading:t}),w=o(()=>import("./components/product-view-more/ProductViewMore.js"),{loading:t}),y=o(()=>import("./components/product-badge/ProductBadge.js"),{loading:t}),D=o(()=>import("./components/product-bundle/ProductBundleDiscount.js"),{loading:t}),b=o(()=>import("./components/product-bundle/ProductBundleDiscountItem.js"),{loading:t}),f=o(()=>import("./components/file-upload/UploadFile.js"),{loading:t});var B={Product:n,ProductTitle:r,ProductQuantity:i,ProductPrice:p,ProductButton:d,ProductDescription:c,ProductVariants:s,ProductImages:m,ProductImagesV3:e,ProductImagesV2:u,ProductProperties:a,ProductQuickView:l,ProductTag:g,ProductListV3:j,ProductList:P,DynamicCheckout:v,ProductVendor:k,ProductViewMore:w,ProductBadge:y,ProductBundleDiscount:D,ProductBundleDiscountItem:b,ProductSku:V,FileUpload:f};export{B as default};

package/dist/esm/product/settings/DynamicCheckout.js

@@ -1,5 +1,5 @@
-import{DynamicCheckoutSettings as C}from"./dynamic-checkout/configs/settings.js";import{SettingUIV2 as o}from"./dynamic-checkout/configs/ui-v2.js";import{DynamicCheckoutPresets as i}from"./dynamic-checkout/configs/presets.js";let config={tag:"DynamicCheckout",label:"Dynamic Checkout",icon:`
+import{DynamicCheckoutSettings as C}from"./dynamic-checkout/configs/settings.js";import{SettingUIV2 as o}from"./dynamic-checkout/configs/ui-v2.js";import{DynamicCheckoutPresets as t}from"./dynamic-checkout/configs/presets.js";let i={tag:"DynamicCheckout",label:"Dynamic Checkout",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M26.2219 24.8484C26.2219 24.1212 25.7241 23.6363 24.9775 23.6363C24.2308 23.6363 23.733 24.1212 23.733 24.8484C23.733 25.5757 24.2308 26.0606 24.9775 26.0606C25.7241 26.0606 26.2219 25.5757 26.2219 24.8484ZM16.2663 24.8484C16.2663 24.1212 15.7686 23.6363 15.0219 23.6363C14.2752 23.6363 13.7775 24.1212 13.7775 24.8484C13.7775 25.5757 14.2752 26.0606 15.0219 26.0606C15.7686 26.0606 16.2663 25.5757 16.2663 24.8484ZM14.0263 13.9394H25.8486L24.6041 18.7878H15.1463C14.8975 17.6969 14.3997 15.8787 14.0263 13.9394ZM28.9239 12.1394C29.0051 11.8231 28.7662 11.5151 28.4396 11.5151H13.4041C12.9063 9.33329 12.533 7.63632 12.533 7.63632L12.3805 7.04232C12.3238 6.82122 12.1245 6.66663 11.8962 6.66663H9.29967C9.02353 6.66663 8.79967 6.89048 8.79967 7.16663V8.59087C8.79967 8.86701 9.02353 9.09087 9.29967 9.09087H10.293C10.9152 11.8787 12.9063 20.2424 12.9063 20.2424L13.0588 20.8364C13.1156 21.0575 13.3148 21.2121 13.5431 21.2121H26.2074C26.4356 21.2121 26.6349 21.0575 26.6917 20.8364L28.9239 12.1394ZM38.1663 16.3636C38.4425 16.3636 38.6663 16.5875 38.6663 16.8636V32.8333C38.6663 33.1094 38.4425 33.3333 38.1663 33.3333H1.83301C1.55687 33.3333 1.33301 33.1094 1.33301 32.8333V16.8636C1.33301 16.5875 1.55687 16.3636 1.83301 16.3636H9.03402C9.26229 16.3636 9.46158 16.5182 9.51832 16.7393L9.88388 18.1635C9.96507 18.4799 9.72616 18.7878 9.39958 18.7878H3.8219V30.909H36.1775V18.7878H30.3509C30.0243 18.7878 29.7854 18.4799 29.8666 18.1635L30.2321 16.7393C30.2889 16.5182 30.4882 16.3636 30.7164 16.3636H38.1663Z" fill="currentColor"/>
   </svg>
-  `,settings:C,ui:[],uiV2:o,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:i};export{config as default};
+  `,settings:C,ui:[],uiV2:o,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:t};export{i as default};

package/dist/esm/product/settings/Product.js

@@ -1,8 +1,8 @@
-import{ProductPreset as o}from"./product/configs/presets.js";import{ProductSettings as t}from"./product/configs/settings.js";import{SettingUIV2 as C}from"./product/configs/ui-v2.js";let config={tag:"Product",label:"Product",icon:`
+import{ProductPreset as o}from"./product/configs/presets.js";import{ProductSettings as t}from"./product/configs/settings.js";import{SettingUIV2 as C}from"./product/configs/ui-v2.js";let r={tag:"Product",label:"Product",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9075 7.10422C14.6295 6.47277 13.981 6.06462 13.268 6.12193C12.8111 6.15866 12.0129 6.23149 11.1972 6.34772C10.4162 6.459 9.4973 6.62566 8.86739 6.88284C8.4425 7.05632 7.96973 7.41721 7.56476 7.7561C7.12514 8.12398 6.63889 8.57624 6.16347 9.03928C5.21082 9.96712 4.25521 10.9838 3.72156 11.5611C3.02665 12.3128 3.18213 13.4862 4.00429 14.0501L7.14594 16.205V26.2444C7.14594 27.1568 7.8833 27.9057 8.80445 27.9057H23.246C24.1672 27.9057 24.9045 27.1568 24.9045 26.2444V16.205L28.0603 14.0405C28.8678 13.4866 29.0361 12.3395 28.3699 11.5829C27.861 11.005 26.9438 9.98417 26.0115 9.05136C25.5463 8.58586 25.0644 8.12923 24.6192 7.75674C24.2068 7.41161 23.7187 7.04517 23.2589 6.87191C22.0504 6.41643 20.0388 6.19802 19.2897 6.12638C18.6177 6.06213 17.9943 6.4147 17.6856 6.98594L16.1261 9.87237L14.9075 7.10422ZM11.5075 8.52572C12.0668 8.44603 12.6236 8.38769 13.0516 8.3486L14.5589 11.7725C15.1148 13.0353 16.8782 13.1086 17.535 11.8929L19.4471 8.35398C20.3297 8.45016 21.7155 8.64129 22.4831 8.93056C22.5609 8.9599 22.7999 9.10299 23.2073 9.44391C23.582 9.75746 24.0125 10.1634 24.4555 10.6066C25.1311 11.2825 25.8054 12.0148 26.3079 12.5747L23.426 14.5514C22.9732 14.862 22.7045 15.3755 22.7045 15.9221V25.7057H9.34594V15.9221C9.34594 15.3755 9.07722 14.862 8.62448 14.5514L5.76791 12.592C6.29559 12.03 7.00098 11.2946 7.69845 10.6153C8.1553 10.1703 8.59719 9.76082 8.97664 9.44329C9.16639 9.2845 9.33077 9.15694 9.46645 9.06238C9.53381 9.01545 9.58879 8.98036 9.63189 8.95523C9.65312 8.94286 9.66967 8.93395 9.68177 8.92783C9.69405 8.92163 9.69897 8.91962 9.69897 8.91962C10.0488 8.7768 10.7201 8.63792 11.5075 8.52572Z" fill="currentColor"/>
     <path d="M30.2528 21.8121C29.8846 21.8121 29.5862 21.5136 29.5862 21.1454V20.0645C29.5862 19.6963 29.8846 19.3978 30.2528 19.3978H36.3481C36.7163 19.3978 37.0147 19.6963 37.0147 20.0645V21.1454C37.0147 21.5136 36.7163 21.8121 36.3481 21.8121H30.2528Z" fill="currentColor"/>
     <path d="M30.2528 27.8478C29.8846 27.8478 29.5862 27.5493 29.5862 27.1811V26.1002C29.5862 25.732 29.8846 25.4335 30.2528 25.4335H36.3481C36.7163 25.4335 37.0147 25.732 37.0147 26.1002V27.1811C37.0147 27.5493 36.7163 27.8478 36.3481 27.8478H30.2528Z" fill="currentColor"/>
     <path d="M7.96712 33.8834C7.59893 33.8834 7.30046 33.5849 7.30046 33.2168V32.1358C7.30046 31.7676 7.59893 31.4692 7.96712 31.4692H36.3481C36.7163 31.4692 37.0147 31.7676 37.0147 32.1358V33.2168C37.0147 33.5849 36.7163 33.8834 36.3481 33.8834H7.96712Z" fill="currentColor"/>
   </svg>
-  `,settings:t,ui:[],uiV2:C,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ProductListV3","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product not found"}}}};export{config as default};
+  `,settings:t,ui:[],uiV2:C,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ProductListV3","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product not found"}}}};export{r as default};

package/dist/esm/product/settings/ProductBadge.js

@@ -1 +1 @@
-import{ProductBadgeSettings as o}from"./product-badge/configs/settings.js";import{ProductBadgePreset as t}from"./product-badge/configs/presets.js";import{SettingUIV2 as a}from"./product-badge/configs/ui-v2.js";let config={tag:"ProductBadge",label:"Product Badge",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.003-4.596l8.5-8.51A3.25 3.25 0 0 1 14.284 2h5.465Zm0 1.5h-5.465c-.465 0-.91.185-1.239.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>',settings:o,ui:[],uiV2:a,presets:t,advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},editorConfigs:{placeholder:{flowTag:["ProductImagesV2","Product","ProductImagesV3"],flowTagMessage:['Please <span class="font-bold">drop</span> Product Badge into a <span class="font-bold">Product Image, Product or Product List</span> element']}}};export{config as default};
+import{ProductBadgeSettings as o}from"./product-badge/configs/settings.js";import{ProductBadgePreset as t}from"./product-badge/configs/presets.js";import{SettingUIV2 as a}from"./product-badge/configs/ui-v2.js";let s={tag:"ProductBadge",label:"Product Badge",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.003-4.596l8.5-8.51A3.25 3.25 0 0 1 14.284 2h5.465Zm0 1.5h-5.465c-.465 0-.91.185-1.239.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>',settings:o,ui:[],uiV2:a,presets:t,advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},editorConfigs:{placeholder:{flowTag:["ProductImagesV2","Product","ProductImagesV3"],flowTagMessage:['Please <span class="font-bold">drop</span> Product Badge into a <span class="font-bold">Product Image, Product or Product List</span> element']}}};export{s as default};

package/dist/esm/product/settings/ProductButton.js

@@ -1,5 +1,5 @@
-import{ProductButtonPresets as t}from"./product-button/configs/presets.js";import{ProductButtonSettings as o}from"./product-button/configs/settings.js";import{SettingUIV2 as C}from"./product-button/configs/ui-v2.js";let config={tag:"ProductButton",label:"Add to Cart",icon:`
+import{ProductButtonPresets as t}from"./product-button/configs/presets.js";import{ProductButtonSettings as o}from"./product-button/configs/settings.js";import{SettingUIV2 as C}from"./product-button/configs/ui-v2.js";let r={tag:"ProductButton",label:"Add to Cart",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M26.2219 24.8484C26.2219 24.1212 25.7241 23.6363 24.9775 23.6363C24.2308 23.6363 23.733 24.1212 23.733 24.8484C23.733 25.5757 24.2308 26.0606 24.9775 26.0606C25.7241 26.0606 26.2219 25.5757 26.2219 24.8484ZM16.2663 24.8484C16.2663 24.1212 15.7686 23.6363 15.0219 23.6363C14.2752 23.6363 13.7775 24.1212 13.7775 24.8484C13.7775 25.5757 14.2752 26.0606 15.0219 26.0606C15.7686 26.0606 16.2663 25.5757 16.2663 24.8484ZM14.0263 13.9394H25.8486L24.6041 18.7878H15.1463C14.8975 17.6969 14.3997 15.8787 14.0263 13.9394ZM28.9239 12.1394C29.0051 11.8231 28.7662 11.5151 28.4396 11.5151H13.4041C12.9063 9.33329 12.533 7.63632 12.533 7.63632L12.3805 7.04232C12.3238 6.82122 12.1245 6.66663 11.8962 6.66663H9.29967C9.02353 6.66663 8.79967 6.89048 8.79967 7.16663V8.59087C8.79967 8.86701 9.02353 9.09087 9.29967 9.09087H10.293C10.9152 11.8787 12.9063 20.2424 12.9063 20.2424L13.0588 20.8364C13.1156 21.0575 13.3148 21.2121 13.5431 21.2121H26.2074C26.4356 21.2121 26.6349 21.0575 26.6917 20.8364L28.9239 12.1394ZM38.1663 16.3636C38.4425 16.3636 38.6663 16.5875 38.6663 16.8636V32.8333C38.6663 33.1094 38.4425 33.3333 38.1663 33.3333H1.83301C1.55687 33.3333 1.33301 33.1094 1.33301 32.8333V16.8636C1.33301 16.5875 1.55687 16.3636 1.83301 16.3636H9.03402C9.26229 16.3636 9.46158 16.5182 9.51832 16.7393L9.88388 18.1635C9.96507 18.4799 9.72616 18.7878 9.39958 18.7878H3.8219V30.909H36.1775V18.7878H30.3509C30.0243 18.7878 29.7854 18.4799 29.8666 18.1635L30.2321 16.7393C30.2889 16.5182 30.4882 16.3636 30.7164 16.3636H38.1663Z" fill="currentColor"/>
   </svg>
-  `,settings:o,ui:[],uiV2:C,triggerEvent:["addToCart"],editorConfigs:{placeholder:{flowTag:["Product"]}},presets:t};export{config as default};
+  `,settings:o,ui:[],uiV2:C,triggerEvent:["addToCart"],editorConfigs:{placeholder:{flowTag:["Product"]}},presets:t};export{r as default};

package/dist/esm/product/settings/ProductDescription.js

@@ -1 +1 @@
-import{SettingUIV2 as i}from"./product-description/configs/ui-v2.js";import{ProductDescriptionSettings as o}from"./product-description/configs/settings.js";import{ProductDescriptionPreset as t}from"./product-description/configs/presets.js";let config={tag:"ProductDescription",label:"Product Description",icon:'<span style="font-size: 12px; line-height: 1.5; font-weight: 400;">Product description</span>',settings:o,ui:[],uiV2:i,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:t};export{config as default};
+import{SettingUIV2 as t}from"./product-description/configs/ui-v2.js";import{ProductDescriptionSettings as i}from"./product-description/configs/settings.js";import{ProductDescriptionPreset as o}from"./product-description/configs/presets.js";let s={tag:"ProductDescription",label:"Product Description",icon:'<span style="font-size: 12px; line-height: 1.5; font-weight: 400;">Product description</span>',settings:i,ui:[],uiV2:t,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:o};export{s as default};