@gem-sdk/components 8.0.0-dev.66 → 8.0.0-dev.68

package/dist/cjs/countdown-timer/components/Countdown.liquid.js

@@ -1,29 +1,29 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),React=require("react");const Countdown=e=>{let{setting:s,styles:t,builderProps:a,advanced:r,pageContext:l}=e,{labelTypo:c,numTypo:i,numTypography:o,labelTypography:y,enableLabelTextStyle:n}=t??{},{weekLabel:d,dayLabel:u,hourLabel:m,minuteLabel:p,secondLabel:g,enableWeek:$,enableDay:f,enableHour:x,enableMinute:C,enableSecond:S,redirectUrl:h,translate:q,autoHideWhenTimeout:k}=s??{},I=!!h?.link,{urlData:b}=helpers.getInsertLinkData("",h),v=system.createStateOrContext({...s,...a}),w=system.createStyle({...styles.getDateStyle(t)}),L=e=>system.createClass({...classes.getDateClasses(e)}),A=system.createClass({...classes.getTextFrontClasses(t)}),T=system.createStyle({...styles.getTextFrontStyle(t)}),j=system.createStyle({...styles.getTextBackStyle(t)}),_=e=>system.createClass({...classes.getTextBackClasses(t,e)}),P=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),D=system.createAttr({...attrs.getAttrHref({uid:b.href||""})}),E=system.createStyle({...styles.getWrapperStyle(t)}),R=system.createClass({...classes.getWrapperClasses(r?.cssClass)}),F=system.createClass({...classes.getContentClasses({isLiquid:!0,autoHideWhenTimeout:k})}),N=system.createStyle({...styles.getContainStyle(t)}),O=React.useMemo(()=>!!q&&0!==q.length,[q]),M=(e,t,r)=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../text/components/Text.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const Countdown=e=>{let{setting:s,styles:t,builderProps:l,advanced:a,pageContext:r}=e,{labelTypo:c,numTypo:i,numTypography:n,labelTypography:y,enableLabelTextStyle:o}=t??{},{weekLabel:d,dayLabel:u,hourLabel:m,minuteLabel:g,secondLabel:p,enableWeek:$,enableDay:f,enableHour:x,enableMinute:C,enableSecond:S,redirectUrl:h,translate:k,autoHideWhenTimeout:q}=s??{},I=!!h?.link,{urlData:b}=helpers.getInsertLinkData("",h),v=system.createStateOrContext({...s,...l}),w=system.createStyle({...styles.getDateStyle(t)}),L=e=>system.createClass({...classes.getDateClasses(e)}),A=system.createClass({...classes.getTextFrontClasses(t)}),T=system.createStyle({...styles.getTextFrontStyle(t)}),j=system.createStyle({...styles.getTextBackStyle(t)}),_=e=>system.createClass({...classes.getTextBackClasses(t,e)}),P=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),D=system.createAttr({...attrs.getAttrHref({uid:b.href||""})}),E=system.createStyle({...styles.getWrapperStyle(t)}),F=system.createClass({...classes.getWrapperClasses(a?.cssClass)}),N=system.createClass({...classes.getContentClasses({isLiquid:!0,autoHideWhenTimeout:q})}),O=system.createStyle({...styles.getContainStyle(t)}),R=(e,t,a)=>core.template`
     <div style="${w}" class="${L(t)}">
-    ${Text_liquid.default({styles:{typography:o,typo:i},setting:{...s,text:"00",excludeFlex:!0,translate:[]},style:T,className:A,builderAttrs:{id:e},builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-text`}})}
-    ${system.If(!!n,core.template`
-         ${Text_liquid.default({styles:{typography:y,typo:c},setting:{...s,text:t,excludeFlex:!0,translate:r},style:j,className:_(t),builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-text`},pageContext:l})}
+    ${Text_liquid.default({styles:{typography:n,typo:i},setting:{...s,text:"00",excludeFlex:!0,translate:""},style:T,className:A,builderAttrs:{id:e},builderProps:{...l,uid:l?.uid,uidInteraction:`${l?.uid}-text`}})}
+    ${system.If(!!o,core.template`
+         ${Text_liquid.default({styles:{typography:y,typo:c},setting:{...s,text:t,excludeFlex:!0,translate:a},style:j,className:_(t),builderProps:{...l,uid:l?.uid,uidInteraction:`${l?.uid}-text`},pageContext:r})}
     `)}
     </div>
     `,B=system.createClass({...classes.getLinkClasses()}),G=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
     <gp-countdown-timer
         ${{...P}}
         ${{...D}}
-        class="${R}"
+        class="${F}"
         style="${E}"
         gp-data='${JSON.stringify(v).replaceAll("'","&#039;")}'>
-        <div id="section-countdown" class="${F}" style="${N}">
+        <div id="section-countdown" class="${N}" style="${O}">
           ${system.If(I,`<a
               href="${b.href}"
               target="${b?.target}"
               aria-label="Countdown link"
               class="${B}"
             > </a>`)}
-          ${system.If($,M("week",d,O?"weekLabel":""))}
-          ${system.If(f,M("day",u,O?"dayLabel":""))}
-          ${system.If(x,M("hour",m,O?"hourLabel":""))}
-          ${system.If(C,M("minute",p,O?"minuteLabel":""))}
-          ${system.If(S,M("second",g,O?"secondLabel":""))}
+          ${system.If($,R("week",d,k?.length?"weekLabel":""))}
+          ${system.If(f,R("day",u,k?.length?"dayLabel":""))}
+          ${system.If(x,R("hour",m,k?.length?"hourLabel":""))}
+          ${system.If(C,R("minute",g,k?.length?"minuteLabel":""))}
+          ${system.If(S,R("second",p,k?.length?"secondLabel":""))}
         </div>
      </gp-countdown-timer>
     ${G()}

package/dist/cjs/post-purchase/product/settings/product-discount-tag/configs/setting-v2.js

@@ -1 +1 @@
-"use strict";const settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Discount})",suggestContents:[{message:"{Discount}",eg:"E.g: 50%"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];exports.settingV2=settingV2;
+"use strict";const settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Offer_discount})",suggestContents:[{message:"{Offer_discount}",eg:"E.g: 50%"},{message:"{Shopify_percent_discount}",eg:"E.g: 20%"},{message:"{Shopify_amount_discount}",eg:"E.g: $400.00"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];exports.settingV2=settingV2;

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.liquid.js

@@ -21,7 +21,7 @@
     >
       <div class="${y}" style="${u}">
         <div class="${g}" style="${o}">
-          ${Text_liquid.default({styles:s,id:`p-tag-${t?.uid}`,setting:{...e,translate:[],text:"{{ pricePercentage }}",excludeFlex:!0}})}
+          ${Text_liquid.default({styles:s,id:`p-tag-${t?.uid}`,setting:{...e,translate:"",text:"{{ pricePercentage }}",excludeFlex:!0}})}
         </div>
       </div>
 

package/dist/esm/countdown-timer/components/Countdown.liquid.js

@@ -1,30 +1,30 @@
-import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import{getInsertLinkData as i,getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as a,createStyle as d,createClass as n,createAttr as c,If as m}from"@gem-sdk/system";import{getAttr as u,getAttrHref as p}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as y,getTextBackStyle as f,getWrapperStyle as g,getContainStyle as x}from"../common/styles.js";import{getTextFrontClasses as h,getWrapperClasses as w,getContentClasses as b,getLinkClasses as k,getDateClasses as v,getTextBackClasses as j}from"../common/classes.js";import{useMemo as L}from"react";let Countdown=S=>{let{setting:A,styles:C,builderProps:E,advanced:N,pageContext:I}=S,{labelTypo:P,numTypo:q,numTypography:F,labelTypography:G,enableLabelTextStyle:O}=C??{},{weekLabel:T,dayLabel:_,hourLabel:J,minuteLabel:M,secondLabel:R,enableWeek:V,enableDay:z,enableHour:B,enableMinute:D,enableSecond:H,redirectUrl:K,translate:Q,autoHideWhenTimeout:U}=A??{},W=!!K?.link,{urlData:X}=i("",K),Y=a({...A,...E}),Z=d({...$(C)}),ee=e=>n({...v(e)}),et=n({...h(C)}),es=d({...y(C)}),er=d({...f(C)}),eo=e=>n({...j(C,e)}),ei=c({...u({uid:E?.uid||""})}),el=c({...p({uid:X.href||""})}),ea=d({...g(C)}),ed=n({...w(N?.cssClass)}),en=n({...b({isLiquid:!0,autoHideWhenTimeout:U})}),ec=d({...x(C)}),em=L(()=>!!Q&&0!==Q.length,[Q]),eu=(t,s,r)=>e`
-    <div style="${Z}" class="${ee(s)}">
-    ${o({styles:{typography:F,typo:q},setting:{...A,text:"00",excludeFlex:!0,translate:[]},style:es,className:et,builderAttrs:{id:t},builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`}})}
-    ${m(!!O,e`
-         ${o({styles:{typography:G,typo:P},setting:{...A,text:s,excludeFlex:!0,translate:r},style:er,className:eo(s),builderProps:{...E,uid:E?.uid,uidInteraction:`${E?.uid}-text`},pageContext:I})}
+import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as l}from"@gem-sdk/core";import r from"../../text/components/Text.liquid.js";import{getInsertLinkData as o,getSettingPreloadData as i}from"../../helpers.js";import{createStateOrContext as d,createStyle as a,createClass as n,createAttr as c,If as u}from"@gem-sdk/system";import{getAttr as m,getAttrHref as p}from"../common/attrs.js";import{getDateStyle as $,getTextFrontStyle as g,getTextBackStyle as y,getWrapperStyle as f,getContainStyle as h}from"../common/styles.js";import{getTextFrontClasses as x,getWrapperClasses as w,getContentClasses as b,getLinkClasses as k,getDateClasses as v,getTextBackClasses as j}from"../common/classes.js";let Countdown=L=>{let{setting:S,styles:A,builderProps:C,advanced:E,pageContext:N}=L,{labelTypo:I,numTypo:P,numTypography:q,labelTypography:F,enableLabelTextStyle:G}=A??{},{weekLabel:O,dayLabel:T,hourLabel:_,minuteLabel:J,secondLabel:M,enableWeek:R,enableDay:V,enableHour:z,enableMinute:B,enableSecond:D,redirectUrl:H,translate:K,autoHideWhenTimeout:Q}=S??{},U=!!H?.link,{urlData:W}=o("",H),X=d({...S,...C}),Y=a({...$(A)}),Z=e=>n({...v(e)}),ee=n({...x(A)}),et=a({...g(A)}),es=a({...y(A)}),el=e=>n({...j(A,e)}),er=c({...m({uid:C?.uid||""})}),eo=c({...p({uid:W.href||""})}),ei=a({...f(A)}),ed=n({...w(E?.cssClass)}),ea=n({...b({isLiquid:!0,autoHideWhenTimeout:Q})}),en=a({...h(A)}),ec=(t,s,l)=>e`
+    <div style="${Y}" class="${Z(s)}">
+    ${r({styles:{typography:q,typo:P},setting:{...S,text:"00",excludeFlex:!0,translate:""},style:et,className:ee,builderAttrs:{id:t},builderProps:{...C,uid:C?.uid,uidInteraction:`${C?.uid}-text`}})}
+    ${u(!!G,e`
+         ${r({styles:{typography:F,typo:I},setting:{...S,text:s,excludeFlex:!0,translate:l},style:es,className:el(s),builderProps:{...C,uid:C?.uid,uidInteraction:`${C?.uid}-text`},pageContext:N})}
     `)}
     </div>
-    `,ep=n({...k()}),e$=()=>t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${r}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
+    `,eu=n({...k()}),em=()=>t(s,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-countdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${l}/assets-v2/gp-countdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return e`
     <gp-countdown-timer
-        ${{...ei}}
-        ${{...el}}
+        ${{...er}}
+        ${{...eo}}
         class="${ed}"
-        style="${ea}"
-        gp-data='${JSON.stringify(Y).replaceAll("'","&#039;")}'>
-        <div id="section-countdown" class="${en}" style="${ec}">
-          ${m(W,`<a
-              href="${X.href}"
-              target="${X?.target}"
+        style="${ei}"
+        gp-data='${JSON.stringify(X).replaceAll("'","&#039;")}'>
+        <div id="section-countdown" class="${ea}" style="${en}">
+          ${u(U,`<a
+              href="${W.href}"
+              target="${W?.target}"
               aria-label="Countdown link"
-              class="${ep}"
+              class="${eu}"
             > </a>`)}
-          ${m(V,eu("week",T,em?"weekLabel":""))}
-          ${m(z,eu("day",_,em?"dayLabel":""))}
-          ${m(B,eu("hour",J,em?"hourLabel":""))}
-          ${m(D,eu("minute",M,em?"minuteLabel":""))}
-          ${m(H,eu("second",R,em?"secondLabel":""))}
+          ${u(R,ec("week",O,K?.length?"weekLabel":""))}
+          ${u(V,ec("day",T,K?.length?"dayLabel":""))}
+          ${u(z,ec("hour",_,K?.length?"hourLabel":""))}
+          ${u(B,ec("minute",J,K?.length?"minuteLabel":""))}
+          ${u(D,ec("second",M,K?.length?"secondLabel":""))}
         </div>
      </gp-countdown-timer>
-    ${e$()}
+    ${em()}
   `};export{Countdown as default};

package/dist/esm/post-purchase/product/settings/product-discount-tag/configs/setting-v2.js

@@ -1 +1 @@
-let settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Discount})",suggestContents:[{message:"{Discount}",eg:"E.g: 50%"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];export{settingV2};
+let settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {Offer_discount})",suggestContents:[{message:"{Offer_discount}",eg:"E.g: 50%"},{message:"{Shopify_percent_discount}",eg:"E.g: 20%"},{message:"{Shopify_amount_discount}",eg:"E.g: $400.00"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];export{settingV2};

package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.liquid.js

@@ -21,7 +21,7 @@ import{template as e,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";impor
     >
       <div class="${F}" style="${C}">
         <div class="${E}" style="${w}">
-          ${p({styles:y,id:`p-tag-${x?.uid}`,setting:{...$,translate:[],text:"{{ pricePercentage }}",excludeFlex:!0}})}
+          ${p({styles:y,id:`p-tag-${x?.uid}`,setting:{...$,translate:"",text:"{{ pricePercentage }}",excludeFlex:!0}})}
         </div>
       </div>
 

package/package.json

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