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

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

@@ -1,39 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.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"),translate=require("../../settings/product-badge/configs/translate.js"),common=require("./utils/common.js");const ProductBadge=e=>{let{styles:t,setting:s,builderProps:a,pageContext:r}=e,i=s?.shape!=="image",n=i&&s?.displayContent?.trim()==="",c=common.checkDiscountContentProductBadge(s?.displayContent),l=system.createClass({...classes.getContainerClasses({isInstant:!1,props:e})}),o=system.createStyle({...styles.getContainerStyle(e,constants.IS_LIQUID)}),d=system.createClass({...classes.getWrapperClasses(e)}),p=system.createClass({...classes.getSubWrapperClass(e)}),u=system.createStyle({...styles.getSubWrapperStyle({props:e})}),y=system.createAttr({...attrs.getSubWrapperAttrs(e)}),g=styles.getContentStyleInternal(e),m=system.createClass({...classes.getTextContainerClasses()}),C=system.createAttr({...attrs.getContainerAttrs(e)}),v=system.createClass({...classes.getTextWrapperClasses()}),$=system.createStyle({...styles.getTextBadgeWrapperStyles({setting:s,styles:t})}),S=system.createClass({...classes.getTextContentClasses(t)}),q=system.createStyle({...styles.getTextContentStyle({setting:s,styles:t})}),j=system.createAttr({...attrs.getTextContentAttrs()}),I=system.createClass({...classes.getImageContainerClasses()}),P=system.createStyle({...styles.getImageContainerStyles({setting:s,styles:t})}),f=system.createClass({...classes.getImageClasses()}),D=system.createAttr({...attrs.getImageAttr({setting:s})}),A=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:L}=s??{},T=helpers.getDynamicSourceLocales({val:L?.trim(),uid:a?.uid,settingId:translate.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:r});return core.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"),p=require("../../settings/product-badge/configs/translate.js"),d=require("./utils/common.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({...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)}),f=r.createStyle({...n.getSubWrapperStyle({props:o})}),D=r.createAttr({...l.getSubWrapperAttrs(o)}),A=n.getContentStyleInternal(o),P=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(o)}),b=r.createClass({...c.getTextWrapperClasses()}),x=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),L=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),B=r.createClass({...c.getImageContainerClasses()}),W=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),k=r.createClass({...c.getImageClasses()}),E=r.createAttr({...l.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`
     {% if product %}
-      ${generateLiquidContent.generateBadgeContent(T,r?.isPreviewing)}
-      ${renderBadgeLiquid.renderBadgeInFirstTime(s?.displayTrigger,!n,c)}
+      ${s.generateBadgeContent(K,m?.isPreviewing)}
+      ${a.renderBadgeInFirstTime(g?.displayTrigger,!v,$)}
       <gp-product-badge
-        ${{...C}}
-        class="${l} {{ className }}"
-        style="${o}"
-        data-display-content="${r?.isPreviewing?T:core.sanitizeLiquid(`{{${T}}}`)}"
+        ${{...T}}
+        class="${S} {{ className }}"
+        style="${j}"
+        data-display-content="${m?.isPreviewing?K:e.sanitizeLiquid(`{{${K}}}`)}"
       >
-        <script gp-data type="application/json">${core.dataStringify(A)}</script>
-        <div class="${d}">
+        <script gp-data type="application/json">${e.dataStringify(O)}</script>
+        <div class="${q}">
           <div
-            ${{...y}}
-            class="${p}"
-            style="${u}"
+            ${{...D}}
+            class="${I}"
+            style="${f}"
           >
-            <style>${g}</style>
-            ${core.RenderIf(i,core.template`
-                <div class="${m}">
+            <style>${A}</style>
+            ${e.RenderIf(C,e.template`
+                <div class="${P}">
                   <div
-                    class="${v}"
-                    style="${$}"
+                    class="${b}"
+                    style="${x}"
                   >
                     <pre
-                      ${{...j}}
-                      class="${S}"
-                      style="${q}"
+                      ${{..._}}
+                      class="${L}"
+                      style="${V}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,core.template`<div class="${I}" style="${P}">
-                  <img ${{...D}} class="${f}" alt="" />
+                </div>`,e.template`<div class="${B}" style="${W}">
+                  <img ${{...E}} class="${k}" alt="" />
                 </div>`)}
           </div>
         </div>
       </gp-product-badge>
-       ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+       ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
-  `};exports.default=ProductBadge;
+  `};

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},getEditTooltipAttrs=t=>{let{setting:e}=t,r=e?.positionWithImage==="outside";return{enable:!0,text:core.t("Not be displayed when published"),position:r?"bottom":"right",width:"205px"}},getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,o=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":o||"",id:r?.uid||""}},getTextContentAttrs=()=>({id:"product-badge-content"});exports.getContainerAttrs=getContainerAttrs,exports.getEditTooltipAttrs=getEditTooltipAttrs,exports.getImageAttr=getImageAttr,exports.getSubWrapperAttrs=getSubWrapperAttrs,exports.getTextContentAttrs=getTextContentAttrs;
+"use strict";var t=require("@gem-sdk/core");exports.getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},exports.getEditTooltipAttrs=e=>{let{setting:r}=e,i=r?.positionWithImage==="outside";return{enable:!0,text:t.t("Not be displayed when published"),position:i?"bottom":"right",width:"205px"}},exports.getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),exports.getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},exports.getTextContentAttrs=()=>({id:"product-badge-content"});

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),renderBadgeILP=require("../utils/renderBadgeILP.js"),common=require("../utils/common.js");const getContainerClasses=({mode:e,isInstant:s,product:t,currentVariant:r,props:a})=>{let{setting:o,builderProps:g}=a,l="gp-shrink-0 product-badge ",p=!e&&s?renderBadgeILP.toggleBadge(o?.displayTrigger,t,r):`${g?.uid}`,n=g?.builderData?.advanced?.cssClass||"";return p&&(l+=`${p} `),n&&(l+=`${n} `),g?.uid&&(l+=`${g?.uid} `),o?.positionWithImage==="inside"&&(l+="inside-image "),{...core.composeClasses(l)}},getTextContainerClasses=()=>({...core.composeClasses("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),getTextWrapperClasses=()=>({...core.composeClasses("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),getTextContentClasses=e=>{let s="gp-break-words gp-text-center ",t=core.composeTypographyClassName(e?.typo);return t&&(s+=`${t} `),{...core.composeClasses(s)}},getImageContainerClasses=()=>({...core.composeClasses("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),getImageClasses=()=>({...core.composeClasses("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),getWrapperClasses=e=>{let{styles:s,setting:t}=e,{align:r}=s??{},a=t?.positionWithImage==="outside",o=a?"gp-flex ":"gp-h-full",g=common.getAlignShape(r,!1);return a&&g&&(o+=`${g} `),{...core.composeClasses(o)}},getSubWrapperClass=(e,s)=>{let{setting:t,style:r}=e,a=t?.positionWithImage==="inside",o=!a&&s?common.getShapePlacementClass(a,r,s):"gp-h-full";return{...core.composeClasses(o)}};exports.getContainerClasses=getContainerClasses,exports.getImageClasses=getImageClasses,exports.getImageContainerClasses=getImageContainerClasses,exports.getSubWrapperClass=getSubWrapperClass,exports.getTextContainerClasses=getTextContainerClasses,exports.getTextContentClasses=getTextContentClasses,exports.getTextWrapperClasses=getTextWrapperClasses,exports.getWrapperClasses=getWrapperClasses;
+"use strict";var e=require("@gem-sdk/core"),s=require("../utils/renderBadgeILP.js"),t=require("../utils/common.js");exports.getContainerClasses=({mode:t,isInstant:p,product:o,currentVariant:l,props:r})=>{let{setting:g,builderProps:a}=r,i="gp-shrink-0 product-badge ",n=!t&&p?s.toggleBadge(g?.displayTrigger,o,l):`${a?.uid}`,u=a?.builderData?.advanced?.cssClass||"";return n&&(i+=`${n} `),u&&(i+=`${u} `),a?.uid&&(i+=`${a?.uid} `),g?.positionWithImage==="inside"&&(i+="inside-image "),{...e.composeClasses(i)}},exports.getImageClasses=()=>({...e.composeClasses("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),exports.getImageContainerClasses=()=>({...e.composeClasses("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),exports.getSubWrapperClass=(s,p)=>{let{setting:o,style:l}=s,r=o?.positionWithImage==="inside",g=!r&&p?t.getShapePlacementClass(r,l,p):"gp-h-full";return{...e.composeClasses(g)}},exports.getTextContainerClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),exports.getTextContentClasses=s=>{let t="gp-break-words gp-text-center ",p=e.composeTypographyClassName(s?.typo);return p&&(t+=`${p} `),{...e.composeClasses(t)}},exports.getTextWrapperClasses=()=>({...e.composeClasses("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),exports.getWrapperClasses=s=>{let{styles:p,setting:o}=s,{align:l}=p??{},r=o?.positionWithImage==="outside",g=r?"gp-flex ":"gp-h-full",a=t.getAlignShape(l);return r&&a&&(g+=`${a} `),{...e.composeClasses(g)}};

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),common=require("../utils/common.js"),getShapePosition=require("../utils/getShapePosition.js"),getRotateShape=require("../utils/getRotateShape.js"),getStyleAdvanced=require("../utils/getStyleAdvanced.js"),getWhiteSpace=require("../utils/getWhiteSpace.js"),stylesV2=require("../utils/stylesV2.js"),shape=require("../utils/shape.js"),renderBadgeILP=require("../utils/renderBadgeILP.js");const getSizeStyles=e=>{let{setting:t,styles:o}=e,r=shape.getShape(t?.shape),a=t?.contentType==="text",i=a?o?.textSizeV2:o?.imageSizeV2;return a?common.getSize(r,i):common.getSize(void 0,i)},getContainerStyle=(e,t=!1)=>{let{setting:o,styles:r,style:a,navigationPosition:i,imageData:s,dotData:n}=e,g=o?.positionWithImage==="outside",l=common.getWrapperStyle(t),p=getShapePosition.getShapePosition({positionType:r?.position,isLiquid:!1,navigationPosition:i,dataImage:{...s,...n}}),S=getSizeStyles(e),d=getStyleAdvanced.getStyleAdvanced(g?{}:{...p,...S},a);return{...!g&&{"--pos":"absolute"},...l,...d}},getTextContentStyle=({styles:e,setting:t})=>{let o=core.makeGlobalSize(e?.textSizeV2).padding,r=shape.getShape(t?.shape),a=t?.positionWithImage==="outside";return{...getWhiteSpace.getWhiteSpaceStyle(e?.textSizeV2),...common.convertToStyle(r?.textStyle),...getRotateShape.composeTextStyleByPosition(r,e?.position,a),...core.composeTypographyStyle(e?.typo),...core.getStyleShadow({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...stylesV2.getStyleBackground(!!r?.backgroundColorInText,e?.badgeColorV2),...o}},getBorderStyles=({styles:e,setting:t})=>{let o=shape.getShape(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?stylesV2.getStyleBorder(e?.textBadgeBorder):stylesV2.getStyleBorder(e?.imageBadgeBorder):{}},getCornerStyles=({styles:e,setting:t})=>{let o=shape.getShape(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?stylesV2.getStyleCornerRadius(e?.textBadgeCorner,o?.shapeRadius):stylesV2.getStyleCornerRadius(e?.imageBadgeCorner,o?.shapeRadius):{}},getTextBadgeWrapperStyles=({styles:e,setting:t})=>{let o=shape.getShape(t?.shape),r=getBorderStyles({setting:t,styles:e}),a=t?.positionWithImage==="outside",i=getCornerStyles({setting:t,styles:e}),s=common.getShapeWrapperPadding(o?.ratio);return{...r,...i,...getRotateShape.composeShapeStyleByPosition(o,e?.position,a),...stylesV2.getStyleBackground(!o?.backgroundColorInText,e?.badgeColorV2),...s,height:o?.ratio===1?"0px":"100%"}},getImageContainerStyles=({styles:e,setting:t})=>{let o=getBorderStyles({setting:t,styles:e}),r=getCornerStyles({setting:t,styles:e}),a=core.makeGlobalSize(e?.imageSizeV2).padding;return{...o,...r,...a}},getOpacityProductBadge=({props:e,currentVariant:t,product:o,isEditMode:r})=>{let{setting:a}=e,i=a?.contentType==="text",s=i&&!a?.displayContent?.trim(),n=common.checkDiscountContentProductBadge(a?.displayContent);if(s)return r?.2:0;let g=core.convertDecimalToNumber(t?.price)??0,l=core.convertDecimalToNumber(t?.salePrice)??0,p=l-g>0,S=renderBadgeILP.checkShowBadge(a?.displayTrigger,o,t);return(p||!n)&&S?1:r?.2:0},getSubWrapperStyle=({props:e,product:t,currentVariant:o,isEditMode:r})=>{let{setting:a}=e,i=a?.positionWithImage==="outside",s=getSizeStyles(e),n=r&&o?getOpacityProductBadge({props:e,currentVariant:o,product:t,isEditMode:r}):1;return{...i?{...s,"--mb":0}:{},opacity:n}},getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,a=o?.contentType==="text";return stylesV2.generateShadowCSS(`[id="${r?.uid}"] .product-badge-item`,a?t?.textBadgeShadow:t?.imageBadgeShadow)};exports.getContainerStyle=getContainerStyle,exports.getContentStyleInternal=getContentStyleInternal,exports.getImageContainerStyles=getImageContainerStyles,exports.getSubWrapperStyle=getSubWrapperStyle,exports.getTextBadgeWrapperStyles=getTextBadgeWrapperStyles,exports.getTextContentStyle=getTextContentStyle;
+"use strict";var e=require("@gem-sdk/core"),t=require("../utils/common.js"),o=require("../utils/getShapePosition.js"),r=require("../utils/getRotateShape.js"),i=require("../utils/getStyleAdvanced.js"),a=require("../utils/getWhiteSpace.js"),s=require("../utils/stylesV2.js"),n=require("../utils/shape.js"),p=require("../utils/renderBadgeILP.js");const g=e=>{let{setting:o,styles:r}=e,i=n.getShape(o?.shape),a=o?.contentType==="text",s=a?r?.textSizeV2:r?.imageSizeV2;return a?t.getSize(i,s):t.getSize(void 0,s)},l=({styles:e,setting:t})=>{let o=n.getShape(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?s.getStyleBorder(e?.textBadgeBorder):s.getStyleBorder(e?.imageBadgeBorder):{}},d=({styles:e,setting:t})=>{let o=n.getShape(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?s.getStyleCornerRadius(e?.textBadgeCorner,o?.shapeRadius):s.getStyleCornerRadius(e?.imageBadgeCorner,o?.shapeRadius):{}},u=({props:o,currentVariant:r,product:i,isEditMode:a})=>{let{setting:s}=o,n=s?.contentType==="text",g=n&&!s?.displayContent?.trim(),l=t.checkDiscountContentProductBadge(s?.displayContent);if(g)return a?.2:0;let d=e.convertDecimalToNumber(r?.price)??0,u=e.convertDecimalToNumber(r?.salePrice)??0,S=p.checkShowBadge(s?.displayTrigger,i,r);return(u-d>0||!l)&&S?1:a?.2:0};exports.getContainerStyle=(e,r=!1)=>{let{setting:a,styles:s,style:n,navigationPosition:p,imageData:l,dotData:d}=e,u=a?.positionWithImage==="outside",S=t.getWrapperStyle(r),y=o.getShapePosition({positionType:s?.position,navigationPosition:p,dataImage:{...l,...d}}),h=g(e),c=i.getStyleAdvanced(u?{}:{...y,...h},n);return{...!u&&{"--pos":"absolute"},...S,...c}},exports.getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return s.generateShadowCSS(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)},exports.getImageContainerStyles=({styles:t,setting:o})=>{let r=l({setting:o,styles:t}),i=d({setting:o,styles:t}),a=e.makeGlobalSize(t?.imageSizeV2).padding;return{...r,...i,...a}},exports.getSubWrapperStyle=({props:e,product:t,currentVariant:o,isEditMode:r})=>{let{setting:i}=e,a=i?.positionWithImage==="outside",s=g(e),n=r&&o?u({props:e,currentVariant:o,product:t,isEditMode:r}):1;return{...a?{...s,"--mb":0}:{},opacity:n}},exports.getTextBadgeWrapperStyles=({styles:e,setting:o})=>{let i=n.getShape(o?.shape),a=l({setting:o,styles:e}),p=o?.positionWithImage==="outside",g=d({setting:o,styles:e}),u=t.getShapeWrapperPadding(i?.ratio);return{...a,...g,...r.composeShapeStyleByPosition(i,e?.position,p),...s.getStyleBackground(!i?.backgroundColorInText,e?.badgeColorV2),...u,height:i?.ratio===1?"0px":"100%"}},exports.getTextContentStyle=({styles:o,setting:i})=>{let p=e.makeGlobalSize(o?.textSizeV2).padding,g=n.getShape(i?.shape),l=i?.positionWithImage==="outside";return{...a.getWhiteSpaceStyle(o?.textSizeV2),...t.convertToStyle(g?.textStyle),...r.composeTextStyleByPosition(g,o?.position,l),...e.composeTypographyStyle(o?.typo),...e.getStyleShadow({value:o?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:o?.typo?.custom?.hasShadowText}),...s.getStyleBackground(!!g?.backgroundColorInText,o?.badgeColorV2),...p}};

package/dist/cjs/product/components/product-badge/constants.js

@@ -1 +1 @@
-"use strict";const IS_LIQUID=!0;exports.SHAPE_ID=void 0,function(r){r.SQUARE="square",r.VERTICAL_RECTANGLE="vertical_rectangle",r.HORIZONTAL_RECTANGLE="horizontal_rectangle",r.RIBBON="ribbon",r.STAR_2="star_2",r.STAR="star",r.RIBBON_2="ribbon_2",r.RIBBON_3="ribbon_3",r.TRIANGLE="triangle"}(exports.SHAPE_ID||(exports.SHAPE_ID={})),exports.IS_LIQUID=!0;
+"use strict";exports.SHAPE_ID=void 0,function(r){r.SQUARE="square",r.VERTICAL_RECTANGLE="vertical_rectangle",r.HORIZONTAL_RECTANGLE="horizontal_rectangle",r.RIBBON="ribbon",r.STAR_2="star_2",r.STAR="star",r.RIBBON_2="ribbon_2",r.RIBBON_3="ribbon_3",r.TRIANGLE="triangle"}(exports.SHAPE_ID||(exports.SHAPE_ID={})),exports.IS_LIQUID=!0;

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),productBundle=require("../../../helpers/product-bundle.js"),productBundle$1=require("../../constants/product-bundle.js");const removeTrailingZeros=e=>e.replace(/\.00$/,""),getPriceDiffByPercent=(e,t)=>{if(!t)return"0";let r=1e3*t-1e3*e;return Math.round(100*r/(1e3*t))},getPriceDiffByValue=(e,t,r)=>removeTrailingZeros(core.formatMoney(t?(t-e).toFixed(2):"0",r)),getMinPrice=(e,t)=>{let r=e?.edges?.length&&e.edges.length>0?1/0:0;return e?.edges.forEach(({node:e})=>{if(!e)return;let t=core.convertDecimalToNumber(e?.price);void 0!==t&&t<r&&(r=t)}),removeTrailingZeros(core.formatMoney(r.toString(),t))},checkNoDiscountState=(e,t)=>{let{discountPercentAmount:r}=productBundle.applyBundleDiscountAmount({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:t,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===productBundle$1.DiscountType.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&r)&&!e?.currentVariant?.salePrice},getBadgeContent=(e,t,r)=>{if(!e.detail||!t?.trim()?.length)return t;let{detail:i,currentVariant:o}=e,{discountPercentAmount:n,discountAmount:c}=productBundle.applyBundleDiscountAmount({currentVariant:o,bundleItem:e?.bundleItem,options:{moneyFormat:r,useProductCompareAtPrice:e?.useProductCompareAtPrice}}),u=()=>e?.bundleItem?.discountType!==productBundle$1.DiscountType.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?`${n}%`:`${getPriceDiffByPercent(core.convertDecimalToNumber(o?.price)??0,core.convertDecimalToNumber(o?.salePrice)??0)||0}%`:"0%",l=()=>e?.bundleItem?.discountType!==productBundle$1.DiscountType.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?c:getPriceDiffByValue(core.convertDecimalToNumber(o?.price)??0,core.convertDecimalToNumber(o?.salePrice)??0,r):core.formatMoney("0",r),a=new Map([["{percent_discount}",u],["{amount_discount}",l],["{min_price}",()=>getMinPrice(i.variants,r)||0],["{inventory_quantity}",()=>o?.inventoryQuantity||0]]);return[...a.entries()].reduce((e,[t,r])=>e.replaceAll(t,r()),t)},checkDiscountContentProductBadge=e=>{if(!e)return!1;let t=/\{percent_discount\}|\{amount_discount\}/;return t.test(e)},getShapePlacementClass=(e,t,r="desktop")=>e?t?.[`--pos${deviceWithSurfix(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${deviceWithSurfix(r)}`]?"":"!gp-inline-block gp-w-fit",getAlignShape=(e,t)=>t?"":core.cls("gp-flex",{"gp-justify-start":e?.desktop==="left","gp-justify-center":e?.desktop==="center","gp-justify-end":e?.desktop==="right","tablet:gp-justify-start":e?.tablet==="left","tablet:gp-justify-center":e?.tablet==="center","tablet:gp-justify-end":e?.tablet==="right","mobile:gp-justify-start":e?.mobile==="left","mobile:gp-justify-center":e?.mobile==="center","mobile:gp-justify-end":e?.mobile==="right"}),convertToStyle=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let i=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),o=i.get(t)||t;return{...e,[o]:r}},{}),getWrapperStyle=e=>({[e?"z-index":"zIndex"]:2}),getWidthByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=core.getResponsiveValueByScreen(e,i,null),n=o?.width||t?.wrapperWidth;n&&(r={...r,[i]:n})}),r},getHeightByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=core.getResponsiveValueByScreen(e,i,null);r={...r,[i]:o?.height||t?.wrapperHeight}}),r},getSize=(e,t)=>{let r=core.makeStyleResponsive("w",getWidthByShapeSize(t,e)),i=core.makeStyleResponsive("h",getHeightByShapeSize(t,e));return{...r,...i}},getShapeWrapperPadding=e=>{let t={};if(1!==e)return t;let r=["desktop","mobile","tablet"];return r.forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},deviceWithSurfix=e=>"desktop"===e?"":`-${e}`,getDeviceSpecificStyle=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},getIsNoDiscountState=({props:e,product:t,currentVariant:r,moneyFormat:i,useProductCompareAtPrice:o})=>{let{setting:n,"bundle-item":c}=e,u=checkDiscountContentProductBadge(n?.displayContent);return u&&checkNoDiscountState({detail:t,currentVariant:r,bundleItem:c,useProductCompareAtPrice:o},i)};exports.checkDiscountContentProductBadge=checkDiscountContentProductBadge,exports.checkNoDiscountState=checkNoDiscountState,exports.convertToStyle=convertToStyle,exports.deviceWithSurfix=deviceWithSurfix,exports.getAlignShape=getAlignShape,exports.getBadgeContent=getBadgeContent,exports.getDeviceSpecificStyle=getDeviceSpecificStyle,exports.getIsNoDiscountState=getIsNoDiscountState,exports.getShapePlacementClass=getShapePlacementClass,exports.getShapeWrapperPadding=getShapeWrapperPadding,exports.getSize=getSize,exports.getWidthByShapeSize=getWidthByShapeSize,exports.getWrapperStyle=getWrapperStyle;
+"use strict";var e=require("@gem-sdk/core"),t=require("../../../helpers/product-bundle.js"),r=require("../../constants/product-bundle.js");const o=e=>e.replace(/\.00$/,""),n=(e,t)=>t?Math.round(100*(1e3*t-1e3*e)/(1e3*t)):"0",i=(t,r,n)=>o(e.formatMoney(r?(r-t).toFixed(2):"0",n)),u=(t,r)=>{let n=t?.edges?.length&&t.edges.length>0?1/0:0;return t?.edges.forEach(({node:t})=>{if(!t)return;let r=e.convertDecimalToNumber(t?.price);void 0!==r&&r<n&&(n=r)}),o(e.formatMoney(n.toString(),r))},s=(e,o)=>{let{discountPercentAmount:n}=t.applyBundleDiscountAmount({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:o,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===r.DiscountType.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&n)&&!e?.currentVariant?.salePrice},l=e=>!!e&&/\{percent_discount\}|\{amount_discount\}/.test(e),c=(t,r)=>{let o={};return["desktop","mobile","tablet"].forEach(n=>{let i=e.getResponsiveValueByScreen(t,n,null),u=i?.width||r?.wrapperWidth;u&&(o={...o,[n]:u})}),o},p=(t,r)=>{let o={};return["desktop","mobile","tablet"].forEach(n=>{let i=e.getResponsiveValueByScreen(t,n,null);o={...o,[n]:i?.height||r?.wrapperHeight}}),o},a=e=>"desktop"===e?"":`-${e}`;exports.checkDiscountContentProductBadge=l,exports.checkNoDiscountState=s,exports.convertToStyle=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let o=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),n=o.get(t)||t;return{...e,[n]:r}},{}),exports.deviceWithSurfix=a,exports.getAlignShape=(t,r)=>e.cls("gp-flex",{"gp-justify-start":t?.desktop==="left","gp-justify-center":t?.desktop==="center","gp-justify-end":t?.desktop==="right","tablet:gp-justify-start":t?.tablet==="left","tablet:gp-justify-center":t?.tablet==="center","tablet:gp-justify-end":t?.tablet==="right","mobile:gp-justify-start":t?.mobile==="left","mobile:gp-justify-center":t?.mobile==="center","mobile:gp-justify-end":t?.mobile==="right"}),exports.getBadgeContent=(o,s,l)=>{if(!o.detail||!s?.trim()?.length)return s;let{detail:c,currentVariant:p}=o,{discountPercentAmount:a,discountAmount:d}=t.applyBundleDiscountAmount({currentVariant:p,bundleItem:o?.bundleItem,options:{moneyFormat:l,useProductCompareAtPrice:o?.useProductCompareAtPrice}}),m=new Map([["{percent_discount}",()=>o?.bundleItem?.discountType!==r.DiscountType.NoDiscount||o?.useProductCompareAtPrice?Number(o?.bundleItem?.discountValue)>0?`${a}%`:`${n(e.convertDecimalToNumber(p?.price)??0,e.convertDecimalToNumber(p?.salePrice)??0)||0}%`:"0%"],["{amount_discount}",()=>o?.bundleItem?.discountType!==r.DiscountType.NoDiscount||o?.useProductCompareAtPrice?Number(o?.bundleItem?.discountValue)>0?d:i(e.convertDecimalToNumber(p?.price)??0,e.convertDecimalToNumber(p?.salePrice)??0,l):e.formatMoney("0",l)],["{min_price}",()=>u(c.variants,l)||0],["{inventory_quantity}",()=>p?.inventoryQuantity||0]]);return[...m.entries()].reduce((e,[t,r])=>e.replaceAll(t,r().toString()),s)},exports.getDeviceSpecificStyle=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},exports.getIsNoDiscountState=({props:e,product:t,currentVariant:r,moneyFormat:o,useProductCompareAtPrice:n})=>{let{setting:i,"bundle-item":u}=e,c=l(i?.displayContent);return c&&s({currentVariant:r,bundleItem:u,useProductCompareAtPrice:n},o)},exports.getShapePlacementClass=(e,t,r="desktop")=>e?t?.[`--pos${a(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${a(r)}`]?"":"!gp-inline-block gp-w-fit",exports.getShapeWrapperPadding=e=>{let t={};return 1!==e||["desktop","mobile","tablet"].forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},exports.getSize=(t,r)=>{let o=e.makeStyleResponsive("w",c(r,t)),n=e.makeStyleResponsive("h",p(r,t));return{...o,...n}},exports.getWidthByShapeSize=c,exports.getWrapperStyle=e=>({[e?"z-index":"zIndex"]:2});

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

@@ -1,5 +1,5 @@
-"use strict";const generateBadgeContent=(n,t)=>`
-    {% assign content = ${t?JSON.stringify(n):n} %}
+"use strict";exports.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;
+  `;

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

@@ -1 +1 @@
-"use strict";var constants=require("../constants.js");const composeShapeStyleByPosition=(t,e,o)=>{if(!e||!t)return t?.shapeStyle||{};let s=t.shapeStyle||{},n=["desktop","mobile","tablet"];return n.forEach(n=>{let i=e[n]?.placement||"";if(!/\bright\b|\bbottom\b/.test(i))return;let r=`--t${"desktop"===n?"":`-${n}`}`,a="";[constants.SHAPE_ID.RIBBON,constants.SHAPE_ID.TRIANGLE].includes(t.id)&&!o&&(a=getRotation(i)),isRibbon2Or3(t.id,i)&&!o&&(a="rotate(180deg)"),s={...s,...a?{[r]:a}:{}}}),s},getRotation=t=>{switch(!0){case"bottom-left"===t:return"rotate(-90deg)";case t.includes("bottom"):return"rotate(180deg)";case t.includes("right"):return"rotate(90deg)";default:return""}},isRibbon2Or3=(t,e)=>[constants.SHAPE_ID.RIBBON_2,constants.SHAPE_ID.RIBBON_3].includes(t)&&e.includes("right")||constants.SHAPE_ID.RIBBON_3===t&&"bottom"===e,composeTextStyleByPosition=(t,e,o)=>{if(!e||!t)return t?.textStyle||{};let s=t.textStyle||{},n=["desktop","mobile","tablet"];return n.forEach(n=>{let i=e[n]?.placement||"";if(!/\bright\b|\bbottom\b/.test(i)||o)return;let r="",a=`--t${"desktop"===n?"":`-${n}`}`;t.id!==constants.SHAPE_ID.RIBBON||o?t.id!==constants.SHAPE_ID.TRIANGLE||o?t.id===constants.SHAPE_ID.VERTICAL_RECTANGLE?r=["bottom","bottom-left"].includes(i)?"rotate(-180deg)":"rotate(0)":isRibbon2Or3(t.id,i)&&!o&&(r="rotate(180deg)"):r=`translate(-20%, -75%) ${getRibbonRotation(i)}`:r=`translate(-10%, -30%) ${getRibbonRotation(i)}`,s={...s,...r?{[a]:r}:{}}}),s},getRibbonRotation=t=>!0===t.includes("bottom")?"rotate(135deg)":"rotate(-45deg)";exports.composeShapeStyleByPosition=composeShapeStyleByPosition,exports.composeTextStyleByPosition=composeTextStyleByPosition;
+"use strict";var t=require("../constants.js");const e=t=>{switch(!0){case"bottom-left"===t:return"rotate(-90deg)";case t.includes("bottom"):return"rotate(180deg)";case t.includes("right"):return"rotate(90deg)";default:return""}},o=(e,o)=>[t.SHAPE_ID.RIBBON_2,t.SHAPE_ID.RIBBON_3].includes(e)&&o.includes("right")||t.SHAPE_ID.RIBBON_3===e&&"bottom"===o,r=t=>!0===t.includes("bottom")?"rotate(135deg)":"rotate(-45deg)";exports.composeShapeStyleByPosition=(r,s,i)=>{if(!s||!r)return r?.shapeStyle||{};let l=r.shapeStyle||{};return["desktop","mobile","tablet"].forEach(a=>{let d=s[a]?.placement||"";if(!/\bright\b|\bbottom\b/.test(d))return;let n=`--t${"desktop"===a?"":`-${a}`}`,b="";[t.SHAPE_ID.RIBBON,t.SHAPE_ID.TRIANGLE].includes(r.id)&&!i&&(b=e(d)),o(r.id,d)&&!i&&(b="rotate(180deg)"),l={...l,...b?{[n]:b}:{}}}),l},exports.composeTextStyleByPosition=(e,s,i)=>{if(!s||!e)return e?.textStyle||{};let l=e.textStyle||{};return["desktop","mobile","tablet"].forEach(a=>{let d=s[a]?.placement||"";if(!/\bright\b|\bbottom\b/.test(d)||i)return;let n="",b=`--t${"desktop"===a?"":`-${a}`}`;e.id!==t.SHAPE_ID.RIBBON||i?e.id!==t.SHAPE_ID.TRIANGLE||i?e.id===t.SHAPE_ID.VERTICAL_RECTANGLE?n=["bottom","bottom-left"].includes(d)?"rotate(-180deg)":"rotate(0)":o(e.id,d)&&!i&&(n="rotate(180deg)"):n=`translate(-20%, -75%) ${r(d)}`:n=`translate(-10%, -30%) ${r(d)}`,l={...l,...n?{[b]:n}:{}}}),l};

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),common=require("./common.js");const appendPixelUnitIfNeed=e=>e?.includes("px")?e:`${e}px`,convertAutoToZero=e=>["auto","Auto",void 0].includes(e)?"0px":appendPixelUnitIfNeed(`${e}`),getGapWhenOnlyFeature=e=>{let{device:t,position:o,leftGap:a,rightGap:c}=e,n=common.getDeviceSpecificStyle(e?.imageShape,t)?.width||"100%",i=common.getDeviceSpecificStyle(e?.imageAlign,t);switch(o){case"left":return"flex-end"===i?`calc((100% - ${n}) + ${a})`:"center"===i?`calc((100% - ${n}) / 2 + ${a})`:a;case"center":return"flex-end"===i?`calc((200% - ${n}) / 2 + ${a})`:"center"===i?"50%":`calc(${n} / 2 + ${a})`;case"right":return"flex-start"===i?`calc((100% - ${n}) + ${c})`:"center"===i?`calc((100% - ${n}) / 2 + ${c})`:c}},getGapWhenNotOnlyFeature=e=>{let{position:t,leftGap:o,rightGap:a}=e;switch(t){case"left":return o;case"center":return"50%";case"right":return a}},getGapCompareProductImage=e=>{let{device:t,imageLayout:o}=e,a=common.getDeviceSpecificStyle(o,t);return"only-feature"===a?getGapWhenOnlyFeature(e):getGapWhenNotOnlyFeature(e)},getValuePositon=(e,t,o)=>t?o:getGapCompareProductImage(e),getGapBottom=e=>{let{device:t,bottomGap:o,dotSize:a,dotGapToCarousel:c,key:n,dotStyle:i,imageLayout:r,isLiquid:l}=e,s=common.getDeviceSpecificStyle(i,t),g=common.getDeviceSpecificStyle(r,t);return l&&"outside"===s?{[`--bottom${n}`]:o}:"none"!==s&&"only-feature"===g?{[`--bottom${n}`]:`calc(${a?.[t]||a?.desktop||0}px + ${c?.[e.device]||c?.desktop||0}px + ${o})`}:{[`--bottom${n}`]:o}},getShapePosition=e=>{let{positionType:t,isLiquid:o,navigationPosition:a,dataImage:c}=e;return core.DEVICES.reduce((e,n)=>{let i="desktop"===n?"":`-${n}`,r=common.getDeviceSpecificStyle(t,n)?.placement||"",l=convertAutoToZero(common.getDeviceSpecificStyle(t,n)?.topGap),s=convertAutoToZero(common.getDeviceSpecificStyle(t,n)?.rightGap),g=convertAutoToZero(common.getDeviceSpecificStyle(t,n)?.bottomGap),p=convertAutoToZero(common.getDeviceSpecificStyle(t,n)?.leftGap);a?.[n]!=="outside"||["bottom","top"].includes(r)||(s=`calc(${s} + 56px)`,p=`calc(${p} + 56px)`);let u=e=>({position:e,device:n,imageLayout:c?.imageLayout,imageAlign:c?.imageAlign,imageShape:c?.imageShape,leftGap:p,rightGap:s}),m={device:n,bottomGap:g,key:i,dotSize:c?.dotSize,dotGapToCarousel:c?.dotGapToCarousel,dotStyle:c?.dotStyle,imageLayout:c?.imageLayout,isLiquid:o},$={};switch(r){case"top-left":$={[`--top${i}`]:l,[`--left${i}`]:getValuePositon(u("left"),o,p),[`--right${i}`]:"unset",[`--bottom${i}`]:"unset",[`--t${i}`]:"unset"};break;case"top":$={[`--top${i}`]:l,[`--left${i}`]:getValuePositon(u("center"),o,"50%"),[`--right${i}`]:"unset",[`--bottom${i}`]:"unset",[`--t${i}`]:"translateX(-50%)"};break;case"top-right":$={[`--top${i}`]:l,[`--right${i}`]:getValuePositon(u("right"),o,s),[`--left${i}`]:"unset",[`--bottom${i}`]:"unset",[`--t${i}`]:"unset"};break;case"left":$={[`--top${i}`]:"50%",[`--left${i}`]:getValuePositon(u("left"),o,p),[`--right${i}`]:"unset",[`--bottom${i}`]:"unset",[`--t${i}`]:"translateY(-50%)"};break;case"right":$={[`--top${i}`]:"50%",[`--right${i}`]:getValuePositon(u("right"),o,s),[`--left${i}`]:"unset",[`--bottom${i}`]:"unset",[`--t${i}`]:"translateY(-50%)"};break;case"bottom-left":$={...getGapBottom(m),[`--left${i}`]:getValuePositon(u("left"),o,p),[`--right${i}`]:"unset",[`--top${i}`]:"unset",[`--t${i}`]:"unset"};break;case"bottom":$={...getGapBottom(m),[`--left${i}`]:getValuePositon(u("center"),o,"50%"),[`--top${i}`]:"unset",[`--right${i}`]:"unset",[`--t${i}`]:"translateX(-50%)"};break;case"bottom-right":$={...getGapBottom(m),[`--right${i}`]:getValuePositon(u("right"),o,s),[`--left${i}`]:"unset",[`--top${i}`]:"unset",[`--t${i}`]:"unset"}}return{...e,...$}},{})};exports.getGapBottom=getGapBottom,exports.getGapCompareProductImage=getGapCompareProductImage,exports.getShapePosition=getShapePosition;
+"use strict";var e=require("@gem-sdk/core"),t=require("./common.js");const c=e=>e?.includes("px")?e:`${e}px`,i=e=>["auto","Auto",void 0].includes(e)?"0px":c(`${e}`),a=e=>{let{device:c,position:i,leftGap:a,rightGap:o}=e,r=t.getDeviceSpecificStyle(e?.imageShape,c)?.width||"100%",l=t.getDeviceSpecificStyle(e?.imageAlign,c);switch(i){case"left":return"flex-end"===l?`calc((100% - ${r}) + ${a})`:"center"===l?`calc((100% - ${r}) / 2 + ${a})`:a;case"center":return"flex-end"===l?`calc((200% - ${r}) / 2 + ${a})`:"center"===l?"50%":`calc(${r} / 2 + ${a})`;case"right":return"flex-start"===l?`calc((100% - ${r}) + ${o})`:"center"===l?`calc((100% - ${r}) / 2 + ${o})`:o}},o=e=>{let{position:t,leftGap:c,rightGap:i}=e;switch(t){case"left":return c;case"center":return"50%";case"right":return i}},r=e=>{let{device:c,imageLayout:i}=e,r=t.getDeviceSpecificStyle(i,c);return"only-feature"===r?a(e):o(e)},l=(e,t,c)=>r(e),s=e=>{let{device:c,bottomGap:i,dotSize:a,dotGapToCarousel:o,key:r,dotStyle:l,imageLayout:s}=e,$=t.getDeviceSpecificStyle(l,c),n=t.getDeviceSpecificStyle(s,c);return"none"!==$&&"only-feature"===n?{[`--bottom${r}`]:`calc(${a?.[c]||a?.desktop||0}px + ${o?.[e.device]||o?.desktop||0}px + ${i})`}:{[`--bottom${r}`]:i}};exports.getGapBottom=s,exports.getGapCompareProductImage=r,exports.getShapePosition=c=>{let{positionType:a,navigationPosition:o,dataImage:r}=c;return e.DEVICES.reduce((e,c)=>{let $="desktop"===c?"":`-${c}`,n=t.getDeviceSpecificStyle(a,c)?.placement||"",p=i(t.getDeviceSpecificStyle(a,c)?.topGap),u=i(t.getDeviceSpecificStyle(a,c)?.rightGap),g=i(t.getDeviceSpecificStyle(a,c)?.bottomGap),f=i(t.getDeviceSpecificStyle(a,c)?.leftGap);o?.[c]!=="outside"||["bottom","top"].includes(n)||(u=`calc(${u} + 56px)`,f=`calc(${f} + 56px)`);let m=e=>({position:e,device:c,imageLayout:r?.imageLayout,imageAlign:r?.imageAlign,imageShape:r?.imageShape,leftGap:f,rightGap:u}),S={device:c,bottomGap:g,key:$,dotSize:r?.dotSize,dotGapToCarousel:r?.dotGapToCarousel,dotStyle:r?.dotStyle,imageLayout:r?.imageLayout},h={};switch(n){case"top-left":h={[`--top${$}`]:p,[`--left${$}`]:l(m("left")),[`--right${$}`]:"unset",[`--bottom${$}`]:"unset",[`--t${$}`]:"unset"};break;case"top":h={[`--top${$}`]:p,[`--left${$}`]:l(m("center")),[`--right${$}`]:"unset",[`--bottom${$}`]:"unset",[`--t${$}`]:"translateX(-50%)"};break;case"top-right":h={[`--top${$}`]:p,[`--right${$}`]:l(m("right")),[`--left${$}`]:"unset",[`--bottom${$}`]:"unset",[`--t${$}`]:"unset"};break;case"left":h={[`--top${$}`]:"50%",[`--left${$}`]:l(m("left")),[`--right${$}`]:"unset",[`--bottom${$}`]:"unset",[`--t${$}`]:"translateY(-50%)"};break;case"right":h={[`--top${$}`]:"50%",[`--right${$}`]:l(m("right")),[`--left${$}`]:"unset",[`--bottom${$}`]:"unset",[`--t${$}`]:"translateY(-50%)"};break;case"bottom-left":h={...s(S),[`--left${$}`]:l(m("left")),[`--right${$}`]:"unset",[`--top${$}`]:"unset",[`--t${$}`]:"unset"};break;case"bottom":h={...s(S),[`--left${$}`]:l(m("center")),[`--top${$}`]:"unset",[`--right${$}`]:"unset",[`--t${$}`]:"translateX(-50%)"};break;case"bottom-right":h={...s(S),[`--right${$}`]:l(m("right")),[`--left${$}`]:"unset",[`--top${$}`]:"unset",[`--t${$}`]:"unset"}}return{...e,...h}},{})};

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),common=require("./common.js");const getStyleAdvanced=(e,c)=>{let o={...c,...e};return core.DEVICES.forEach(t=>{["--top","--left","--right","--bottom","--t"].forEach(s=>{let r;let a=`${s}${common.deviceWithSurfix(t)}`;r=checkNoCssValue(e?.[a])?checkNoCssValue(c?.[a])?"":c?.[a]:checkNoCssValue(c?.[a])?checkNoCssValue(e[a])?"":e?.[a]:`calc(${e?.[a]} + ${c?.[a]})`,o[a]=r||o[a]})}),o},checkNoCssValue=e=>!e||"unset"===e.toLocaleLowerCase()||"auto"===e.toLocaleLowerCase();exports.getStyleAdvanced=getStyleAdvanced;
+"use strict";var e=require("@gem-sdk/core"),t=require("./common.js");const o=e=>!e||"unset"===e.toLocaleLowerCase()||"auto"===e.toLocaleLowerCase();exports.getStyleAdvanced=(r,c)=>{let a={...c,...r};return e.DEVICES.forEach(e=>{["--top","--left","--right","--bottom","--t"].forEach(s=>{let l;let i=`${s}${t.deviceWithSurfix(e)}`;l=o(r?.[i])?o(c?.[i])?"":c?.[i]:o(c?.[i])?o(r[i])?"":r?.[i]:`calc(${r?.[i]} + ${c?.[i]})`,a[i]=l||a[i]})}),a};

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),common=require("./common.js");const getWhiteSpaceStyle=e=>{let t={};return core.DEVICES.forEach(o=>{let r="desktop"===o?"":`-${o}`,{width:c="",height:a=""}=common.getDeviceSpecificStyle(e,o)||{},s="auto"===c.toLowerCase()&&"auto"===a.toLowerCase();t[`--ws${r}`]=s?"pre-wrap":"pre"}),t};exports.getWhiteSpaceStyle=getWhiteSpaceStyle;
+"use strict";var e=require("@gem-sdk/core"),r=require("./common.js");exports.getWhiteSpaceStyle=t=>{let o={};return e.DEVICES.forEach(e=>{let s="desktop"===e?"":`-${e}`,{width:a="",height:c=""}=r.getDeviceSpecificStyle(t,e)||{},i="auto"===a.toLowerCase()&&"auto"===c.toLowerCase();o[`--ws${s}`]=i?"pre-wrap":"pre"}),o};

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

@@ -1 +1 @@
-"use strict";var types=require("../types.js");const toggleBadge=(e,r,t)=>{let o=checkShowBadge(e,r,t);return o?"":"!gp-hidden"},checkShowBadge=(e,r,t)=>{if(!t)return;let o=r?.createdAt||"",n=r?.tags||[],a={...t,product_created_at:o,product_tags:n},i=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return inventoryTrigger(a,e);case"discount_price":return discountPriceTrigger(a,e);case"price_range":return priceRangeTrigger(a,e);case"creation_date":return creationDateTrigger(a,e);case"product_tags":return productTagsTrigger(a,e);default:return!1}});return i?.every(e=>!0===e)},compareNumberFunc=(e,r,t)=>{switch(t){case"exact":return e===r.from;case"above":return e>r.from;case"below":return e<r.from;case"exact_or_above":return e>=r.from;case"exact_or_below":return e<=r.from;case"between":return e>=r.from&&e<=r.to;default:return!1}},getMinValueForInventory=e=>e===types.CompareType.ABOVE?0:e===types.CompareType.BELOW?2:1,inventoryTrigger=(e,r)=>{if(void 0===e.inventoryQuantity)return!1;if("in_stock"===r.type){if(!1===e.manageInventory||e.inventoryPolicy?.toLowerCase()=="continue")return!0;if(r.conditionType===types.CompareType.BELOW||r.conditionType===types.CompareType.EXACT_OR_BELOW){let t=getMinValueForInventory(r.conditionType);return compareNumberFunc(e?.inventoryQuantity,{from:1,to:Number(r.from)-t+1},types.CompareType.BETWEEN)}return compareNumberFunc(e?.inventoryQuantity,{from:Number(r.from),to:Number(r?.to)},r.conditionType)}return!1!==e.manageInventory&&e.inventoryPolicy?.toLowerCase()!="continue"&&compareNumberFunc(e.inventoryQuantity,{from:0,to:0},types.CompareType.EXACT_OR_BELOW)},discountPriceTrigger=(e,r)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let t=(e.compare_at_price-e.price)/100,o=t/(e.compare_at_price/100),n="fixed"===r.discountType?t:Math.round(100*o);return compareNumberFunc(n,{from:Number(r.from),to:Number(r.to)},r.conditionType)},priceRangeTrigger=(e,r)=>{if(void 0===e.price)return!1;let t=e.price/100;return compareNumberFunc(t,{from:Number(r.from),to:Number(r.to)},r.conditionType)},creationDateTrigger=(e,r)=>{if(!e.product_created_at)return!1;let t=new Date(new Date(e.product_created_at).setHours(0,0,0,0)),o=new Date(r.from),n=new Date(r.to),a=t.getTime();if("exact_date"===r.type)return compareNumberFunc(a,{from:o.getTime(),to:0},types.CompareType.EXACT);if("duration"===r.type){let e=new Date().setHours(0,0,0,0),o=(e-t.getTime())/864e5;if(o>=0&&o<=Number(r.days))return!0}return!(o.getTime()>=n.getTime())&&compareNumberFunc(a,{from:o.getTime(),to:n.getTime()},types.CompareType.BETWEEN)},productTagsTrigger=(e,r)=>{let t=e.product_tags||[],o=r.searchTag;return o.some(e=>t.includes(e))};exports.checkShowBadge=checkShowBadge,exports.toggleBadge=toggleBadge;
+"use strict";var e=require("../types.js");const r=(e,r,t)=>{if(!t)return;let o=r?.createdAt||"",p=r?.tags||[],m={...t,product_created_at:o,product_tags:p},s=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return n(m,e);case"discount_price":return a(m,e);case"price_range":return i(m,e);case"creation_date":return c(m,e);case"product_tags":return u(m,e);default:return!1}});return s?.every(e=>!0===e)},t=(e,r,t)=>{switch(t){case"exact":return e===r.from;case"above":return e>r.from;case"below":return e<r.from;case"exact_or_above":return e>=r.from;case"exact_or_below":return e<=r.from;case"between":return e>=r.from&&e<=r.to;default:return!1}},o=r=>r===e.CompareType.ABOVE?0:r===e.CompareType.BELOW?2:1,n=(r,n)=>{if(void 0===r.inventoryQuantity)return!1;if("in_stock"===n.type){if(!1===r.manageInventory||r.inventoryPolicy?.toLowerCase()=="continue")return!0;if(n.conditionType===e.CompareType.BELOW||n.conditionType===e.CompareType.EXACT_OR_BELOW){let a=o(n.conditionType);return t(r?.inventoryQuantity,{from:1,to:Number(n.from)-a+1},e.CompareType.BETWEEN)}return t(r?.inventoryQuantity,{from:Number(n.from),to:Number(n?.to)},n.conditionType)}return!1!==r.manageInventory&&r.inventoryPolicy?.toLowerCase()!="continue"&&t(r.inventoryQuantity,{from:0,to:0},e.CompareType.EXACT_OR_BELOW)},a=(e,r)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let o=(e.compare_at_price-e.price)/100,n=o/(e.compare_at_price/100),a="fixed"===r.discountType?o:Math.round(100*n);return t(a,{from:Number(r.from),to:Number(r.to)},r.conditionType)},i=(e,r)=>{if(void 0===e.price)return!1;let o=e.price/100;return t(o,{from:Number(r.from),to:Number(r.to)},r.conditionType)},c=(r,o)=>{if(!r.product_created_at)return!1;let n=new Date(new Date(r.product_created_at).setHours(0,0,0,0)),a=new Date(o.from),i=new Date(o.to),c=n.getTime();if("exact_date"===o.type)return t(c,{from:a.getTime(),to:0},e.CompareType.EXACT);if("duration"===o.type){let e=new Date().setHours(0,0,0,0),r=(e-n.getTime())/864e5;if(r>=0&&r<=Number(o.days))return!0}return!(a.getTime()>=i.getTime())&&t(c,{from:a.getTime(),to:i.getTime()},e.CompareType.BETWEEN)},u=(e,r)=>{let t=e.product_tags||[],o=r.searchTag;return o.some(e=>t.includes(e))};exports.checkShowBadge=r,exports.toggleBadge=(e,t,o)=>{let n=r(e,t,o);return n?"":"!gp-hidden"};

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

@@ -1,36 +1,4 @@
-"use strict";var types=require("../types.js");const getMinValueForInventory=e=>e===types.CompareType.ABOVE?0:e===types.CompareType.BELOW?2:1,renderBadgeInFirstTime=(e,i,n)=>`
-  {% assign isShow = true %}
-  {% assign conditionTriggers = "" %}
-  {% assign isInventoryStatus = false %}
-  {% assign isDiscountPrice = false %}
-  {% assign isPriceRange = false %}
-  {% assign isCreationDate = false %}
-  {% assign isProductTag = false %}
-  ${checkConditionBadge(e)}
-  {% assign trigger_arr = conditionTriggers | split: "," %}
-  {% for trigger in trigger_arr %}
-    {% if trigger == "false" %}
-      {% assign isShow = false %}
-    {% endif %}
-  {% endfor %}
-  {% assign price = variant.price | times: 1.0 %}
-  {% assign salePrice = variant.compare_at_price | times: 1.0 %}
-  {% assign priceSave = salePrice | minus: price %}
-  {% assign isEmptyBadgeContent = ${!i} %}
-  {% assign isNotDiscount = false %}
-  {% assign isBadgeContentHasDiscount = ${n} %}
-  {% if isEmptyBadgeContent == true %}
-    {% assign isNotDiscount = true %}
-  {% endif %}
-  {% if isBadgeContentHasDiscount == true and priceSave <= 0 %}
-    {% assign isNotDiscount = true %}
-  {% endif %}
-  {% if isShow and isNotDiscount == false %}
-    {% assign className = "" %}
-  {% else %}
-    {% assign className = "!gp-hidden" %}
-  {% endif %}
-  `,checkConditionBadge=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return checkDiscountPriceCondition(e);case"price_range":return checkPriceRangeCondition(e);case"inventory_status":return checkInventoryStatusCondition(e);case"product_tags":return checkProductTagCondition(e);case"creation_date":return checkCreationDateCondition(e);default:return""}}).join(" "):"",getNumber=e=>e.replace(/[%$]/g,""),compareValueFunc=()=>`
+"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" %}
@@ -60,16 +28,16 @@
       {% else %}
         {% assign enabled = false %}
     {% endcase %}
-  `,checkDiscountPriceCondition=e=>{let{from:i,to:n,discountType:a,conditionType:s}=e;return`
+  `,r=e=>{let{from:i,to:n,discountType:r,conditionType:t}=e;return`
     {% assign price = variant.price %}
     {% assign compare_at_price = variant.compare_at_price  %}
     {% if price == null or compare_at_price == null or compare_at_price < price %}
       {% assign isDiscountPrice = false %}
     {% else %}
-      {% assign from = ${getNumber(i??"0")} %}
-      {% assign to = ${getNumber(n??"0")} %}
-      {% assign discountType = "${a}" %}
-      {% assign conditionType = "${s}" %}
+      {% assign from = ${s(i??"0")} %}
+      {% assign to = ${s(n??"0")} %}
+      {% assign discountType = "${r}" %}
+      {% assign conditionType = "${t}" %}
       {% assign price = variant.price | divided_by: 100.0 %}
       {% assign compare_at_price = variant.compare_at_price | divided_by: 100.0 %}
       {% assign discountPrice = compare_at_price | minus: price %}
@@ -78,25 +46,25 @@
       {% if discountType == "percent" %}
         {% assign compareValue = discountByPercentage %}
       {% endif %}
-      ${compareValueFunc()}
+      ${a()}
       {% assign isDiscountPrice = enabled %}
     {% endif %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isDiscountPrice %}
-  `},checkPriceRangeCondition=e=>{let{from:i,to:n,conditionType:a}=e;return`
+  `},t=e=>{let{from:i,to:n,conditionType:r}=e;return`
     {% assign price = variant.price %}
     {% if price == null %}
       {% assign isPriceRange = false %}
     {% else %}
-      {% assign from = ${getNumber(i??"0")} %}
-      {% assign to = ${getNumber(n??"0")} %}
-      {% assign conditionType = "${a}" %}
+      {% assign from = ${s(i??"0")} %}
+      {% assign to = ${s(n??"0")} %}
+      {% assign conditionType = "${r}" %}
       {% assign compareValue = variant.price | divided_by: 100.0 %}
-      ${compareValueFunc()}
+      ${a()}
       {% assign isPriceRange = enabled %}
     {% endif %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isPriceRange %}
-  `},checkInventoryStatusCondition=e=>{let{type:i,conditionType:n,from:a,to:s}=e,r=getMinValueForInventory(n);return`
-      {% assign type = "${i}" %}
+  `},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" %}
         {% assign shouldContinue = true %}
@@ -106,12 +74,12 @@
       {% elsif variant.inventory_quantity != null %}
         {% assign compareValue = variant.inventory_quantity %}
         {% if type == "in_stock" %}
-          {% assign conditionType = "${n}" %}
-          {% assign from = ${getNumber(a)} %}
-          {% assign to = ${getNumber(s??"0")} %}
-          ${compareValueFunc()}
+          {% assign conditionType = "${r}" %}
+          {% assign from = ${s(t)} %}
+          {% assign to = ${s(o??"0")} %}
+          ${a()}
           {% if conditionType == "below" or conditionType == "exact_or_below" %}
-            {% assign min = ${r} %}
+            {% assign min = ${c} %}
             {% assign from = 1 %}
             {% assign to = from | minus: min | plus: 1 %}
             {% if compareValue >= from and compareValue <= to %}
@@ -131,7 +99,7 @@
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},checkProductTagCondition=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("'","&#039;")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}
@@ -141,9 +109,9 @@
       {% endif %}
     {% endfor %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isProductTag %}
-  `},checkCreationDateCondition=e=>{let{days:i,from:n,to:a,type:s,conditionType:r}=e;return`
-    {% assign type = "${s}" %}
-    {% assign days = ${getNumber(i)} %}
+  `},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  %}
     {% assign currentTime = "now" | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
     {% assign compareValue = product.created_at | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
@@ -162,14 +130,46 @@
         {% assign enabled = false %}
       {% endif %}
     {% else %}
-      {% assign to = "${a}" | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
-      {% assign conditionType = "${r}" %}
+      {% assign to = "${r}" | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
+      {% assign conditionType = "${o}" %}
       {% if from >= to %}
         {% assign enabled = false %}
       {% else %}
-        ${compareValueFunc()}
+        ${a()}
       {% endif %}
     {% endif %}
     {% assign isCreationDate = enabled %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isCreationDate %}
-  `};exports.renderBadgeInFirstTime=renderBadgeInFirstTime;
+  `};exports.renderBadgeInFirstTime=(e,i,s)=>`
+  {% assign isShow = true %}
+  {% assign conditionTriggers = "" %}
+  {% assign isInventoryStatus = false %}
+  {% assign isDiscountPrice = false %}
+  {% assign isPriceRange = false %}
+  {% assign isCreationDate = false %}
+  {% assign isProductTag = false %}
+  ${n(e)}
+  {% assign trigger_arr = conditionTriggers | split: "," %}
+  {% for trigger in trigger_arr %}
+    {% if trigger == "false" %}
+      {% assign isShow = false %}
+    {% endif %}
+  {% endfor %}
+  {% assign price = variant.price | times: 1.0 %}
+  {% assign salePrice = variant.compare_at_price | times: 1.0 %}
+  {% assign priceSave = salePrice | minus: price %}
+  {% assign isEmptyBadgeContent = ${!i} %}
+  {% assign isNotDiscount = false %}
+  {% assign isBadgeContentHasDiscount = ${s} %}
+  {% if isEmptyBadgeContent == true %}
+    {% assign isNotDiscount = true %}
+  {% endif %}
+  {% if isBadgeContentHasDiscount == true and priceSave <= 0 %}
+    {% assign isNotDiscount = true %}
+  {% endif %}
+  {% if isShow and isNotDiscount == false %}
+    {% assign className = "" %}
+  {% else %}
+    {% assign className = "!gp-hidden" %}
+  {% endif %}
+  `;

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

@@ -1 +1 @@
-"use strict";var constants=require("../constants.js");const productBadgeShape=[{id:constants.SHAPE_ID.SQUARE,wrapperWidth:"100px",wrapperHeight:"100px",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},ratio:1,supportBorder:!0,supportCorner:!0},{id:constants.SHAPE_ID.VERTICAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},textStyle:{"--wm":"tb-rl","--t":"rotate(-180deg)"},supportBorder:!0,supportCorner:!0},{id:constants.SHAPE_ID.HORIZONTAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",supportBorder:!0,supportCorner:!0},{id:constants.SHAPE_ID.RIBBON,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(60% 0, 100% 0%, 0 100%, 0 60%)"},textStyle:{"--t":"translate(-10%, -30%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1},{id:constants.SHAPE_ID.STAR_2,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,64.351% 15.354%,85.355% 14.645%,84.646% 35.649%,100% 50%,84.646% 64.351%,85.355% 85.355%,64.351% 84.646%,50% 100%,35.649% 84.646%,14.645% 85.355%,15.354% 64.351%,0% 50%,15.354% 35.649%,14.645% 14.645%,35.649% 15.354%,50% 0%)"}},{id:constants.SHAPE_ID.STAR,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,63.394% 17.664%,85.355% 14.645%,82.336% 36.606%,100% 50%,82.336% 63.394%,85.355% 85.355%,63.394% 82.336%,50% 100%,36.606% 82.336%,14.645% 85.355%,17.664% 63.394%,0% 50%,17.664% 36.606%,14.645% 14.645%,36.606% 17.664%,50% 0%)"},ratio:1},{id:constants.SHAPE_ID.RIBBON_2,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon(0 0, 0 0, 79.5% 0, 100% 50%, 79.5% 100%, 0 100%, 0 100%)"}},{id:constants.SHAPE_ID.RIBBON_3,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon( 0% 100%,14.744% 50%,0% 0%,82.051% 0%,100% 50%,82.051% 100%,0% 100%)"}},{id:constants.SHAPE_ID.TRIANGLE,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(0% 0%, 0% 100%, 100% 0%)"},textStyle:{"--t":"translate(-20%, -75%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1}],shapeMap=new Map(productBadgeShape.map(t=>[t.id,t])),getShape=t=>{let p=shapeMap.get(t??"");return p||productBadgeShape[2]};exports.getShape=getShape;
+"use strict";var p=require("../constants.js");const t=[{id:p.SHAPE_ID.SQUARE,wrapperWidth:"100px",wrapperHeight:"100px",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},ratio:1,supportBorder:!0,supportCorner:!0},{id:p.SHAPE_ID.VERTICAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},textStyle:{"--wm":"tb-rl","--t":"rotate(-180deg)"},supportBorder:!0,supportCorner:!0},{id:p.SHAPE_ID.HORIZONTAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",supportBorder:!0,supportCorner:!0},{id:p.SHAPE_ID.RIBBON,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(60% 0, 100% 0%, 0 100%, 0 60%)"},textStyle:{"--t":"translate(-10%, -30%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1},{id:p.SHAPE_ID.STAR_2,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,64.351% 15.354%,85.355% 14.645%,84.646% 35.649%,100% 50%,84.646% 64.351%,85.355% 85.355%,64.351% 84.646%,50% 100%,35.649% 84.646%,14.645% 85.355%,15.354% 64.351%,0% 50%,15.354% 35.649%,14.645% 14.645%,35.649% 15.354%,50% 0%)"}},{id:p.SHAPE_ID.STAR,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,63.394% 17.664%,85.355% 14.645%,82.336% 36.606%,100% 50%,82.336% 63.394%,85.355% 85.355%,63.394% 82.336%,50% 100%,36.606% 82.336%,14.645% 85.355%,17.664% 63.394%,0% 50%,17.664% 36.606%,14.645% 14.645%,36.606% 17.664%,50% 0%)"},ratio:1},{id:p.SHAPE_ID.RIBBON_2,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon(0 0, 0 0, 79.5% 0, 100% 50%, 79.5% 100%, 0 100%, 0 100%)"}},{id:p.SHAPE_ID.RIBBON_3,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon( 0% 100%,14.744% 50%,0% 0%,82.051% 0%,100% 50%,82.051% 100%,0% 100%)"}},{id:p.SHAPE_ID.TRIANGLE,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(0% 0%, 0% 100%, 100% 0%)"},textStyle:{"--t":"translate(-20%, -75%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1}],r=new Map(t.map(p=>[p.id,p]));exports.getShape=p=>{let e=r.get(p??"");return e||t[2]};

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

@@ -1,18 +1,18 @@
-"use strict";var core=require("@gem-sdk/core");const getStyleBackground=(e,r)=>{if(!e)return{};let t=createResponsiveStateMap(e=>getBackgroundByDevice(r,e));return{...core.makeStyleResponsive("bg",t)}},getBackgroundByDevice=(e,r)=>{let t=e?.[r];return core.getSingleColorVariable(t??e?.desktop)},getStyleBorder=e=>{if(!e)return{};let r=createResponsiveMap(r=>getBorderColorByDevice(e,r)),t=createResponsiveMap(r=>getBorderWidthByDevice(e,r)),o=createResponsiveMap(r=>getBorderStyleByDevice(e,r)),a=core.removeNullUndefined({...core.makeStyleResponsive("bc",r),...core.makeStyleResponsive("bw",t),...core.makeStyleResponsive("bs",o)});return a},getBorderColorByDevice=(e,r)=>e?.[r]?.color,getBorderWidthByDevice=(e,r)=>e?.[r]?.width,getBorderStyleByDevice=(e,r)=>e?.[r]?.border,getStyleCornerRadius=(e,r)=>{if(!e)return{};let t=["btlr","btrr","bblr","bbrr"],o=t.reduce((t,o)=>({...t,...core.removeNullUndefined(core.makeStyleResponsive(o,getCornerValueStyles(o,e,r)))}),{});return o},getCornerValueStyles=(e,r,t)=>createResponsiveMap(o=>getCornerByDevice({corner:e,cornerProps:r,device:o,shapeRadius:t})),getCornerByDevice=e=>{let{cornerProps:r,device:t,corner:o,shapeRadius:a}=e,l=r?.[t]?.[o],n=r?.desktop?.[o],i=a?.[o];return l??n??i},calculateShadow=e=>{let r={};for(let t of core.DEVICES){let o=e[t]||e.desktop;if(!o)continue;let{angle:a,distance:l,blur:n,color:i,enable:s}=o;if(!a||!l||!n||!i||!1===s)continue;let{unit:c}=core.parseValueWithUnit(`${l}`),d=`${Math.cos(parseFloat(`${a}`)*Math.PI/180)*parseFloat(`${l}`)}${c}`,p=`${Math.sin(parseFloat(`${a}`)*Math.PI/180)*parseFloat(`${l}`)}${c}`;r[t]=`drop-shadow(${d} ${p} ${n} ${core.getSingleColorVariable(i)})`}return r},createResponsiveMap=e=>core.DEVICES.reduce((r,t)=>({...r,[t]:e(t)}),{}),createResponsiveStateMap=e=>core.DEVICES.reduce((r,t)=>({...r,[t]:e(t)}),{}),generateShadowCSS=(e,r)=>{if(!r)return"";let t=calculateShadow(r);return`
+"use strict";var e=require("@gem-sdk/core");const t=(t,r)=>{let l=t?.[r];return e.getSingleColorVariable(l??t?.desktop)},r=(e,t)=>e?.[t]?.color,l=(e,t)=>e?.[t]?.width,o=(e,t)=>e?.[t]?.border,n=(e,t,r)=>s(l=>a({corner:e,cornerProps:t,device:l,shapeRadius:r})),a=e=>{let{cornerProps:t,device:r,corner:l,shapeRadius:o}=e,n=t?.[r]?.[l],a=t?.desktop?.[l],i=o?.[l];return n??a??i},i=t=>{let r={};for(let l of e.DEVICES){let o=t[l]||t.desktop;if(!o)continue;let{angle:n,distance:a,blur:i,color:s,enable:d}=o;if(!n||!a||!i||!s||!1===d)continue;let{unit:p}=e.parseValueWithUnit(`${a}`),u=`${Math.cos(parseFloat(`${n}`)*Math.PI/180)*parseFloat(`${a}`)}${p}`,$=`${Math.sin(parseFloat(`${n}`)*Math.PI/180)*parseFloat(`${a}`)}${p}`;r[l]=`drop-shadow(${u} ${$} ${i} ${e.getSingleColorVariable(s)})`}return r},s=t=>e.DEVICES.reduce((e,r)=>({...e,[r]:t(r)}),{}),d=t=>e.DEVICES.reduce((e,r)=>({...e,[r]:t(r)}),{});exports.generateShadowCSS=(e,t)=>{if(!t)return"";let r=i(t);return`
      ${e} {
-      filter: ${t.desktop};
+      filter: ${r.desktop};
       transition: filter 0.3s ease;
     }
 
     @media only screen and (max-width: 1024px) and (min-width: 768px) {
       ${e} {
-        filter: ${t.tablet||t.desktop};
+        filter: ${r.tablet||r.desktop};
       }
     }
 
     @media only screen and (max-width: 767px) {
       ${e} {
-        filter: ${t.mobile||t.tablet||t.desktop};
+        filter: ${r.mobile||r.tablet||r.desktop};
       }
     }
-  `};exports.generateShadowCSS=generateShadowCSS,exports.getStyleBackground=getStyleBackground,exports.getStyleBorder=getStyleBorder,exports.getStyleCornerRadius=getStyleCornerRadius;
+  `},exports.getStyleBackground=(r,l)=>{if(!r)return{};let o=d(e=>t(l,e));return{...e.makeStyleResponsive("bg",o)}},exports.getStyleBorder=t=>{if(!t)return{};let n=s(e=>r(t,e)),a=s(e=>l(t,e)),i=s(e=>o(t,e)),d=e.removeNullUndefined({...e.makeStyleResponsive("bc",n),...e.makeStyleResponsive("bw",a),...e.makeStyleResponsive("bs",i)});return d},exports.getStyleCornerRadius=(t,r)=>{if(!t)return{};let l=["btlr","btrr","bblr","bbrr"].reduce((l,o)=>({...l,...e.removeNullUndefined(e.makeStyleResponsive(o,n(o,t,r)))}),{});return l};

package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),NoDataState=require("../../../common/components/NoDataState.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),useProductBundleDataState=require("./hooks/useProductBundleDataState.js"),useProductBundleDiscountState=require("./hooks/useProductBundleDiscountState.js"),ProductBundleDiscountChildrenItem=require("./ProductBundleDiscountChildrenItem.js");const ProductBundleDiscount=({builderAttrs:e,style:t,children:s,setting:u,styles:n,advanced:l})=>{let{isEditMode:r,isPreviewSharePageMode:a}=core.useRenderMode(),{isSelected:i,setSelected:o}=useProductBundleDiscountState.default(u),{emitRedirectSetupPage:c,redirectGuideline:d,svgVertical:m,svgHorizontal:y}=useProductBundleDataState.default(),{t:S}=core.useI18nStore(),j=system.createClass(classes.getContainerClasses(u,l?.cssClass)),h=system.createClass(classes.getNoDiscountClasses),D=system.createStyle(styles.getSizeSettings(n)?.gap),x=system.createStyle(styles.getContainerStyles(D,n,t));if(!u?.bundleItems?.length&&r)return jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:S("Increase AOV with bundle quantity."),descriptionActions:[{text:S("Setup bundle discount"),callback:c},{text:S("read guideline"),callback:d}],additionalMedia:u?.layout=="horizontal-layout"?y:m});let p=(e,t)=>{if(u?.hideNoDiscountItem&&e?.discountType==="no_discount")return null;let l=s?.[t];if(React.isValidElement(l))return jsxRuntime.jsx(ProductBundleDiscountChildrenItem.default,{index:t,childItem:l,setting:u,styles:n,isSelected:i(t),setSelected:o,bundleItem:e},t)},g=(core.isEmptyChildren(s)||u?.bundleItems?.length==0)&&!a;return jsxRuntime.jsxs("div",{...e,className:j,style:x,children:[system.If(g,jsxRuntime.jsx("div",{className:h,children:"This product has no bundle discount"})),u?.bundleItems?.map((e,t)=>p(e,t))]})};exports.default=ProductBundleDiscount;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("react"),r=require("../../../common/components/NoDataState.js"),l=require("@gem-sdk/system"),n=require("./common/styles.js"),i=require("./common/classes.js"),u=require("./hooks/useProductBundleDataState.js"),a=require("./hooks/useProductBundleDiscountState.js"),d=require("./ProductBundleDiscountChildrenItem.js");exports.default=({builderAttrs:o,style:c,children:m,setting:y,styles:h,advanced:p})=>{let{isEditMode:g,isPreviewSharePageMode:j}=t.useRenderMode(),{isSelected:S,setSelected:q}=a.default(y),{emitRedirectSetupPage:b,redirectGuideline:f,svgVertical:x,svgHorizontal:I}=u.default(),{t:C}=t.useI18nStore(),k=l.createClass(i.getContainerClasses(y,p?.cssClass)),D=l.createClass(i.getNoDiscountClasses),N=l.createStyle(n.getSizeSettings(h)?.gap),v=l.createStyle(n.getContainerStyles(N,h,c));if(!y?.bundleItems?.length&&g)return e.jsx(r.default,{elementType:"secondary",description:C("Increase AOV with bundle quantity."),descriptionActions:[{text:C("Setup bundle discount"),callback:b},{text:C("read guideline"),callback:f}],additionalMedia:y?.layout=="horizontal-layout"?I:x});let P=(t,r)=>{if(y?.hideNoDiscountItem&&t?.discountType==="no_discount")return null;let l=m?.[r];if(s.isValidElement(l))return e.jsx(d.default,{index:r,childItem:l,setting:y,styles:h,isSelected:S(r),setSelected:q,bundleItem:t},r)},B=(t.isEmptyChildren(m)||y?.bundleItems?.length==0)&&!j;return e.jsxs("div",{...o,className:k,style:v,children:[l.If(B,e.jsx("div",{className:D,children:"This product has no bundle discount"})),y?.bundleItems?.map((e,t)=>P(e,t))]})};

package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.liquid.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),ProductBundleDiscountChildrenItem_liquid=require("./ProductBundleDiscountChildrenItem.liquid.js");const ProductBundleDiscount=({rawChildren:e,setting:t,styles:s,advanced:r,style:i})=>{let a=t?.hasPreSelectItem?t?.selectItemDefault??0:-1,d=e=>a===e,l=(r,i)=>ProductBundleDiscountChildrenItem_liquid.default({index:i,rawChildrenItem:e?.[i],setting:t,styles:s,isSelected:d(i),bundleItem:r}),n=system.createStyle(styles.getSizeSettings(s)?.gap),c=system.createClass(classes.getContainerClasses(t,r?.cssClass)),o=system.createStyle(styles.getContainerStyles(n,s,i)),u=system.createStateOrContext({styles:s,settings:{useProductCompareAtPrice:t?.useProductCompareAtPrice,selectItemDefault:t?.selectItemDefault,hideNoDiscountItem:t?.hideNoDiscountItem,hasPreSelectItem:t?.hasPreSelectItem,iconItemColor:t?.iconItemColor,applyToInBetweenQuantities:t?.applyToInBetweenQuantities}}),p=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/styles.js"),a=require("./common/classes.js"),i=require("./ProductBundleDiscountChildrenItem.liquid.js");exports.default=({rawChildren:d,setting:l,styles:n,advanced:p,style:u})=>{let o=l?.hasPreSelectItem?l?.selectItemDefault??0:-1,c=e=>o===e,g=(e,t)=>i.default({rawChildrenItem:d?.[t],setting:l,styles:n,isSelected:c(t),bundleItem:e}),m=s.createStyle(r.getSizeSettings(n)?.gap),f=s.createClass(a.getContainerClasses(l,p?.cssClass)),I=s.createStyle(r.getContainerStyles(m,n,u)),y=s.createStateOrContext({styles:n,settings:{useProductCompareAtPrice:l?.useProductCompareAtPrice,selectItemDefault:l?.selectItemDefault,hideNoDiscountItem:l?.hideNoDiscountItem,hasPreSelectItem:l?.hasPreSelectItem,iconItemColor:l?.iconItemColor,applyToInBetweenQuantities:l?.applyToInBetweenQuantities}});return e.template`
     <gp-product-bundle-discount
-      style="${o}"
-      class="${c}"
+      style="${I}"
+      class="${f}"
     >
-      <script gp-data type="application/json">${JSON.stringify(u)}</script>
-      ${system.Liquid(`
+      <script gp-data type="application/json">${JSON.stringify(y)}</script>
+      ${s.Liquid(`
         {%- assign gempages_product_bundle = product.metafields.gp_discount.gp_discount_selected_products -%}
         {%  assign productBundleItem = gempages_product_bundle | split: '($1)'  %}
       `)}
-      ${e?.map((e,t)=>core.template`
+      ${d?.map((t,r)=>e.template`
           {% for productBundle in productBundleItem %}
-            ${system.Liquid(`
+            ${s.Liquid(`
               {% assign attrs = productBundle | split: '($3)' %}
               {% assign parsedAttrs = '' %}
               {% for attr in attrs %}
@@ -23,12 +23,12 @@
                 {% endif %}
               {% endfor %}
             `)}
-            ${system.LiquidIf(`forloop.index0 == ${t}`,l("{{ parsedAttrs | strip }}",t))}
+            ${s.LiquidIf(`forloop.index0 == ${r}`,g("{{ parsedAttrs | strip }}",r))}
           {% endfor %}
           `).join("")}
     </gp-product-bundle-discount>
 
     {% if productBundleItem %}
-      ${p()}
+      ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
-  `};exports.default=ProductBundleDiscount;
+  `};