@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

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

@@ -1,17 +1,17 @@
-"use strict";var e=require("@gem-sdk/core");exports.getIconWidth=o=>o?(e.DEVICES.forEach(e=>{o?.[e]||(o[e]=o.desktop||void 0)}),e.makeStyleResponsive("w",o)):{},exports.getMinusIcon=e=>e||`<svg
+"use strict";var core=require("@gem-sdk/core");const getPlusIcon=o=>o||`<svg
       xmlns="http://www.w3.org/2000/svg"
-      className="gp-h-full gp-w-full"
       fill="none"
       viewBox="0 0 24 24"
       stroke="currentColor"
-      >
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
-      </svg>`,exports.getPlusIcon=e=>e||`<svg
+    >
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"
+      />
+    </svg>`,getMinusIcon=o=>o||`<svg
       xmlns="http://www.w3.org/2000/svg"
+      className="gp-h-full gp-w-full"
       fill="none"
       viewBox="0 0 24 24"
       stroke="currentColor"
-    >
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"
-      />
-    </svg>`;
+      >
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
+      </svg>`,getIconWidth=o=>o?(core.DEVICES.forEach(e=>{o?.[e]||(o[e]=o.desktop||void 0)}),core.makeStyleResponsive("w",o)):{};exports.getIconWidth=getIconWidth,exports.getMinusIcon=getMinusIcon,exports.getPlusIcon=getPlusIcon;

