@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.139

package/dist/cjs/product/components/product-variants/components/dropdown-swatches/Dropdown.liquid.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../../common/dropdown/classes.js"),styles=require("../../common/dropdown/styles.js"),attrs=require("../../common/dropdown/attrs.js"),index=require("../dropdown-option/render-liquid/index.js");const DropdownVariant=e=>{let{variantGroup:t,blankText:s,swatchAutoWidth:r,swatchHeight:o,optionTypography:n,optionBgColor:i,optionTextColor:d,optionRounded:l,optionShadow:a,optionHasShadow:c,optionBorder:m,optionTransform:p,hasPreSelected:y,optionTypo:u,combineHeight:g,combineWidth:q,soldOutStyle:w,children:x}=e,j="disable"===w,S=system.createClass(classes.getSelectClass({optionTypo:u,optionTypography:n,optionBgColor:i,optionBorder:m,optionTextColor:d})),$=system.createStyle(styles.getSelectStyle({width:t?q:r,height:t?g:o,optionTypo:u,optionTypography:n,optionBgColor:i,optionTextColor:d,optionRounded:l,optionHasShadow:c,optionShadow:a,optionBorder:m,optionTransform:p,isCombine:t,textAlign:u?.attrs?.textAlign})),f=system.createAttr(attrs.getSelectAttr({variantGroup:t,type:"Liquid"})),A=()=>x;return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),r=require("../../common/dropdown/classes.js"),s=require("../../common/dropdown/styles.js"),o=require("../../common/dropdown/attrs.js"),i=require("../dropdown-option/render-liquid/index.js");exports.default=l=>{let{variantGroup:d,blankText:n,swatchAutoWidth:c,swatchHeight:a,optionTypography:p,optionBgColor:u,optionTextColor:m,optionRounded:g,optionShadow:q,optionHasShadow:y,optionBorder:w,optionTransform:j,hasPreSelected:x,optionTypo:S,combineHeight:$,combineWidth:f,soldOutStyle:A,children:b}=l,h=t.createClass(r.getSelectClass({optionTypo:S,optionTypography:p,optionBgColor:u,optionBorder:w,optionTextColor:m})),k=t.createStyle(s.getSelectStyle({width:d?f:c,height:d?$:a,optionTypo:S,optionTypography:p,optionBgColor:u,optionTextColor:m,optionRounded:g,optionHasShadow:y,optionShadow:q,optionBorder:w,optionTransform:j,isCombine:d,textAlign:S?.attrs?.textAlign})),C=t.createAttr(o.getSelectAttr({variantGroup:d,type:"Liquid"}));return e.template`
     <select
-      ${f}
-      class="${S}"
-      style="${$}"
+      ${C}
+      class="${h}"
+      style="${k}"
     >
-      ${system.If(!y,index.renderBlankOption(s))}
-      ${system.If(t,A(),index.renderDropdownOptions(j,y))}
-    </select>`};exports.default=DropdownVariant;
+      ${t.If(!x,i.renderBlankOption(n))}
+      ${t.If(d,b,i.renderDropdownOptions("disable"===A,x))}
+    </select>`};

