@gem-sdk/components 17.0.0-dev.64 → 17.0.0-dev.66

package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js

@@ -1,35 +1,35 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),l=require("./common/classes.js"),c=require("./common/attrs.js"),d=require("./utils/common.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=o=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=o,C=g?.shape!=="image",v=C&&g?.displayContent?.trim()==="",$=d.checkDiscountContentProductBadge(g?.displayContent),S=r.createClass({...l.getContainerClasses({isInstant:!1,props:o})}),q=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),I=r.createClass({...l.getWrapperClasses(o)}),j=r.createClass({...l.getSubWrapperClass(o)}),f=r.createStyle({...n.getSubWrapperStyle({props:o})}),D=r.createAttr({...c.getSubWrapperAttrs(o)}),A=n.getContentStyleInternal(o),P=r.createClass({...l.getTextContainerClasses()}),T=r.createAttr({...c.getContainerAttrs(o)}),b=r.createClass({...l.getTextWrapperClasses()}),x=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),L=r.createClass({...l.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...c.getTextContentAttrs()}),B=r.createClass({...l.getImageContainerClasses()}),W=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),k=r.createClass({...l.getImageClasses()}),E=r.createAttr({...c.getImageAttr({setting:g})}),O=r.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(g?.displayTrigger).replaceAll("'","'")),uid:o.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C}),{displayContent:h}=g??{},K=t.getDynamicSourceLocales({val:h?.trim(),uid:y?.uid,settingId:p.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),o=require("../../settings/product-badge/configs/translate.js");exports.default=p=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=p,C=g?.shape!=="image",S=C&&g?.displayContent?.trim()==="",v=d.checkDiscountContentProductBadge(g?.displayContent),$=r.createClass({...c.getContainerClasses({isInstant:!1,props:p})}),q=r.createStyle({...n.getContainerStyle(p,i.IS_LIQUID)}),I=r.createClass({...c.getWrapperClasses(p)}),j=r.createClass({...c.getSubWrapperClass(p)}),P=r.createStyle({...n.getSubWrapperStyle({props:p})}),f=r.createAttr({...l.getSubWrapperAttrs(p)}),D=n.getContentStyleInternal(p),A=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(p)}),b=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),x=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),h=r.createClass({...c.getImageContainerClasses()}),B=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:g})}),E=r.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(g?.displayTrigger).replaceAll("'","'")),uid:p.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:O}=g??{},K=t.getDynamicSourceLocales({val:O?.trim(),uid:y?.uid,settingId:o.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
     {% if product %}
       ${s.generateBadgeContent(K,m?.isPreviewing)}
-      ${a.renderBadgeInFirstTime(g?.displayTrigger,!v,$)}
+      ${a.renderBadgeInFirstTime(g?.displayTrigger,!S,v)}
       <gp-product-badge
         ${{...T}}
-        gp-data='${e.dataStringify(O)}'
-        class="${S} {{ className }}"
+        gp-data='${e.dataStringify(E)}'
+        class="${$} {{ className }}"
         style="${q}"
         data-display-content="${m?.isPreviewing?K:e.sanitizeLiquid(`{{${K}}}`)}"
       >
         <div class="${I}">
           <div
-            ${{...D}}
+            ${{...f}}
             class="${j}"
-            style="${f}"
+            style="${P}"
           >
-            <style>${A}</style>
+            <style>${D}</style>
             ${e.RenderIf(C,e.template`
-                <div class="${P}">
+                <div class="${A}">
                   <div
                     class="${b}"
-                    style="${x}"
+                    style="${L}"
                   >
                     <pre
                       ${{..._}}
-                      class="${L}"
+                      class="${x}"
                       style="${V}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,e.template`<div class="${B}" style="${W}">
-                  <img ${{...E}} class="${k}" alt="" />
+                </div>`,e.template`<div class="${h}" style="${B}">
+                  <img ${{...k}} class="${W}" alt="" />
                 </div>`)}
           </div>
         </div>

package/dist/cjs/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("../types.js");const i=i=>i===e.CompareType.ABOVE?0:i===e.CompareType.BELOW?2:1,n=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return r(e);case"price_range":return t(e);case"inventory_status":return o(e);case"product_tags":return c(e);case"creation_date":return g(e);default:return""}}).join(" "):"",s=e=>e.replace(/[%$]/g,""),a=()=>`
+"use strict";var e=require("../types.js");const i=i=>i===e.CompareType.ABOVE?0:i===e.CompareType.BELOW?2:1,n=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return r(e);case"price_range":return t(e);case"inventory_status":return o(e);case"product_tags":return g(e);case"creation_date":return c(e);default:return""}}).join(" "):"",s=e=>e.replace(/[%$]/g,""),a=()=>`
     {% assign enabled = false %}
     {% case conditionType %}
       {% when "exact" %}
@@ -63,7 +63,7 @@
       {% assign isPriceRange = enabled %}
     {% endif %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isPriceRange %}
-  `},o=e=>{let{type:n,conditionType:r,from:t,to:o}=e,c=i(r);return`
+  `},o=e=>{let{type:n,conditionType:r,from:t,to:o}=e,g=i(r);return`
       {% assign type = "${n}" %}
       {% assign shouldContinue = false %}
       {% if variant.inventory_policy == "continue" and type != "out_of_stock" %}
@@ -79,7 +79,7 @@
           {% assign to = ${s(o??"0")} %}
           ${a()}
           {% if conditionType == "below" or conditionType == "exact_or_below" %}
-            {% assign min = ${c} %}
+            {% assign min = ${g} %}
             {% assign from = 1 %}
             {% assign to = from | minus: min | plus: 1 %}
             {% if compareValue >= from and compareValue <= to %}
@@ -99,7 +99,7 @@
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
+  `},g=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}
@@ -109,7 +109,7 @@
       {% endif %}
     {% endfor %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isProductTag %}
