@gem-sdk/components 6.0.2 → 6.0.3

package/dist/cjs/countdown-timer/common/classes.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}const getContentClasses=()=>({...composeClasses("gp-flex gp-flex-wrap gp-w-max gp-relative")}),getWrapperClasses=e=>{let s="gp-flex";return e&&(s+=` ${e}`),{...composeClasses(s)}},getDateClasses=e=>{let s="gp-flex-1 gp-text-center gp-min-w-max !gp-max-w-max";return e||(s+=" gp-content-center"),{...composeClasses(s)}},getTextFrontClasses=e=>{let s="gp-countdown-number",{colorNumber:t}=e||{};return core.getGlobalColorClass("text",t)&&(s+=` ${core.getGlobalColorClass("text",t)}`),{...composeClasses(s)}},getTextBackClasses=(e,s)=>{let t="",{colorLabel:l}=e||{};return core.getGlobalColorClass("text",l)&&(t+=` ${core.getGlobalColorClass("text",l)}`),s||(t+=" gp-hidden"),{...composeClasses(t)}},getLinkClasses=()=>({...composeClasses("gp-absolute gp-inset-0 gp-z-1 gp-pointer-events-none")}),getTextExpireClasses=()=>({...composeClasses("gp-flex gp-h-12 gp-items-center gp-justify-center gp-bg-[#d6d6d6] gp-opacity-70")});exports.getContentClasses=getContentClasses,exports.getDateClasses=getDateClasses,exports.getLinkClasses=getLinkClasses,exports.getTextBackClasses=getTextBackClasses,exports.getTextExpireClasses=getTextExpireClasses,exports.getTextFrontClasses=getTextFrontClasses,exports.getWrapperClasses=getWrapperClasses;
+"use strict";var core=require("@gem-sdk/core");function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}const getContentClasses=({isLiquid:e,autoHideWhenTimeout:s})=>{let t="gp-flex gp-flex-wrap gp-w-max gp-relative ";return e&&s&&(t+=" !gp-hidden"),{...composeClasses(t)}},getWrapperClasses=e=>{let s="gp-flex";return e&&(s+=` ${e}`),{...composeClasses(s)}},getDateClasses=e=>{let s="gp-flex-1 gp-text-center gp-min-w-max !gp-max-w-max";return e||(s+=" gp-content-center"),{...composeClasses(s)}},getTextFrontClasses=e=>{let s="gp-countdown-number",{colorNumber:t}=e||{};return core.getGlobalColorClass("text",t)&&(s+=` ${core.getGlobalColorClass("text",t)}`),{...composeClasses(s)}},getTextBackClasses=(e,s)=>{let t="",{colorLabel:l}=e||{};return core.getGlobalColorClass("text",l)&&(t+=` ${core.getGlobalColorClass("text",l)}`),s||(t+=" gp-hidden"),{...composeClasses(t)}},getLinkClasses=()=>({...composeClasses("gp-absolute gp-inset-0 gp-z-1 gp-pointer-events-none")}),getTextExpireClasses=()=>({...composeClasses("gp-flex gp-h-12 gp-items-center gp-justify-center gp-bg-[#d6d6d6] gp-opacity-70")});exports.getContentClasses=getContentClasses,exports.getDateClasses=getDateClasses,exports.getLinkClasses=getLinkClasses,exports.getTextBackClasses=getTextBackClasses,exports.getTextExpireClasses=getTextExpireClasses,exports.getTextFrontClasses=getTextFrontClasses,exports.getWrapperClasses=getWrapperClasses;

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

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),helpers=require("../common/helpers.js"),Text=require("../../text/components/Text.js"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),useCountDownTimer=require("../hooks/useCountDownTimer.js");const Countdown=e=>{let{setting:s,styles:t,builderProps:l,advanced:a}=e,{labelTypo:r,numTypo:i,labelTypography:m,numTypography:n,enableLabelTextStyle:y}=t??{},{weekLabel:c,dayLabel:o,hourLabel:u,minuteLabel:d,secondLabel:x,enableWeek:j,enableDay:C,enableHour:g,enableMinute:p,enableSecond:h,redirectUrl:f}=s??{},T=core.useEditorMode(),{week:S,day:k,hour:q,minute:R,second:v,timeLeft:w,ref:I}=useCountDownTimer.default(s,l),N=!!f?.link&&"edit"!==T,b=system.createClass({...classes.getTextExpireClasses()});if(s?.autoHideWhenTimeout&&w<=0)return"edit"!==T?null:jsxRuntime.jsx("div",{className:b,children:jsxRuntime.jsx("span",{children:"Countdown is run out of time (this only visible in the editor)"})});let D=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),E=system.createStyle({...styles.getWrapperStyle(t)}),F=system.createClass({...classes.getWrapperClasses(a?.cssClass)}),W=system.createClass({...classes.getContentClasses()}),A=system.createStyle({...styles.getContainStyle(t)}),B=system.createStyle({...styles.getDateStyle(t)}),M=e=>system.createClass({...classes.getDateClasses(e)}),_=system.createClass({...classes.getTextFrontClasses(t)}),H=system.createStyle({...styles.getTextFrontStyle(t)}),L=system.createStyle({...styles.getTextBackStyle(t)}),O=e=>system.createClass({...classes.getTextBackClasses(t,e)}),P=system.createClass({...classes.getLinkClasses()}),z=(e,s)=>{let t=helpers.formatTime(e);return jsxRuntime.jsxs("div",{style:B,className:M(s),children:[jsxRuntime.jsx(Text.default,{styles:{typography:n,typo:i},setting:{htmlTag:"div",text:t,excludeFlex:!0},className:_,style:H,disableEdit:!0}),system.If(!!y,jsxRuntime.jsx(Text.default,{styles:{typography:m,typo:r},setting:{text:s,htmlTag:"p",excludeFlex:!0},style:L,className:O(s),disableEdit:!0}))]})};return jsxRuntime.jsx("div",{ref:I,...D,className:F,style:E,children:jsxRuntime.jsxs("div",{className:W,style:A,children:[system.If(N,jsxRuntime.jsx("a",{href:f?.link,target:f?.target,"aria-label":"Countdown link",className:P,children:" "})),system.If(j,z(S,c)),system.If(C,z(k,o)),system.If(g,z(q,u)),system.If(p,z(R,d)),system.If(h,z(v,x))]})})};exports.default=Countdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),helpers=require("../common/helpers.js"),Text=require("../../text/components/Text.js"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),useCountDownTimer=require("../hooks/useCountDownTimer.js");const Countdown=e=>{let{setting:s,styles:t,builderProps:l,advanced:a}=e,{labelTypo:r,numTypo:i,labelTypography:m,numTypography:n,enableLabelTextStyle:y}=t??{},{weekLabel:c,dayLabel:o,hourLabel:u,minuteLabel:d,secondLabel:x,enableWeek:j,enableDay:C,enableHour:g,enableMinute:p,enableSecond:h,redirectUrl:f,autoHideWhenTimeout:T}=s??{},q=core.useEditorMode(),{week:S,day:k,hour:R,minute:v,second:w,timeLeft:I,ref:N}=useCountDownTimer.default(s,l),b=!!f?.link&&"edit"!==q,D=system.createClass({...classes.getTextExpireClasses()});if(s?.autoHideWhenTimeout&&I<=0)return"edit"!==q?null:jsxRuntime.jsx("div",{className:D,children:jsxRuntime.jsx("span",{children:"Countdown is run out of time (this only visible in the editor)"})});let E=system.createAttr({...attrs.getAttr({uid:l?.uid||""})}),F=system.createStyle({...styles.getWrapperStyle(t)}),W=system.createClass({...classes.getWrapperClasses(a?.cssClass)}),A=system.createClass({...classes.getContentClasses({isLiquid:!1,autoHideWhenTimeout:T})}),B=system.createStyle({...styles.getContainStyle(t)}),L=system.createStyle({...styles.getDateStyle(t)}),M=e=>system.createClass({...classes.getDateClasses(e)}),_=system.createClass({...classes.getTextFrontClasses(t)}),H=system.createStyle({...styles.getTextFrontStyle(t)}),O=system.createStyle({...styles.getTextBackStyle(t)}),P=e=>system.createClass({...classes.getTextBackClasses(t,e)}),z=system.createClass({...classes.getLinkClasses()}),G=(e,s)=>{let t=helpers.formatTime(e);return jsxRuntime.jsxs("div",{style:L,className:M(s),children:[jsxRuntime.jsx(Text.default,{styles:{typography:n,typo:i},setting:{htmlTag:"div",text:t,excludeFlex:!0},className:_,style:H,disableEdit:!0}),system.If(!!y,jsxRuntime.jsx(Text.default,{styles:{typography:m,typo:r},setting:{text:s,htmlTag:"p",excludeFlex:!0},style:O,className:P(s),disableEdit:!0}))]})};return jsxRuntime.jsx("div",{ref:N,...E,className:W,style:F,children:jsxRuntime.jsxs("div",{className:A,style:B,children:[system.If(b,jsxRuntime.jsx("a",{href:f?.link,target:f?.target,"aria-label":"Countdown link",className:z,children:" "})),system.If(j,G(S,c)),system.If(C,G(k,o)),system.If(g,G(R,u)),system.If(p,G(v,d)),system.If(h,G(w,x))]})})};exports.default=Countdown;

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

