@gem-sdk/components 8.0.0-dev.24 → 8.0.0-staging.10

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

@@ -1,10 +1,8 @@
-import{template as e,isLocalEnv as t,baseAssetURL as s,DEVICES as i,getResponsiveValueByScreen as o}from"@gem-sdk/core";import a from"../../../text/components/Text.liquid.js";import n from"./components/variants/index.liquid.js";import r from"./components/dropdown-swatches/Dropdown.liquid.js";import p from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as l}from"../../../helpers.js";import{mappingVariantStyles as d}from"./utils/mappingVariantStyles.js";import{createClass as m,createStyle as c,createAttr as u,Liquid as f,LiquidIf as v,If as $,LiquidFor as _}from"@gem-sdk/system";import{getAttrs as g}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as h,getWrapperStyle as y}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as w}from"./common/main/classes.js";import{getTextVariantTitleData as S,getDropdownGroupData as A}from"./common/main/getData.js";import{getWrapVariantOptionClass as P}from"./common/variants/classes.js";import{getStyleOfObject as D}from"../../helpers/function.js";import{getMarginBottomStyle as V}from"./common/variants/styles.js";import{renderOptionValuesNewFormatSwatches as b}from"./OptionVariantsNewFormat.liquid.js";import{renderOptionValuesOld as E}from"./OptionVariantsOldFormat.liquid.js";let DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=N=>{let{builderProps:T,styles:O,setting:x,advanced:q}=N,{align:G,swatchItemWidth:C,dropdownItemWidth:F,swatchSpacing:I,optionTypo:k,marginBottom:L}=O??{},{label:J,optionType:z,showAsSwatches:M,layout:U,hasPreSelected:W}=x??{},R=q?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:Y}=T??{},H="groupOption"===z,K=()=>{let e={};return i.forEach(t=>{let s=o(C,t);e[t]="auto"===s}),e},Q=()=>{let e={};return i.forEach(t=>{e[t]=F?.[t]==="fill"}),e},B=x?.variantPresets?d(x?.variantPresets,O):[],X=B?.map(e=>({...e,presets:{[e.optionType]:e.presets[e.optionType]}})),Z={...x,variantPresetsOptionType:X},ee=e=>{let t={"'":"'",'"':"""},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},et=()=>x?.variantPresets?.map(e=>`${ee(e.optionName)}($2)${e.optionType}`).join("($1)"),es=()=>x?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),ei=({showDropdown:t,isRenderDefault:s,typeOfOption:i})=>e`
-    ${_("value in values",n({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:M,uid:Y,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:W?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:i,activeClass:W?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...O,...Z,swatchAutoWidth:K(),optionTypo:k,isRenderDefault:s}))}
-      ${v(t?'type == "dropdown"':"false",r({...O,...Z,swatchAutoWidth:Q(),optionTypo:k}))}`,eo=x?.variantPresets?.map(e=>({name:ee(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),ea={renderVariantItem:ei,variantPresetsLiquid:eo??""},en=m(j(G)),er=c(h(I,I)),ep=S(N,"Liquid"),el=m(P(U,G)),ed=()=>e`
-      ${f(`{%- assign presets = "${et()}" | split: '($1)' -%}`)}
-      ${f(`{% assign hiddenPresetOptions = "${es()}" | split: ',' %}`)}
+import{composeMemo as e,template as t,DEVICES as s,getResponsiveValueByScreen as i,isLocalEnv as a,baseAssetURL as o}from"@gem-sdk/core";import n from"../../../text/components/Text.liquid.js";import r from"./components/variants/index.liquid.js";import p from"./components/dropdown-swatches/Dropdown.liquid.js";import l from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{mappingVariantStyles as m}from"./utils/mappingVariantStyles.js";import{createClass as c,createStyle as u,createStateOrContext as g,createAttr as $,Liquid as v,LiquidIf as f,If as y,LiquidFor as _}from"@gem-sdk/system";import{getAttrs as h}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as S,getWrapperStyle as V}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as I}from"./common/main/classes.js";import{getTextVariantTitleData as A,getDropdownGroupData as w}from"./common/main/getData.js";import{getWrapVariantOptionClass as b}from"./common/variants/classes.js";import{getStyleOfObject as P}from"../../helpers/function.js";import{getMarginBottomStyle as T}from"./common/variants/styles.js";let DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=N=>{let{builderProps:D,styles:x,setting:E,advanced:O}=N,{align:U,swatchItemWidth:C,dropdownItemWidth:K,swatchSpacing:q,optionTypo:k,marginBottom:F}=x??{},{label:G,optionType:J,showAsSwatches:L,layout:R,hasPreSelected:W}=E??{},z=O?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:H}=D??{},M="groupOption"===J,Q=()=>{let e={};return s.forEach(t=>{let s=i(C,t);e[t]="auto"===s}),e},Y=()=>{let e={};return s.forEach(t=>{e[t]=K?.[t]==="fill"}),e},B=e(()=>{let e=m(E?.variantPresets,x);return{...E,variantPresets:e}},[E?.variantPresets,x]),X=e=>{let t={"'":"'",'"':"""},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},Z=()=>E?.variantPresets?.map(e=>`${X(e.optionName)}($2)${e.optionType}`).join("($1)"),ee=()=>E?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),et=c(j(U)),es=u(S(q,q)),ei=A(N,"Liquid"),ea=c(b(R,U)),eo=()=>t`
+      ${v(`{%- assign presets = "${Z()}" | split: '($1)' -%}`)}
+      ${v(`{% assign hiddenPresetOptions = "${ee()}" | split: ',' %}`)}
       
-      ${f(`{% assign all_option_names = options | map: 'name' %}
+      ${v(`{% assign all_option_names = options | map: 'name' %}
       {% assign filtered_options_string = '' %}
       {% assign delimiter = '||' %}
       
@@ -27,29 +25,29 @@ import{template as e,isLocalEnv as t,baseAssetURL as s,DEVICES as i,getResponsiv
       
       {% assign filtered_options_array = filtered_options_string | split: delimiter %}`)}
       