-  `},g=e=>{let{days:i,from:n,to:r,type:t,conditionType:o}=e;return`
+  `},c=e=>{let{days:i,from:n,to:r,type:t,conditionType:o}=e;return`
     {% assign type = "${t}" %}
     {% assign days = ${s(i)} %}
     {% assign from = "${n}" | date: "%Y-%m-%d" | date: "%s" | times: 1000  %}
@@ -169,6 +169,8 @@
   {% endif %}
   {% if isShow and isNotDiscount == false %}
     {% assign className = "" %}
+  {% elsif isSettingSameHeightProductList %}
+    {% assign className = "!gp-invisible" %}
   {% else %}
     {% assign className = "!gp-hidden" %}
   {% endif %}

package/dist/cjs/product/components/product-list/ProductList.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),d=require("./ProductListGridLayout.liquid.js"),a=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:u}=o,g=u?.pageType==="GP_FUNNEL_PAGE";if(g)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:P,isGrid:$,numberOfProducts:_,productListId:h,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:L,relatedTag:b,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),d=require("./ProductListGridLayout.liquid.js"),a=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:g}=o,u=g?.pageType==="GP_FUNNEL_PAGE";if(u)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:P,isGrid:$,numberOfProducts:h,productListId:_,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:L,relatedTag:b,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
     ${e.RenderIf("RelatedProduct"===S,`
         assign relatedTag = '${b}'
         assign assignProduct = product
@@ -91,11 +91,11 @@
               endfor
             assign products = products | uniq
         endcase
-        paginate products by ${_||4}
+        paginate products by ${h||4}
           assign products = products
         endpaginate
       `)}