package/dist/cjs/product/components/product-variants/components/dropdown-swatches/hooks/useDropdownSwatches.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),React=require("react");const useDropdownSwatches=e=>{let{option:t,variantGroup:r,variants:n,initValue:a,hasPreSelected:c,presetConfiguration:o}=e,{setSelectedOption:s,forceSelectedOption:i,selectedOptions:u}=core.useSelectedOption(),l=core.useProduct(),d=React.useMemo(()=>{if(!o)return;let{presets:e,optionType:t}=o;return e?.[t||"rectangle_list"]},[o]),[p,f]=React.useState(c?a:"blank");React.useEffect(()=>{f(u?.[t?.name??"blank"])},[u,t]),React.useEffect(()=>{c||f("blank")},[c]);let v=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),y=e=>{let t=n?.find(t=>t?.id===e);if(t&&t.selectedOptions){let e=core.parseSelectedOption(t.selectedOptions);e&&i(e,l?.id,!1,!0)}},w=e=>{r?y(e.target?.value):s(t?.name,e.target?.value,l?.id)};return{value:p,preset:d,handleOnChangeSelect:w,checkVariantInStock:v}};exports.useDropdownSwatches=useDropdownSwatches;
+"use strict";var e=require("@gem-sdk/core"),t=require("react");exports.useDropdownSwatches=n=>{let{option:r,variantGroup:a,variants:i,initValue:l,hasPreSelected:s,presetConfiguration:u}=n,{setSelectedOption:c,forceSelectedOption:o,selectedOptions:d}=e.useSelectedOption(),f=e.useProduct(),p=t.useMemo(()=>{if(!u)return;let{presets:e,optionType:t}=u;return e?.[t||"rectangle_list"]},[u]),[v,y]=t.useState(s?l:"blank");t.useEffect(()=>{y(d?.[r?.name??"blank"])},[d,r]),t.useEffect(()=>{s||y("blank")},[s]);let g=t=>{let n=i?.find(e=>e?.id===t);if(n&&n.selectedOptions){let t=e.parseSelectedOption(n.selectedOptions);t&&o(t,f?.id,!1,!0)}};return{value:v,preset:p,handleOnChangeSelect:e=>{a?g(e.target?.value):c(r?.name,e.target?.value,f?.id)},checkVariantInStock:e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy)}};

package/dist/cjs/product/components/product-variants/components/image/Image.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),base=require("../base/base.js"),React=require("react");const ImageVariant=({swatchValue:e,isVariantOutStock:t,...a})=>{let r=React.useMemo(()=>e?.imageUrl||"",[e]);return jsxRuntime.jsx(base.default,{...a,swatchesImage:r,isVariantOutStock:t})};exports.default=ImageVariant;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../base/base.js"),t=require("react");exports.default=({swatchValue:s,isVariantOutStock:a,...u})=>{let i=t.useMemo(()=>s?.imageUrl||"",[s]);return e.jsx(r.default,{...u,swatchesImage:i,isVariantOutStock:a})};

package/dist/cjs/product/components/product-variants/components/image/Image.liquid.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),base_liquid=require("../base/base.liquid.js");const ImageVariant=({isVariantOutStock:e,swatchValue:a,...i})=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),l=require("../base/base.liquid.js");exports.default=({isVariantOutStock:a,swatchValue:i,...r})=>e.template`
     {% assign imageUrl = null %}
     {% for label in labels %}
     {% if label == value %}
       {% assign imageUrl = imageUrls[forloop.index0] %}
     {% endif %}
     {% endfor %}
-    ${base_liquid.default({...i,typeOfOption:"image"})}
-  `;exports.default=ImageVariant;
+    ${l.default({...r,typeOfOption:"image"})}
+  `;

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),base=require("../base/base.js"),React=require("react");const ImageShopifyVariant=({product:e,isVariantOutStock:t,...a})=>{let i=e?.medias?.edges.map(e=>e.node),s=e?.variants?.edges.map(e=>{let t=e.node?.mediaId||"0",a=i?.find(e=>e?.id===t)?.src||"";return{title:e.node?.title||"",selectedOptions:e.node?.selectedOptions.map(e=>e.value),mediaId:t,image:a,id:e.node?.id||"0"}}),r=React.useMemo(()=>{let e=a.value?.label,t=s?.find(t=>t?.selectedOptions?.includes(e)&&t?.image)?.image||"";return t},[a.value,s]);return jsxRuntime.jsx(base.default,{...a,swatchesImage:r,isVariantOutStock:t})};exports.default=ImageShopifyVariant;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../base/base.js"),a=require("react");exports.default=({product:i,isVariantOutStock:s,...d})=>{let r=i?.medias?.edges.map(e=>e.node),l=i?.variants?.edges.map(e=>{let t=e.node?.mediaId||"0",a=r?.find(e=>e?.id===t)?.src||"";return{title:e.node?.title||"",selectedOptions:e.node?.selectedOptions.map(e=>e.value),mediaId:t,image:a,id:e.node?.id||"0"}}),n=a.useMemo(()=>{let e=d.value?.label,t=l?.find(t=>t?.selectedOptions?.includes(e)&&t?.image)?.image||"";return t},[d.value,l]);return e.jsx(t.default,{...d,swatchesImage:n,isVariantOutStock:s})};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),base_liquid=require("../base/base.liquid.js");const ImageShopifyVariant=({isVariantOutStock:e,swatchValue:a,...i})=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),a=require("../base/base.liquid.js");exports.default=({isVariantOutStock:i,swatchValue:r,...t})=>e.template`
       {% assign imageUrl = null %}
       {% for variant in variants %}
         {% assign valueIncludesSelectedOption = false %}