@@ -1,39 +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"),helpers$1=require("../common/helpers.js");const Countdown=e=>{let{setting:t,styles:s,builderProps:a,advanced:r,pageContext:l}=e,{labelTypo:i,numTypo:n,numTypography:d,labelTypography:o,enableLabelTextStyle:c}=s??{},{weekLabel:y,dayLabel:u,hourLabel:m,minuteLabel:p,secondLabel:g,enableWeek:$,enableDay:f,enableHour:S,enableMinute:C,enableSecond:h,redirectUrl:x,translate:q}=t??{},w=!!x?.link,{urlData:b}=helpers.getInsertLinkData("",x),k=system.createStateOrContext({...t,...a}),v=system.createStyle({...styles.getDateStyle(s)}),I=e=>system.createClass({...classes.getDateClasses(e)}),T=system.createClass({...classes.getTextFrontClasses(s)}),j=system.createStyle({...styles.getTextFrontStyle(s)}),A=system.createStyle({...styles.getTextBackStyle(s)}),E=e=>system.createClass({...classes.getTextBackClasses(s,e)}),L=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),_=system.createAttr({...attrs.getAttrHref({uid:b.href||""})}),D=system.createStyle({...styles.getWrapperStyle(s)}),P=system.createClass({...classes.getWrapperClasses(r?.cssClass)}),W=system.createClass({...classes.getContentClasses()}),F=system.createStyle({...styles.getContainStyle(s)}),H=(e,s,r)=>core.template`
-    <div style="${v}" class="${I(s)}">
-    ${Text_liquid.default({styles:{typography:d,typo:n},setting:{...t,text:"00",excludeFlex:!0,translate:""},style:j,className:T,builderAttrs:{id:e},builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-text`}})}
-    ${system.If(!!c,core.template`
-         ${Text_liquid.default({styles:{typography:o,typo:i},setting:{...t,text:s,excludeFlex:!0,translate:r},style:A,className:E(s),builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-text`},pageContext:l})}
+"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:a,advanced:r,pageContext:l}=e,{labelTypo:c,numTypo:i,numTypography:y,labelTypography:o,enableLabelTextStyle:d}=t??{},{weekLabel:n,dayLabel:u,hourLabel:m,minuteLabel:p,secondLabel:g,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,...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)}),F=system.createClass({...classes.getWrapperClasses(r?.cssClass)}),N=system.createClass({...classes.getContentClasses({isLiquid:!0,autoHideWhenTimeout:q})}),O=system.createStyle({...styles.getContainStyle(t)}),R=(e,t,r)=>core.template`
+    <div style="${w}" class="${L(t)}">
+    ${Text_liquid.default({styles:{typography:y,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(!!d,core.template`
+         ${Text_liquid.default({styles:{typography:o,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})}
     `)}
     </div>
-    `,N=system.createClass({...classes.getLinkClasses()}),O=helpers$1.getStandardEndtime(t?.dateStandard,t?.timeZone),R=()=>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`
-    {%- liquid
-      assign standardEndDate = ${O}
-      assign typeCountdown = "${t?.behaviour.toString()||""}"
-      assign autoHideWhenTimeout = ${!!t?.autoHideWhenTimeout}
-      assign current_time = 'now' | date: '%s' | times: 1000
-
-    -%}
-   {% if standardEndDate == nil or current_time <= standardEndDate or typeCountdown != "standard" or autoHideWhenTimeout != true %}
-      <gp-countdown-timer
-        ${{...L}}
-        ${{..._}}
-        class="${P}"
-        style="${D}"
-        gp-data='${JSON.stringify(k).replaceAll("'","&#039;")}'>
-        <div id="section-countdown" class="${W}" style="${F}">
-          ${system.If(w,`<a
+    `,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="${F}"
+        style="${E}"
+        gp-data='${JSON.stringify(v).replaceAll("'","&#039;")}'>
+        <div id="section-countdown" class="${N}" style="${O}">
+          ${system.If(I,`<a
               href="${b.href}"
               target="${b?.target}"
               aria-label="Countdown link"
-              class="${N}"
+              class="${B}"
             > </a>`)}
-          ${system.If($,H("week",y,q?"weekLabel":""))}
-          ${system.If(f,H("day",u,q?"dayLabel":""))}
-          ${system.If(S,H("hour",m,q?"hourLabel":""))}
-          ${system.If(C,H("minute",p,q?"minuteLabel":""))}
-          ${system.If(h,H("second",g,q?"secondLabel":""))}
+          ${system.If($,R("week",n,k?"weekLabel":""))}
+          ${system.If(f,R("day",u,k?"dayLabel":""))}
+          ${system.If(x,R("hour",m,k?"hourLabel":""))}
+          ${system.If(C,R("minute",p,k?"minuteLabel":""))}
+          ${system.If(S,R("second",g,k?"secondLabel":""))}
         </div>
      </gp-countdown-timer>
-    {% endif %}
-    ${R()}
+    ${G()}
   `};exports.default=Countdown;

package/dist/esm/countdown-timer/common/classes.js

@@ -1 +1 @@
-import{getGlobalColorClass as e}from"@gem-sdk/core";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getContentClasses=()=>({...composeClasses("gp-flex gp-flex-wrap gp-w-max gp-relative")}),getWrapperClasses=e=>{let s="gp-flex";return e&&(s+=` ${e}`),{...composeClasses(s)}},getDateClasses=e=>{let s="gp-flex-1 gp-text-center gp-min-w-max !gp-max-w-max";return e||(s+=" gp-content-center"),{...composeClasses(s)}},getTextFrontClasses=s=>{let t="gp-countdown-number",{colorNumber:p}=s||{};return e("text",p)&&(t+=` ${e("text",p)}`),{...composeClasses(t)}},getTextBackClasses=(s,t)=>{let p="",{colorLabel:g}=s||{};return e("text",g)&&(p+=` ${e("text",g)}`),t||(p+=" gp-hidden"),{...composeClasses(p)}},getLinkClasses=()=>({...composeClasses("gp-absolute gp-inset-0 gp-z-1 gp-pointer-events-none")}),getTextExpireClasses=()=>({...composeClasses("gp-flex gp-h-12 gp-items-center gp-justify-center gp-bg-[#d6d6d6] gp-opacity-70")});export{getContentClasses,getDateClasses,getLinkClasses,getTextBackClasses,getTextExpireClasses,getTextFrontClasses,getWrapperClasses};
+import{getGlobalColorClass as e}from"@gem-sdk/core";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getContentClasses=({isLiquid:e,autoHideWhenTimeout:s})=>{let t="gp-flex gp-flex-wrap gp-w-max gp-relative ";return e&&s&&(t+=" !gp-hidden"),{...composeClasses(t)}},getWrapperClasses=e=>{let s="gp-flex";return e&&(s+=` ${e}`),{...composeClasses(s)}},getDateClasses=e=>{let s="gp-flex-1 gp-text-center gp-min-w-max !gp-max-w-max";return e||(s+=" gp-content-center"),{...composeClasses(s)}},getTextFrontClasses=s=>{let t="gp-countdown-number",{colorNumber:p}=s||{};return e("text",p)&&(t+=` ${e("text",p)}`),{...composeClasses(t)}},getTextBackClasses=(s,t)=>{let p="",{colorLabel:g}=s||{};return e("text",g)&&(p+=` ${e("text",g)}`),t||(p+=" gp-hidden"),{...composeClasses(p)}},getLinkClasses=()=>({...composeClasses("gp-absolute gp-inset-0 gp-z-1 gp-pointer-events-none")}),getTextExpireClasses=()=>({...composeClasses("gp-flex gp-h-12 gp-items-center gp-justify-center gp-bg-[#d6d6d6] gp-opacity-70")});export{getContentClasses,getDateClasses,getLinkClasses,getTextBackClasses,getTextExpireClasses,getTextFrontClasses,getWrapperClasses};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{formatTime as s}from"../common/helpers.js";import o from"../../text/components/Text.js";import{useEditorMode as i}from"@gem-sdk/core";import{createClass as l,createAttr as r,createStyle as m,If as n}from"@gem-sdk/system";import{getAttr as a}from"../common/attrs.js";import{getTextExpireClasses as d,getWrapperClasses as c,getContentClasses as p,getTextFrontClasses as u,getLinkClasses as h,getDateClasses as y,getTextBackClasses as f}from"../common/classes.js";import{getWrapperStyle as g,getContainStyle as x,getDateStyle as j,getTextFrontStyle as N,getTextBackStyle as k}from"../common/styles.js";import v from"../hooks/useCountDownTimer.js";let Countdown=C=>{let{setting:w,styles:T,builderProps:b,advanced:E}=C,{labelTypo:F,numTypo:D,labelTypography:H,numTypography:W,enableLabelTextStyle:q}=T??{},{weekLabel:z,dayLabel:A,hourLabel:B,minuteLabel:G,secondLabel:I,enableWeek:J,enableDay:K,enableHour:L,enableMinute:M,enableSecond:O,redirectUrl:P}=w??{},Q=i(),{week:R,day:S,hour:U,minute:V,second:X,timeLeft:Y,ref:Z}=v(w,b),$=!!P?.link&&"edit"!==Q,_=l({...d()});if(w?.autoHideWhenTimeout&&Y<=0)return"edit"!==Q?null:e("div",{className:_,children:e("span",{children:"Countdown is run out of time (this only visible in the editor)"})});let ee=r({...a({uid:b?.uid||""})}),et=m({...g(T)}),es=l({...c(E?.cssClass)}),eo=l({...p()}),ei=m({...x(T)}),el=m({...j(T)}),er=e=>l({...y(e)}),em=l({...u(T)}),en=m({...N(T)}),ea=m({...k(T)}),ed=e=>l({...f(T,e)}),ec=l({...h()}),ep=(i,l)=>{let r=s(i);return t("div",{style:el,className:er(l),children:[e(o,{styles:{typography:W,typo:D},setting:{htmlTag:"div",text:r,excludeFlex:!0},className:em,style:en,disableEdit:!0}),n(!!q,e(o,{styles:{typography:H,typo:F},setting:{text:l,htmlTag:"p",excludeFlex:!0},style:ea,className:ed(l),disableEdit:!0}))]})};return e("div",{ref:Z,...ee,className:es,style:et,children:t("div",{className:eo,style:ei,children:[n($,e("a",{href:P?.link,target:P?.target,"aria-label":"Countdown link",className:ec,children:" "})),n(J,ep(R,z)),n(K,ep(S,A)),n(L,ep(U,B)),n(M,ep(V,G)),n(O,ep(X,I))]})})};export{Countdown as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{formatTime as s}from"../common/helpers.js";import o from"../../text/components/Text.js";import{useEditorMode as i}from"@gem-sdk/core";import{createClass as l,createAttr as r,createStyle as m,If as n}from"@gem-sdk/system";import{getAttr as a}from"../common/attrs.js";import{getTextExpireClasses as d,getWrapperClasses as c,getContentClasses as u,getTextFrontClasses as p,getLinkClasses as h,getDateClasses as y,getTextBackClasses as f}from"../common/classes.js";import{getWrapperStyle as g,getContainStyle as x,getDateStyle as j,getTextFrontStyle as N,getTextBackStyle as k}from"../common/styles.js";import v from"../hooks/useCountDownTimer.js";let Countdown=C=>{let{setting:w,styles:T,builderProps:b,advanced:E}=C,{labelTypo:F,numTypo:q,labelTypography:D,numTypography:H,enableLabelTextStyle:L}=T??{},{weekLabel:W,dayLabel:z,hourLabel:A,minuteLabel:B,secondLabel:G,enableWeek:I,enableDay:J,enableHour:K,enableMinute:M,enableSecond:O,redirectUrl:P,autoHideWhenTimeout:Q}=w??{},R=i(),{week:S,day:U,hour:V,minute:X,second:Y,timeLeft:Z,ref:$}=v(w,b),_=!!P?.link&&"edit"!==R,ee=l({...d()});if(w?.autoHideWhenTimeout&&Z<=0)return"edit"!==R?null:e("div",{className:ee,children:e("span",{children:"Countdown is run out of time (this only visible in the editor)"})});let et=r({...a({uid:b?.uid||""})}),es=m({...g(T)}),eo=l({...c(E?.cssClass)}),ei=l({...u({isLiquid:!1,autoHideWhenTimeout:Q})}),el=m({...x(T)}),er=m({...j(T)}),em=e=>l({...y(e)}),en=l({...p(T)}),ea=m({...N(T)}),ed=m({...k(T)}),ec=e=>l({...f(T,e)}),eu=l({...h()}),ep=(i,l)=>{let r=s(i);return t("div",{style:er,className:em(l),children:[e(o,{styles:{typography:H,typo:q},setting:{htmlTag:"div",text:r,excludeFlex:!0},className:en,style:ea,disableEdit:!0}),n(!!L,e(o,{styles:{typography:D,typo:F},setting:{text:l,htmlTag:"p",excludeFlex:!0},style:ed,className:ec(l),disableEdit:!0}))]})};return e("div",{ref:$,...et,className:eo,style:es,children:t("div",{className:ei,style:el,children:[n(_,e("a",{href:P?.link,target:P?.target,"aria-label":"Countdown link",className:eu,children:" "})),n(I,ep(S,W)),n(J,ep(U,z)),n(K,ep(V,A)),n(M,ep(X,B)),n(O,ep(Y,G))]})})};export{Countdown as default};

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

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

package/package.json

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