-  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:j}=r.getClass(o);return e.template`
+  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:H}=r.getClass(o);return e.template`
     ${e.RenderIf(e.isLocalEnv,`
         <script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
         ${l?.sameHeight?`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
@@ -106,7 +106,7 @@
 
     ${e.RenderIf(!!c?.preloadBgImage,`${e.RenderIf(!!c?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
     <div
-      class="${j}"
+      class="${H}"
       style="${A}"
     >
       <div class='gp-flex gp-w-full' style="${q}">
@@ -140,6 +140,7 @@
         assign productSrc = '${S}'
         assign c = 0
         assign limit = ${k??4}
+        assign isSettingSameHeightProductList = ${l?.sameHeight??!1}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
@@ -150,7 +151,7 @@
               ${t}
             endif
           endif
-          paginate target_collection.products by ${_||4}
+          paginate target_collection.products by ${h||4}
             assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
           endpaginate
         else
@@ -165,7 +166,7 @@
               endfor
               assign limit = products.length
             else
-              if ${h.length} == 0
+              if ${_.length} == 0
                 paginate collections.all.products by 100000
                   assign products = collections.all.products  | sort : "created_at"  | reverse
                 endpaginate
@@ -177,7 +178,7 @@
             else
               ${t}
             endif
-            paginate target_collection.products by ${_||4}
+            paginate target_collection.products by ${h||4}
               assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
             endpaginate
           endif
@@ -186,7 +187,7 @@
     `})()}
           ${e.template`
     {%- if products == null -%}
-    {%- if count == 0 and ${h.length} == 0 -%}
+    {%- if count == 0 and ${_.length} == 0 -%}
       {% if '${S}' == 'RelatedProduct' -%}
           <div>${t.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
@@ -194,7 +195,7 @@
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${s.If($,e.template`${d.default({...o,productListId:h,productSrc:S})}`,e.template`${i.default({...o,productListId:h,productSrc:S})}`)}
+      ${s.If($,e.template`${d.default({...o,productListId:_,productSrc:S})}`,e.template`${i.default({...o,productListId:_,productSrc:S})}`)}
     {%- endif -%}
     `}
           {%- assign product = gpBkProduct -%}

package/dist/cjs/product/components/product-list-v3/ProductList.liquid.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),d=require("./ProductListGridLayout.liquid.js"),a=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:u}=o,g=u?.pageType==="GP_FUNNEL_PAGE";if(g)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:$,isGrid:P,numberOfProducts:_,productListId:h,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:b,relatedTag:L,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),a=require("./ProductListGridLayout.liquid.js"),d=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:g}=o,u=g?.pageType==="GP_FUNNEL_PAGE";if(u)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:$,isGrid:P,numberOfProducts:h,productListId:_,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:L,relatedTag:b,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
     ${e.RenderIf("RelatedProduct"===S,`
-        assign relatedTag = '${L}'
+        assign relatedTag = '${b}'
         assign assignProduct = product
         assign idAssignProduct = assignProduct.id
         paginate collections.all.products by 10000
@@ -91,11 +91,11 @@
               endfor
             assign products = products | uniq
         endcase
-        paginate products by ${_||4}
+        paginate products by ${h||4}
           assign products = products
         endpaginate
       `)}