-      ${f("{% assign last_option_name = filtered_options_array | last %}")}
+      ${v("{% assign last_option_name = filtered_options_array | last %}")}
       
       ${_("option in options",`
         <div
         option-name="{{option.name | escape}}"
-        class="${el} ${v("hiddenPresetOptions contains option.name","gp-hidden")}"
-        style="${D(V(L))}${f("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
+        class="${ea} ${f("hiddenPresetOptions contains option.name","gp-hidden")}"
+        style="${P(T(F))}${v("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
         >
-          ${f("{%- assign showVariantClass = 'variant-display' -%}")}
-          ${f("{%- assign optionName = option.name  -%}")}
+          ${v("{%- assign showVariantClass = 'variant-display' -%}")}
+          ${v("{%- assign optionName = option.name  -%}")}
           ${_("preset in presets",`
-            ${f("{%- assign presetDetail = preset | split: '($2)' -%}")}
-            ${v("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${f("{%- assign showVariantClass = '' -%}")} ${f("{%- break -%}")}`)}
+            ${v("{%- assign presetDetail = preset | split: '($2)' -%}")}
+            ${f("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${v("{%- assign showVariantClass = '' -%}")} ${v("{%- break -%}")}`)}
           `)}
-          ${$(J,a(ep)," ")}
+          ${y(G,n(ei)," ")}
           <div
               variant-option-name="{{option.name | escape}}"
-              class="${en}"
-              style="${D(er)}"
+              class="${et}"
+              style="${P(es)}"
             >
-              ${f("{%- assign values = option.values -%}")}
-              ${f("{%- assign rootForloop = forloop.index0 -%}")}
-              ${f(`
+              ${v("{%- assign values = option.values -%}")}
+              ${v("{%- assign rootForloop = forloop.index0 -%}")}
+              ${v(`
                 {%- if option.position == 1 -%}
                   {%- assign selectedValue = variant.option1 -%}
                 {%- elsif option.position == 2 -%}
@@ -58,22 +56,76 @@ import{template as e,isLocalEnv as t,baseAssetURL as s,DEVICES as i,getResponsiv
                   {%- assign selectedValue = variant.option3 -%}
                 {%- endif -%}
               `)}
-              ${$(!W,f("{%- assign selectedValue = null -%}"),"")}
-              ${$(M,em(),ei({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+              ${y(!W,v("{%- assign selectedValue = null -%}"),"")}
+              ${y(L,er(),ep())}
           </div>
       </div>`)}
-    `,em=()=>e`
-      ${v("shop.metafields.GEMPAGES.swatches and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",b(ea),E(ea))}
-      `,ec=m(w(G)),eu=A(N),ef=()=>`
-      <div className="${ec}">
-        ${p(eu)}
+    `,en=E?.variantPresets?.map(e=>({name:X(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),er=()=>t`
+    ${v("{%- assign optionRendered = false -%}")}
+    ${v("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
+    ${v("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
+
+    ${_("swatchesItem in swatchesItems",`
+      ${v('{%- assign colorArraysString = "" -%}')}
+      ${v('{%- assign labelsString = "" -%}')}
+      ${v('{%- assign imageUrlsString = "" -%}')}
+      ${v("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
+
+      ${_("attrItem in attrItems",`${v("{%- assign attrs = attrItem | split: '($2)' -%}")}
+          ${v("{%- assign optionKey = attrs[0] -%}")}
+          ${v("{%- assign optionValue = attrs[1] -%}")}
+          ${v(`
+            {% if optionKey == 'optionTitle' %}
+            {% assign optionTitle = optionValue %}
+            {% elsif optionKey == 'optionType' %}
+              {% assign optionType = optionValue %}
+            {% endif %}
+          `)}
+
+          ${f("optionKey == 'optionValues'",`${v("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
+            ${_("opValueItem in opValueItems",`${v("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
+              ${_("opValueItemAttr in opValueItemAttrs",`${v("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
+                ${v("{%- assign opValueItemKey = attrs[0] -%}")}
+                ${v("{%- assign opValueItemValue = attrs[1] -%}")}
+
+                ${f("opValueItemKey == 'label'",`${v("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}${v('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
+
+                ${f("opValueItemKey == 'colors'",`${v("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}${v('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
+
+                ${f("opValueItemKey == 'imageUrl'",`${v("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}${v('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}`)}`)}`)}
+        `)}
+
+      ${v("{%- assign labels = labelsString | split: '($8)' -%}")}
+      ${v("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
+      ${v("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
+
+      ${f("optionTitle == option.name",`
+        ${v(`{%- assign variantPresetString = "${en}" -%}`)}
+        ${v('{%- assign optionName = option.name | replace: "\'", "&apos;" | replace: \'"\', "&quot;" -%}')}
+        ${v("{%- assign items = variantPresetString | split:'($2)' -%}")}
+        ${v("{%- assign type = 'dropdown' -%}")}
+        ${_("item in items",`
+          ${v("{%- assign itemPreset = item | split:'($1)' -%}")}
+          ${f("itemPreset[0] == optionName",v("{%- assign type = itemPreset[1] -%}"))}
+          ${f('itemPreset[0] == "base"',v("{%- assign type = itemPreset[1] -%}"))}
+          `)}
+        ${v("{%- assign optionRendered = true -%}")}
+        ${_("value in values",r({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:L,uid:H,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:W?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",optionType:"optionType",activeClass:W?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...x,...B,swatchAutoWidth:Q(),optionTypo:k}))}
+        ${f("type == 'dropdown'",p({...x,...B,swatchAutoWidth:Y(),optionTypo:k}))}
+      `)}
+    `)}
+
+    ${f("optionRendered == false",ep())}
+    `,ep=()=>_("value in values",r({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:L,uid:H,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:W?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:"optionType",activeClass:W?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...x,...B,swatchAutoWidth:Q(),optionTypo:k,isRenderDefault:!0})),el=c(I(U)),ed=w(N),em=()=>`
+      <div className="${el}">
+        ${l(ed)}
       </div>
-    `,ev=u(g({uid:Y,hasPreSelected:W,cssClass:q?.cssClass})),e$=c(y(N)),e_=m({"gp-flex gp-flex-col !gp-ml-0":!0}),eg=()=>{let e=t?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${l('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return e`
+    `;g({setting:B,styles:JSON.stringify(x),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(z)}`,totalVariantCombinations:"{{ total_combinations }}",firstAvailableVariant:"{{ product.selected_or_first_available_variant | json | escape }}"});let ec=$(h({uid:H,hasPreSelected:W,cssClass:O?.cssClass})),eu=u(V(N)),eg=c({"gp-flex gp-flex-col !gp-ml-0":!0}),e$=()=>{let e=a?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${d('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return t`
     <gp-product-variants
-      ${ev}
+      ${ec}
       gp-data='{
-        "setting":${JSON.stringify(Z)?.replaceAll("'","&#039;")},
-        "styles":${JSON.stringify(O)},
+        "setting":${JSON.stringify(B)?.replaceAll("'","&#039;")},
+        "styles":${JSON.stringify(x)},
         "variants":{{product.variants | json | escape}},
         "optionsWithValues": {{product.options_with_values | json | escape}},
         "variantSelected": {{ variant | json | escape }},
@@ -83,21 +135,21 @@ import{template as e,isLocalEnv as t,baseAssetURL as s,DEVICES as i,getResponsiv
         "productId": {{product.id | json | escape}},
         "productUrl": {{product.url | json | escape}},
         "productHandle": {{product.handle | json | escape}},
-        "displayState": ${JSON.stringify(R)},
+        "displayState": ${JSON.stringify(z)},
         "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>
-      ${f("{%- assign options = product.options_with_values -%}")}
-      ${f("{%- assign variants = product.variants -%}")}
-      ${v("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`<div
-            class="${e_}"
-            style="${e$}"
+      ${v("{%- assign options = product.options_with_values -%}")}
+      ${v("{%- assign variants = product.variants -%}")}
+      ${f("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>",t`<div
+            class="${eg}"
+            style="${eu}"
           >
-          ${$(H,ef(),ed())}
+          ${y(M,em(),eo())}
         </div>`)}
     </gp-product-variants>
 
-    ${eg()}
+    ${e$()}
   `};export{ProductVariants as default};

package/dist/esm/product/components/product-variants/common/base/styles.js

@@ -1 +1 @@
-import{composeTypographyStyle as e,getRadiusStyleActiveState as t,getStyleShadow as o,makeStyle as r,getSingleColorVariable as l,composeRadius as i,getGlobalColorStateStyle as p,handleConvertBorderStyle as a,handleConvertBorderWidth as n,handleConvertBorderColor as d,makeStyleResponsive as h}from"@gem-sdk/core";import{filterTruthyObject as c}from"../../../../../helpers.js";let getColorStyleWidth=e=>{let t=e?.height||"32px",o=e?.width||{desktop:t},r=Object.fromEntries(Object.entries(o).map(([e,o])=>{let r=o&&"undefined"!==o&&"auto"!==o?o:t;return[e,r]}));return h("minw",r)},getWrapperStyleActive=i=>{let{preset:p,optionTypography:a,optionTypo:n,typeOfOption:d}=i,h=p?.optionBgColor,s=p?.optionTextColor,g=p?.optionBorder,b=p?.optionHasShadow,m=p?.optionShadow,u=p?.optionRounded,w="color"===d,x="image"===d||"image_shopify"===d,y=e(n,a),S=e=>{let t=h?.active??h?.normal,o=g?.active??g?.normal;return r({bg:e&&l(t),bs:o?.border,bw:o?.width,bc:l(o?.color)})},v=m?.active??m?.normal,C=b?.active??b?.normal,f=s?.active??s?.normal;return c({...S(!w),...t(u),...o({value:v,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:C},!0),...y,...!w&&!x&&r({c:l(f)}),...w&&getColorStyleWidth(p),...r({h:p?.height})})},getWrapperStyleNormalAndHover=e=>{let{preset:t,optionTransform:l,optionTypography:h,optionTypo:s,typeOfOption:g}=e,b=t?.optionBgColor,m=t?.optionTextColor,u=t?.optionBorder,w=t?.optionHasShadow,x=t?.optionShadow,y=t?.optionRounded,S="color"===g,v="image"===g||"image_shopify"===g,C=["normal","hover"].reduce((e,t)=>({...e,...o({value:x?.[t],state:t,styleAppliedFor:"box-shadow",isEnableShadow:w?.[t]})}),{});return c({...i(y),...C,...!S&&p("bg",b),...!S&&a(u),...!S&&n(u),...!S&&d(u),...!S&&!v&&r({c:l}),...!S&&!v&&p("c",m),...typoStyleNotIn(s,h,["--c"]),...S&&getColorStyleWidth(t),...r({h:t?.height})})};function typoStyleNotIn(t,o,r){let l=e(t,o);return r&&0!==r.length?Object.fromEntries(Object.entries(l).filter(([e])=>!r.includes(e))):l}let getWrapperTextStyle=e=>{let{preset:o,typeOfOption:r,checked:l}=e,p=o?.optionBorder,h=o?.optionRounded,s="color"===r,g=()=>{let e="16px",t={"--pl":"0px","--pr":"0px","--pl-tablet":"0px","--pr-tablet":"0px","--pl-mobile":"0px","--pr-mobile":"0px","--pt":"0px","--pb":"0px"};return o?.width?.desktop?.toLowerCase()!=="auto"&&o?.width?.desktop||(t["--pl"]=e,t["--pr"]=e),o?.width?.tablet?.toLowerCase()!=="auto"&&o?.width?.tablet||(t["--pl-tablet"]=e,t["--pr-tablet"]=e),o?.width?.mobile?.toLowerCase()!=="auto"&&o?.width?.mobile||(t["--pl-mobile"]=e,t["--pr-mobile"]=e),(o?.height?.toLowerCase()==="auto"||o?.height)&&(t["--pt"]="8px",t["--pb"]="8px"),t},b={...h,active:{...h?.active||{},radiusType:"custom"}},m=l?t(b):i(h),u=!l&&s?{...a(p),...n(p),...d(p)}:{};return c({...!s&&g(),...s&&m,...u})},getColorStyle=({optionBorder:e,optionRounded:t,isActive:o,color:r})=>{let l=()=>r?r?.startsWith("linear-gradient")?{backgroundImage:r}:{backgroundColor:r}:{},p=t=>t?{"--bs":"none"}:a(e),h=o=>({"--d":"flex","--jc":"center","	--ai":"center","--w":"100%","--h":"100%","--of":"hidden","--hvr-c":"unset",...p(o),...n(e),...d(e),...i(t),...l()});return h(!!o)},getTextStyle=({optionTypo:t,optionTypography:o})=>{let r=e(t,o);return delete r["--c"],c({...r})};export{getColorStyle,getTextStyle,getWrapperStyleActive,getWrapperStyleNormalAndHover,getWrapperTextStyle};
+import{composeTypographyStyle as e,getRadiusStyleActiveState as t,getStyleShadow as o,makeStyle as r,getSingleColorVariable as l,composeRadius as i,getGlobalColorStateStyle as p,handleConvertBorderStyle as a,handleConvertBorderWidth as n,handleConvertBorderColor as d,makeStyleResponsive as h}from"@gem-sdk/core";import{filterTruthyObject as c}from"../../../../../helpers.js";let getColorStyleWidth=e=>{let t=e?.height||"32px",o=e?.width||{desktop:t},r=Object.fromEntries(Object.entries(o).map(([e,o])=>{let r=o&&"undefined"!==o&&"auto"!==o?o:t;return[e,r]}));return h("minw",r)},getWrapperStyleActive=i=>{let{preset:p,optionTypography:a,optionTypo:n,typeOfOption:d}=i,h=p?.optionBgColor,g=p?.optionTextColor,s=p?.optionBorder,b=p?.optionHasShadow,m=p?.optionShadow,u=p?.optionRounded,w="color"===d,x="image"===d||"image_shopify"===d,y=e(n,a),S=e=>{let t=h?.active??h?.normal,o=s?.active??s?.normal;return r({bg:e&&l(t),bs:o?.border,bw:o?.width,bc:l(o?.color)})},v=m?.active??m?.normal,C=b?.active??b?.normal,f=g?.active??g?.normal;return c({...S(!w),...t(u),...o({value:v,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:C},!0),...y,...!w&&!x&&r({c:l(f)}),...w&&getColorStyleWidth(p),...r({h:p?.height})})},getWrapperStyleNormalAndHover=e=>{let{preset:t,optionTransform:l,optionTypography:h,optionTypo:g,typeOfOption:s}=e,b=t?.optionBgColor,m=t?.optionTextColor,u=t?.optionBorder,w=t?.optionHasShadow,x=t?.optionShadow,y=t?.optionRounded,S="color"===s,v="image"===s||"image_shopify"===s,C=["normal","hover"].reduce((e,t)=>({...e,...o({value:x?.[t],state:t,styleAppliedFor:"box-shadow",isEnableShadow:w?.[t]})}),{});return c({...i(y),...C,...!S&&p("bg",b),...!S&&a(u),...!S&&n(u),...!S&&d(u),...!S&&!v&&r({c:l}),...!S&&!v&&p("c",m),...typoStyleNotIn(g,h,["--c"]),...S&&getColorStyleWidth(t),...r({h:t?.height})})};function typoStyleNotIn(t,o,r){let l=e(t,o);return r&&0!==r.length?Object.fromEntries(Object.entries(l).filter(([e])=>!r.includes(e))):l}let getWrapperTextStyle=e=>{let{preset:o,typeOfOption:r,checked:l}=e,p=o?.optionBorder,h=o?.optionRounded,g="color"===r,s=()=>{let e="16px",t={"--pl":"0px","--pr":"0px","--pl-tablet":"0px","--pr-tablet":"0px","--pl-mobile":"0px","--pr-mobile":"0px","--pt":"0px","--pb":"0px"};return o?.width?.desktop?.toLowerCase()!=="auto"&&o?.width?.desktop||(t["--pl"]=e,t["--pr"]=e),o?.width?.tablet?.toLowerCase()!=="auto"&&o?.width?.tablet||(t["--pl-tablet"]=e,t["--pr-tablet"]=e),o?.width?.mobile?.toLowerCase()!=="auto"&&o?.width?.mobile||(t["--pl-mobile"]=e,t["--pr-mobile"]=e),(o?.height?.toLowerCase()==="auto"||o?.height)&&(t["--pt"]="8px",t["--pb"]="8px"),t},b={...h,active:{...h?.active||{},radiusType:"custom"}},m=l?t(b):i(h),u=!l&&g?{...a(p),...n(p),...d(p)}:{};return c({...!g&&s(),...g&&m,...u})},getColorStyle=({optionBorder:e,optionRounded:t,isActive:o,color:r})=>{let l=()=>r?r?.startsWith("linear-gradient")?{backgroundImage:r}:{backgroundColor:r}:{},p=t=>t?{"--bs":"none"}:a(e),h=o=>({"--d":"flex","--jc":"center","	--ai":"center","--w":"100%","--h":"100%","--of":"hidden",...p(o),...n(e),...d(e),...i(t),...l()});return h(!!o)},getTextStyle=({optionTypo:t,optionTypography:o})=>{let r=e(t,o);return delete r["--c"],c({...r})};export{getColorStyle,getTextStyle,getWrapperStyleActive,getWrapperStyleNormalAndHover,getWrapperTextStyle};

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

@@ -1,4 +1,4 @@
-import{template as o}from"@gem-sdk/core";import r from"../base/base.liquid.js";import{optionRoundedColorDefault as l}from"../../utils/mappingVariantStyles.js";import{OPTION_VALUES_DELIMITER as i}from"../../common/const.js";let ColorVariant=({isVariantOutStock:s,swatchValue:n,...t})=>o`
+import{template as o}from"@gem-sdk/core";import l from"../base/base.liquid.js";import{optionRoundedColorDefault as r}from"../../utils/mappingVariantStyles.js";let ColorVariant=({isVariantOutStock:i,swatchValue:s,...n})=>o`
     {% assign colorsString = null %}
     {% assign colors = null %}
     {% for label in labels %}
@@ -7,7 +7,7 @@ import{template as o}from"@gem-sdk/core";import r from"../base/base.liquid.js";i
       {% endif %}
     {% endfor %}
     {% if colorsString != null %}
-      {% assign colors = colorsString | split: '${i}' %}
+      {% assign colors = colorsString | split: '($7)' %}
     {% endif %}
-    ${r({...t,typeOfOption:"color",optionRounded:l})}
+    ${l({...n,typeOfOption:"color",optionRounded:r})}
   `;export{ColorVariant as default};

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

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

package/dist/types/index.d.ts

@@ -1374,7 +1374,6 @@ type CountdownSettingProps = {
     enableHour?: boolean;
     enableMinute?: boolean;
     enableSecond?: boolean;
-    localTime?: boolean;
     dayLabel?: string;
     hourLabel?: string;
     minuteLabel?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "8.0.0-dev.24",
+  "version": "8.0.0-staging.10",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,9 +26,9 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "8.0.0-dev.22",
-    "@gem-sdk/styles": "7.0.1-dev.6",
-    "@gem-sdk/system": "7.0.1-dev.6",
+    "@gem-sdk/core": "8.0.0-staging.8",
+    "@gem-sdk/styles": "7.0.1-staging.0",
+    "@gem-sdk/system": "7.0.1-staging.0",
     "@types/react-transition-group": "^4.4.12",
     "tsup": "^8.5.0",
     "postcss-import": "^16.1.1",

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

@@ -1,41 +0,0 @@
-"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 -%}")}
-
-    ${system.Liquid(`{% for swatch in swatches %}
-      {%- assign optionTitle = swatch.optionTitle -%}
-      {%- assign optionType = swatch.optionType -%}
-      {%- assign labelsString = "" -%}
-      {%- assign colorArraysString = "" -%}
-      {%- 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}' -%}
-      {% 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 -%}
-
-      {% if optionTitle == option.name %}
-        {%- assign variantPresetString = "${i}" -%}
-        {%- assign optionName = option.name | replace: "'", "'" | replace: '"', '"' -%}
-        {%- assign items = variantPresetString | split: '($2)' -%}
-        {%- assign type = 'dropdown' -%}
-
-        {% for item in items %}
-          {%- assign itemPreset = item | split: '($1)' -%}
-          {% if itemPreset[0] == optionName %}{%- assign type = itemPreset[1] -%}{% endif %}
-          {% if itemPreset[0] == 'base' %}{%- assign type = itemPreset[1] -%}{% endif %}
-        {% endfor %}
-        {%- assign optionRendered = true -%}
-
-        ${s({showDropdown:!0})}
-      {% endif %}
-    {% endfor %}`)}
-
-    ${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,66 +0,0 @@
-"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)' -%}")}
-
-    ${system.LiquidFor("swatchesItem in swatchesItems",`
-      ${system.Liquid('{%- assign colorArraysString = "" -%}')}
-      ${system.Liquid('{%- assign labelsString = "" -%}')}
-      ${system.Liquid('{%- assign imageUrlsString = "" -%}')}
-      ${system.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(`
-            {% if optionKey == 'optionTitle' %}
-              {% assign optionTitle = optionValue %}
-            {% elsif optionKey == 'optionType' %}
-              {% assign optionType = optionValue %}
-            {% 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] -%}")}
-
-                    ${system.LiquidIf('opValueItemKey == "label"',`${system.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
-
-                    ${system.LiquidIf('opValueItemKey == "colors"',`${system.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
-
-                    ${system.LiquidIf('opValueItemKey == "imageUrl"',`${system.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
-                       ${system.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)' -%}")}
-
-      ${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] -%}"))}
-          `)}
-        ${system.Liquid("{%- assign optionRendered = true -%}")}
-        ${e({showDropdown:!0})}
-      `)}
-    `)}
-
-    ${system.LiquidIf("optionRendered == false",e({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};exports.renderOptionValuesOld=renderOptionValuesOld;

package/dist/cjs/product/components/product-variants/common/const.js

@@ -1 +0,0 @@
-"use strict";const OPTION_VALUES_DELIMITER="|||";exports.OPTION_VALUES_DELIMITER="|||";

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

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

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

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

package/dist/esm/product/components/product-variants/common/const.js

@@ -1 +0,0 @@
-let OPTION_VALUES_DELIMITER="|||";export{OPTION_VALUES_DELIMITER};