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

package/dist/cjs/product/components/product-quantity/ProductQuantity.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"),system=require("@gem-sdk/system"),useProductQuantity=require("./hooks/useProductQuantity.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const ProductQuantity=e=>{let{setting:s={},styles:t={},builderProps:r,advanced:a}=e,l=core.useCurrentVariant(),{quantity:n}=core.useQuantity(),{isInStock:u,ref:c,onClickIncrement:o,onClickDecrement:y,onChangeInput:i,onFocusInput:m}=useProductQuantity.useProductQuantity(e),{plusIcon:d,minusIcon:g}=s,j=s.defaultQtyValue||1,{inputHeight:p,buttonBackgroundColor:C,backgroundColor:h,iconColor:x,inputBackgroundColor:S,textColor:b,align:B,borderBtn:I,buttonWidth:f,iconSizeCustom:q,corner:v}=t,A=s?.hasButton,P=system.createAttr({...attrs.getContainerAttrs({isDisabled:!u,uid:r?.uid||""})}),Q=system.createClass({...classes.getContainerClasses(a?.cssClass)}),R=system.createStyle({...styles.getContainerStyles({align:B,inputHeight:p})}),N=system.createClass({...classes.getWrapperClasses()}),H=system.createStyle({...styles.getWrapperStyles({backgroundColor:h,styles:t})}),_=system.createAttr({...attrs.getInputAttr({hasButton:A,quantity:n,currentVariant:l,defaultQty:j})}),k=system.createClass({...classes.getInputClasses({styles:t,borderBtn:I,inputBackgroundColor:S,textColor:b,isDisabled:!u})}),D=system.createStyle({...styles.getInputStyle(e)}),M=system.createClass({...classes.getButtonClass({borderBtn:I,buttonBackgroundColor:C,iconColor:x,buttonSide:"left",isDisabled:!u})}),W=system.createStyle({...styles.getButtonStyle({borderBtn:I,buttonWidth:f,buttonBackgroundColor:C,iconColor:x,corner:v,enableHoverButton:s?.enableHoverButton})}),L=system.createAttr({...attrs.getButtonAttrs({buttonSide:"left"})}),T=system.createClass({...classes.getButtonClass({borderBtn:I,buttonBackgroundColor:C,iconColor:x,buttonSide:"right",isDisabled:!u})}),V=system.createStyle({...styles.getButtonStyle({borderBtn:I,buttonWidth:f,buttonBackgroundColor:C,iconColor:x,corner:v,flipStyle:!0,enableHoverButton:s?.enableHoverButton})}),F=system.createAttr({...attrs.getButtonAttrs({buttonSide:"right"})}),O=system.createClass({...classes.getIconWrapperClasses()}),w=system.createStyle({...helpers.getIconWidth(q)});return jsxRuntime.jsx("div",{ref:c,...P,className:Q,style:R,children:jsxRuntime.jsxs("div",{className:N,style:H,children:[system.If(A,jsxRuntime.jsx("button",{...L,onClick:y,className:M,style:W,children:jsxRuntime.jsx("span",{className:O,style:w,dangerouslySetInnerHTML:{__html:helpers.getMinusIcon(g)}})})),jsxRuntime.jsx("input",{..._,className:k,style:D,onChange:e=>i(e),onFocus:e=>m(e)}),system.If(A,jsxRuntime.jsx("button",{...F,onClick:o,className:T,style:V,children:jsxRuntime.jsx("span",{className:O,style:w,dangerouslySetInnerHTML:{__html:helpers.getPlusIcon(d)}})}))]})})};exports.default=ProductQuantity;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("@gem-sdk/system"),r=require("./hooks/useProductQuantity.js"),a=require("./common/attrs.js"),l=require("./common/classes.js"),n=require("./common/styles.js"),u=require("./common/helpers.js");exports.default=o=>{let{setting:c={},styles:i={},builderProps:y,advanced:d}=o,g=t.useCurrentVariant(),{quantity:m}=t.useQuantity(),{isInStock:C,ref:S,onClickIncrement:p,onClickDecrement:b,onChangeInput:h,onFocusInput:j}=r.useProductQuantity(o),{plusIcon:B,minusIcon:I}=c,x=c.defaultQtyValue||1,{inputHeight:f,buttonBackgroundColor:q,backgroundColor:v,iconColor:A,inputBackgroundColor:N,textColor:H,align:_,borderBtn:k,buttonWidth:D,iconSizeCustom:M,corner:P}=i,Q=c?.hasButton,W=s.createAttr({...a.getContainerAttrs({isDisabled:!C,uid:y?.uid||""})}),L=s.createClass({...l.getContainerClasses(d?.cssClass)}),T=s.createStyle({...n.getContainerStyles({align:_,inputHeight:f})}),V=s.createClass({...l.getWrapperClasses()}),F=s.createStyle({...n.getWrapperStyles({backgroundColor:v,styles:i})}),O=s.createAttr({...a.getInputAttr({hasButton:Q,quantity:m,currentVariant:g,defaultQty:x})}),w=s.createClass({...l.getInputClasses({styles:i,borderBtn:k,inputBackgroundColor:N,textColor:H,isDisabled:!C})}),z=s.createStyle({...n.getInputStyle(o)}),E=s.createClass({...l.getButtonClass({borderBtn:k,buttonBackgroundColor:q,iconColor:A,buttonSide:"left",isDisabled:!C})}),G=s.createStyle({...n.getButtonStyle({borderBtn:k,buttonWidth:D,buttonBackgroundColor:q,iconColor:A,corner:P,enableHoverButton:c?.enableHoverButton})}),J=s.createAttr({...a.getButtonAttrs({buttonSide:"left"})}),K=s.createClass({...l.getButtonClass({borderBtn:k,buttonBackgroundColor:q,iconColor:A,buttonSide:"right",isDisabled:!C})}),R=s.createStyle({...n.getButtonStyle({borderBtn:k,buttonWidth:D,buttonBackgroundColor:q,iconColor:A,corner:P,flipStyle:!0,enableHoverButton:c?.enableHoverButton})}),U=s.createAttr({...a.getButtonAttrs({buttonSide:"right"})}),X=s.createClass({...l.getIconWrapperClasses()}),Y=s.createStyle({...u.getIconWidth(M)});return e.jsx("div",{ref:S,...W,className:L,style:T,children:e.jsxs("div",{className:V,style:F,children:[s.If(Q,e.jsx("button",{...J,onClick:b,className:E,style:G,children:e.jsx("span",{className:X,style:Y,dangerouslySetInnerHTML:{__html:u.getMinusIcon(I)}})})),e.jsx("input",{...O,className:w,style:z,onChange:e=>h(e),onFocus:e=>j(e)}),s.If(Q,e.jsx("button",{...U,onClick:p,className:K,style:R,children:e.jsx("span",{className:X,style:Y,dangerouslySetInnerHTML:{__html:u.getPlusIcon(B)}})}))]})})};