-  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:j}=r.getClass(o);return e.template`
+  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=d.getStyle(o),{productListWrapClass:H}=r.getClass(o);return e.template`
     ${e.RenderIf(e.isLocalEnv,`
         <script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
         ${l?.sameHeight?`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
@@ -106,7 +106,7 @@
 
     ${e.RenderIf(!!c?.preloadBgImage,`${e.RenderIf(!!c?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
     <div
-      class="${j}"
+      class="${H}"
       style="${A}"
     >
       <div class='gp-flex gp-w-full' style="${q}">
@@ -141,6 +141,7 @@
         assign productSrc = '${S}'
         assign c = 0
         assign limit = ${k??4}
+        assign isSettingSameHeightProductList = ${l?.sameHeight??!1}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
@@ -153,8 +154,8 @@
               ${t}
             endif
           endif
-          paginate target_collection.products by ${_||4}
-            assign products = target_collection.products ${b?v:""} ${E?"| reverse":""}
+          paginate target_collection.products by ${h||4}
+            assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
           endpaginate
         else
           if productSrc == 'RelatedProduct'
@@ -168,7 +169,7 @@
               endfor
               assign limit = products.length
             else
-              if ${h.length} == 0
+              if ${_.length} == 0
                 paginate collections.all.products by 100000
                   assign products = collections.all.products  | sort : "created_at"  | reverse
                 endpaginate
@@ -180,8 +181,8 @@
             else
               ${t}
             endif
-            paginate target_collection.products by ${_||4}
-              assign products = target_collection.products ${b?v:""} ${E?"| reverse":""}
+            paginate target_collection.products by ${h||4}
+              assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
             endpaginate
           endif
         endif
@@ -189,7 +190,7 @@
     `})()}
           ${e.template`
     {%- if products == null -%}
-    {%- if count == 0 and ${h.length} == 0 -%}
+    {%- if count == 0 and ${_.length} == 0 -%}
       {% if '${S}' == 'RelatedProduct' -%}
           <div>${t.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
@@ -197,7 +198,7 @@
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${s.If(P,e.template`${d.default({...o,productListId:h,productSrc:S})}`,e.template`${i.default({...o,productListId:h,productSrc:S})}`)}
+      ${s.If(P,e.template`${a.default({...o,productListId:_,productSrc:S})}`,e.template`${i.default({...o,productListId:_,productSrc:S})}`)}
     {%- endif -%}
     `}
           {%- assign product = gpBkProduct -%}

package/dist/esm/product/components/product-badge/ProductBadge.liquid.js

@@ -1,21 +1,21 @@
-import{dataStringify as e,sanitizeLiquid as t,RenderIf as s,template as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as p}from"./utils/renderBadgeLiquid.js";import{createClass as d,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as I,getImageContainerClasses as T,getImageClasses as k}from"./common/classes.js";import{getSubWrapperAttrs as q,getContainerAttrs as A,getTextContentAttrs as E,getImageAttr as K}from"./common/attrs.js";import{checkDiscountContentProductBadge as N}from"./utils/common.js";import{ProductBadge as _}from"../../settings/product-badge/configs/translate.js";let h=h=>{let{styles:B,setting:L,builderProps:O,pageContext:Q}=h,w=L?.shape!=="image",G=w&&L?.displayContent?.trim()==="",J=N(L?.displayContent),x=d({...D({isInstant:!1,props:h})}),M=l({...y(h,g)}),R=d({...V(h)}),Y=d({...S(h)}),z=l({...$({props:h})}),F=u({...q(h)}),H=v(h),U=d({...b()}),W=u({...A(h)}),X=d({...C()}),Z=l({...f({setting:L,styles:B})}),ee=d({...I(B)}),et=l({...j({setting:L,styles:B})}),es=u({...E()}),ei=d({...T()}),er=l({...P({setting:L,styles:B})}),ea=d({...k()}),eo=u({...K({setting:L})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(L?.displayTrigger).replaceAll("'","'")),uid:h.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w}),{displayContent:en}=L??{},ep=o({val:en?.trim(),uid:O?.uid,settingId:_?.displayContent?.id,isLiquid:!0,pageContext:Q});return i`
+import{dataStringify as e,sanitizeLiquid as t,RenderIf as s,template as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as d}from"./utils/renderBadgeLiquid.js";import{createClass as p,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as S,getWrapperClasses as D,getSubWrapperClass as V,getTextContainerClasses as b,getTextWrapperClasses as h,getTextContentClasses as C,getImageContainerClasses as I,getImageClasses as L}from"./common/classes.js";import{getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as q,getImageAttr as A}from"./common/attrs.js";import{checkDiscountContentProductBadge as E}from"./utils/common.js";import{ProductBadge as K}from"../../settings/product-badge/configs/translate.js";let N=N=>{let{styles:_,setting:B,builderProps:O,pageContext:Q}=N,w=B?.shape!=="image",G=w&&B?.displayContent?.trim()==="",H=E(B?.displayContent),J=p({...S({isInstant:!1,props:N})}),x=l({...y(N,g)}),M=p({...D(N)}),R=p({...V(N)}),Y=l({...$({props:N})}),z=u({...T(N)}),F=v(N),U=p({...b()}),W=u({...k(N)}),X=p({...h()}),Z=l({...f({setting:B,styles:_})}),ee=p({...C(_)}),et=l({...j({setting:B,styles:_})}),es=u({...q()}),ei=p({...I()}),er=l({...P({setting:B,styles:_})}),ea=p({...L()}),eo=u({...A({setting:B})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(B?.displayTrigger).replaceAll("'","'")),uid:N.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:en}=B??{},ed=o({val:en?.trim(),uid:O?.uid,settingId:K?.displayContent?.id,isLiquid:!0,pageContext:Q});return i`
     {% if product %}
-      ${n(ep,Q?.isPreviewing)}
-      ${p(L?.displayTrigger,!G,J)}
+      ${n(ed,Q?.isPreviewing)}
+      ${d(B?.displayTrigger,!G,H)}
       <gp-product-badge
         ${{...W}}
         gp-data='${e(ec)}'
-        class="${x} {{ className }}"
-        style="${M}"
-        data-display-content="${Q?.isPreviewing?ep:t(`{{${ep}}}`)}"
+        class="${J} {{ className }}"
+        style="${x}"
+        data-display-content="${Q?.isPreviewing?ed:t(`{{${ed}}}`)}"
       >
-        <div class="${R}">
+        <div class="${M}">
           <div
-            ${{...F}}
-            class="${Y}"
-            style="${z}"
+            ${{...z}}
+            class="${R}"
+            style="${Y}"
           >
-            <style>${H}</style>
+            <style>${F}</style>
             ${s(w,i`
                 <div class="${U}">
                   <div
@@ -36,4 +36,4 @@ import{dataStringify as e,sanitizeLiquid as t,RenderIf as s,template as i,isLoca
       </gp-product-badge>
        ${s(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
-  `};export{h as default};
+  `};export{N as default};

package/dist/esm/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -27,10 +27,12 @@ import{CompareType as e}from"../types.js";let i=i=>i===e.ABOVE?0:i===e.BELOW?2:1
   {% endif %}
   {% if isShow and isNotDiscount == false %}
     {% assign className = "" %}
+  {% elsif isSettingSameHeightProductList %}
+    {% assign className = "!gp-invisible" %}
   {% else %}
     {% assign className = "!gp-hidden" %}
   {% endif %}
-  `,s=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return t(e);case"price_range":return o(e);case"inventory_status":return g(e);case"product_tags":return d(e);case"creation_date":return c(e);default:return""}}).join(" "):"",a=e=>e.replace(/[%$]/g,""),r=()=>`
+  `,s=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return t(e);case"price_range":return o(e);case"inventory_status":return g(e);case"product_tags":return c(e);case"creation_date":return d(e);default:return""}}).join(" "):"",a=e=>e.replace(/[%$]/g,""),r=()=>`
     {% assign enabled = false %}
     {% case conditionType %}
       {% when "exact" %}
@@ -131,7 +133,7 @@ import{CompareType as e}from"../types.js";let i=i=>i===e.ABOVE?0:i===e.BELOW?2:1
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},d=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","'")).join(", ");return`
+  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","'")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}
@@ -141,7 +143,7 @@ import{CompareType as e}from"../types.js";let i=i=>i===e.ABOVE?0:i===e.BELOW?2:1
       {% endif %}
     {% endfor %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isProductTag %}