package/dist/cjs/product/components/product-quantity/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,`${t}px`])),r=e=>{if(!e)return e;let t=e.split(" ").map(e=>e.trim());return 4===t.length?`${t[0]} ${t[3]} ${t[2]} ${t[1]}`:e},o=e=>{if(!e)return e;let t={...e},r=t.btlr,o=t.bblr,l=t.btrr,a=t.bbrr;return t.btrr=o,t.bbrr=r,t.btlr=a,t.bblr=l,t},l=e=>{if(!e)return e;let t={...e};return t.width&&(t.width=r(t.width)),t},a=(r,o)=>{if(!r||!o)return{};let l=t(r),a={...e.makeStyleState("brw",l),...e.makeStyleState("blw",l)};return a},s=t=>{if(!t)return{};let r={...t,normal:t?.normal??"transparent"},o={...e.getGlobalColorStateStyle("brc",r),...e.getGlobalColorStateStyle("blc",r)},l=Object.fromEntries(Object.entries(o).filter(([e,t])=>void 0!==t));return l};exports.getButtonStyle=({borderBtn:t,buttonWidth:r,buttonBackgroundColor:a,iconColor:s,corner:n,flipStyle:i,enableHoverButton:p})=>{let b=i?Object.fromEntries(Object.entries(t||{}).map(([e,t])=>[e,l(t)])):t,d=i?Object.fromEntries(Object.entries(n||{}).map(([e,t])=>[e,o(t)])):n,S={...e.makeStyleResponsive("w",r),...e.handleConvertBorderStyle(b),...e.handleConvertBorderWidth(b),...e.handleConvertBorderColor(b),...e.getGlobalColorStateStyle("bg",a),...e.getGlobalColorStateStyle("c",s),...e.composeRadius(d)};return p?S:e.filterHoverVariables(S)},exports.getContainerStyles=({inputHeight:t,align:r})=>({...e.makeStyleResponsive("h",t),...e.makeStyleResponsive("jc",r)}),exports.getInputStyle=t=>{let{styles:r,setting:o}=t,{inputBackgroundColor:l,textColor:n,dividerColor:i,dividerStroke:p}=r??{},{enableHoverInput:b,hasButton:d}=o??{},S=e.composeTypographyStyle(r?.typo,r?.typography),h={...a(p,i),...s(i)},m={...e.getGlobalColorStateStyle("bg",{...l,normal:l?.normal??"transparent"}),...e.getGlobalColorStateStyle("c",{...n,hover:n?.hover??n?.normal}),...d?h:{}},y=r?.inputBorder,u={...e.handleConvertBorderStyle(y),...e.handleConvertBorderWidth(y),...e.handleConvertBorderColor(y)},c={...d?{}:u,...d?{}:e.composeRadiusResponsive(r?.shapeRounded),...e.makeStyle({}),...S,...m,...e.getStyleShadow({value:r?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.typo?.custom?.hasShadowText})};return b?c:e.filterHoverVariables(c)},exports.getWrapperStyles=({backgroundColor:t,styles:r})=>{let o=r?.shapeShadow,l=e.getResponsiveStyleShadowWithoutState(o,"box-shadow",{desktop:o?.desktop??{},tablet:o?.tablet??o?.desktop??{},mobile:o?.mobile??o?.tablet??o?.desktop??{}});return{...e.getGlobalColorResponsiveStyle("bg",t),...e.makeStyleResponsive("maxw",r?.quantityWidth),...e.composeBorderResponsive(r?.shapeBorder),...e.composeRadiusResponsive(r?.shapeRounded),...l}};
+"use strict";var core=require("@gem-sdk/core");const addPxToValues=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,`${t}px`])),flipBorderWidth=e=>{if(!e)return e;let t=e.split(" ").map(e=>e.trim());return 4===t.length?`${t[0]} ${t[3]} ${t[2]} ${t[1]}`:e},flipCornerRadius=e=>{if(!e)return e;let t={...e},r=t.btlr,o=t.bblr,l=t.btrr,a=t.bbrr;return t.btrr=o,t.bbrr=r,t.btlr=a,t.bblr=l,t},flipBorderObject=e=>{if(!e)return e;let t={...e};return t.width&&(t.width=flipBorderWidth(t.width)),t},getDividerWidth=(e,t)=>{if(!e||!t)return{};let r=addPxToValues(e),o={...core.makeStyleState("brw",r),...core.makeStyleState("blw",r)};return o},getDividerColorStyle=e=>{if(!e)return{};let t={...e,normal:e?.normal??"transparent"},r={...core.getGlobalColorStateStyle("brc",t),...core.getGlobalColorStateStyle("blc",t)},o=Object.fromEntries(Object.entries(r).filter(([e,t])=>void 0!==t));return o},getInputStyle=e=>{let{styles:t,setting:r}=e,{inputBackgroundColor:o,textColor:l,dividerColor:a,dividerStroke:n}=t??{},{enableHoverInput:s,hasButton:i}=r??{},d=core.composeTypographyStyle(t?.typo,t?.typography),p={...getDividerWidth(n,a),...getDividerColorStyle(a)},c={...core.getGlobalColorStateStyle("bg",{...o,normal:o?.normal??"transparent"}),...core.getGlobalColorStateStyle("c",{...l,hover:l?.hover??l?.normal}),...i?p:{}},S=t?.inputBorder,b={...core.handleConvertBorderStyle(S),...core.handleConvertBorderWidth(S),...core.handleConvertBorderColor(S)},y={...i?{}:b,...i?{}:core.composeRadiusResponsive(t?.shapeRounded),...core.makeStyle({}),...d,...c,...core.getStyleShadow({value:t?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.typo?.custom?.hasShadowText})};return s?y:core.filterHoverVariables(y)},getButtonStyle=({borderBtn:e,buttonWidth:t,buttonBackgroundColor:r,iconColor:o,corner:l,flipStyle:a,enableHoverButton:n})=>{let s=a?Object.fromEntries(Object.entries(e||{}).map(([e,t])=>[e,flipBorderObject(t)])):e,i=a?Object.fromEntries(Object.entries(l||{}).map(([e,t])=>[e,flipCornerRadius(t)])):l,d={...core.makeStyleResponsive("w",t),...core.handleConvertBorderStyle(s),...core.handleConvertBorderWidth(s),...core.handleConvertBorderColor(s),...core.getGlobalColorStateStyle("bg",r),...core.getGlobalColorStateStyle("c",o),...core.composeRadius(i)};return n?d:core.filterHoverVariables(d)},getContainerStyles=({inputHeight:e,align:t})=>({...core.makeStyleResponsive("h",e),...core.makeStyleResponsive("jc",t)}),getWrapperStyles=({backgroundColor:e,styles:t})=>{let r=t?.shapeShadow,o=core.getResponsiveStyleShadowWithoutState(r,"box-shadow",{desktop:r?.desktop??{},tablet:r?.tablet??r?.desktop??{},mobile:r?.mobile??r?.tablet??r?.desktop??{}});return{...core.getGlobalColorResponsiveStyle("bg",e),...core.makeStyleResponsive("maxw",t?.quantityWidth),...core.composeBorderResponsive(t?.shapeBorder),...core.composeRadiusResponsive(t?.shapeRounded),...o}};exports.getButtonStyle=getButtonStyle,exports.getContainerStyles=getContainerStyles,exports.getInputStyle=getInputStyle,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/product/components/product-quantity/hooks/useProductQuantity.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("react"),n=require("../../product-variants/common/common.js");exports.useProductQuantity=u=>{let{setting:r={},advanced:a}=u,{updatePrice:c}=r,{quantity:i,setQuantity:o,setUpdatePrice:s,increment:d,decrement:l}=e.useQuantity(),p=e.useCurrentVariantInStock(),y=e.useProduct(),m=e.useIsSyncProduct(),{trigger:q}=e.useInteraction(),f=t.useRef(null),g=r.defaultQtyValue||1;t.useEffect(()=>{o(parseFloat(`${g}`))},[o,g]),t.useEffect(()=>{s(c||!1)},[c,s]);let v=e=>{let t=e.detail,n=y?.id;m&&t&&n==t.productId&&i!=t.quantity&&(I(t.quantity),o(t.quantity))};t.useEffect(()=>{window.removeEventListener("set-product-quantity",v),window.addEventListener("set-product-quantity",v)}),n.useTransition(e=>{e!==i&&I(i||0)},[i]);let I=e=>{q({event:"gp:rollback:quantity-change",selector:`[data-id="${a?.uid}"]`,element:f.current}),q({event:"gp:quantity-change",selector:`[data-id="${a?.uid}"]`,data:e,element:f.current})};return{isInStock:p,ref:f,onClickIncrement:()=>{p&&d()},onClickDecrement:()=>{p&&l()},onChangeInput:e=>{p&&o(parseInt(e.target.value,10))},onFocusInput:e=>{p||e.target.blur()}}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react"),common=require("../../product-variants/common/common.js");const useProductQuantity=e=>{let{setting:t={},advanced:r}=e,{updatePrice:u}=t,{quantity:a,setQuantity:n,setUpdatePrice:c,increment:o,decrement:i}=core.useQuantity(),s=core.useCurrentVariantInStock(),d=core.useProduct(),l=core.useIsSyncProduct(),{trigger:y}=core.useInteraction(),m=React.useRef(null),q=t.defaultQtyValue||1;React.useEffect(()=>{n(parseFloat(`${q}`))},[n,q]),React.useEffect(()=>{c(u||!1)},[u,c]);let p=e=>{let t=e.detail,r=d?.id;l&&t&&r==t.productId&&a!=t.quantity&&(f(t.quantity),n(t.quantity))};React.useEffect(()=>{window.removeEventListener("set-product-quantity",p),window.addEventListener("set-product-quantity",p)}),common.useTransition(e=>{e!==a&&f(a||0)},[a]);let f=e=>{y({event:"gp:rollback:quantity-change",selector:`[data-id="${r?.uid}"]`,element:m.current}),y({event:"gp:quantity-change",selector:`[data-id="${r?.uid}"]`,data:e,element:m.current})},v=()=>{s&&o()},g=()=>{s&&i()},R=e=>{s&&n(parseInt(e.target.value,10))},E=e=>{s||e.target.blur()};return{isInStock:s,ref:m,onClickIncrement:v,onClickDecrement:g,onChangeInput:R,onFocusInput:E}};exports.useProductQuantity=useProductQuantity;

package/dist/cjs/product/components/product-quick-view/ProductQuickView.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),s=require("../../../grid/components/row/Row.js"),i=require("../../../grid/components/col/Col.js");require("../../../modal/components/confirm.js");var l=require("../../../modal/components/Modal.js"),o=require("../product-button/ProductButton.js"),u=require("../ProductImages.js"),a=require("../product-price/ProductPrice.js"),d=require("../product-quantity/ProductQuantity.js"),c=require("../product-title/ProductTitle.js"),n=require("../product-variants/ProductVariants.js");const p=()=>{let r=t.useProduct(),{data:l,isValidating:p,error:g}=t.useProductQuery(r?.id);return p?e.jsx("div",{children:e.jsxs("svg",{className:"gp-mx-auto gp-my-20 gp-h-8 gp-w-8 gp-animate-spin gp-text-base",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):g?e.jsx("p",{className:"gp-py-20 gp-text-center gp-font-semibold",children:"Something went wrong"}):e.jsx(t.ProductProvider,{product:l,children:e.jsxs(s.default,{setting:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12]}}},children:[e.jsx(i.default,{children:e.jsx(u.default,{})}),e.jsxs(i.default,{children:[e.jsx(c.default,{setting:{htmlTag:"p"},styles:{typography:{type:"heading-3"}}}),e.jsxs(s.default,{setting:{layout:{desktop:{cols:[6,6],display:"fit"}}},children:[e.jsx(i.default,{children:e.jsx(a.default,{setting:{priceType:"regular"},styles:{typography:{type:"subheading-2"}}})}),e.jsx(i.default,{children:e.jsx(a.default,{setting:{priceType:"compare"},styles:{typography:{type:"paragraph-2"}}})})]}),e.jsx(n.default,{}),e.jsx(d.default,{}),e.jsx(o.default,{})]})]})})},g=({label:s})=>{let[i,o]=r.useState(!1),u=t.usePluginEnable();return u?.includes("quick-view")?e.jsxs("div",{children:[e.jsx("div",{"aria-hidden":!0,role:"button","aria-label":"Quick view",onClick:()=>o(e=>!e),children:s}),e.jsx(l.default,{setting:{open:i},closeOnClickOutside:!0,onClose:()=>o(e=>!e),children:e.jsx(p,{})})]}):null};g.defaultProps={label:"Quick View"},exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),Row=require("../../../grid/components/row/Row.js"),Col=require("../../../grid/components/col/Col.js");require("../../../modal/components/confirm.js");var Modal=require("../../../modal/components/Modal.js"),ProductButton=require("../product-button/ProductButton.js"),ProductImages=require("../ProductImages.js"),ProductPrice=require("../product-price/ProductPrice.js"),ProductQuantity=require("../product-quantity/ProductQuantity.js"),ProductTitle=require("../product-title/ProductTitle.js"),ProductVariants=require("../product-variants/ProductVariants.js");const ModalContent=()=>{let e=core.useProduct(),{data:t,isValidating:r,error:i}=core.useProductQuery(e?.id);return r?jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("svg",{className:"gp-mx-auto gp-my-20 gp-h-8 gp-w-8 gp-animate-spin gp-text-base",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[jsxRuntime.jsx("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsxRuntime.jsx("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):i?jsxRuntime.jsx("p",{className:"gp-py-20 gp-text-center gp-font-semibold",children:"Something went wrong"}):jsxRuntime.jsx(core.ProductProvider,{product:t,children:jsxRuntime.jsxs(Row.default,{setting:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12]}}},children:[jsxRuntime.jsx(Col.default,{children:jsxRuntime.jsx(ProductImages.default,{})}),jsxRuntime.jsxs(Col.default,{children:[jsxRuntime.jsx(ProductTitle.default,{setting:{htmlTag:"p"},styles:{typography:{type:"heading-3"}}}),jsxRuntime.jsxs(Row.default,{setting:{layout:{desktop:{cols:[6,6],display:"fit"}}},children:[jsxRuntime.jsx(Col.default,{children:jsxRuntime.jsx(ProductPrice.default,{setting:{priceType:"regular"},styles:{typography:{type:"subheading-2"}}})}),jsxRuntime.jsx(Col.default,{children:jsxRuntime.jsx(ProductPrice.default,{setting:{priceType:"compare"},styles:{typography:{type:"paragraph-2"}}})})]}),jsxRuntime.jsx(ProductVariants.default,{}),jsxRuntime.jsx(ProductQuantity.default,{}),jsxRuntime.jsx(ProductButton.default,{})]})]})})},ProductQuickView=({label:e})=>{let[t,r]=React.useState(!1),i=core.usePluginEnable();return i?.includes("quick-view")?jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{"aria-hidden":!0,role:"button","aria-label":"Quick view",onClick:()=>r(e=>!e),children:e}),jsxRuntime.jsx(Modal.default,{setting:{open:t},closeOnClickOutside:!0,onClose:()=>r(e=>!e),children:jsxRuntime.jsx(ModalContent,{})})]}):null};ProductQuickView.defaultProps={label:"Quick View"},exports.default=ProductQuickView;

