@gem-sdk/components 12.0.0-dev.48 → 12.0.0-dev.50

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

@@ -1,30 +1,30 @@
-"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"),translate=require("../settings/configs/translate.js");const Countdown=e=>{let{setting:s,styles:t,builderProps:r,advanced:a,pageContext:l}=e,{labelTypo:i,numTypo:c,numTypography:n,labelTypography:o,enableLabelTextStyle:y}=t??{},{weekLabel:d,dayLabel:u,hourLabel:p,minuteLabel:m,secondLabel:g,enableWeek:$,enableDay:f,enableHour:C,enableMinute:x,enableSecond:S,redirectUrl:q,autoHideWhenTimeout:h}=s??{},v=!!q?.link,{urlData:I}=helpers.getInsertLinkData("",q),k=system.createStateOrContext({...s,...r}),w=system.createStyle({...styles.getDateStyle(t)}),j=e=>system.createClass({...classes.getDateClasses(e)}),A=system.createClass({...classes.getTextFrontClasses(t)}),T=system.createStyle({...styles.getTextFrontStyle(t)}),_=system.createStyle({...styles.getTextBackStyle(t)}),b=e=>system.createClass({...classes.getTextBackClasses(t,e)}),P=system.createAttr({...attrs.getAttr({uid:r?.uid||""})}),D=system.createAttr({...attrs.getAttrHref({uid:I.href||""})}),E=system.createStyle({...styles.getWrapperStyle(t)}),F=system.createClass({...classes.getWrapperClasses(a?.cssClass)}),L=system.createClass({...classes.getContentClasses({isLiquid:!0,autoHideWhenTimeout:h})}),N=system.createStyle({...styles.getContainStyle(t)}),O=(e,t,a)=>{let d=a&&a in translate.Countdown?translate.Countdown[a]?.id:void 0;return core.template`
-    <div style="${w}" class="${j(t)}">
-    ${Text_liquid.default({styles:{typography:n,typo:c},setting:{...s,text:"00",excludeFlex:!0,isForceValue:!0},style:T,className:A,builderAttrs:{id:e},builderProps:{...r,uid:r?.uid,uidInteraction:`${r?.uid}-text`}})}
+"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"),translate=require("../settings/configs/translate.js");const Countdown=e=>{let{setting:s,styles:t,builderProps:a,advanced:r,pageContext:l}=e,{labelTypo:i,numTypo:c,numTypography:n,labelTypography:o,enableLabelTextStyle:y}=t??{},{weekLabel:d,dayLabel:u,hourLabel:m,minuteLabel:p,secondLabel:g,enableWeek:$,enableDay:f,enableHour:C,enableMinute:x,enableSecond:S,redirectUrl:h,autoHideWhenTimeout:q}=s??{},k=!!h?.link,{urlData:v}=helpers.getInsertLinkData("",h),w=system.createStateOrContext({...s,...a}),I=system.createStyle({...styles.getDateStyle(t)}),b=e=>system.createClass({...classes.getDateClasses(e)}),j=system.createClass({...classes.getTextFrontClasses(t)}),L=system.createStyle({...styles.getTextFrontStyle(t)}),A=system.createStyle({...styles.getTextBackStyle(t)}),T=e=>system.createClass({...classes.getTextBackClasses(t,e)}),_=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),P=system.createAttr({...attrs.getAttrHref({uid:v.href||""})}),D=system.createStyle({...styles.getWrapperStyle(t)}),E=system.createClass({...classes.getWrapperClasses(r?.cssClass)}),F=system.createClass({...classes.getContentClasses({isLiquid:!0,autoHideWhenTimeout:q})}),N=system.createStyle({...styles.getContainStyle(t)}),O=(e,t,r)=>{let d=r&&r in translate.Countdown?translate.Countdown[r]?.id:void 0;return core.template`
+    <div style="${I}" class="${b(t)}">
+    ${Text_liquid.default({styles:{typography:n,typo:c},setting:{...s,text:"00",excludeFlex:!0,isForceValue:!0},style:L,className:j,builderAttrs:{id:e},builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-text`}})}
     ${system.If(!!y,core.template`
-         ${Text_liquid.default({styles:{typography:o,typo:i},setting:{...s,text:t,excludeFlex:!0},translateSetting:d,style:_,className:b(t),builderProps:{...r,uid:r?.uid,uidInteraction:`${r?.uid}-text`},pageContext:l})}
+         ${Text_liquid.default({styles:{typography:o,typo:i},setting:{...s,text:t,excludeFlex:!0},translateSetting:d,style:A,className:T(t),builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-text`},pageContext:l})}
     `)}
     </div>
     `},R=system.createClass({...classes.getLinkClasses()}),B=()=>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="${F}"
-      style="${E}"
+      class="${E}"
+      style="${D}"
     >
-      <script gp-data type="application/json">${JSON.stringify(k).replaceAll("'","&#039;")}</script>
-      <div id="section-countdown" class="${L}" style="${N}">
-        ${system.If(v,`<a
-            href="${I.href}"
-            target="${I?.target}"
+      <script gp-data type="application/json">${JSON.stringify(w).replaceAll("'","&#039;")}</script>
+      <div id="section-countdown" class="${F}" style="${N}">
+        ${system.If(k,`<a
+            href="${v.href}"
+            target="${v?.target}"
             aria-label="Countdown link"
             class="${R}"
           > </a>`)}
-        ${system.If($,O("week",d))}
-        ${system.If(f,O("day",u))}
-        ${system.If(C,O("hour",p))}
-        ${system.If(x,O("minute",m))}
-        ${system.If(S,O("second",g))}
+          ${system.If($,O("week",d,"weekLabel"))}
+          ${system.If(f,O("day",u,"dayLabel"))}
+          ${system.If(C,O("hour",m,"hourLabel"))}
+          ${system.If(x,O("minute",p,"minuteLabel"))}
+          ${system.If(S,O("second",g,"secondLabel"))}
       </div>
     </gp-countdown-timer>
     ${B()}

package/dist/cjs/grid/components/row/Row.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),HTML5Embed_liquid=require("../../../video/components/HTML5Embed.liquid.js"),system=require("@gem-sdk/system"),helpers$2=require("../../../video/common/helpers.js"),LiteYouTubeEmbed_liquid=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),attrs=require("./common/attrs.js"),translate=require("../../settings/configs/row/translate.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),helpers$3=require("../../../hero-banner/common/helpers.js");const Row=e=>{let{styles:r,setting:s,rawChildren:t,builderProps:o}=e,{isSection:l}=s??{},{background:a}=r??{},i=l?"section":"div",d=helpers.getBackgroundTranslated({background:a,uid:o?.uid,enableTranslate:!!translate.Row?.background?.id,pageContext:e.pageContext}),{stateData:p}=helpers$1.getData(e),{rowStyle:n,backgroundBoxStyle:c,embedVideoStyle:u,sectionStyle:m}=styles.getRowStyle({rowProps:e,type:"Liquid",translatedBackground:d}),{rowAttr:g}=attrs.getAttr(e),{rowClass:$,backgroundBoxClass:f,backgroundBoxInnerClass:h,sectionClass:y,wrapperYoutubeClasses:b,iframeYoutubeClasses:k}=classes.getClass(e),q=system.createClass({[$]:!0}),v=()=>{if(!helpers$1.checkHasBackgroundVideo(a))return;let e=helpers$3.getResponsiveSetting(a||{});if(helpers$1.isRenderHtmlVideo(a))return HTML5Embed_liquid.default({uid:o?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:u});if(helpers$1.isRenderYoutubeVideo(a)){let r=e?.desktop?.video??"",s=helpers$2.getYoutubeVideoId(r)||"",t=core.hasTranslatedLiquid(r),l=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return LiteYouTubeEmbed_liquid.default({uid:o?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:t?r:"",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:u,wrapperClass:b,iframeClass:k})}},j=()=>{if(helpers$1.checkHasBackgroundVideo(a))return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),HTML5Embed_liquid=require("../../../video/components/HTML5Embed.liquid.js"),system=require("@gem-sdk/system"),helpers$2=require("../../../video/common/helpers.js"),LiteYouTubeEmbed_liquid=require("../../../video/components/LiteYouTubeEmbed.liquid.js"),attrs=require("./common/attrs.js"),translate=require("../../settings/configs/row/translate.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),helpers$3=require("../../../hero-banner/common/helpers.js");const Row=e=>{let{styles:r,setting:s,rawChildren:t,builderProps:o}=e,{isSection:l}=s??{},{background:a}=r??{},i=l?"section":"div",d=helpers.getBackgroundTranslated({background:a,uid:o?.uid,enableTranslate:!!translate.Row?.background?.id,pageContext:e.pageContext}),{stateData:p}=helpers$1.getData(e,d),{rowStyle:n,backgroundBoxStyle:c,embedVideoStyle:u,sectionStyle:m}=styles.getRowStyle({rowProps:e,type:"Liquid",translatedBackground:d}),{rowAttr:g}=attrs.getAttr(e),{rowClass:$,backgroundBoxClass:f,backgroundBoxInnerClass:h,sectionClass:y,wrapperYoutubeClasses:b,iframeYoutubeClasses:k}=classes.getClass(e),q=system.createClass({[$]:!0}),v=()=>{if(!helpers$1.checkHasBackgroundVideo(a))return;let e=helpers$3.getResponsiveSetting(a||{});if(helpers$1.isRenderHtmlVideo(a))return HTML5Embed_liquid.default({uid:o?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:u});if(helpers$1.isRenderYoutubeVideo(a)){let r=e?.desktop?.video??"",s=helpers$2.getYoutubeVideoId(r)||"",t=core.hasTranslatedLiquid(r),l=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return LiteYouTubeEmbed_liquid.default({uid:o?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:t?r:"",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:u,wrapperClass:b,iframeClass:k})}},j=()=>{if(helpers$1.checkHasBackgroundVideo(a))return core.template`
       ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     `},R=core.template`
     <gp-row

package/dist/cjs/grid/components/row/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=(e,t)=>{let{builderProps:r}=e,d=system.createStateOrContext({background:t,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;

package/dist/cjs/post-purchase/product/hooks/useProductPriceBreakdown.js

@@ -1 +1 @@
-"use strict";var React=require("react"),core=require("@gem-sdk/core"),getPrice=require("../helpers/product-price-breakdown/getPrice.js");const useProductPriceBreakdown=()=>{let e=core.useProductOfferDiscount(),r=core.useCurrentVariant(),o=core.useProduct(),c=core.useProductStore(e=>e.selectedSellingPlan),{quantity:i}=core.useQuantity(),n=React.useMemo(()=>{if(!c)return null;let e=r?.sellingPlanGroups??o?.sellingPlanGroups??[];for(let r of e)if(r?.sellingPlans){let e=r.sellingPlans.find(e=>e?.baseID===c);if(e)return e}return null},[r,o,c]),t=core.convertDecimalToNumber(r?.price)??0,s=React.useMemo(()=>!n||t<=0?0:getPrice.calculateSellingPlanDiscount({variantPrice:t,pricingPolicies:n.pricingPolicies}),[n,t]),u=parseFloat(core.shopifyPriceRounding(t-s,2)),l=parseFloat(core.shopifyPriceRounding(u*(i||1),2)),a=core.useFormatMoney(l,!1),P=e*(i||1),d=parseFloat(core.shopifyPriceRounding(P,2)),p=core.useFormatMoney(d,!1),g=core.shopifyPriceRounding(d,2),f=parseFloat(core.shopifyPriceRounding(l-parseFloat(g),2)),y=core.useFormatMoney(f>0?f:0,!1);return{price:t,sellingPlanDiscountPerUnit:s,priceAfterSellingPlanDiscount:u,subTotal:l,subTotalMoneyFormatted:a,offerDiscountTotal:P,discountWithQuantity:d,discountMoneyFormatted:p,totalMoneyFormatted:y}};exports.useProductPriceBreakdown=useProductPriceBreakdown;
+"use strict";var React=require("react"),core=require("@gem-sdk/core"),getPrice=require("../helpers/product-price-breakdown/getPrice.js");const useProductPriceBreakdown=()=>{let e=core.useProductOfferDiscount(),r=core.useCurrentVariant(),o=core.useProduct(),c=core.useProductStore(e=>e.selectedSellingPlan),{quantity:i}=core.useQuantity(),t=React.useMemo(()=>{if(!c)return null;let e=r?.sellingPlanGroups??o?.sellingPlanGroups??[];for(let r of e)if(r?.sellingPlans){let e=r.sellingPlans.find(e=>e?.baseID===c);if(e)return e}return null},[r,o,c]),n=core.convertDecimalToNumber(r?.price)??0,s=React.useMemo(()=>!t||n<=0?0:getPrice.calculateSellingPlanDiscount({variantPrice:n,pricingPolicies:t.pricingPolicies}),[t,n]),u=Math.max(0,parseFloat(core.shopifyPriceRounding(n-s,2))),a=Math.max(0,parseFloat(core.shopifyPriceRounding(u*(i||1),2))),l=core.useFormatMoney(a,!1),P=e*(i||1),d=parseFloat(core.shopifyPriceRounding(P,2)),p=core.useFormatMoney(d,!1),g=core.shopifyPriceRounding(d,2),f=parseFloat(core.shopifyPriceRounding(a-parseFloat(g),2)),m=core.useFormatMoney(f>0?f:0,!1);return{price:n,sellingPlanDiscountPerUnit:s,priceAfterSellingPlanDiscount:u,subTotal:a,subTotalMoneyFormatted:l,offerDiscountTotal:P,discountWithQuantity:d,discountMoneyFormatted:p,totalMoneyFormatted:m}};exports.useProductPriceBreakdown=useProductPriceBreakdown;

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

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

package/dist/esm/grid/components/row/Row.liquid.js

@@ -1,4 +1,4 @@
-import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,hasTranslatedLiquid as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getBackgroundTranslated as l,getSettingPreloadData as p}from"../../../helpers.js";import m from"../../../video/components/HTML5Embed.liquid.js";import{createClass as d,If as n}from"@gem-sdk/system";import{getYoutubeVideoId as c}from"../../../video/common/helpers.js";import u from"../../../video/components/LiteYouTubeEmbed.liquid.js";import{getAttr as f}from"./common/attrs.js";import{Row as g}from"../../settings/configs/row/translate.js";import{getClass as $}from"./common/classes.js";import{getRowStyle as y}from"./common/styles.js";import{getData as j,checkHasBackgroundVideo as k,isRenderHtmlVideo as v,isRenderYoutubeVideo as b}from"./common/helpers.js";import{getResponsiveSetting as w}from"../../../hero-banner/common/helpers.js";let Row=h=>{let{styles:C,setting:E,rawChildren:S,builderProps:q}=h,{isSection:L}=E??{},{background:P}=C??{},R=L?"section":"div",T=l({background:P,uid:q?.uid,enableTranslate:!!g?.background?.id,pageContext:h.pageContext}),{stateData:V}=j(h),{rowStyle:x,backgroundBoxStyle:z,embedVideoStyle:A,sectionStyle:N}=y({rowProps:h,type:"Liquid",translatedBackground:T}),{rowAttr:_}=f(h),{rowClass:G,backgroundBoxClass:I,backgroundBoxInnerClass:M,sectionClass:O,wrapperYoutubeClasses:B,iframeYoutubeClasses:H}=$(h),U=d({[G]:!0}),Y=()=>{if(!k(P))return;let e=w(P||{});if(v(P))return m({uid:q?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:A});if(b(P)){let o=e?.desktop?.video??"",s=c(o)||"",r=t(o),i=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return u({uid:q?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:r?o:"",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:A,wrapperClass:B,iframeClass:H})}},D=()=>{if(k(P))return e`
+import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,hasTranslatedLiquid as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getBackgroundTranslated as l,getSettingPreloadData as p}from"../../../helpers.js";import m from"../../../video/components/HTML5Embed.liquid.js";import{createClass as d,If as n}from"@gem-sdk/system";import{getYoutubeVideoId as c}from"../../../video/common/helpers.js";import u from"../../../video/components/LiteYouTubeEmbed.liquid.js";import{getAttr as f}from"./common/attrs.js";import{Row as g}from"../../settings/configs/row/translate.js";import{getClass as $}from"./common/classes.js";import{getRowStyle as y}from"./common/styles.js";import{getData as j,checkHasBackgroundVideo as k,isRenderHtmlVideo as v,isRenderYoutubeVideo as b}from"./common/helpers.js";import{getResponsiveSetting as w}from"../../../hero-banner/common/helpers.js";let Row=h=>{let{styles:C,setting:E,rawChildren:S,builderProps:q}=h,{isSection:L}=E??{},{background:P}=C??{},R=L?"section":"div",T=l({background:P,uid:q?.uid,enableTranslate:!!g?.background?.id,pageContext:h.pageContext}),{stateData:V}=j(h,T),{rowStyle:x,backgroundBoxStyle:z,embedVideoStyle:A,sectionStyle:N}=y({rowProps:h,type:"Liquid",translatedBackground:T}),{rowAttr:_}=f(h),{rowClass:G,backgroundBoxClass:I,backgroundBoxInnerClass:M,sectionClass:O,wrapperYoutubeClasses:B,iframeYoutubeClasses:H}=$(h),U=d({[G]:!0}),Y=()=>{if(!k(P))return;let e=w(P||{});if(v(P))return m({uid:q?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:A});if(b(P)){let o=e?.desktop?.video??"",s=c(o)||"",r=t(o),i=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return u({uid:q?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:r?o:"",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,preload:!0,style:A,wrapperClass:B,iframeClass:H})}},D=()=>{if(k(P))return e`
       ${r(i,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${a}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     `},F=e`
     <gp-row

package/dist/esm/grid/components/row/common/helpers.js

@@ -1 +1 @@
-import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";let getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=t=>{let{styles:r,builderProps:i}=t,o=d({background:r?.background,uid:i?.uid});return{stateData:e(o).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};
+import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";let getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=(t,r)=>{let{builderProps:i}=t,o=d({background:r,uid:i?.uid});return{stateData:e(o).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};

package/dist/esm/post-purchase/product/hooks/useProductPriceBreakdown.js

@@ -1 +1 @@
-import{useMemo as e}from"react";import{useProductOfferDiscount as r,useCurrentVariant as l,useProduct as i,useProductStore as o,useQuantity as t,convertDecimalToNumber as n,shopifyPriceRounding as a,useFormatMoney as s}from"@gem-sdk/core";import{calculateSellingPlanDiscount as p}from"../helpers/product-price-breakdown/getPrice.js";let useProductPriceBreakdown=()=>{let c=r(),u=l(),P=i(),d=o(e=>e.selectedSellingPlan),{quantity:f}=t(),g=e(()=>{if(!d)return null;let e=u?.sellingPlanGroups??P?.sellingPlanGroups??[];for(let r of e)if(r?.sellingPlans){let e=r.sellingPlans.find(e=>e?.baseID===d);if(e)return e}return null},[u,P,d]),m=n(u?.price)??0,F=e(()=>!g||m<=0?0:p({variantPrice:m,pricingPolicies:g.pricingPolicies}),[g,m]),k=parseFloat(a(m-F,2)),w=parseFloat(a(k*(f||1),2)),b=s(w,!1),B=c*(f||1),G=parseFloat(a(B,2)),h=s(G,!1),j=a(G,2),v=parseFloat(a(w-parseFloat(j),2)),x=s(v>0?v:0,!1);return{price:m,sellingPlanDiscountPerUnit:F,priceAfterSellingPlanDiscount:k,subTotal:w,subTotalMoneyFormatted:b,offerDiscountTotal:B,discountWithQuantity:G,discountMoneyFormatted:h,totalMoneyFormatted:x}};export{useProductPriceBreakdown};
+import{useMemo as e}from"react";import{useProductOfferDiscount as r,useCurrentVariant as l,useProduct as i,useProductStore as t,useQuantity as a,convertDecimalToNumber as o,shopifyPriceRounding as n,useFormatMoney as s}from"@gem-sdk/core";import{calculateSellingPlanDiscount as p}from"../helpers/product-price-breakdown/getPrice.js";let useProductPriceBreakdown=()=>{let c=r(),u=l(),P=i(),d=t(e=>e.selectedSellingPlan),{quantity:f}=a(),g=e(()=>{if(!d)return null;let e=u?.sellingPlanGroups??P?.sellingPlanGroups??[];for(let r of e)if(r?.sellingPlans){let e=r.sellingPlans.find(e=>e?.baseID===d);if(e)return e}return null},[u,P,d]),m=o(u?.price)??0,F=e(()=>!g||m<=0?0:p({variantPrice:m,pricingPolicies:g.pricingPolicies}),[g,m]),k=Math.max(0,parseFloat(n(m-F,2))),h=Math.max(0,parseFloat(n(k*(f||1),2))),w=s(h,!1),x=c*(f||1),b=parseFloat(n(x,2)),B=s(b,!1),G=n(b,2),M=parseFloat(n(h-parseFloat(G),2)),j=s(M>0?M:0,!1);return{price:m,sellingPlanDiscountPerUnit:F,priceAfterSellingPlanDiscount:k,subTotal:h,subTotalMoneyFormatted:w,offerDiscountTotal:x,discountWithQuantity:b,discountMoneyFormatted:B,totalMoneyFormatted:j}};export{useProductPriceBreakdown};

package/package.json

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