package/dist/cjs/product/components/product-quantity/ProductQuantity.liquid.js

@@ -1,48 +1,48 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const ProductQuantity=({setting:e={},styles:t={},advanced:s,builderProps:a})=>{let{plusIcon:r,minusIcon:l,updatePrice:n}=e,i=e.defaultQtyValue??1,{inputHeight:c,buttonBackgroundColor:o,iconColor:u,inputBackgroundColor:y,textColor:d,align:p,borderBtn:g,buttonWidth:m,iconSizeCustom:$,corner:f,backgroundColor:b,dividerColor:v,dividerStroke:S}=t,C=e?.hasButton,h=system.createAttr({...attrs.getContainerAttrs({uid:a?.uid||"",isDisableByLiquid:!0})}),q=system.createClass({...classes.getContainerClasses(s?.cssClass)}),B=system.createStyle({...styles.getContainerStyles({align:p,inputHeight:c})}),A=system.createClass({...classes.getWrapperClasses()}),I=system.createStyle({...styles.getWrapperStyles({backgroundColor:b,styles:t})}),_=system.createAttr({...attrs.getInputAttr({isLiquid:!0,hasButton:C,defaultQty:i})}),j=system.createClass({...classes.getInputClasses({styles:t,borderBtn:g,inputBackgroundColor:y,textColor:d})}),P=system.createStyle({...styles.getInputStyle({setting:e,styles:{...t,borderBtn:g,inputBackgroundColor:y,textColor:d,dividerColor:v,dividerStroke:S}})}),E=system.createClass({...classes.getButtonClass({borderBtn:g,buttonBackgroundColor:o,iconColor:u,buttonSide:"left"})}),R=system.createStyle({...styles.getButtonStyle({borderBtn:g,buttonWidth:m,buttonBackgroundColor:o,iconColor:u,corner:f,enableHoverButton:e?.enableHoverButton})}),k=system.createAttr({...attrs.getButtonAttrs({buttonSide:"left"})}),H=system.createClass({...classes.getButtonClass({borderBtn:g,buttonBackgroundColor:o,iconColor:u,buttonSide:"right"})}),L=system.createStyle({...styles.getButtonStyle({borderBtn:g,buttonWidth:m,buttonBackgroundColor:o,iconColor:u,corner:f,flipStyle:!0,enableHoverButton:e?.enableHoverButton})}),M=system.createAttr({...attrs.getButtonAttrs({buttonSide:"right"})}),W=system.createClass({...classes.getIconWrapperClasses()}),D=helpers.getIconWidth($);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),a=require("./common/attrs.js"),l=require("./common/classes.js"),r=require("./common/styles.js"),i=require("./common/helpers.js");exports.default=({setting:n={},styles:u={},advanced:o,builderProps:c})=>{let{plusIcon:d,minusIcon:p,updatePrice:g}=n,y=n.defaultQtyValue??1,{inputHeight:$,buttonBackgroundColor:f,iconColor:b,inputBackgroundColor:v,textColor:S,align:m,borderBtn:C,buttonWidth:q,iconSizeCustom:B,corner:A,backgroundColor:I,dividerColor:_,dividerStroke:h}=u,j=n?.hasButton,E=s.createAttr({...a.getContainerAttrs({uid:c?.uid||"",isDisableByLiquid:!0})}),P=s.createClass({...l.getContainerClasses(o?.cssClass)}),R=s.createStyle({...r.getContainerStyles({align:m,inputHeight:$})}),k=s.createClass({...l.getWrapperClasses()}),H=s.createStyle({...r.getWrapperStyles({backgroundColor:I,styles:u})}),L=s.createAttr({...a.getInputAttr({isLiquid:!0,hasButton:j,defaultQty:y})}),M=s.createClass({...l.getInputClasses({styles:u,borderBtn:C,inputBackgroundColor:v,textColor:S})}),W=s.createStyle({...r.getInputStyle({setting:n,styles:{...u,borderBtn:C,inputBackgroundColor:v,textColor:S,dividerColor:_,dividerStroke:h}})}),D=s.createClass({...l.getButtonClass({borderBtn:C,buttonBackgroundColor:f,iconColor:b,buttonSide:"left"})}),x=s.createStyle({...r.getButtonStyle({borderBtn:C,buttonWidth:q,buttonBackgroundColor:f,iconColor:b,corner:A,enableHoverButton:n?.enableHoverButton})}),G=s.createAttr({...a.getButtonAttrs({buttonSide:"left"})}),O=s.createClass({...l.getButtonClass({borderBtn:C,buttonBackgroundColor:f,iconColor:b,buttonSide:"right"})}),V=s.createStyle({...r.getButtonStyle({borderBtn:C,buttonWidth:q,buttonBackgroundColor:f,iconColor:b,corner:A,flipStyle:!0,enableHoverButton:n?.enableHoverButton})}),N=s.createAttr({...a.getButtonAttrs({buttonSide:"right"})}),Q=s.createClass({...l.getIconWrapperClasses()}),T=i.getIconWidth(B);return e.template`
     {%- liquid
       assign current_variant = product.selected_or_first_available_variant
       assign available = current_variant.available | default: false
     -%}
       <gp-product-quantity
-        ${{...h}}
-        data-price="${n}"
-        class="${q}"
-        style="${B}"
+        ${{...E}}
+        data-price="${g}"
+        class="${P}"
+        style="${R}"
       >
-        <div class="${A}" style="${I}">
-          ${core.RenderIf(C,core.template`
+        <div class="${k}" style="${H}">
+          ${e.RenderIf(j,e.template`
               <button
               {% if available == false %} disabled {% endif %}
-               ${{...k}}
-                class="${E}"
-                style="${R}"
+               ${{...G}}
+                class="${D}"
+                style="${x}"
               >
-                <span class="${W}" style="${D}"
+                <span class="${Q}" style="${T}"
                 >
-                  ${helpers.getMinusIcon(l)}
+                  ${i.getMinusIcon(p)}
                 </span>
               </button>
             `)}
           <input
             {% if available == false %} disabled {% endif %}
-            ${{..._}}
-            class="${j}"
-            style="${P}"
+            ${{...L}}
+            class="${M}"
+            style="${W}"
             inputMode="numeric"
           />
 
-          ${core.RenderIf(C,core.template`
+          ${e.RenderIf(j,e.template`
             <button
               {% if available == false %} disabled {% endif %}
-              ${{...M}}
-              class="${H}"
-              style="${L}"
+              ${{...N}}
+              class="${O}"
+              style="${V}"
             >
-              <span class="${W}" style="${D}">
-                ${helpers.getPlusIcon(r)}
+              <span class="${Q}" style="${T}">
+                ${i.getPlusIcon(d)}
               </span>
             </button>
           `)}
           </div>
         </gp-product-quantity>
-      ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-quantity-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-quantity-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};exports.default=ProductQuantity;
+      ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-quantity-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-product-quantity-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};

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

@@ -1 +1 @@
-"use strict";const getContainerAttrs=({uid:t,isDisabled:e=!0,isDisableByLiquid:n})=>({"data-id":t,"data-disabled":n?"{%- if available -%} false {%- else -%} true {%- endif -%}":e}),getButtonAttrs=({buttonSide:t})=>({title:"left"===t?"Decrement":"Increment","aria-label":"left"===t?"decrement":"increment",type:"button"}),getInputAttr=({isLiquid:t,hasButton:e,quantity:n,currentVariant:r,defaultQty:a})=>{let i={};return r?.manageInventory&&(i.max=t?"{{ current_variant.quantity_rule.max }}":r?.inventoryQuantity??1),{type:e?"text":"number",name:"quantity",step:1,min:1,"aria-label":"quantity",inputMode:"numeric",quantity:t?"current_variant.quantity":n??0,autocomplete:"off",value:n??a??1,...i}};exports.getButtonAttrs=getButtonAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getInputAttr=getInputAttr;
+"use strict";exports.getButtonAttrs=({buttonSide:t})=>({title:"left"===t?"Decrement":"Increment","aria-label":"left"===t?"decrement":"increment",type:"button"}),exports.getContainerAttrs=({uid:t,isDisabled:e=!0,isDisableByLiquid:a})=>({"data-id":t,"data-disabled":a?"{%- if available -%} false {%- else -%} true {%- endif -%}":e}),exports.getInputAttr=({isLiquid:t,hasButton:e,quantity:a,currentVariant:n,defaultQty:r})=>{let i={};return n?.manageInventory&&(i.max=t?"{{ current_variant.quantity_rule.max }}":n?.inventoryQuantity??1),{type:e?"text":"number",name:"quantity",step:1,min:1,"aria-label":"quantity",inputMode:"numeric",quantity:t?"current_variant.quantity":a??0,autocomplete:"off",value:a??r??1,...i}};

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getInputClasses=({styles:e,borderBtn:s,inputBackgroundColor:t,textColor:o,isDisabled:l})=>{let r="gp-flex gp-w-full gp-shrink-[99999] gp-appearance-none gp-items-center gp-text-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-cursor-not-allowed",p=core.composeTypographyClassName(e?.typo,e?.typography),a=core.handleConvertClassColor(s),g=core.getGlobalColorStateClass("bg",t),n=core.getGlobalColorStateClass("text",o);return a&&(r+=` ${a} `),p&&(r+=` ${p} `),g&&(r+=` ${g} `),n&&(r+=` ${n} `),l&&(r+="gp-cursor-not-allowed"),{...core.composeClasses(r)}},getButtonClass=({borderBtn:e,buttonBackgroundColor:s,iconColor:t,buttonSide:o,isDisabled:l})=>{let r=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${l?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===o?"gp-minus":"gp-plus"} `,p=core.handleConvertClassColor(e),a=core.getGlobalColorStateClass("bg",s),g=core.getGlobalColorStateClass("text",t);return p&&(r+=` ${p} `),a&&(r+=` ${a} `),g&&(r+=` ${g} `),{...core.composeClasses(r)}},getContainerClasses=e=>({...core.composeClasses(`quantityClass gp-relative gp-inline-flex gp-h-12 gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 ${e??""}`)}),getWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-w-full gp-overflow-hidden")}),getIconWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});exports.getButtonClass=getButtonClass,exports.getContainerClasses=getContainerClasses,exports.getIconWrapperClasses=getIconWrapperClasses,exports.getInputClasses=getInputClasses,exports.getWrapperClasses=getWrapperClasses;
+"use strict";var e=require("@gem-sdk/core");exports.getButtonClass=({borderBtn:s,buttonBackgroundColor:l,iconColor:t,buttonSide:o,isDisabled:p})=>{let a=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${p?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===o?"gp-minus":"gp-plus"} `,r=e.handleConvertClassColor(s),g=e.getGlobalColorStateClass("bg",l),n=e.getGlobalColorStateClass("text",t);return r&&(a+=` ${r} `),g&&(a+=` ${g} `),n&&(a+=` ${n} `),{...e.composeClasses(a)}},exports.getContainerClasses=s=>({...e.composeClasses(`quantityClass gp-relative gp-inline-flex gp-h-12 gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 ${s??""}`)}),exports.getIconWrapperClasses=()=>({...e.composeClasses("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")}),exports.getInputClasses=({styles:s,borderBtn:l,inputBackgroundColor:t,textColor:o,isDisabled:p})=>{let a="gp-flex gp-w-full gp-shrink-[99999] gp-appearance-none gp-items-center gp-text-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-cursor-not-allowed",r=e.composeTypographyClassName(s?.typo,s?.typography),g=e.handleConvertClassColor(l),n=e.getGlobalColorStateClass("bg",t),i=e.getGlobalColorStateClass("text",o);return g&&(a+=` ${g} `),r&&(a+=` ${r} `),n&&(a+=` ${n} `),i&&(a+=` ${i} `),p&&(a+="gp-cursor-not-allowed"),{...e.composeClasses(a)}},exports.getWrapperClasses=()=>({...e.composeClasses("gp-inline-flex gp-w-full gp-overflow-hidden")});

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

@@ -1,17 +1,17 @@
-"use strict";var core=require("@gem-sdk/core");const getPlusIcon=o=>o||`<svg
+"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
       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>`,getMinusIcon=o=>o||`<svg
+      >
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
+      </svg>`,exports.getPlusIcon=e=>e||`<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>`,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;
+    >
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"
+      />
+    </svg>`;

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

@@ -1 +1 @@
-"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;
+"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}};

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

@@ -1 +1 @@
-"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;
+"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()}}};

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 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;
+"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;

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 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;
+"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};

package/dist/cjs/product/components/product-sku/Sku.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"),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;
+"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}}))})};

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

@@ -1,7 +1,7 @@
-"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 i=()=>{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 %}
+"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:i,builderProps:u})=>{let o=l?.typo?.attrs?.transform==="capitalize",n=a?.label&&a.label.trim().length?`${o?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>
-        <script gp-data type="application/json">${JSON.stringify({label:l})}</script>
-        ${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"})}
+        <script gp-data type="application/json">${JSON.stringify({label:n})}</script>
+        ${r.default({styles:l,setting:{...a,text:`${s.LiquidIf("currentVariant.sku.size > 0 ",`${n} ${s.If(o,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:i,builderProps:u,className:"gp-product-sku"})}
       </gp-product-sku>
-      ${i()}`)}`};exports.default=ProductSku;
+      ${(()=>{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>`})()}`)}`};

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

@@ -1,2 +1,2 @@
 'use client';
-"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;
+"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()))})};

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

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

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

@@ -1 +1 @@
-"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;
+"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}};

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

@@ -1,8 +1,8 @@
-"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 -%}")}
+"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 -%}")}
 
-    ${system.Liquid(`{% for swatch in swatches %}
+    ${i.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: '${_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}' -%}
+        {%- 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}' -%}
       {% endfor %}
 
-      {%- 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 -%}
+      {%- 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 -%}
 
       {% if optionTitle == option.name %}
-        {%- assign variantPresetString = "${i}" -%}
+        {%- assign variantPresetString = "${r}" -%}
         {%- assign optionName = option.name | replace: "'", "'" | replace: '"', """ -%}
         {%- assign items = variantPresetString | split: '($2)' -%}
         {%- assign type = 'dropdown' -%}
@@ -33,9 +33,9 @@
         {% endfor %}
         {%- assign optionRendered = true -%}
 
-        ${s({showDropdown:!0})}
+        ${t({showDropdown:!0})}
       {% endif %}
     {% endfor %}`)}
 
-    ${system.LiquidIf("optionRendered == false",s({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};exports.renderOptionValuesNewFormatSwatches=renderOptionValuesNewFormatSwatches;
+    ${i.LiquidIf("optionRendered == false",t({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+  `};

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

@@ -1,19 +1,19 @@
-"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)' -%}")}
+"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)' -%}")}
 
-    ${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("swatchesItem in swatchesItems",`
+      ${i.Liquid('{%- assign colorArraysString = "" -%}')}
+      ${i.Liquid('{%- assign labelsString = "" -%}')}
+      ${i.Liquid('{%- assign imageUrlsString = "" -%}')}
+      ${i.Liquid("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
 
-      ${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(`
+      ${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(`
             {% if optionKey == 'optionTitle' %}
               {% assign optionTitle = optionValue %}
             {% elsif optionKey == 'optionType' %}
@@ -21,46 +21,46 @@
             {% endif %}
           `)}
 
-          ${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('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('opValueItemKey == "label"',`${system.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
+                    ${i.LiquidIf('opValueItemKey == "label"',`${i.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
+                       ${i.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
 
-                    ${system.LiquidIf('opValueItemKey == "colors"',`${system.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
+                    ${i.LiquidIf('opValueItemKey == "colors"',`${i.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
+                       ${i.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
 
-                    ${system.LiquidIf('opValueItemKey == "imageUrl"',`${system.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}
+                    ${i.LiquidIf('opValueItemKey == "imageUrl"',`${i.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
+                       ${i.Liquid('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}
                   `)}
               `)}
             `)}
         `)}
 
-      ${system.Liquid("{%- assign labels = labelsString | split: '($8)' -%}")}
-      ${system.Liquid("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
-      ${system.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
+      ${i.Liquid("{%- assign labels = labelsString | split: '($8)' -%}")}
+      ${i.Liquid("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
+      ${i.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
 
-      ${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.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.Liquid("{%- assign optionRendered = true -%}")}
-        ${e({showDropdown:!0})}
+        ${i.Liquid("{%- assign optionRendered = true -%}")}
+        ${t({showDropdown:!0})}
       `)}
     `)}
 
-    ${system.LiquidIf("optionRendered == false",e({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};exports.renderOptionValuesOld=renderOptionValuesOld;
+    ${i.LiquidIf("optionRendered == false",t({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+  `};

package/dist/cjs/product/components/product-variants/ProductVariants.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"),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;
+"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)})})())})};