@@ -17,5 +17,5 @@
           {% endunless %}
         {% endif %}
       {% endfor %}
-      ${base_liquid.default({...i,typeOfOption:"image_shopify"})}
-  `;exports.default=ImageShopifyVariant;
+      ${a.default({...t,typeOfOption:"image_shopify"})}
+  `;

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react");const RectangleListVariant=({value:e,isVariantOutStock:t,checked:o,swatchAutoWidth:r,swatchWidth:a,swatchHeight:l,optionTransform:c,optionTypography:s,optionBgColor:i,optionTextColor:n,optionBorder:g,optionRounded:p,optionHasShadow:d,optionShadow:b,optionTypo:v})=>{let S=()=>core.makeStyle({bg:core.getSingleColorVariable(i?.active),bs:g?.active?.border,bw:g?.active?.width,bc:core.getSingleColorVariable(g?.active?.color)}),y=core.makeStyleResponsive("w",core.makeWidth(a,r)),m=React.useMemo(()=>({...p,active:{...p?.active||{},radiusType:"custom"}}),[p]),u=core.composeTypographyClassName(v,s),C=core.composeTypographyStyle(v,s);return jsxRuntime.jsx("div",{className:core.cls(o?core.getGlobalColorClass("bg",i?.active):core.getGlobalColorStateClass("bg",i),core.handleConvertClassColor(g),u,"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":t}),style:{...o?{}:core.getGlobalColorStateStyle("bg",i),...o?S():{},...core.makeStyle({tt:c}),...C,...core.makeStyleResponsive("h",l),...y,...o?core.getRadiusStyleActiveState(m):core.composeRadius(p),...o?core.getStyleShadow({value:b?.active,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:d?.active},!0):core.getStyleShadowState(b,"box-shadow",d),...o?{}:core.handleConvertBorderStyle(g),...o?{}:core.handleConvertBorderWidth(g),...o?{}:core.handleConvertBorderColor(g)},children:jsxRuntime.jsx("span",{className:core.cls("gp-flex gp-items-center gp-px-[16px]",o?core.getGlobalColorClass("text",n?.active):core.getGlobalColorStateClass("text",n)),style:{...o?core.makeStyle({c:core.getSingleColorVariable(n?.active)}):core.getGlobalColorStateStyle("c",n)},children:e?.label})})};exports.default=RectangleListVariant;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),l=require("react");exports.default=({value:a,isVariantOutStock:o,checked:r,swatchAutoWidth:s,swatchWidth:i,swatchHeight:c,optionTransform:g,optionTypography:n,optionBgColor:p,optionTextColor:d,optionBorder:b,optionRounded:v,optionHasShadow:S,optionShadow:y,optionTypo:C})=>{let m=t.makeStyleResponsive("w",t.makeWidth(i,s)),u=l.useMemo(()=>({...v,active:{...v?.active||{},radiusType:"custom"}}),[v]),h=t.composeTypographyClassName(C,n),x=t.composeTypographyStyle(C,n);return e.jsx("div",{className:t.cls(r?t.getGlobalColorClass("bg",p?.active):t.getGlobalColorStateClass("bg",p),t.handleConvertClassColor(b),h,"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":o}),style:{...r?{}:t.getGlobalColorStateStyle("bg",p),...r?t.makeStyle({bg:t.getSingleColorVariable(p?.active),bs:b?.active?.border,bw:b?.active?.width,bc:t.getSingleColorVariable(b?.active?.color)}):{},...t.makeStyle({tt:g}),...x,...t.makeStyleResponsive("h",c),...m,...r?t.getRadiusStyleActiveState(u):t.composeRadius(v),...r?t.getStyleShadow({value:y?.active,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:S?.active},!0):t.getStyleShadowState(y,"box-shadow",S),...r?{}:t.handleConvertBorderStyle(b),...r?{}:t.handleConvertBorderWidth(b),...r?{}:t.handleConvertBorderColor(b)},children:e.jsx("span",{className:t.cls("gp-flex gp-items-center gp-px-[16px]",r?t.getGlobalColorClass("text",d?.active):t.getGlobalColorStateClass("text",d)),style:{...r?t.makeStyle({c:t.getSingleColorVariable(d?.active)}):t.getGlobalColorStateStyle("c",d)},children:a?.label})})};

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

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

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