-  `},c=e=>{let{days:i,from:n,to:s,type:t,conditionType:o}=e;return`
+  `},d=e=>{let{days:i,from:n,to:s,type:t,conditionType:o}=e;return`
     {% assign type = "${t}" %}
     {% assign days = ${a(i)} %}
     {% assign from = "${n}" | date: "%Y-%m-%d" | date: "%s" | times: 1000  %}

package/dist/esm/product/components/product-list/ProductList.liquid.js

@@ -1,6 +1,6 @@
-import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-sdk/core";import{getSettingPreloadData as d,getStaticLocale as o}from"../../../helpers.js";import{If as r}from"@gem-sdk/system";import a from"./ProductListCarouselLayout.liquid.js";import n from"./ProductListGridLayout.liquid.js";import{getStyle as c}from"./common/styles.js";import{getClass as l}from"./common/classes.js";import{getDataLiquid as u}from"./common/helpers.js";let g=g=>{let{setting:p,styles:f,pageContext:m}=g,$=m?.pageType==="GP_FUNNEL_PAGE";if($)return"";let{hasRelatedExclude:P,relatedExcludeTrim:h,collectionID:_,isLatestProducts:y,isGrid:v,numberOfProducts:E,productListId:k,productListHandles:x,sortedBy:S,isReverse:b,productSrc:A,productNumber:L,isSorted:R,relatedTag:I,collectionHandle:F}=u(g),j=()=>i`
-    ${e("RelatedProduct"===A,`
-        assign relatedTag = '${I}'
+import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-sdk/core";import{getSettingPreloadData as d,getStaticLocale as o}from"../../../helpers.js";import{If as r}from"@gem-sdk/system";import a from"./ProductListCarouselLayout.liquid.js";import n from"./ProductListGridLayout.liquid.js";import{getStyle as c}from"./common/styles.js";import{getClass as l}from"./common/classes.js";import{getDataLiquid as g}from"./common/helpers.js";let u=u=>{let{setting:p,styles:f,pageContext:m}=u,$=m?.pageType==="GP_FUNNEL_PAGE";if($)return"";let{hasRelatedExclude:P,relatedExcludeTrim:h,collectionID:_,isLatestProducts:y,isGrid:v,numberOfProducts:E,productListId:k,productListHandles:S,sortedBy:x,isReverse:b,productSrc:L,productNumber:A,isSorted:R,relatedTag:H,collectionHandle:I}=g(u),F=()=>i`
+    ${e("RelatedProduct"===L,`
+        assign relatedTag = '${H}'
         assign assignProduct = product
         assign idAssignProduct = assignProduct.id
         paginate collections.all.products by 10000
@@ -95,7 +95,7 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
           assign products = products
         endpaginate
       `)}
-  `,{productListWrapStyle:w,productListContentStyle:H,productListWrapAlignStyle:q}=c(g),{productListWrapClass:G}=l(g);return i`
+  `,{productListWrapStyle:j,productListContentStyle:w,productListWrapAlignStyle:q}=c(u),{productListWrapClass:G}=l(u);return i`
     ${e(s,`
         <script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
         ${p?.sameHeight?`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
@@ -107,16 +107,16 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
     ${e(!!f?.preloadBgImage,`${e(!!f?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${e(!!f?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${e(!!f?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
     <div
       class="${G}"
-      style="${w}"
+      style="${j}"
     >
       <div class='gp-flex gp-w-full' style="${q}">
         <div
-          style="${H}"
+          style="${w}"
         >
           {%- assign gpBkProduct = product -%}
           {%- assign gpBkProducts = products -%}
-          ${(()=>{let e=F?`
-          assign target_collection = collections['${F}']
+          ${(()=>{let e=I?`
+          assign target_collection = collections['${I}']
           if target_collection == empty
             for collection in collections
               if collection.id == ${_}
@@ -134,12 +134,13 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
           endfor
         `;return i`
       {%- liquid
-        assign productHandles = '${x.toString()}'| split: ','
+        assign productHandles = '${S.toString()}'| split: ','
         assign products = null
         assign target_collection = null
-        assign productSrc = '${A}'
+        assign productSrc = '${L}'
         assign c = 0
-        assign limit = ${L??4}
+        assign limit = ${A??4}
+        assign isSettingSameHeightProductList = ${p?.sameHeight??!1}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
@@ -151,11 +152,11 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
             endif
           endif
           paginate target_collection.products by ${E||4}
-            assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+            assign products = target_collection.products ${R?x:""} ${b?"| reverse":""}
           endpaginate
         else
           if productSrc == 'RelatedProduct'
-            ${j()}
+            ${F()}
           elsif productSrc == 'PickProduct'
             unless ${y}
               assign products = null | sort
@@ -178,7 +179,7 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
               ${e}
             endif
             paginate target_collection.products by ${E||4}
-              assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+              assign products = target_collection.products ${R?x:""} ${b?"| reverse":""}
             endpaginate
           endif
         endif
@@ -187,14 +188,14 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
           ${i`
     {%- if products == null -%}
     {%- if count == 0 and ${k.length} == 0 -%}
-      {% if '${A}' == 'RelatedProduct' -%}
+      {% if '${L}' == 'RelatedProduct' -%}
           <div>${o("ProductList","no_related_products")}</div>
         {% else %}
           <div>${o("ProductList","no_products_found")}</div>
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${r(v,i`${n({...g,productListId:k,productSrc:A})}`,i`${a({...g,productListId:k,productSrc:A})}`)}
+      ${r(v,i`${n({...u,productListId:k,productSrc:L})}`,i`${a({...u,productListId:k,productSrc:L})}`)}
     {%- endif -%}
     `}
           {%- assign product = gpBkProduct -%}
@@ -202,4 +203,4 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
         </div>
       </div>
     </div>
-  `};export{g as default};
+  `};export{u as default};

package/dist/esm/product/components/product-list-v3/ProductList.liquid.js

@@ -1,6 +1,6 @@
-import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-sdk/core";import{getSettingPreloadData as d,getStaticLocale as o}from"../../../helpers.js";import{If as r}from"@gem-sdk/system";import n from"./ProductListCarouselLayout.liquid.js";import a from"./ProductListGridLayout.liquid.js";import{getStyle as c}from"./common/styles.js";import{getClass as l}from"./common/classes.js";import{getDataLiquid as u}from"./common/helpers.js";let g=g=>{let{setting:p,styles:f,pageContext:m}=g,$=m?.pageType==="GP_FUNNEL_PAGE";if($)return"";let{hasRelatedExclude:P,relatedExcludeTrim:h,collectionID:_,isLatestProducts:y,isGrid:v,numberOfProducts:E,productListId:k,productListHandles:x,sortedBy:S,isReverse:b,productSrc:A,productNumber:L,isSorted:R,relatedTag:I,collectionHandle:F}=u(g),j=()=>i`
-    ${e("RelatedProduct"===A,`
-        assign relatedTag = '${I}'
+import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-sdk/core";import{getSettingPreloadData as d,getStaticLocale as o}from"../../../helpers.js";import{If as r}from"@gem-sdk/system";import n from"./ProductListCarouselLayout.liquid.js";import a from"./ProductListGridLayout.liquid.js";import{getStyle as c}from"./common/styles.js";import{getClass as l}from"./common/classes.js";import{getDataLiquid as g}from"./common/helpers.js";let u=u=>{let{setting:p,styles:f,pageContext:m}=u,$=m?.pageType==="GP_FUNNEL_PAGE";if($)return"";let{hasRelatedExclude:P,relatedExcludeTrim:h,collectionID:_,isLatestProducts:y,isGrid:v,numberOfProducts:E,productListId:k,productListHandles:S,sortedBy:x,isReverse:b,productSrc:L,productNumber:A,isSorted:R,relatedTag:H,collectionHandle:I}=g(u),F=()=>i`
+    ${e("RelatedProduct"===L,`
+        assign relatedTag = '${H}'
         assign assignProduct = product
         assign idAssignProduct = assignProduct.id
         paginate collections.all.products by 10000
@@ -95,7 +95,7 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
           assign products = products
         endpaginate
       `)}
-  `,{productListWrapStyle:w,productListContentStyle:H,productListWrapAlignStyle:q}=c(g),{productListWrapClass:G}=l(g);return i`
+  `,{productListWrapStyle:j,productListContentStyle:w,productListWrapAlignStyle:q}=c(u),{productListWrapClass:G}=l(u);return i`
     ${e(s,`
         <script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
         ${p?.sameHeight?`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
@@ -107,16 +107,16 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
     ${e(!!f?.preloadBgImage,`${e(!!f?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${e(!!f?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${e(!!f?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
     <div
       class="${G}"
-      style="${w}"
+      style="${j}"
     >
       <div class='gp-flex gp-w-full' style="${q}">
         <div
-          style="${H}"
+          style="${w}"
         >
           {%- assign gpBkProduct = product -%}
           {%- assign gpBkProducts = products -%}
-          ${(()=>{let e=F?`
-          assign target_collection = collections['${F}']
+          ${(()=>{let e=I?`
+          assign target_collection = collections['${I}']
           if target_collection == empty
             for collection in collections
               if collection.id == ${_}
@@ -134,13 +134,14 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
           endfor
         `;return i`
       {%- liquid
-        assign productHandles = '${x.toString()}'| split: ','
-        assign collection_handle = '${F}'
+        assign productHandles = '${S.toString()}'| split: ','
+        assign collection_handle = '${I}'
         assign products = null
         assign target_collection = null
-        assign productSrc = '${A}'
+        assign productSrc = '${L}'
         assign c = 0
-        assign limit = ${L??4}
+        assign limit = ${A??4}
+        assign isSettingSameHeightProductList = ${p?.sameHeight??!1}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
@@ -154,11 +155,11 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
             endif
           endif
           paginate target_collection.products by ${E||4}
-            assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+            assign products = target_collection.products ${R?x:""} ${b?"| reverse":""}
           endpaginate
         else
           if productSrc == 'RelatedProduct'
-            ${j()}
+            ${F()}
           elsif productSrc == 'PickProduct'
             unless ${y}
               assign products = null | sort
@@ -181,7 +182,7 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
               ${e}
             endif
             paginate target_collection.products by ${E||4}
-              assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+              assign products = target_collection.products ${R?x:""} ${b?"| reverse":""}
             endpaginate
           endif
         endif
@@ -190,14 +191,14 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
           ${i`
     {%- if products == null -%}
     {%- if count == 0 and ${k.length} == 0 -%}
-      {% if '${A}' == 'RelatedProduct' -%}
+      {% if '${L}' == 'RelatedProduct' -%}
           <div>${o("ProductList","no_related_products")}</div>
         {% else %}
           <div>${o("ProductList","no_products_found")}</div>
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${r(v,i`${a({...g,productListId:k,productSrc:A})}`,i`${n({...g,productListId:k,productSrc:A})}`)}
+      ${r(v,i`${a({...u,productListId:k,productSrc:L})}`,i`${n({...u,productListId:k,productSrc:L})}`)}
     {%- endif -%}
     `}
           {%- assign product = gpBkProduct -%}
@@ -205,4 +206,4 @@ import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template as i}from"@gem-s
         </div>
       </div>
     </div>
-  `};export{g as default};
+  `};export{u as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.64",
+  "version": "17.0.0-dev.66",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-dev.63",
+    "@gem-sdk/core": "17.0.0-dev.66",
     "@gem-sdk/styles": "17.0.0-dev.62",
     "@gem-sdk/system": "17.0.0-dev.38",
     "@types/react-transition-group": "^4.4.12",