package/dist/cjs/product/components/product-quick-view/QuickView.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),u=require("next/dynamic");const t=u(()=>Promise.resolve().then(function(){return require("./ProductQuickView.js")}),{ssr:!1});exports.default=()=>{let u=r.usePluginEnable();return u?.includes("quick-view")?e.jsx(t,{}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic");const ProductQuickView=dynamic(()=>Promise.resolve().then(function(){return require("./ProductQuickView.js")}),{ssr:!1}),QuickView=()=>{let e=core.usePluginEnable();return e?.includes("quick-view")?jsxRuntime.jsx(ProductQuickView,{}):null};exports.default=QuickView;

package/dist/cjs/product/components/product-sku/Sku.js

@@ -1,2 +1,2 @@
 'use client';
-"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"),s=require("@gem-sdk/system");exports.default=({setting:l,builderProps:u,styles:d})=>{let i=t.useCurrentVariant(),{isPreviewSharePageMode:n}=t.useRenderMode();d?.disableHoverColor&&delete d.underlineLink;let o=l?.label&&l.label.trim().length?`${l.label} ${i?.sku??""}`:`${i?.sku??""}`,a=n?"":e.jsx("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:"This product does not have a SKU 123"});return e.jsx("div",{id:`sku-${u?.uid}`,children:s.If(!i?.sku,a,e.jsx(r.default,{builderProps:u,styles:d,setting:{...l,text:o,excludeFlex:!0}}))})};
+"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"),system=require("@gem-sdk/system");const ProductSku=({setting:e,builderProps:t,styles:s})=>{let r=core.useCurrentVariant(),{isPreviewSharePageMode:u}=core.useRenderMode();s?.disableHoverColor&&delete s.underlineLink;let i=e?.label&&e.label.trim().length?`${e.label} ${r?.sku??""}`:`${r?.sku??""}`,l=u?"":jsxRuntime.jsx("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:"This product does not have a SKU 123"});return jsxRuntime.jsx("div",{id:`sku-${t?.uid}`,children:system.If(!r?.sku,l,jsxRuntime.jsx(Text.default,{builderProps:t,styles:s,setting:{...e,text:i,excludeFlex:!0}}))})};exports.default=ProductSku;

package/dist/cjs/product/components/product-sku/Sku.liquid.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system");exports.default=({setting:a,styles:l,advanced:u,builderProps:i})=>{let d=l?.typo?.attrs?.transform==="capitalize",o=a?.label&&a.label.trim().length?`${d?a.label.toString().toLocaleLowerCase():a.label}`:"";return l?.disableHoverColor&&delete l.underlineLink,e.template`
-    ${s.LiquidUnless("product","<p>Product not found</p>",`{% assign currentVariant = product.selected_or_first_available_variant %}
-      <gp-product-sku gp-data='${JSON.stringify({label:o})}'>
-        ${r.default({styles:l,setting:{...a,text:`${s.LiquidIf("currentVariant.sku.size > 0 ",`${o} ${s.If(d,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:u,builderProps:i,className:"gp-product-sku"})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,styles:t,advanced:s,builderProps:r})=>{let a=t?.typo?.attrs?.transform==="capitalize",l=e?.label&&e.label.trim().length?`${a?e.label.toString().toLocaleLowerCase():e.label}`:"";t?.disableHoverColor&&delete t.underlineLink;let u=()=>{let e=core.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
+    ${system.LiquidUnless("product","<p>Product not found</p>",`{% assign currentVariant = product.selected_or_first_available_variant %}
+      <gp-product-sku gp-data='${JSON.stringify({label:l})}'>
+        ${Text_liquid.default({styles:t,setting:{...e,text:`${system.LiquidIf("currentVariant.sku.size > 0 ",`${l} ${system.If(a,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:s,builderProps:r,className:"gp-product-sku"})}
       </gp-product-sku>
-      ${(()=>{let r=e.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}`)}`};
+      ${u()}`)}`};exports.default=ProductSku;

package/dist/cjs/product/components/product-title/ProductTitle.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("next/link"),t=require("@gem-sdk/core"),s=require("../../../link/common/helpers.js"),i=require("../../../text/components/Text.js"),d=require("@gem-sdk/system"),l=require("./common/helpers.js");exports.default=u=>{let{setting:o,builderProps:n}=u,{isPreviewSharePageMode:c}=t.useRenderMode(),a=t.useProduct(),p=c?`/products/${a?.handle}`:a?.handle?s.urlJoin("/products",a.handle):"#",m=a?.baseID?.replace("gid://shopify/Product/",""),x=t.useEditorMode(),h=()=>e.jsx(i.default,{...l.getTextProps(u,a?.title)}),j={href:p,title:a?.title},f=o?.linkProduct,q=d.createClass({"gp-product-title-link-wrapper":!0}),k=d.createAttr({id:`shopify-text-element-${n?.uid}`,...m&&{"data-product-id":m}});return e.jsx("div",{..."edit"===x&&k,children:d.Unless(!!a,"",d.If(f,e.jsx(r,{...j,className:q,children:h()}),h()))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Link=require("next/link"),core=require("@gem-sdk/core"),helpers=require("../../../link/common/helpers.js"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),helpers$1=require("./common/helpers.js");const ProductTitle=e=>{let{setting:t,builderProps:r}=e,{isPreviewSharePageMode:s}=core.useRenderMode(),i=core.useProduct(),l=s?`/products/${i?.handle}`:i?.handle?helpers.urlJoin("/products",i.handle):"#",o=i?.baseID?.replace("gid://shopify/Product/",""),u=core.useEditorMode(),d=()=>jsxRuntime.jsx(Text.default,{...helpers$1.getTextProps(e,i?.title)}),n={href:l,title:i?.title},c=t?.linkProduct,p=system.createClass({"gp-product-title-link-wrapper":!0}),m=system.createAttr({id:`shopify-text-element-${r?.uid}`,...o&&{"data-product-id":o}});return jsxRuntime.jsx("div",{..."edit"===u&&m,children:system.Unless(!!i,"",system.If(c,jsxRuntime.jsx(Link,{...n,className:p,children:d()}),d()))})};exports.default=ProductTitle;

package/dist/cjs/product/components/product-title/ProductTitle.liquid.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),r=require("../../../text/components/Text.liquid.js"),s=require("@gem-sdk/system"),l=require("./common/helpers.js");exports.default=i=>{let{setting:p,builderProps:a}=i,u=`<p>${t.getStaticLocale("ProductTitle","product_not_found")}</p>`,d=()=>r.default(l.getTextProps(i)),o=s.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),c=p?.linkProduct,n=s.createClass({"gp-product-title-link-wrapper":!0}),g=s.createStateOrContext({setting:{linkProduct:p?.linkProduct},uid:a?.uid});return s.LiquidUnless("product",`${u}`,e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("./common/helpers.js");const ProductTitle=e=>{let{setting:t,builderProps:r}=e,s=`<p>${helpers.getStaticLocale("ProductTitle","product_not_found")}</p>`,l=()=>Text_liquid.default(helpers$1.getTextProps(e)),i=system.createAttr({href:"{{ product.url }}",title:"{{ product.title }}"}),o=t?.linkProduct,c=system.createClass({"gp-product-title-link-wrapper":!0}),p=system.createStateOrContext({setting:{linkProduct:t?.linkProduct},uid:r?.uid}),u=()=>{let e=core.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return system.LiquidUnless("product",`${s}`,core.template`
       <gp-product-title
-        gp-data='${e.dataStringify(g)}'
+        gp-data='${core.dataStringify(p)}'
       >
-        ${s.If(c,e.template`<a ${o} class="${n}">
-            ${d()}
-            </a>`,e.template`${d()}`)}
+        ${system.If(o,core.template`<a ${i} class="${c}">
+            ${l()}
+            </a>`,core.template`${l()}`)}
       </gp-product-title>
-      ${(()=>{let r=e.isLocalEnv?"{{ 'gp-product-title-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-title-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}
-    `)};
+      ${u()}
+    `)};exports.default=ProductTitle;

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

@@ -1 +1 @@
-"use strict";exports.getTextProps=(t,e)=>{let{setting:r,builderProps:s,styles:x,advanced:l}=t;return{builderProps:s,styles:x,setting:{...r,text:e||"{{ product.title }}",excludeFlex:!0},advanced:l}};
+"use strict";const getTextProps=(t,e)=>{let{setting:r,builderProps:s,styles:x,advanced:o}=t;return{builderProps:s,styles:x,setting:{...r,text:e||"{{ product.title }}",excludeFlex:!0},advanced:o}};exports.getTextProps=getTextProps;

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

@@ -1,8 +1,8 @@
-"use strict";var e=require("@gem-sdk/core"),i=require("@gem-sdk/system"),s=require("./common/const.js");exports.renderOptionValuesNewFormatSwatches=n=>{let{renderVariantItem:t,variantPresetsLiquid:r}=n;return e.template`
-    ${i.Liquid("{%- assign optionRendered = false -%}")}
-    ${i.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatchesJSONFormat.value -%}")}
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),_const=require("./common/const.js");const renderOptionValuesNewFormatSwatches=e=>{let{renderVariantItem:s,variantPresetsLiquid:i}=e;return core.template`
+    ${system.Liquid("{%- assign optionRendered = false -%}")}
+    ${system.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatchesJSONFormat.value -%}")}
 
-    ${i.Liquid(`{% for swatch in swatches %}
+    ${system.Liquid(`{% for swatch in swatches %}
       {%- assign optionTitle = swatch.optionTitle -%}
       {%- assign optionType = swatch.optionType -%}
       {%- assign labelsString = "" -%}
@@ -10,18 +10,18 @@
       {%- assign imageUrlsString = "" -%}
 
       {% for optionValue in swatch.optionValues %}
-        {%- assign labelsString = labelsString | append: optionValue.label | append: '${s.OPTION_VALUES_DELIMITER}' -%}
-        {%- assign colorsJoined = optionValue.colors | join: '${s.OPTION_VALUES_DELIMITER}' -%}
-        {%- assign colorArraysString = colorArraysString | append: colorsJoined | append: '${s.OPTION_VALUES_DELIMITER}' -%}
-        {%- assign imageUrlsString = imageUrlsString | append: optionValue.imageUrl | append: '${s.OPTION_VALUES_DELIMITER}' -%}
+        {%- assign labelsString = labelsString | append: optionValue.label | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
+        {%- assign colorsJoined = optionValue.colors | join: '${_const.OPTION_VALUES_DELIMITER}' -%}
+        {%- assign colorArraysString = colorArraysString | append: colorsJoined | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
+        {%- assign imageUrlsString = imageUrlsString | append: optionValue.imageUrl | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
       {% endfor %}
 
-      {%- assign labels = labelsString | split: '${s.OPTION_VALUES_DELIMITER}' | slice: 0, labelsString.size -%}
-      {%- assign colorStrings = colorArraysString | split: '${s.OPTION_VALUES_DELIMITER}' | slice: 0, colorArraysString.size -%}
-      {%- assign imageUrls = imageUrlsString | split: '${s.OPTION_VALUES_DELIMITER}' | slice: 0, imageUrlsString.size -%}
+      {%- assign labels = labelsString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, labelsString.size -%}
+      {%- assign colorStrings = colorArraysString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, colorArraysString.size -%}
+      {%- assign imageUrls = imageUrlsString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, imageUrlsString.size -%}
 
       {% if optionTitle == option.name %}
-        {%- assign variantPresetString = "${r}" -%}
+        {%- assign variantPresetString = "${i}" -%}
         {%- assign optionName = option.name | replace: "'", "'" | replace: '"', """ -%}
         {%- assign items = variantPresetString | split: '($2)' -%}
         {%- assign type = 'dropdown' -%}
@@ -33,9 +33,9 @@
         {% endfor %}
         {%- assign optionRendered = true -%}
 
-        ${t({showDropdown:!0})}
+        ${s({showDropdown:!0})}
       {% endif %}
     {% endfor %}`)}
 
-    ${i.LiquidIf("optionRendered == false",t({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};
+    ${system.LiquidIf("optionRendered == false",s({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+  `};exports.renderOptionValuesNewFormatSwatches=renderOptionValuesNewFormatSwatches;

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

@@ -1,19 +1,19 @@
-"use strict";var i=require("@gem-sdk/system"),e=require("@gem-sdk/core");exports.renderOptionValuesOld=s=>{let{renderVariantItem:t,variantPresetsLiquid:a}=s;return e.template`
-    ${i.Liquid("{%- assign optionRendered = false -%}")}
-    ${i.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
-    ${i.Liquid("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
+"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core");const renderOptionValuesOld=s=>{let{renderVariantItem:e,variantPresetsLiquid:i}=s;return core.template`
+    ${system.Liquid("{%- assign optionRendered = false -%}")}
+    ${system.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
+    ${system.Liquid("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
 
-    ${i.LiquidFor("swatchesItem in swatchesItems",`
-      ${i.Liquid('{%- assign colorArraysString = "" -%}')}
-      ${i.Liquid('{%- assign labelsString = "" -%}')}
-      ${i.Liquid('{%- assign imageUrlsString = "" -%}')}
-      ${i.Liquid("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
+    ${system.LiquidFor("swatchesItem in swatchesItems",`
+      ${system.Liquid('{%- assign colorArraysString = "" -%}')}
+      ${system.Liquid('{%- assign labelsString = "" -%}')}
+      ${system.Liquid('{%- assign imageUrlsString = "" -%}')}
+      ${system.Liquid("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
 
-      ${i.LiquidFor("attrItem in attrItems",`
-          ${i.Liquid("{%- assign attrs = attrItem | split: '($2)' -%}")}
-          ${i.Liquid("{%- assign optionKey = attrs[0] -%}")}
-          ${i.Liquid("{%- assign optionValue = attrs[1] -%}")}
-          ${i.Liquid(`
+      ${system.LiquidFor("attrItem in attrItems",`
+          ${system.Liquid("{%- assign attrs = attrItem | split: '($2)' -%}")}
+          ${system.Liquid("{%- assign optionKey = attrs[0] -%}")}
+          ${system.Liquid("{%- assign optionValue = attrs[1] -%}")}
+          ${system.Liquid(`
             {% if optionKey == 'optionTitle' %}
               {% assign optionTitle = optionValue %}
             {% elsif optionKey == 'optionType' %}
@@ -21,46 +21,46 @@
             {% endif %}
           `)}
 
-          ${i.LiquidIf('optionKey == "optionValues"',`
-            ${i.Liquid("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
-            ${i.LiquidFor("opValueItem in opValueItems",`
-                ${i.Liquid("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
-                ${i.LiquidFor("opValueItemAttr in opValueItemAttrs",`
-                    ${i.Liquid("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
-                    ${i.Liquid("{%- assign opValueItemKey = attrs[0] -%}")}
-                    ${i.Liquid("{%- assign opValueItemValue = attrs[1] -%}")}
+          ${system.LiquidIf('optionKey == "optionValues"',`
+            ${system.Liquid("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
+            ${system.LiquidFor("opValueItem in opValueItems",`
+                ${system.Liquid("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
+                ${system.LiquidFor("opValueItemAttr in opValueItemAttrs",`
+                    ${system.Liquid("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
+                    ${system.Liquid("{%- assign opValueItemKey = attrs[0] -%}")}
+                    ${system.Liquid("{%- assign opValueItemValue = attrs[1] -%}")}
 
-                    ${i.LiquidIf('opValueItemKey == "label"',`${i.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
-                       ${i.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
+                    ${system.LiquidIf('opValueItemKey == "label"',`${system.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
+                       ${system.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
 
-                    ${i.LiquidIf('opValueItemKey == "colors"',`${i.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
-                       ${i.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
+                    ${system.LiquidIf('opValueItemKey == "colors"',`${system.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
+                       ${system.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
 
-                    ${i.LiquidIf('opValueItemKey == "imageUrl"',`${i.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
-                       ${i.Liquid('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}
+                    ${system.LiquidIf('opValueItemKey == "imageUrl"',`${system.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
+                       ${system.Liquid('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}
                   `)}
               `)}
             `)}
         `)}
 
-      ${i.Liquid("{%- assign labels = labelsString | split: '($8)' -%}")}
-      ${i.Liquid("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
-      ${i.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
+      ${system.Liquid("{%- assign labels = labelsString | split: '($8)' -%}")}
+      ${system.Liquid("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
+      ${system.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
 
-      ${i.LiquidIf("optionTitle == option.name",`
-        ${i.Liquid(`{%- assign variantPresetString = "${a}" -%}`)}
-        ${i.Liquid('{%- assign optionName = option.name | replace: "\'", "'" | replace: \'"\', """ -%}')}
-        ${i.Liquid("{%- assign items = variantPresetString | split:'($2)' -%}")}
-        ${i.Liquid("{%- assign type = 'dropdown' -%}")}
-        ${i.LiquidFor("item in items",`
-            ${i.Liquid("{%- assign itemPreset = item | split:'($1)' -%}")}
-            ${i.LiquidIf("itemPreset[0] == optionName",i.Liquid("{%- assign type = itemPreset[1] -%}"))}
-            ${i.LiquidIf('itemPreset[0] == "base"',i.Liquid("{%- assign type = itemPreset[1] -%}"))}
+      ${system.LiquidIf("optionTitle == option.name",`
+        ${system.Liquid(`{%- assign variantPresetString = "${i}" -%}`)}
+        ${system.Liquid('{%- assign optionName = option.name | replace: "\'", "'" | replace: \'"\', """ -%}')}
+        ${system.Liquid("{%- assign items = variantPresetString | split:'($2)' -%}")}
+        ${system.Liquid("{%- assign type = 'dropdown' -%}")}
+        ${system.LiquidFor("item in items",`
+            ${system.Liquid("{%- assign itemPreset = item | split:'($1)' -%}")}
+            ${system.LiquidIf("itemPreset[0] == optionName",system.Liquid("{%- assign type = itemPreset[1] -%}"))}
+            ${system.LiquidIf('itemPreset[0] == "base"',system.Liquid("{%- assign type = itemPreset[1] -%}"))}
           `)}
-        ${i.Liquid("{%- assign optionRendered = true -%}")}
-        ${t({showDropdown:!0})}
+        ${system.Liquid("{%- assign optionRendered = true -%}")}
+        ${e({showDropdown:!0})}
       `)}
     `)}
 
-    ${i.LiquidIf("optionRendered == false",t({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};
+    ${system.LiquidIf("optionRendered == false",e({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+  `};exports.renderOptionValuesOld=renderOptionValuesOld;

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

@@ -1,2 +1,2 @@
 'use client';
-"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"),a=require("./components/variants/index.js"),o=require("./components/dropdown-swatches/Dropdown.js"),s=require("./components/dropdown-group/DropdownGroup.js"),n=require("../../../common/components/NoDataState.js"),i=require("@gem-sdk/system"),l=require("./common/main/styles.js"),p=require("./common/main/getAttr.js"),c=require("./common/main/classes.js"),u=require("./common/main/getData.js"),d=require("./hooks/useGpVariants.js"),m=require("./common/variants/classes.js"),y=require("./common/variants/styles.js");exports.default=g=>{let{t:j}=t.useI18nStore(),{builderProps:f,styles:h,setting:x}=g,{align:v,optionTypo:S,swatchItemWidth:q,dropdownItemWidth:w,swatchSpacing:V,marginBottom:C}=h??{},{label:D,showAsSwatches:N,layout:T,hasPreSelected:b}=x??{},{uid:A}=f??{},O=t.useVariants(),{mode:k,options:E,variantId:G,elementRef:I,variantGroup:W,isChangeVariant:P,selectedOptions:$,isDefaultVariant:_,getVariantConfiguration:B,redirectProductShopifyLink:M}=d.useGpVariants(g,O),R=()=>{let e={};return t.DEVICES.forEach(r=>{let a=t.getResponsiveValueByScreen(q,r);e[r]="auto"===a}),e},z=()=>{let e={};return t.DEVICES.forEach(t=>{e[t]=w?.[t]==="fill"}),e},K=i.createClass(c.getWrapDropdownClass(v)),F=u.getDropdownGroupData(g);if(_&&"edit"===k)return e.jsx(n.default,{elementType:"secondary",description:j("Setup options like colors, sizes with product variant."),descriptionActions:[{text:j("Add new variant"),callback:M},{text:j("sync data"),callback:"syncProduct"}]});if(_)return;let H=i.createAttr(p.getAttrs({uid:A,hasPreSelected:b})),J=i.createStyle(l.getWrapperStyle(g)),L=i.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return e.jsx("div",{ref:I,...H,className:L,style:J,children:i.If(W,e.jsx("div",{className:K,children:e.jsx(s.default,{...F})}),(()=>{let s=E?.filter(e=>{let t=B(e.name);return!t?.hide});return s?.map((n,p)=>{let d=B(n.name),j=d?d.optionType:n.optionType,f=d?d.presets[d.optionType||"rectangle_list"]?.spacing:V,q=(b||G)&&n.name?$?.[n.name]:void 0,w=i.createClass(c.getVariantOptionGroupClass(v)),k=i.createStyle(l.getVariantOptionGroupStyle(V,f)),I=u.getTextVariantTitleData(g,"React",{optionName:n.name,hasPreSelected:b,selectedOptions:$,styleOptionSelected:j}),W=i.createClass(m.getWrapVariantOptionClass(T,v)),_=p===s.length-1;return e.jsxs("div",{className:W,style:i.createStyle(y.getMarginBottomStyle(C,_)),children:[i.If(D,e.jsx(r.default,{...I})),e.jsxs("div",{className:w,style:k,children:[N&&t.OptionSpecialStyle.includes(`${j}`)&&n.values.map(t=>{let r=(!!b||!!P||!!G)&&!!n.name&&$?.[n.name]===t.label;return e.jsx(a.default,{variantKey:`${n.id}-${t.id}`,showAsSwatches:N,uid:A,optionName:n.name??"",optionValue:t.label??"",name:n.name,value:t,optionNumber:E.length,optionPosition:p,...h,...x,presetConfiguration:B(n.name),checked:r,typeOfOption:j||"dropdown",swatchAutoWidth:R(),optionTypo:S},t.id)}),i.If(("dropdown"===j||N&&!t.OptionSpecialStyle.includes(`${j}`))&&"radio_buttons"!==j,e.jsx(o.default,{...h,...x,variants:O,option:n,initValue:q,presetConfiguration:B(n.name),swatchAutoWidth:z(),optionTypo:S,optionPosition:p,optionNumber:E.length}))]})]},n.id)})})())})};
+"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"),index=require("./components/variants/index.js"),Dropdown=require("./components/dropdown-swatches/Dropdown.js"),DropdownGroup=require("./components/dropdown-group/DropdownGroup.js"),NoDataState=require("../../../common/components/NoDataState.js"),system=require("@gem-sdk/system"),styles=require("./common/main/styles.js"),getAttr=require("./common/main/getAttr.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),useGpVariants=require("./hooks/useGpVariants.js"),classes$1=require("./common/variants/classes.js"),styles$1=require("./common/variants/styles.js");const ProductVariants=e=>{let{t}=core.useI18nStore(),{builderProps:s,styles:a,setting:r}=e,{align:o,optionTypo:n,swatchItemWidth:i,dropdownItemWidth:l,swatchSpacing:c,marginBottom:p}=a??{},{label:u,showAsSwatches:m,layout:d,hasPreSelected:y}=r??{},{uid:x}=s??{},j=core.useVariants(),{mode:g,options:f,variantId:h,elementRef:w,variantGroup:D,isChangeVariant:S,selectedOptions:v,isDefaultVariant:V,getVariantConfiguration:q,redirectProductShopifyLink:R}=useGpVariants.useGpVariants(e,j),C=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(i,t);e[t]="auto"===s}),e},N=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=l?.[t]==="fill"}),e},T=()=>{let t=f?.filter(e=>{let t=q(e.name);return!t?.hide});return t?.map((s,i)=>{let l=q(s.name),g=l?l.optionType:s.optionType,w=l?l.presets[l.optionType||"rectangle_list"]?.spacing:c,D=(y||h)&&s.name?v?.[s.name]:void 0,V=system.createClass(classes.getVariantOptionGroupClass(o)),R=system.createStyle(styles.getVariantOptionGroupStyle(c,w)),T=getData.getTextVariantTitleData(e,"React",{optionName:s.name,hasPreSelected:y,selectedOptions:v,styleOptionSelected:g}),A=system.createClass(classes$1.getWrapVariantOptionClass(d,o)),G=i===t.length-1;return jsxRuntime.jsxs("div",{className:A,style:system.createStyle(styles$1.getMarginBottomStyle(p,G)),children:[system.If(u,jsxRuntime.jsx(Text.default,{...T})),jsxRuntime.jsxs("div",{className:V,style:R,children:[m&&core.OptionSpecialStyle.includes(`${g}`)&&s.values.map(e=>{let t=(!!y||!!S||!!h)&&!!s.name&&v?.[s.name]===e.label;return jsxRuntime.jsx(index.default,{variantKey:`${s.id}-${e.id}`,showAsSwatches:m,uid:x,optionName:s.name??"",optionValue:e.label??"",name:s.name,value:e,optionNumber:f.length,optionPosition:i,...a,...r,presetConfiguration:q(s.name),checked:t,typeOfOption:g||"dropdown",swatchAutoWidth:C(),optionTypo:n},e.id)}),system.If(("dropdown"===g||m&&!core.OptionSpecialStyle.includes(`${g}`))&&"radio_buttons"!==g,jsxRuntime.jsx(Dropdown.default,{...a,...r,variants:j,option:s,initValue:D,presetConfiguration:q(s.name),swatchAutoWidth:N(),optionTypo:n,optionPosition:i,optionNumber:f.length}))]})]},s.id)})},A=system.createClass(classes.getWrapDropdownClass(o)),G=getData.getDropdownGroupData(e),b=()=>jsxRuntime.jsx("div",{className:A,children:jsxRuntime.jsx(DropdownGroup.default,{...G})});if(V&&"edit"===g)return jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:t("Setup options like colors, sizes with product variant."),descriptionActions:[{text:t("Add new variant"),callback:R},{text:t("sync data"),callback:"syncProduct"}]});if(V)return;let O=system.createAttr(getAttr.getAttrs({uid:x,hasPreSelected:y})),$=system.createStyle(styles.getWrapperStyle(e)),k=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return jsxRuntime.jsx("div",{ref:w,...O,className:k,style:$,children:system.If(D,b(),T())})};exports.default=ProductVariants;

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

@@ -1,43 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../text/components/Text.liquid.js"),i=require("./components/variants/index.liquid.js"),s=require("./components/dropdown-swatches/Dropdown.liquid.js"),a=require("./components/dropdown-group/DropdownGroup.liquid.js"),o=require("../../../helpers.js"),n=require("./utils/mappingVariantStyles.js"),r=require("@gem-sdk/system"),p=require("./common/main/getAttr.js"),l=require("./common/main/styles.js"),d=require("./common/main/classes.js"),u=require("./common/main/getData.js"),c=require("./common/variants/classes.js"),m=require("../../helpers/function.js"),v=require("./common/variants/styles.js"),f=require("./OptionVariantsNewFormat.liquid.js"),g=require("./OptionVariantsOldFormat.liquid.js");const $={desktop:!0,tablet:!0,mobile:!0};exports.default=_=>{let{builderProps:q,styles:y,setting:h,advanced:j}=_,{align:S,swatchItemWidth:L,dropdownItemWidth:w,swatchSpacing:O,optionTypo:b,marginBottom:V}=y??{},{label:P,optionType:D,showAsSwatches:x,layout:C,hasPreSelected:E}=h??{},I=j?.d??$,{uid:A}=q??{},N=()=>{let t={};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(L,i);t[i]="auto"===s}),t},F=()=>{let t={};return e.DEVICES.forEach(e=>{t[e]=w?.[e]==="fill"}),t},T=h?.variantPresets?n.mappingVariantStyles(h?.variantPresets,y):[],G=T?.map(e=>(e.presets={[e.optionType]:e.presets[e.optionType]},e)),k={...h,variantPresets:G},z=e=>{let t={"'":"'",'"':"""},i=e;for(let s in t)e.indexOf(s)>=0&&(i=i.replaceAll(s,t[s]));return i},W=({showDropdown:t,isRenderDefault:a,typeOfOption:o})=>e.template`
-    ${r.LiquidFor("value in values",i.default({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:x,uid:A,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:E?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:o,activeClass:E?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...y,...k,swatchAutoWidth:N(),optionTypo:b,isRenderDefault:a}))}
-      ${r.LiquidIf(t?'type == "dropdown"':"false",s.default({...y,...k,swatchAutoWidth:F(),optionTypo:b}))}`,J=h?.variantPresets?.map(e=>({name:z(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),M={renderVariantItem:W,variantPresetsLiquid:J??""},R=r.createClass(d.getVariantOptionGroupClass(S)),B=r.createStyle(l.getVariantOptionGroupStyle(O,O)),U=u.getTextVariantTitleData(_,"Liquid"),H=r.createClass(c.getWrapVariantOptionClass(C,S)),K=r.createClass(d.getWrapDropdownClass(S)),Q=u.getDropdownGroupData(_),X=r.createAttr(p.getAttrs({uid:A,hasPreSelected:E,cssClass:j?.cssClass})),Y=r.createStyle(l.getWrapperStyle(_)),Z=r.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return e.template`
-    ${r.Liquid("{%- assign total_combinations = 1 -%}")}
-    ${r.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
-    <gp-product-variants
-      ${X}
-      gp-data='{
-        "setting":${JSON.stringify(k)?.replaceAll("'","&#039;")},
-        "styles":${JSON.stringify(y)},
-        "variants":{{product.variants | json | escape}},
-        "optionsWithValues": {{product.options_with_values | json | escape}},
-        "variantSelected": {{ variant | json | escape }},
-        "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json | escape}},
-        "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json | escape}},
-        "moneyFormat": {{shop.money_format | json | escape}},
-        "productId": {{product.id | json | escape}},
-        "productUrl": {{product.url | json | escape}},
-        "productHandle": {{product.handle | json | escape}},
-        "displayState": ${JSON.stringify(I)},
-        "totalVariantCombinations": {{total_combinations}},
-        "firstAvailableVariant": {{product.selected_or_first_available_variant | json | escape}}
-      }
-    '>
-      <div class="gp-hidden" style="--hvr-shadow: none; --hvr-shadow-tablet: none; --hvr-shadow-mobile: none"></div>
-      ${r.Liquid("{%- assign options = product.options_with_values -%}")}
-      ${r.Liquid("{%- assign variants = product.variants -%}")}
-      ${r.LiquidIf("options.size == 0 or options.size == 1 and variants.size == 1 and variants[0].title == 'Default Title' and variants[0].option1 == 'Default Title'","<div></div>",e.template`<div
-            class="${Z}"
-            style="${Y}"
-          >
-          ${r.If("groupOption"===D,`
-      <div className="${K}">
-        ${a.default(Q)}
-      </div>
-    `,e.template`
-      ${r.Liquid(`{%- assign presets = "${h?.variantPresets?.map(e=>`${z(e.optionName)}($2)${e.optionType}`).join("($1)")}" | split: '($1)' -%}`)}
-      ${r.Liquid(`{% assign hiddenPresetOptions = "${h?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(",")}" | split: ',' %}`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../../text/components/Text.liquid.js"),index_liquid=require("./components/variants/index.liquid.js"),Dropdown_liquid=require("./components/dropdown-swatches/Dropdown.liquid.js"),DropdownGroup_liquid=require("./components/dropdown-group/DropdownGroup.liquid.js"),helpers=require("../../../helpers.js"),mappingVariantStyles=require("./utils/mappingVariantStyles.js"),system=require("@gem-sdk/system"),getAttr=require("./common/main/getAttr.js"),styles=require("./common/main/styles.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),classes$1=require("./common/variants/classes.js"),_function=require("../../helpers/function.js"),styles$1=require("./common/variants/styles.js"),OptionVariantsNewFormat_liquid=require("./OptionVariantsNewFormat.liquid.js"),OptionVariantsOldFormat_liquid=require("./OptionVariantsOldFormat.liquid.js");const DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=e=>{let{builderProps:t,styles:s,setting:i,advanced:a}=e,{align:o,swatchItemWidth:n,dropdownItemWidth:r,swatchSpacing:l,optionTypo:p,marginBottom:d}=s??{},{label:u,optionType:m,showAsSwatches:c,layout:y,hasPreSelected:v}=i??{},g=a?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:_}=t??{},f="groupOption"===m,q=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(n,t);e[t]="auto"===s}),e},$=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=r?.[t]==="fill"}),e},h=i?.variantPresets?mappingVariantStyles.mappingVariantStyles(i?.variantPresets,s):[],S=h?.map(e=>({...e,presets:{[e.optionType]:e.presets[e.optionType]}})),w={...i,variantPresets:S},L=e=>{let t={"'":"&apos;",'"':"&quot;"},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},j=()=>i?.variantPresets?.map(e=>`${L(e.optionName)}($2)${e.optionType}`).join("($1)"),O=()=>i?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),V=({showDropdown:e,isRenderDefault:t,typeOfOption:i})=>core.template`
+    ${system.LiquidFor("value in values",index_liquid.default({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:c,uid:_,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:v?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:i,activeClass:v?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...s,...w,swatchAutoWidth:q(),optionTypo:p,isRenderDefault:t}))}
+      ${system.LiquidIf(e?'type == "dropdown"':"false",Dropdown_liquid.default({...s,...w,swatchAutoWidth:$(),optionTypo:p}))}`,D=i?.variantPresets?.map(e=>({name:L(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),A={renderVariantItem:V,variantPresetsLiquid:D??""},b=system.createClass(classes.getVariantOptionGroupClass(o)),P=system.createStyle(styles.getVariantOptionGroupStyle(l,l)),E=getData.getTextVariantTitleData(e,"Liquid"),x=system.createClass(classes$1.getWrapVariantOptionClass(y,o)),N=()=>core.template`
+      ${system.Liquid(`{%- assign presets = "${j()}" | split: '($1)' -%}`)}
+      ${system.Liquid(`{% assign hiddenPresetOptions = "${O()}" | split: ',' %}`)}
       
-      ${r.Liquid(`{% assign all_option_names = options | map: 'name' %}
+      ${system.Liquid(`{% assign all_option_names = options | map: 'name' %}
       {% assign filtered_options_string = '' %}
       {% assign delimiter = '||' %}
       
@@ -60,29 +27,29 @@
       
       {% assign filtered_options_array = filtered_options_string | split: delimiter %}`)}
       
-      ${r.Liquid("{% assign last_option_name = filtered_options_array | last %}")}
+      ${system.Liquid("{% assign last_option_name = filtered_options_array | last %}")}
       
-      ${r.LiquidFor("option in options",`
+      ${system.LiquidFor("option in options",`
         <div
         option-name="{{option.name | escape}}"
-        class="${H} ${r.LiquidIf("hiddenPresetOptions contains option.name","gp-hidden")}"
-        style="${m.getStyleOfObject(v.getMarginBottomStyle(V))}${r.Liquid("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
+        class="${x} ${system.LiquidIf("hiddenPresetOptions contains option.name","gp-hidden")}"
+        style="${_function.getStyleOfObject(styles$1.getMarginBottomStyle(d))}${system.Liquid("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
         >
-          ${r.Liquid("{%- assign showVariantClass = 'variant-display' -%}")}
-          ${r.Liquid("{%- assign optionName = option.name  -%}")}
-          ${r.LiquidFor("preset in presets",`
-            ${r.Liquid("{%- assign presetDetail = preset | split: '($2)' -%}")}
-            ${r.LiquidIf("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${r.Liquid("{%- assign showVariantClass = '' -%}")} ${r.Liquid("{%- break -%}")}`)}
+          ${system.Liquid("{%- assign showVariantClass = 'variant-display' -%}")}
+          ${system.Liquid("{%- assign optionName = option.name  -%}")}
+          ${system.LiquidFor("preset in presets",`
+            ${system.Liquid("{%- assign presetDetail = preset | split: '($2)' -%}")}
+            ${system.LiquidIf("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${system.Liquid("{%- assign showVariantClass = '' -%}")} ${system.Liquid("{%- break -%}")}`)}
           `)}
-          ${r.If(P,t.default(U)," ")}
+          ${system.If(u,Text_liquid.default(E)," ")}
           <div
               variant-option-name="{{option.name | escape}}"
-              class="${R}"
-              style="${m.getStyleOfObject(B)}"
+              class="${b}"
+              style="${_function.getStyleOfObject(P)}"
             >
-              ${r.Liquid("{%- assign values = option.values -%}")}
-              ${r.Liquid("{%- assign rootForloop = forloop.index0 -%}")}
-              ${r.Liquid(`
+              ${system.Liquid("{%- assign values = option.values -%}")}
+              ${system.Liquid("{%- assign rootForloop = forloop.index0 -%}")}
+              ${system.Liquid(`
                 {%- if option.position == 1 -%}
                   {%- assign selectedValue = variant.option1 -%}
                 {%- elsif option.position == 2 -%}
@@ -91,15 +58,48 @@
                   {%- assign selectedValue = variant.option3 -%}
                 {%- endif -%}
               `)}
-              ${r.If(!E,r.Liquid("{%- assign selectedValue = null -%}"),"")}
-              ${r.If(x,e.template`
-      ${r.LiquidIf("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",f.renderOptionValuesNewFormatSwatches(M),g.renderOptionValuesOld(M))}
-      `,W({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+              ${system.If(!v,system.Liquid("{%- assign selectedValue = null -%}"),"")}
+              ${system.If(c,T(),V({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
           </div>
       </div>`)}
-    `)}
+    `,T=()=>core.template`
+      ${system.LiquidIf("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",OptionVariantsNewFormat_liquid.renderOptionValuesNewFormatSwatches(A),OptionVariantsOldFormat_liquid.renderOptionValuesOld(A))}
+      `,I=system.createClass(classes.getWrapDropdownClass(o)),F=getData.getDropdownGroupData(e),C=()=>`
+      <div className="${I}">
+        ${DropdownGroup_liquid.default(F)}
+      </div>
+    `,G=system.createAttr(getAttr.getAttrs({uid:_,hasPreSelected:v,cssClass:a?.cssClass})),k=system.createStyle(styles.getWrapperStyle(e)),z=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0}),W=()=>{let e=core.isLocalEnv?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
+    ${system.Liquid("{%- assign total_combinations = 1 -%}")}
+    ${system.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
+    <gp-product-variants
+      ${G}
+      gp-data='{
+        "setting":${JSON.stringify(w)?.replaceAll("'","&#039;")},
+        "styles":${JSON.stringify(s)},
+        "variants":{{product.variants | json | escape}},
+        "optionsWithValues": {{product.options_with_values | json | escape}},
+        "variantSelected": {{ variant | json | escape }},
+        "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json | escape}},
+        "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json | escape}},
+        "moneyFormat": {{shop.money_format | json | escape}},
+        "productId": {{product.id | json | escape}},
+        "productUrl": {{product.url | json | escape}},
+        "productHandle": {{product.handle | json | escape}},
+        "displayState": ${JSON.stringify(g)},
+        "totalVariantCombinations": {{total_combinations}},
+        "firstAvailableVariant": {{product.selected_or_first_available_variant | json | escape}}
+      }
+    '>
+      <div class="gp-hidden" style="--hvr-shadow: none; --hvr-shadow-tablet: none; --hvr-shadow-mobile: none"></div>
+      ${system.Liquid("{%- assign options = product.options_with_values -%}")}
+      ${system.Liquid("{%- assign variants = product.variants -%}")}
+      ${system.LiquidIf("options.size == 0 or options.size == 1 and variants.size == 1 and variants[0].title == 'Default Title' and variants[0].option1 == 'Default Title'","<div></div>",core.template`<div
+            class="${z}"
+            style="${k}"
+          >
+          ${system.If(f,C(),N())}
         </div>`)}
     </gp-product-variants>
 
-    ${(()=>{let t=e.isLocalEnv?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${e.baseAssetURL}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o.getSettingPreloadData('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}
-  `};
+    ${W()}
+  `};exports.default=ProductVariants;

package/dist/cjs/product/components/product-variants/common/base/attrs.js

@@ -1 +1 @@
-"use strict";exports.getWrapperAttr=(a,e)=>{let{typeOfOption:t,available:i,optionName:o,optionNameValue:p,isVariantOutStock:n}=a;return"Liquid"===e?{id:"value-wrapper-{{option.name | escape | strip | handleize}}-{{value | escape | strip | handleize}}","option-data":"{{option.name | escape}}","option-value":"{{value | escape}}","option-position":"{{option.position}}","data-gp-option-available":"{{value.available}}","option-type":`${t||"rectangle_list"}`,"data-disabled":"{%- if option_disabled == true -%} disabled  {%- endif -%}","data-hidden":"true"}:{id:`value-wrapper-${o}-${p}`,"option-data":o||"","option-value":p||"","option-position":1,"data-gp-option-available":!!i,"option-type":`${t||"rectangle_list"}`,"data-disabled":!!n,"data-hidden":"true"}};
+"use strict";const getWrapperAttr=(e,a)=>{let{typeOfOption:t,available:i,optionName:p,optionNameValue:o,isVariantOutStock:n}=e;return"Liquid"===a?{id:"value-wrapper-{{option.name | escape | strip | handleize}}-{{value | escape | strip | handleize}}","option-data":"{{option.name | escape}}","option-value":"{{value | escape}}","option-position":"{{option.position}}","data-gp-option-available":"{{value.available}}","option-type":`${t||"rectangle_list"}`,"data-disabled":"{%- if option_disabled == true -%} disabled  {%- endif -%}","data-hidden":"true"}:{id:`value-wrapper-${p}-${o}`,"option-data":p||"","option-value":o||"","option-position":1,"data-gp-option-available":!!i,"option-type":`${t||"rectangle_list"}`,"data-disabled":!!n,"data-hidden":"true"}};exports.getWrapperAttr=getWrapperAttr;

package/dist/cjs/product/components/product-variants/common/base/classes.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@gem-sdk/core");exports.getColorClass=({soldOutMarkLine:p,available:r})=>{let o=e.cls({"before:gp-absolute before:gp-top-[50%] before:gp-block before:gp-w-full before:gp--rotate-45 before:gp-border":p&&!r}),l=`color gp-relative gp-h-full gp-w-full gp-overflow-hidden gp-min-w-fit gp-flex gp-color-circle ${o}`.trim();return e.composeClasses(l)},exports.getTextClass=({optionTypo:p,optionTypography:r,isColorType:o,isUploadImageType:l})=>{let t=`${e.composeTypographyClassName(p,r)}`,g=e.cls({"gp-text-center":!0,[t]:!0,"gp-overflow-hidden gp-text-ellipsis gp-px-1":o||l}),s=`${g}`.trim();return e.composeClasses(s)},exports.getWrapperClass=p=>{let{typeOfOption:r,optionTypo:o,optionTypography:l,variantKey:t,soldOutMarkLine:g,available:s}=p,a="color"===r,f=`${e.composeTypographyClassName(o,l)}`,i=e.cls({...t&&{[t]:!0},[f]:!0,"gp-p-[4px]":a,"before:gp-absolute before:gp-top-[50%] before:gp-z-1 before:gp-block before:gp-w-full before:-gp-rotate-45 before:gp-border-t before:gp-border-[#A1A1A1] before:gp-bg-[#333]":g&&!s&&!a}),c=`gp-relative gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed
-         data-[hidden='false']:gp-flex`,b=`${c} ${i}`.trim();return e.composeClasses(b)},exports.getWrapperTextClass=(p,r)=>{let o=e.cls({"color gp-line-clamp-2 gp-flex gp-h-full gp-w-full gp-items-center gp-justify-center":r,"gp-flex gp-flex-col gp-justify-center gp-items-center gp-gap-[6px":p}),l=`option-value gp-overflow-hidden gp-relative ${o}`.trim();return e.composeClasses(l)};
+"use strict";var core=require("@gem-sdk/core");const getWrapperClass=e=>{let{typeOfOption:r,optionTypo:p,optionTypography:o,variantKey:l,soldOutMarkLine:t,available:s}=e,g="color"===r,a=`${core.composeTypographyClassName(p,o)}`,c=core.cls({...l&&{[l]:!0},[a]:!0,"gp-p-[4px]":g,"before:gp-absolute before:gp-top-[50%] before:gp-z-1 before:gp-block before:gp-w-full before:-gp-rotate-45 before:gp-border-t before:gp-border-[#A1A1A1] before:gp-bg-[#333]":t&&!s&&!g}),f=`gp-relative gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed
+         data-[hidden='false']:gp-flex`,i=`${f} ${c}`.trim();return core.composeClasses(i)},getWrapperTextClass=(e,r)=>{let p=core.cls({"color gp-line-clamp-2 gp-flex gp-h-full gp-w-full gp-items-center gp-justify-center":r,"gp-flex gp-flex-col gp-justify-center gp-items-center gp-gap-[6px":e}),o=`option-value gp-overflow-hidden gp-relative ${p}`.trim();return core.composeClasses(o)},getTextClass=({optionTypo:e,optionTypography:r,isColorType:p,isUploadImageType:o})=>{let l=`${core.composeTypographyClassName(e,r)}`,t=core.cls({"gp-text-center":!0,[l]:!0,"gp-overflow-hidden gp-text-ellipsis gp-px-1":p||o}),s=`${t}`.trim();return core.composeClasses(s)},getColorClass=({soldOutMarkLine:e,available:r})=>{let p=core.cls({"before:gp-absolute before:gp-top-[50%] before:gp-block before:gp-w-full before:gp--rotate-45 before:gp-border":e&&!r}),o=`color gp-relative gp-h-full gp-w-full gp-overflow-hidden gp-min-w-fit gp-flex gp-color-circle ${p}`.trim();return core.composeClasses(o)};exports.getColorClass=getColorClass,exports.getTextClass=getTextClass,exports.getWrapperClass=getWrapperClass,exports.getWrapperTextClass=getWrapperTextClass;