@gem-sdk/components 4.0.0-staging.1163 → 4.0.0-staging.1166

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),common=require("./utils/common.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:r,pageContext:a}=e,i=s?.shape!=="image",c=common.checkDiscountContentProductBadge(s?.displayContent),n=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),l=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),d=system.createStyle({...styles.getSubWrapperStyle(e)}),p=system.createAttr({...attrs.getSubWrapperAttrs(e)}),u=styles.getContentStyleInternal(e),y=system.createClass({...classes.getTextContainerClasses()}),g=system.createAttr({...attrs.getContainerAttrs(e)}),m=system.createClass({...classes.getTextWrapperClasses()}),C=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),v=system.createClass({...classes.getTextContentClasses(t)}),$=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),S=system.createAttr({...attrs.getTextContentAttrs()}),q=system.createClass({...classes.getImageContainerClasses()}),I=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),j=system.createClass({...classes.getImageClasses()}),D=system.createAttr({...attrs.getImageAttr({setting:s})}),P=system.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:s?.displayTrigger,uid:e.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:'{{ product.tags | join: "," }}',isTextBadge:i}),{displayContent:f,translate:A}=s??{},L=helpers.getDynamicSourceLocales({val:f?.trim(),uid:r?.uid,settingId:"displayContent",isLiquid:!0,pageContext:a,translate:A});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),common=require("./utils/common.js"),generateLiquidContent=require("./utils/generateLiquidContent.js"),renderBadgeLiquid=require("./utils/renderBadgeLiquid.js"),system=require("@gem-sdk/system"),constants=require("./constants.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:r,pageContext:a}=e,i=s?.shape!=="image",c=common.checkDiscountContentProductBadge(s?.displayContent),n=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),l=system.createClass({...classes.getWrapperClasses(e)}),o=system.createClass({...classes.getSubWrapperClass(e)}),d=system.createStyle({...styles.getSubWrapperStyle(e)}),p=system.createAttr({...attrs.getSubWrapperAttrs(e)}),u=styles.getContentStyleInternal(e),y=system.createClass({...classes.getTextContainerClasses()}),g=system.createAttr({...attrs.getContainerAttrs(e)}),m=system.createClass({...classes.getTextWrapperClasses()}),C=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),v=system.createClass({...classes.getTextContentClasses(t)}),S=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),$=system.createAttr({...attrs.getTextContentAttrs()}),q=system.createClass({...classes.getImageContainerClasses()}),I=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),j=system.createClass({...classes.getImageClasses()}),D=system.createAttr({...attrs.getImageAttr({setting:s})}),P=system.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(s?.displayTrigger).replaceAll("'","'")),uid:e.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:i}),{displayContent:f,translate:A}=s??{},L=helpers.getDynamicSourceLocales({val:f?.trim(),uid:r?.uid,settingId:"displayContent",isLiquid:!0,pageContext:a,translate:A});return core.template`
     {% if product %}
-      ${generateLiquidContent.generateBadgeContent(L)}
+      ${generateLiquidContent.generateBadgeContent(L,a?.isPreviewing)}
       ${renderBadgeLiquid.renderBadgeInFirstTime(s?.displayTrigger,c,i)}
       <gp-product-badge
         ${{...g}}
@@ -23,9 +23,9 @@
                     style="${C}"
                   >
                     <pre
-                      ${{...S}}
+                      ${{...$}}
                       class="${v}"
-                      style="${$}"
+                      style="${S}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
                 </div>`,core.template`<div class="${q}" style="${I}">

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

@@ -1,5 +1,5 @@
-"use strict";const generateBadgeContent=n=>{let t;try{t=JSON.stringify(n)}catch(n){t=""}return`
-    {% assign content = ${t} %}
+"use strict";const generateBadgeContent=(n,i)=>`
+    {% assign content = ${i?JSON.stringify(n):n} %}
 
     {%if content.size > 0 %}
       {% if variant.compare_at_price and variant.compare_at_price > 0 %}
@@ -21,4 +21,4 @@
       {% assign minPriceKey = "{min_price}" %}
       {% assign inventoryQuantityKey = "{inventory_quantity}" %}
     {% endif %}
-  `};exports.generateBadgeContent=generateBadgeContent;
+  `;exports.generateBadgeContent=generateBadgeContent;

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

@@ -127,8 +127,8 @@
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},checkProductTagCondition=e=>{let{searchTag:i}=e,n=i.join(", ");return`
-    {% assign productTags = product.tags %}
+  `},checkProductTagCondition=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 %}
       {% if searchTag contains tag %}

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

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

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

@@ -1,5 +1,5 @@
-let generateBadgeContent=n=>{let i;try{i=JSON.stringify(n)}catch(n){i=""}return`
-    {% assign content = ${i} %}
+let generateBadgeContent=(n,i)=>`
+    {% assign content = ${i?JSON.stringify(n):n} %}
 
     {%if content.size > 0 %}
       {% if variant.compare_at_price and variant.compare_at_price > 0 %}
@@ -21,4 +21,4 @@ let generateBadgeContent=n=>{let i;try{i=JSON.stringify(n)}catch(n){i=""}return`
       {% assign minPriceKey = "{min_price}" %}
       {% assign inventoryQuantityKey = "{inventory_quantity}" %}
     {% endif %}
-  `};export{generateBadgeContent};
+  `;export{generateBadgeContent};

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

@@ -127,8 +127,8 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},checkProductTagCondition=e=>{let{searchTag:i}=e,n=i.join(", ");return`
-    {% assign productTags = product.tags %}
+  `},checkProductTagCondition=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 %}
       {% if searchTag contains tag %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "4.0.0-staging.1163",
+  "version": "4.0.0-staging.1166",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "3.1.0-staging.1150",
+    "@gem-sdk/core": "4.0.0-staging.1164",
     "@gem-sdk/styles": "3.1.0-staging.1137",
     "@gem-sdk/system": "3.1.0-staging.1137",
     "tsup": "^8.5.0",