@gem-sdk/components 17.0.0-dev.129 → 17.0.0-dev.130

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

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

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

@@ -0,0 +1 @@
+"use strict";exports.injectBadgeStateExtras=t=>{let e=t.slice(0,-1);return`${e},"productTags":{{ product.tags | json }}}`};

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 g(e);case"creation_date":return c(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 c(e);case"creation_date":return g(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,g=i(r);return`
+  `},o=e=>{let{type:n,conditionType:r,from:t,to:o}=e,c=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 = ${g} %}
+            {% assign min = ${c} %}
             {% 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 %}
 
-  `},g=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
+  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll("'","&#39;").replaceAll('"',"&quot;")).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 %}
-  `},c=e=>{let{days:i,from:n,to:r,type:t,conditionType:o}=e;return`
+  `},g=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  %}

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

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

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

@@ -0,0 +1 @@
+let t=t=>{let e=t.slice(0,-1);return`${e},"productTags":{{ product.tags | json }}}`};export{t as injectBadgeStateExtras};

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

@@ -133,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 %}
 
-  `},c=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("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll("'","&#39;").replaceAll('"',"&quot;")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.129",
+  "version": "17.0.0-dev.130",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",