@@ -1,19 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),base_liquid=require("../base/base.liquid.js"),color_liquid=require("../color/color.liquid.js"),Image_liquid=require("../image/Image.liquid.js"),ImageShopify_liquid=require("../image-shopify/ImageShopify.liquid.js"),system=require("@gem-sdk/system"),classes=require("../../common/variants/classes.js"),styles=require("../../common/variants/styles.js"),attrs=require("../../common/variants/attrs.js");const VariantItem=e=>{let{name:a,variantKey:s,value:t,id:i}=e,l="disable"===e.soldOutStyle,o=()=>core.template`
-    {% case type %}
-      {% when "rectangle_list" %}
-      ${base_liquid.default({...e,isVariantOutStock:l,swatchValue:e.value,value:t,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:""}})}
-      {% when "color" %}
-      ${color_liquid.default({...e,isVariantOutStock:l,swatchValue:e.value,value:t,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:"45px"}})}
-      {% when "image_shopify" %}
-      ${ImageShopify_liquid.default({...e,isVariantOutStock:l,swatchValue:e.value,value:t,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
-      {% when "image" %}
-      ${Image_liquid.default({...e,isVariantOutStock:l,swatchValue:e.value,value:t,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
-      {% else %}
-    {% endcase %}
-    `,r=()=>core.template`
-    ${base_liquid.default({...e,isVariantOutStock:l,swatchValue:e.value,value:t})}
-    `,d=system.createClass(classes.getVariantItemLabelClass({...e,available:!0})),n=system.createClass(classes.getTooltipClass()),u=system.createClass(classes.getTooltipSvgClass()),c=system.createClass(classes.getVariantOptionClass()),p=system.createStyle(styles.getLabelVariantStyle()),m=system.createAttr(attrs.getVariantOptionAttr(e,"Liquid"));return core.template`
-    ${system.Liquid(`{%- liquid
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),a=require("../base/base.liquid.js"),t=require("../color/color.liquid.js"),i=require("../image/Image.liquid.js"),s=require("../image-shopify/ImageShopify.liquid.js"),l=require("@gem-sdk/system"),o=require("../../common/variants/classes.js"),d=require("../../common/variants/styles.js"),r=require("../../common/variants/attrs.js");exports.default=n=>{let{name:p,variantKey:u,value:c,id:h}=n,g="disable"===n.soldOutStyle,v=l.createClass(o.getVariantItemLabelClass({...n,available:!0})),f=l.createClass(o.getTooltipClass()),m=l.createClass(o.getTooltipSvgClass()),w=l.createClass(o.getVariantOptionClass()),$=l.createStyle(d.getLabelVariantStyle()),b=l.createAttr(r.getVariantOptionAttr(n,"Liquid"));return e.template`
+    ${l.Liquid(`{%- liquid
       assign option_disabled = true
       for variantItem in product.variants
         case option.position
@@ -32,31 +18,45 @@
         endcase
       endfor
     -%}`)}
-    ${system.If(!l,system.Liquid("{% assign option_disabled = false %}"))}
+    ${l.If(!g,l.Liquid("{% assign option_disabled = false %}"))}
     <label
-      id="${i}"
-      for="{{product.id}}-${e.uid}-${s}"
-      class="${d}"
-      style="${p}"
+      id="${h}"
+      for="{{product.id}}-${n.uid}-${u}"
+      class="${v}"
+      style="${$}"
     >
-      <div class="${n}">
-        <p class="gp-text-[#F9F9F9]">${t?.label}</p>
-        <svg class="${u}" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <div class="${f}">
+        <p class="gp-text-[#F9F9F9]">${c?.label}</p>
+        <svg class="${m}" 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>
       <input
-        checked="${e.checked}"
-        name="{{product.id}}-options-${a}"
-        id="{{product.id}}-${e.uid}-${s}"
-        value="${t?.label}"
+        checked="${n.checked}"
+        name="{{product.id}}-options-${p}"
+        id="{{product.id}}-${n.uid}-${u}"
+        value="${c?.label}"
         type="radio"
         class="gp-sr-only gp-absolute gp-bottom-0 gp-right-0"
       />
-      <span class="gp-sr-only">${t?.label}</span>
+      <span class="gp-sr-only">${c?.label}</span>
       <div
-        ${m}
-        class="${c} ${system.LiquidIf("option_disabled == true",`${system.If(l,"gp-opacity-20"," ")}`)}">
-        ${e.isRenderDefault?r():o()}
+        ${b}
+        class="${w} ${l.LiquidIf("option_disabled == true",`${l.If(g,"gp-opacity-20"," ")}`)}">
+        ${n.isRenderDefault?e.template`
+    ${a.default({...n,isVariantOutStock:g,swatchValue:n.value,value:c})}
+    `:e.template`
+    {% case type %}
+      {% when "rectangle_list" %}
+      ${a.default({...n,isVariantOutStock:g,swatchValue:n.value,value:c,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:""}})}
+      {% when "color" %}
+      ${t.default({...n,isVariantOutStock:g,swatchValue:n.value,value:c,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:"45px"}})}
+      {% when "image_shopify" %}
+      ${s.default({...n,isVariantOutStock:g,swatchValue:n.value,value:c,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
+      {% when "image" %}
+      ${i.default({...n,isVariantOutStock:g,swatchValue:n.value,value:c,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
+      {% else %}
+    {% endcase %}
+    `}
       </div>
-    </label>`};exports.default=VariantItem;
+    </label>`};

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

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

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const useVariantInteraction=e=>{let{element:t,uid:n}=e,{trigger:r}=core.useInteraction(),a=(e,a)=>{t.current&&(r({event:"gp:rollback:item-selected",selector:`[data-id="${n}"]`,element:t.current}),r({event:"gp:item-selected",selector:`[data-id="${n}"]`,data:{selectedOptions:e,inStock:a},element:t.current}))},o=(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:o}};exports.useVariantInteraction=useVariantInteraction;
+"use strict";var e=require("@gem-sdk/core");exports.useVariantInteraction=t=>{let{element:n,uid:r}=t,{trigger:i}=e.useInteraction(),a=(e,t)=>{n.current&&(i({event:"gp:rollback:item-selected",selector:`[data-id="${r}"]`,element:n.current}),i({event:"gp:item-selected",selector:`[data-id="${r}"]`,data:{selectedOptions:e,inStock:t},element:n.current}))};return{dispatchInteractionChangeOptions:a,dispatchInteractionChangeOptionsInit:(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)}}};

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

@@ -1 +1 @@
-"use strict";const 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,t)=>{let e=o?.map(o=>(o?.isEdited||Object.entries(o.presets).forEach(([e,a])=>{let r=a.width;if("dropdown"===e){let o=Object.assign({},a?.fullWidth);Object.entries(o).forEach(([o,t])=>{t&&(r={...r,[o]:"100%"})})}let n=Object.assign({...optionHasShadowDefault},t?.optionHasShadow),l=Object.assign({...optionShadowDefault},t?.optionShadow),d=Object.assign({...optionRoundedDefault},t?.optionRounded);"color"===e?d={...optionRoundedColorDefault}:Object.entries({...t?.optionRounded}).forEach(function([o,t]){"none"===t.radiusType&&(d={...d,[o]:roundedDefault})});let u="color"===e?bgColorDefault:t?.optionBgColor,i=["color","image","image_shopify"].includes(e)?textColorDefault:t?.optionTextColor;o.presets[e]={...a,width:r,optionBgColor:u,optionBorder:t?.optionBorder,optionHasShadow:n,optionRounded:d,optionShadow:l,optionTextColor:i}}),o));return e};exports.mappingVariantStyles=mappingVariantStyles,exports.optionRoundedColorDefault=optionRoundedColorDefault,exports.optionRoundedDefault=optionRoundedDefault;
+"use strict";const 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},s={normal:!1,hover:!1,active:!1};exports.mappingVariantStyles=(o,i)=>{let l=o?.map(o=>(o?.isEdited||Object.entries(o.presets).forEach(([l,d])=>{let c=d.width;if("dropdown"===l){let o=Object.assign({},d?.fullWidth);Object.entries(o).forEach(([o,t])=>{t&&(c={...c,[o]:"100%"})})}let b=Object.assign({...s},i?.optionHasShadow),x=Object.assign({...n},i?.optionShadow),u=Object.assign({...a},i?.optionRounded);"color"===l?u={...p}:Object.entries({...i?.optionRounded}).forEach(function([o,e]){"none"===e.radiusType&&(u={...u,[o]:t})});let h="color"===l?r:i?.optionBgColor,g=["color","image","image_shopify"].includes(l)?e:i?.optionTextColor;o.presets[l]={...d,width:c,optionBgColor:h,optionBorder:i?.optionBorder,optionHasShadow:b,optionRounded:u,optionShadow:x,optionTextColor:g}}),o));return l},exports.optionRoundedColorDefault=p,exports.optionRoundedDefault=a;

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

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

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../../text/components/Text.liquid.js");const ProductVendor=({setting:e,styles:t,advanced:d,builderProps:r})=>{let o=e?.label&&e.label.trim().length>0?`${e.label}`:"";return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../text/components/Text.liquid.js");exports.default=({setting:d,styles:r,advanced:l,builderProps:o})=>{let n=d?.label&&d.label.trim().length>0?`${d.label}`:"";return e.template`
     {%- unless product -%}
       <p>Product not found</p>
     {%- else -%}
       {% assign encoded_product_vendor = product.vendor | url_encode %}
-      ${e?.url?`
-        <a href="/collections/vendors?q={{ encoded_product_vendor }}" title="{{ encoded_product_vendor }}" target="${"new-tab"===e.openIn?"_blank":"_self"}">
-        ${Text_liquid.default({styles:t,setting:{...e,text:`${o} {{ product.vendor }}`,excludeFlex:!0,isForceValue:!0},advanced:d,builderProps:r})}
+      ${d?.url?`
+        <a href="/collections/vendors?q={{ encoded_product_vendor }}" title="{{ encoded_product_vendor }}" target="${"new-tab"===d.openIn?"_blank":"_self"}">
+        ${t.default({styles:r,setting:{...d,text:`${n} {{ product.vendor }}`,excludeFlex:!0,isForceValue:!0},advanced:l,builderProps:o})}
         </a>
       `:`
-        ${Text_liquid.default({styles:t,setting:{...e,text:`${o} {{ product.vendor }}`,excludeFlex:!0,isForceValue:!0},advanced:d,builderProps:r})}
+        ${t.default({styles:r,setting:{...d,text:`${n} {{ product.vendor }}`,excludeFlex:!0,isForceValue:!0},advanced:l,builderProps:o})}
       `}
     {%- endunless -%}
-  `};exports.default=ProductVendor;
+  `};

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),Button=require("../../../button/components/Button.js");const ProductViewMore=({style:e,styles:t,setting:s,advanced:r,builderProps:u,builderAttrs:o,children:n})=>jsxRuntime.jsx("div",{children:jsxRuntime.jsx(Button.default,{styles:t,advanced:r,builderProps:u,builderAttrs:o,setting:{...helpers.getButtonSettings(s)},style:{...styles.getButtonStyle(e,t)},children:n})});exports.default=ProductViewMore;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./common/styles.js"),s=require("./common/helpers.js"),r=require("../../../button/components/Button.js");exports.default=({style:u,styles:n,setting:o,advanced:i,builderProps:l,builderAttrs:d,children:c})=>e.jsx("div",{children:e.jsx(r.default,{styles:n,advanced:i,builderProps:l,builderAttrs:d,setting:{...s.getButtonSettings(o)},style:{...t.getButtonStyle(u,n)},children:c})});

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

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

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

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

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getButtonStyle=(e,t)=>({...e,...core.makeStyleResponsive("ta",t?.align)});exports.getButtonStyle=getButtonStyle;
+"use strict";var e=require("@gem-sdk/core");exports.getButtonStyle=(t,r)=>({...t,...e.makeStyleResponsive("ta",r?.align)});

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

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

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

@@ -1,14 +1,33 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js");const Product=e=>{let{children:t,setting:r,style:i,builderProps:a,rawChildren:o,advanced:d}=e,{isSyncProduct:s,productSetting:n}=r??{},c=n?.hasPreSelected??!1,{rowSetting:l,rowStyles:p,formatVariantId:u,formatProductId:f,productStatus:g,preSelectedOptionIds:m,productHandle:_,advancedStyle:y}=helpers.getData(e),v=()=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@gem-sdk/core"),e=require("../../../grid/components/row/Row.liquid.js"),i=require("@gem-sdk/system"),r=require("../../../helpers.js"),a=require("./common/helpers.js");exports.default=d=>{let{children:o,setting:n,style:s,builderProps:c,rawChildren:l,advanced:p}=d,{isSyncProduct:u,productSetting:f}=n??{},g=f?.hasPreSelected??!1,{rowSetting:m,rowStyles:_,formatVariantId:v,formatProductId:y,productStatus:$,preSelectedOptionIds:S,productHandle:I,advancedStyle:q}=a.getData(d);return t.template`
+    ${t.template`
+      {%- assign gpBkProduct = product -%}
+      ${i.If($==a.DYNAMIC_PRODUCT_STATUS,t.template`
+      {%- liquid
+        if request.page_type != 'product'
+          assign product = all_products['${I}']
+          assign productId = '${y}' | 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
+      -%}
+    `,t.template`
       {%- liquid
         if request.page_type == 'product'
-          if '${g}' == '${helpers.STATIC_PRODUCT_STATUS}'
-            if '${f}' == '${helpers.PRODUCT_ID_LATEST}'
+          if '${$}' == '${a.STATIC_PRODUCT_STATUS}'
+            if '${y}' == '${a.PRODUCT_ID_LATEST}'
               paginate collections.all.products by 100000
                 assign product = collections.all.products | sort: 'created_at' | reverse | first
               endpaginate
             else
-              assign product = all_products['${_}']
-              assign productId = '${f}' | times: 1
+              assign product = all_products['${I}']
+              assign productId = '${y}' | times: 1
               if product == empty or product == null
                 paginate collections.all.products by 100000
                   for item in collections.all.products
@@ -21,13 +40,13 @@
             endif
           endif
         else
-          if '${f}' == '${helpers.PRODUCT_ID_LATEST}'
+          if '${y}' == '${a.PRODUCT_ID_LATEST}'
             paginate collections.all.products by 100000
               assign product = collections.all.products | sort: 'created_at'| reverse | first
             endpaginate
           else
-            assign product = all_products['${_}']
-            assign productId = '${f}' | times: 1
+            assign product = all_products['${I}']
+            assign productId = '${y}' | times: 1
             if product == empty or product == null
               paginate collections.all.products by 100000
                 for item in collections.all.products
@@ -40,46 +59,27 @@
           endif
         endif
       -%}
-    `,$=()=>core.template`
-      {%- liquid
-        if request.page_type != 'product'
-          assign product = all_products['${_}']
-          assign productId = '${f}' | 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
-      -%}
-    `,S=()=>core.template`
-      {%- assign gpBkProduct = product -%}
-      ${system.If(g==helpers.DYNAMIC_PRODUCT_STATUS,$(),v())}
-    `,h=()=>core.template`
-      {%- assign initVariantId = ${u} -%}
-      {%- assign product_form_id = 'product-form-' | append: "${a?.uid}" -%}
-      ${u?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
-      ${u?"{%- assign productSelectedVariant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign productSelectedVariant = product.selected_or_first_available_variant -%}"}
+    `)}
+    `}
+    ${i.LiquidIf("product != empty and product != null",t.template`
+      ${t.template`
+      {%- assign initVariantId = ${v} -%}
+      {%- assign product_form_id = 'product-form-' | append: "${c?.uid}" -%}
+      ${v?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
+      ${v?"{%- assign productSelectedVariant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign productSelectedVariant = product.selected_or_first_available_variant -%}"}
       {%-if productSelectedVariant == empty or productSelectedVariant == null -%}
         {%- assign productSelectedVariant = product.selected_or_first_available_variant -%}
       {%- endif -%}
       {%-if variant == empty or variant == null -%}
         {%- assign variant = product.selected_or_first_available_variant -%}
       {%- endif -%}
-    `,I=()=>core.template`
-      <div class="gp-text-center">${helpers$1.getStaticLocale("Product","product_not_found")}</div>
-    `,q=()=>core.template`
-      ${h()}
+    `}
       <gp-product
-        data-uid="${a?.uid}"
-        data-id="${a?.uid}"
-        style="${y}"
-        class="${d?.cssClass}"
-        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${m}], "isSyncProduct": "${s}", "hasPreSelected": ${c}, "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity | default: 0 }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
+        data-uid="${c?.uid}"
+        data-id="${c?.uid}"
+        style="${q}"
+        class="${p?.cssClass}"
+        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${S}], "isSyncProduct": "${u}", "hasPreSelected": ${g}, "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity | default: 0 }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
       >
         <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }}}</script>
         <product-form class="product-form">
@@ -87,13 +87,13 @@
             <input type="hidden" name="id" value="{{ variant.id }}" />
             <input type="hidden" name="quantity" value="{{ quantity }}" />
             <button type="submit" onclick="return false;" style="display:none;"></button>
-            ${Row_liquid.default({builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-row`},style:i,styles:p,setting:l,children:t,rawChildren:o})}
+            ${e.default({builderProps:{...c,uid:c?.uid,uidInteraction:`${c?.uid}-row`},style:s,styles:_,setting:m,children:o,rawChildren:l})}
           {%- endform -%}
         </product-form>
       </gp-product>
       {%- assign product = gpBkProduct -%}
-    `;return core.template`
-    ${S()}
-    ${system.LiquidIf("product != empty and product != null",q(),I())}
-    ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};exports.default=Product;
+    `,t.template`
+      <div class="gp-text-center">${r.getStaticLocale("Product","product_not_found")}</div>
+    `)}
+    ${t.RenderIf(t.isLocalEnv,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="${t.baseAssetURL}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";const 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};exports.getAlignClasses=getAlignClasses,exports.getStyleOfObject=getStyleOfObject;
+"use strict";exports.getAlignClasses=(t,e)=>{if(!t||!e)return{};let s={};return["tablet","mobile","desktop"].forEach(r=>{s="horizontal"===t[r]?{...s,[`${"desktop"!==r?`${r}:`:""}gp-justify-start`]:"left"===e[r],[`${"desktop"!==r?`${r}:`:""}gp-justify-center`]:"center"===e[r],[`${"desktop"!==r?`${r}:`:""}gp-justify-end`]:"right"===e[r]}:{...s,[`${"desktop"!==r?`${r}:`:""}gp-items-end`]:"right"===e[r],[`${"desktop"!==r?`${r}:`:""}gp-items-start`]:"left"===e[r],[`${"desktop"!==r?`${r}:`:""}gp-items-center`]:"center"===e[r]}}),s},exports.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};

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

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

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

@@ -1 +1 @@
-"use strict";const 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}};exports.getFlexDirection=getFlexDirection;
+"use strict";exports.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}};

package/dist/cjs/product/helpers/product.js

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

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const addToCartTracking=r=>{core.fpixel.addToCart(r),core.gtag.addToCart(r),core.tiktokpixel.addToCart(r)};exports.addToCartTracking=addToCartTracking;
+"use strict";var a=require("@gem-sdk/core");exports.addToCartTracking=r=>{a.fpixel.addToCart(r),a.gtag.addToCart(r),a.tiktokpixel.addToCart(r)};