@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

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

@@ -1,108 +1,39 @@
-import { template, makeStyleResponsive, RenderIf, isLocalEnv, baseAssetURL, composeSize, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, composeRadius, makeStyle, getGlobalColorCSSProp, cls, getGlobalColorClass, genSizeClass } from '@gem-sdk/core';
-import Text from '../../text/components/Text.liquid.js';
-import { getInsertLinkData, getSettingPreloadData } from '../../helpers.js';
-
-const Countdown = ({ builderProps, setting, styles, advanced, pageContext })=>{
-    const timeTemplate = (id, textLabel, translateLabel)=>{
-        return template`
-    <div
-        style="${{
-            ...!styles?.itemPadding?.type ? composeSize(styles?.itemPadding?.custom) : {},
-            ...handleConvertBorderStyle(styles?.borderState),
-            ...handleConvertBorderWidth(styles?.borderState),
-            ...handleConvertBorderColor(styles?.borderState),
-            ...composeRadius(styles?.roundedState),
-            ...makeStyle({
-                bg: getGlobalColorCSSProp(styles?.backgroundItemColor)
-            })
-        }}"
-    class="${cls(getGlobalColorClass('bg', styles?.backgroundItemColor), 'gp-flex-1 gp-text-center gp-min-w-max !gp-max-w-max', styles?.itemPadding?.type ? genSizeClass(styles?.itemPadding?.type) : '')}">
-    ${Text({
-            styles: {
-                typography: styles?.numTypography,
-                typo: styles?.numTypo
-            },
-            builderAttrs: {
-                id
-            },
-            style: {
-                ...makeStyle({
-                    mb: styles?.verticalGap,
-                    c: getGlobalColorCSSProp(styles?.colorNumber)
-                })
-            },
-            className: 'gp-countdown-number',
-            setting: {
-                ...setting,
-                text: '00',
-                excludeFlex: true,
-                translate: ''
-            },
-            builderProps: {
-                ...builderProps,
-                uid: builderProps?.uid,
-                uidInteraction: `${builderProps?.uid}-text`
-            }
-        })}
-    ${Text({
-            styles: {
-                typography: styles?.labelTypography,
-                typo: styles?.labelTypo
-            },
-            style: {
-                ...makeStyle({
-                    c: getGlobalColorCSSProp(styles?.colorLabel)
-                })
-            },
-            setting: {
-                ...setting,
-                text: textLabel,
-                excludeFlex: true,
-                translate: translateLabel
-            },
-            builderProps: {
-                ...builderProps,
-                uid: builderProps?.uid,
-                uidInteraction: `${builderProps?.uid}-text`
-            },
-            pageContext
-        })}
+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})}
+    `)}
     </div>
-    `;
-    };
-    const { urlData } = getInsertLinkData('', setting?.redirectUrl);
-    return template /* liquid */ `
-    <gp-countdown-timer
-      data-id="${builderProps?.uid}"
-     class="gp-flex ${advanced?.cssClass}"
-     gp-data='${JSON.stringify({
-        ...setting,
-        ...builderProps
-    }).replaceAll("'", '&#039;')}'
-     gp-href="${urlData.href}"
-     style="${{
-        ...makeStyleResponsive('jc', styles?.textAlign)
-    }}"
-     >
-      <div id="section-countdown" class="gp-flex gp-flex-wrap gp-w-max gp-relative" style="${{
-        gap: styles?.horizontalGap,
-        ...makeStyleResponsive('jc', styles?.textAlign)
-    }}">
-        ${RenderIf(!!setting?.redirectUrl?.link, `<a
-            href="${urlData.href}"
-            target="${urlData?.target}"
-            aria-label="Countdown link"
-            class="gp-absolute gp-inset-0 gp-z-1"
-          > </a>`)}
-          ${setting?.enableWeek ? timeTemplate('week', setting?.weekLabel, setting.translate ? 'weekLabel' : '') : ''}
-          ${setting?.enableDay ? timeTemplate('day', setting?.dayLabel, setting.translate ? 'dayLabel' : '') : ''}
-          ${setting?.enableHour ? timeTemplate('hour', setting?.hourLabel, setting.translate ? 'hourLabel' : '') : ''}
-          ${setting?.enableMinute ? timeTemplate('minute', setting?.minuteLabel, setting.translate ? 'minuteLabel' : '') : ''}
-          ${setting?.enableSecond ? timeTemplate('second', setting?.secondLabel, setting.translate ? 'secondLabel' : '') : ''}
-      </div>
-     </gp-countdown-timer>
-     ${RenderIf(isLocalEnv, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-countdown.js' | asset_url }}" defer="defer"></script>`, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="${baseAssetURL}/assets-v2/gp-countdown.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `;
-};
+    `,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
 
-export { Countdown as default };
+    -%}
+   {% if standardEndDate == nil or current_time <= standardEndDate or typeCountdown != "standard" or autoHideWhenTimeout != true %}
+      <gp-countdown-timer
+        ${{...er}}
+        ${{...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}"
+              aria-label="Countdown link"
+              class="${em}"
+            > </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":""))}
+        </div>
+     </gp-countdown-timer>
+    {% endif %}
+    ${ep()}
+  `};export{Countdown as default};

package/dist/esm/countdown-timer/hooks/useCountDownTimer.js

@@ -0,0 +1 @@
+import{useInteraction as e}from"@gem-sdk/core";import t from"./useTimeLeft.js";import{useRef as r}from"react";import{convertTime as o}from"../common/helpers.js";import{useTransition as n}from"../../product/components/product-variants/common/common.js";let useCountDownTimer=(i,m)=>{let a=r(null),{trigger:u}=e(),{timerDaily:c,timerEverygreen:s,dateStandard:l,behaviour:p,redirectUrl:d,timeZone:b,enableDay:f,enableHour:g,enableMinute:h,enableSecond:j,enableWeek:v,autoHideWhenTimeout:w}=i??{},y="evergreen"===p&&!1===w&&i?.loopAfterFinish,A=t({timerDaily:c,timerEverygreen:s,dateStandard:l,behaviour:p,loopAfterFinish:y,redirectUrl:d,timeZone:b}),{week:D,day:N,hour:O,minute:S,second:E}=o(A,{enableWeek:v,enableDay:f,enableHour:g,enableMinute:h,enableSecond:j});n(e=>{e!==A&&T(A)},[A]);let T=e=>{let t=a.current,r=new Map(Object.entries(JSON.parse(t?.getAttribute("gp-interaction-counter")??"{}")));r.size<=0||r.forEach((o,n)=>{e!==Number(n)||(u({event:"gp:countdown-timer",selector:`[data-id="${m?.uid}"]`,element:t,data:Number(n)}),y||(r.delete(n),t.setAttribute("gp-interaction-counter",JSON.stringify(Object.fromEntries(r)))))})};return{week:D,day:N,hour:O,minute:S,second:E,timeLeft:A,ref:a}};export{useCountDownTimer as default};

package/dist/esm/countdown-timer/hooks/useTimeLeft.js

@@ -1,90 +1 @@
-import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
-import { standard, evergreen, daily, refreshAfterFinish } from '../helpers.js';
-import { useEditorMode } from '@gem-sdk/core';
-
-const useTimeLeft = (props)=>{
-    const mode = useEditorMode();
-    const { timerDaily, behaviour, timerEverygreen, loopAfterFinish, redirectUrl, timeZone, dateStandard } = props;
-    const endTime = useMemo(()=>{
-        switch(behaviour){
-            case 'daily':
-                return daily(timerDaily.hours, timerDaily.mins, timerDaily.format);
-            case 'evergreen':
-                return evergreen(timerEverygreen.endTime);
-            case 'standard':
-                return standard(dateStandard, timeZone);
-            default:
-                return 0;
-        }
-    }, [
-        behaviour,
-        dateStandard,
-        timeZone,
-        timerDaily.format,
-        timerDaily.hours,
-        timerDaily.mins,
-        timerEverygreen.endTime
-    ]);
-    const [timer, setTimer] = useState(endTime);
-    const intervalRef = useRef();
-    const decreaseTimer = useCallback(()=>setTimer((prev)=>{
-            if (prev <= 0) {
-                if (redirectUrl.link && redirectUrl.link !== '#' && mode !== 'edit') {
-                    window.open(redirectUrl.link, redirectUrl.target);
-                }
-                if (isLoopAfterFinish(loopAfterFinish, behaviour)) {
-                    return evergreenRefreshAfterFinish(timerEverygreen);
-                } else {
-                    clearInterval(intervalRef.current);
-                }
-                return 0;
-            }
-            return prev - 1;
-        }), [
-        behaviour,
-        loopAfterFinish,
-        mode,
-        redirectUrl.link,
-        redirectUrl.target,
-        timerEverygreen
-    ]);
-    useEffect(()=>{
-        const isLoopEverGreen = isLoopAfterFinish(loopAfterFinish, behaviour);
-        if (isLoopEverGreen) {
-            clearInterval(intervalRef.current);
-            setTimer(evergreenRefreshAfterFinish(timerEverygreen));
-            intervalRef.current = setInterval(decreaseTimer, 1000);
-        }
-        if (endTime <= 0 && !isLoopEverGreen) {
-            clearInterval(intervalRef.current);
-            setTimer(0);
-        }
-        if (endTime > 0) {
-            clearInterval(intervalRef.current);
-            setTimer(endTime);
-            intervalRef.current = setInterval(decreaseTimer, 1000);
-        }
-        return ()=>{
-            clearInterval(intervalRef.current);
-        };
-    }, [
-        behaviour,
-        decreaseTimer,
-        endTime,
-        loopAfterFinish,
-        timerEverygreen
-    ]);
-    return timer;
-};
-const isLoopAfterFinish = (loopAfterFinish, behaviour)=>{
-    return loopAfterFinish && behaviour === 'evergreen';
-};
-const evergreenRefreshAfterFinish = (timerEverygreen)=>{
-    return refreshAfterFinish(timerEverygreen.endTime, {
-        days: timerEverygreen.days,
-        hours: timerEverygreen.hours,
-        mins: timerEverygreen.mins
-    });
-};
-
-export { useTimeLeft as default };
+import{useMemo as e,useState as r,useRef as t,useCallback as n,useEffect as s}from"react";import{useEditorMode as i}from"@gem-sdk/core";import{standard as a,evergreen as o,daily as l,refreshAfterFinish as u}from"../common/helpers.js";let useTimeLeft=u=>{let c=i(),{timerDaily:m,behaviour:f,timerEverygreen:h,loopAfterFinish:d,redirectUrl:v,timeZone:p,dateStandard:g}=u,I=e(()=>{switch(f){case"daily":return l(m.hours,m.mins,m.format);case"evergreen":return o(h);case"standard":return a(g,p);default:return 0}},[f,g,p,m.format,m.hours,m.mins,h.endTime]),[A,F]=r(I),k=t(),L=n(()=>F(e=>e<=0?(v.link&&"#"!==v.link&&"edit"!==c&&window.open(v.link,v.target),isLoopAfterFinish(d,f))?evergreenRefreshAfterFinish(h):(clearInterval(k.current),0):e-1),[f,d,c,v.link,v.target,h]);return s(()=>{let e=isLoopAfterFinish(d,f);return e&&(clearInterval(k.current),F(evergreenRefreshAfterFinish(h)),k.current=setInterval(L,1e3)),I<=0&&!e&&(clearInterval(k.current),F(0)),I>0&&(clearInterval(k.current),F(I),k.current=setInterval(L,1e3)),()=>{clearInterval(k.current)}},[f,L,I,d,h]),A},isLoopAfterFinish=(e,r)=>e&&"evergreen"===r,evergreenRefreshAfterFinish=e=>u(e.endTime,{days:e.days,hours:e.hours,mins:e.mins});export{useTimeLeft as default};

package/dist/esm/countdown-timer/index.js

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Countdown.js";let countdownSetting={Countdown:t};export{countdownSetting};

package/dist/esm/countdown-timer/next.js

@@ -1,13 +1 @@
-import dynamic from 'next/dynamic';
-import Loading from '../common/components/Loading.js';
-import 'react/jsx-runtime';
-
-const Countdown = dynamic(()=>import('./components/Countdown.js'), {
-    loading: Loading,
-    ssr: false
-});
-var countdown = {
-    Countdown
-};
-
-export { countdown as default };
+import o from"next/dynamic";import n from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Countdown=o(()=>import("./components/Countdown.js"),{loading:n,ssr:!1});var countdown={Countdown};export{countdown as default};

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

@@ -0,0 +1,9 @@
+import{SettingUIV1 as C}from"./configs/ui-v1.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import{CountdownSettings as o}from"./configs/setting.js";let config={tag:"Countdown",label:"Countdown Timer",icon:`
+  <svg width="32" height="32" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M33.3905 11.2545C33.1953 11.4498 32.8787 11.4498 32.6834 11.2545L29.8643 8.43541C29.6691 8.24014 29.6691 7.92356 29.8643 7.7283L30.9203 6.67231C31.1156 6.47705 31.4322 6.47705 31.6274 6.67231L34.4465 9.49139C34.6418 9.68666 34.6418 10.0032 34.4465 10.1985L33.3905 11.2545ZM15.7838 4.68533C15.7838 4.96148 16.0077 5.18534 16.2838 5.18534H22.84C23.1161 5.18534 23.34 4.96148 23.34 4.68534V3.16663C23.34 2.89048 23.1161 2.66663 22.84 2.66663H16.2838C16.0077 2.66663 15.7838 2.89048 15.7838 3.16663V4.68533ZM28.3774 28.6093L20.8212 21.0532V10.3487C26.4883 10.9784 30.8961 15.7639 30.8961 21.5569C30.8961 24.2016 30.0145 26.7203 28.3774 28.6093ZM8.22769 21.5569C8.22769 15.7639 12.6354 10.9784 18.3025 10.3487V21.7724C18.3025 22.0376 18.4079 22.292 18.5954 22.4795L26.6143 30.4984C24.7252 32.0096 22.2065 33.0171 19.5619 33.0171C13.2651 32.8911 8.22769 27.8537 8.22769 21.5569ZM19.5619 7.70404C11.8798 7.70404 5.70898 13.8749 5.70898 21.5569C5.70898 29.239 11.8798 35.4098 19.5619 35.4098C27.2439 35.4098 33.4148 29.239 33.4148 21.5569C33.4148 13.8749 27.2439 7.70404 19.5619 7.70404Z" fill="#E2E2E2"/>
+  </svg>
+`,settings:o,ui:C,uiV2:t,presets:[{id:"countdown-timer",name:{en:"Countdown timer"},icon:{desktop:`
+        <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path opacity="0.96" d="M6.66797 28.1193C6.02592 28.1193 5.47905 27.9446 5.02734 27.5952C4.57564 27.2429 4.23047 26.733 3.99183 26.0653C3.7532 25.3949 3.63388 24.5852 3.63388 23.6364C3.63388 22.6932 3.7532 21.8878 3.99183 21.2202C4.23331 20.5497 4.5799 20.0384 5.03161 19.6861C5.48615 19.331 6.03161 19.1534 6.66797 19.1534C7.30433 19.1534 7.84837 19.331 8.30007 19.6861C8.75462 20.0384 9.10121 20.5497 9.33984 21.2202C9.58132 21.8878 9.70206 22.6932 9.70206 23.6364C9.70206 24.5852 9.58274 25.3949 9.34411 26.0653C9.10547 26.733 8.7603 27.2429 8.30859 27.5952C7.85689 27.9446 7.31001 28.1193 6.66797 28.1193ZM6.66797 27.1818C7.30433 27.1818 7.79865 26.875 8.15092 26.2614C8.5032 25.6477 8.67933 24.7727 8.67933 23.6364C8.67933 22.8807 8.59837 22.2372 8.43643 21.706C8.27734 21.1747 8.04723 20.7699 7.74609 20.4915C7.4478 20.2131 7.08842 20.0739 6.66797 20.0739C6.03729 20.0739 5.54439 20.3849 5.18928 21.0071C4.83416 21.6264 4.65661 22.5028 4.65661 23.6364C4.65661 24.392 4.73615 25.0341 4.89524 25.5625C5.05433 26.0909 5.28303 26.4929 5.58132 26.7685C5.88246 27.044 6.24467 27.1818 6.66797 27.1818ZM14.168 28.1193C13.5259 28.1193 12.979 27.9446 12.5273 27.5952C12.0756 27.2429 11.7305 26.733 11.4918 26.0653C11.2532 25.3949 11.1339 24.5852 11.1339 23.6364C11.1339 22.6932 11.2532 21.8878 11.4918 21.2202C11.7333 20.5497 12.0799 20.0384 12.5316 19.6861C12.9862 19.331 13.5316 19.1534 14.168 19.1534C14.8043 19.1534 15.3484 19.331 15.8001 19.6861C16.2546 20.0384 16.6012 20.5497 16.8398 21.2202C17.0813 21.8878 17.2021 22.6932 17.2021 23.6364C17.2021 24.5852 17.0827 25.3949 16.8441 26.0653C16.6055 26.733 16.2603 27.2429 15.8086 27.5952C15.3569 27.9446 14.81 28.1193 14.168 28.1193ZM14.168 27.1818C14.8043 27.1818 15.2987 26.875 15.6509 26.2614C16.0032 25.6477 16.1793 24.7727 16.1793 23.6364C16.1793 22.8807 16.0984 22.2372 15.9364 21.706C15.7773 21.1747 15.5472 20.7699 15.2461 20.4915C14.9478 20.2131 14.5884 20.0739 14.168 20.0739C13.5373 20.0739 13.0444 20.3849 12.6893 21.0071C12.3342 21.6264 12.1566 22.5028 12.1566 23.6364C12.1566 24.392 12.2362 25.0341 12.3952 25.5625C12.5543 26.0909 12.783 26.4929 13.0813 26.7685C13.3825 27.044 13.7447 27.1818 14.168 27.1818ZM22.9464 26.8835C22.7362 26.8835 22.5558 26.8082 22.4052 26.6577C22.2546 26.5071 22.1793 26.3267 22.1793 26.1165C22.1793 25.9062 22.2546 25.7259 22.4052 25.5753C22.5558 25.4247 22.7362 25.3494 22.9464 25.3494C23.1566 25.3494 23.337 25.4247 23.4876 25.5753C23.6381 25.7259 23.7134 25.9062 23.7134 26.1165C23.7134 26.2557 23.6779 26.3835 23.6069 26.5C23.5387 26.6165 23.4464 26.7102 23.3299 26.7812C23.2163 26.8494 23.0884 26.8835 22.9464 26.8835ZM22.9464 22.4688C22.7362 22.4688 22.5558 22.3935 22.4052 22.2429C22.2546 22.0923 22.1793 21.9119 22.1793 21.7017C22.1793 21.4915 22.2546 21.3111 22.4052 21.1605C22.5558 21.0099 22.7362 20.9347 22.9464 20.9347C23.1566 20.9347 23.337 21.0099 23.4876 21.1605C23.6381 21.3111 23.7134 21.4915 23.7134 21.7017C23.7134 21.8409 23.6779 21.9688 23.6069 22.0852C23.5387 22.2017 23.4464 22.2955 23.3299 22.3665C23.2163 22.4347 23.0884 22.4688 22.9464 22.4688ZM31.7227 28.1193C31.0806 28.1193 30.5337 27.9446 30.082 27.5952C29.6303 27.2429 29.2852 26.733 29.0465 26.0653C28.8079 25.3949 28.6886 24.5852 28.6886 23.6364C28.6886 22.6932 28.8079 21.8878 29.0465 21.2202C29.288 20.5497 29.6346 20.0384 30.0863 19.6861C30.5408 19.331 31.0863 19.1534 31.7227 19.1534C32.359 19.1534 32.9031 19.331 33.3548 19.6861C33.8093 20.0384 34.1559 20.5497 34.3945 21.2202C34.636 21.8878 34.7567 22.6932 34.7567 23.6364C34.7567 24.5852 34.6374 25.3949 34.3988 26.0653C34.1602 26.733 33.815 27.2429 33.3633 27.5952C32.9116 27.9446 32.3647 28.1193 31.7227 28.1193ZM31.7227 27.1818C32.359 27.1818 32.8533 26.875 33.2056 26.2614C33.5579 25.6477 33.734 24.7727 33.734 23.6364C33.734 22.8807 33.6531 22.2372 33.4911 21.706C33.332 21.1747 33.1019 20.7699 32.8008 20.4915C32.5025 20.2131 32.1431 20.0739 31.7227 20.0739C31.092 20.0739 30.5991 20.3849 30.244 21.0071C29.8888 21.6264 29.7113 22.5028 29.7113 23.6364C29.7113 24.392 29.7908 25.0341 29.9499 25.5625C30.109 26.0909 30.3377 26.4929 30.636 26.7685C30.9371 27.044 31.2994 27.1818 31.7227 27.1818ZM39.2227 28.1193C38.5806 28.1193 38.0337 27.9446 37.582 27.5952C37.1303 27.2429 36.7852 26.733 36.5465 26.0653C36.3079 25.3949 36.1886 24.5852 36.1886 23.6364C36.1886 22.6932 36.3079 21.8878 36.5465 21.2202C36.788 20.5497 37.1346 20.0384 37.5863 19.6861C38.0408 19.331 38.5863 19.1534 39.2227 19.1534C39.859 19.1534 40.4031 19.331 40.8548 19.6861C41.3093 20.0384 41.6559 20.5497 41.8945 21.2202C42.136 21.8878 42.2567 22.6932 42.2567 23.6364C42.2567 24.5852 42.1374 25.3949 41.8988 26.0653C41.6602 26.733 41.315 27.2429 40.8633 27.5952C40.4116 27.9446 39.8647 28.1193 39.2227 28.1193ZM39.2227 27.1818C39.859 27.1818 40.3533 26.875 40.7056 26.2614C41.0579 25.6477 41.234 24.7727 41.234 23.6364C41.234 22.8807 41.1531 22.2372 40.9911 21.706C40.832 21.1747 40.6019 20.7699 40.3008 20.4915C40.0025 20.2131 39.6431 20.0739 39.2227 20.0739C38.592 20.0739 38.0991 20.3849 37.744 21.0071C37.3888 21.6264 37.2113 22.5028 37.2113 23.6364C37.2113 24.392 37.2908 25.0341 37.4499 25.5625C37.609 26.0909 37.8377 26.4929 38.136 26.7685C38.4371 27.044 38.7994 27.1818 39.2227 27.1818ZM48.0011 26.8835C47.7908 26.8835 47.6104 26.8082 47.4599 26.6577C47.3093 26.5071 47.234 26.3267 47.234 26.1165C47.234 25.9062 47.3093 25.7259 47.4599 25.5753C47.6104 25.4247 47.7908 25.3494 48.0011 25.3494C48.2113 25.3494 48.3917 25.4247 48.5423 25.5753C48.6928 25.7259 48.7681 25.9062 48.7681 26.1165C48.7681 26.2557 48.7326 26.3835 48.6616 26.5C48.5934 26.6165 48.5011 26.7102 48.3846 26.7812C48.271 26.8494 48.1431 26.8835 48.0011 26.8835ZM48.0011 22.4688C47.7908 22.4688 47.6104 22.3935 47.4599 22.2429C47.3093 22.0923 47.234 21.9119 47.234 21.7017C47.234 21.4915 47.3093 21.3111 47.4599 21.1605C47.6104 21.0099 47.7908 20.9347 48.0011 20.9347C48.2113 20.9347 48.3917 21.0099 48.5423 21.1605C48.6928 21.3111 48.7681 21.4915 48.7681 21.7017C48.7681 21.8409 48.7326 21.9688 48.6616 22.0852C48.5934 22.2017 48.5011 22.2955 48.3846 22.3665C48.271 22.4347 48.1431 22.4688 48.0011 22.4688ZM56.7773 28.1193C56.1353 28.1193 55.5884 27.9446 55.1367 27.5952C54.685 27.2429 54.3398 26.733 54.1012 26.0653C53.8626 25.3949 53.7433 24.5852 53.7433 23.6364C53.7433 22.6932 53.8626 21.8878 54.1012 21.2202C54.3427 20.5497 54.6893 20.0384 55.141 19.6861C55.5955 19.331 56.141 19.1534 56.7773 19.1534C57.4137 19.1534 57.9577 19.331 58.4094 19.6861C58.864 20.0384 59.2106 20.5497 59.4492 21.2202C59.6907 21.8878 59.8114 22.6932 59.8114 23.6364C59.8114 24.5852 59.6921 25.3949 59.4535 26.0653C59.2148 26.733 58.8697 27.2429 58.418 27.5952C57.9663 27.9446 57.4194 28.1193 56.7773 28.1193ZM56.7773 27.1818C57.4137 27.1818 57.908 26.875 58.2603 26.2614C58.6126 25.6477 58.7887 24.7727 58.7887 23.6364C58.7887 22.8807 58.7077 22.2372 58.5458 21.706C58.3867 21.1747 58.1566 20.7699 57.8555 20.4915C57.5572 20.2131 57.1978 20.0739 56.7773 20.0739C56.1467 20.0739 55.6538 20.3849 55.2987 21.0071C54.9435 21.6264 54.766 22.5028 54.766 23.6364C54.766 24.392 54.8455 25.0341 55.0046 25.5625C55.1637 26.0909 55.3924 26.4929 55.6907 26.7685C55.9918 27.044 56.354 27.1818 56.7773 27.1818ZM64.2773 28.1193C63.6353 28.1193 63.0884 27.9446 62.6367 27.5952C62.185 27.2429 61.8398 26.733 61.6012 26.0653C61.3626 25.3949 61.2433 24.5852 61.2433 23.6364C61.2433 22.6932 61.3626 21.8878 61.6012 21.2202C61.8427 20.5497 62.1893 20.0384 62.641 19.6861C63.0955 19.331 63.641 19.1534 64.2773 19.1534C64.9137 19.1534 65.4577 19.331 65.9094 19.6861C66.364 20.0384 66.7106 20.5497 66.9492 21.2202C67.1907 21.8878 67.3114 22.6932 67.3114 23.6364C67.3114 24.5852 67.1921 25.3949 66.9535 26.0653C66.7148 26.733 66.3697 27.2429 65.918 27.5952C65.4663 27.9446 64.9194 28.1193 64.2773 28.1193ZM64.2773 27.1818C64.9137 27.1818 65.408 26.875 65.7603 26.2614C66.1126 25.6477 66.2887 24.7727 66.2887 23.6364C66.2887 22.8807 66.2077 22.2372 66.0458 21.706C65.8867 21.1747 65.6566 20.7699 65.3555 20.4915C65.0572 20.2131 64.6978 20.0739 64.2773 20.0739C63.6467 20.0739 63.1538 20.3849 62.7987 21.0071C62.4435 21.6264 62.266 22.5028 62.266 23.6364C62.266 24.392 62.3455 25.0341 62.5046 25.5625C62.6637 26.0909 62.8924 26.4929 63.1907 26.7685C63.4918 27.044 63.854 27.1818 64.2773 27.1818ZM73.0558 26.8835C72.8455 26.8835 72.6651 26.8082 72.5146 26.6577C72.364 26.5071 72.2887 26.3267 72.2887 26.1165C72.2887 25.9062 72.364 25.7259 72.5146 25.5753C72.6651 25.4247 72.8455 25.3494 73.0558 25.3494C73.266 25.3494 73.4464 25.4247 73.5969 25.5753C73.7475 25.7259 73.8228 25.9062 73.8228 26.1165C73.8228 26.2557 73.7873 26.3835 73.7163 26.5C73.6481 26.6165 73.5558 26.7102 73.4393 26.7812C73.3256 26.8494 73.1978 26.8835 73.0558 26.8835ZM73.0558 22.4688C72.8455 22.4688 72.6651 22.3935 72.5146 22.2429C72.364 22.0923 72.2887 21.9119 72.2887 21.7017C72.2887 21.4915 72.364 21.3111 72.5146 21.1605C72.6651 21.0099 72.8455 20.9347 73.0558 20.9347C73.266 20.9347 73.4464 21.0099 73.5969 21.1605C73.7475 21.3111 73.8228 21.4915 73.8228 21.7017C73.8228 21.8409 73.7873 21.9688 73.7163 22.0852C73.6481 22.2017 73.5558 22.2955 73.4393 22.3665C73.3256 22.4347 73.1978 22.4688 73.0558 22.4688ZM81.832 28.1193C81.19 28.1193 80.6431 27.9446 80.1914 27.5952C79.7397 27.2429 79.3945 26.733 79.1559 26.0653C78.9173 25.3949 78.7979 24.5852 78.7979 23.6364C78.7979 22.6932 78.9173 21.8878 79.1559 21.2202C79.3974 20.5497 79.744 20.0384 80.1957 19.6861C80.6502 19.331 81.1957 19.1534 81.832 19.1534C82.4684 19.1534 83.0124 19.331 83.4641 19.6861C83.9187 20.0384 84.2653 20.5497 84.5039 21.2202C84.7454 21.8878 84.8661 22.6932 84.8661 23.6364C84.8661 24.5852 84.7468 25.3949 84.5082 26.0653C84.2695 26.733 83.9244 27.2429 83.4727 27.5952C83.021 27.9446 82.4741 28.1193 81.832 28.1193ZM81.832 27.1818C82.4684 27.1818 82.9627 26.875 83.315 26.2614C83.6673 25.6477 83.8434 24.7727 83.8434 23.6364C83.8434 22.8807 83.7624 22.2372 83.6005 21.706C83.4414 21.1747 83.2113 20.7699 82.9102 20.4915C82.6119 20.2131 82.2525 20.0739 81.832 20.0739C81.2013 20.0739 80.7085 20.3849 80.3533 21.0071C79.9982 21.6264 79.8207 22.5028 79.8207 23.6364C79.8207 24.392 79.9002 25.0341 80.0593 25.5625C80.2184 26.0909 80.4471 26.4929 80.7454 26.7685C81.0465 27.044 81.4087 27.1818 81.832 27.1818ZM89.332 28.1193C88.69 28.1193 88.1431 27.9446 87.6914 27.5952C87.2397 27.2429 86.8945 26.733 86.6559 26.0653C86.4173 25.3949 86.2979 24.5852 86.2979 23.6364C86.2979 22.6932 86.4173 21.8878 86.6559 21.2202C86.8974 20.5497 87.244 20.0384 87.6957 19.6861C88.1502 19.331 88.6957 19.1534 89.332 19.1534C89.9684 19.1534 90.5124 19.331 90.9641 19.6861C91.4187 20.0384 91.7653 20.5497 92.0039 21.2202C92.2454 21.8878 92.3661 22.6932 92.3661 23.6364C92.3661 24.5852 92.2468 25.3949 92.0082 26.0653C91.7695 26.733 91.4244 27.2429 90.9727 27.5952C90.521 27.9446 89.9741 28.1193 89.332 28.1193ZM89.332 27.1818C89.9684 27.1818 90.4627 26.875 90.815 26.2614C91.1673 25.6477 91.3434 24.7727 91.3434 23.6364C91.3434 22.8807 91.2624 22.2372 91.1005 21.706C90.9414 21.1747 90.7113 20.7699 90.4102 20.4915C90.1119 20.2131 89.7525 20.0739 89.332 20.0739C88.7013 20.0739 88.2085 20.3849 87.8533 21.0071C87.4982 21.6264 87.3207 22.5028 87.3207 23.6364C87.3207 24.392 87.4002 25.0341 87.5593 25.5625C87.7184 26.0909 87.9471 26.4929 88.2454 26.7685C88.5465 27.044 88.9087 27.1818 89.332 27.1818Z" fill="#F9F9F9"/>
+        </svg>
+        `},components:[{tag:"Countdown",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}]};export{config as default};

package/dist/esm/countdown-timer/settings/configs/setting.js

@@ -0,0 +1 @@
+import{getEndTime as e}from"../../common/helpers.js";let CountdownSettings=[{id:"setting",controls:[{id:"countdownSettings",label:"Countdown Settings",type:"group",controls:[{id:"segment",type:"group",controls:[{id:"behaviour",label:"Type",type:"select",default:"standard",options:[{label:"End at",value:"standard"},{label:"Auto-renew",value:"daily"},{label:"Manual",value:"evergreen"}]},{id:"dateStandard",label:"Date",type:"dateTimePicker",default:e(7,0,0)},{id:"timeZone",label:"Time Zone",type:"select",options:[{value:"UTC-12",label:"UTC-12"},{value:"UTC-11",label:"UTC-11"},{value:"UTC-10",label:"UTC-10"},{value:"UTC-9:30",label:"UTC-9:30"},{value:"UTC-9",label:"UTC-9"},{value:"UTC-8",label:"UTC-8"},{value:"UTC-7",label:"UTC-7"},{value:"UTC-6",label:"UTC-6"},{value:"UTC-5",label:"UTC-5"},{value:"UTC-4",label:"UTC-4"},{value:"UTC-3",label:"UTC-3"},{value:"UTC-2:30",label:"UTC-2:30"},{value:"UTC-2",label:"UTC-2"},{value:"UTC-1",label:"UTC-1"},{value:"UTC+0",label:"UTC+0"},{value:"UTC+1",label:"UTC+1"},{value:"UTC+2",label:"UTC+2"},{value:"UTC+3",label:"UTC+3"},{value:"UTC+3:30",label:"UTC+3:30"},{value:"UTC+4",label:"UTC+4"},{value:"UTC+4:30",label:"UTC+4:30"},{value:"UTC+5",label:"UTC+5"},{value:"UTC+5:30",label:"UTC+5:30"},{value:"UTC+5:45",label:"UTC+5:45"},{value:"UTC+6",label:"UTC+6"},{value:"UTC+6:30",label:"UTC+6:30"},{value:"UTC+7",label:"UTC+7"},{value:"UTC+8",label:"UTC+8"},{value:"UTC+8:45",label:"UTC+8:45"},{value:"UTC+9",label:"UTC+9"},{value:"UTC+9:30",label:"UTC+9:30"},{value:"UTC+10",label:"UTC+10"},{value:"UTC+10:30",label:"UTC+10:30"},{value:"UTC+11",label:"UTC+11"},{value:"UTC+12",label:"UTC+12"},{value:"UTC+12:45",label:"UTC+12:45"}],default:"UTC-4"},{id:"timerDaily",type:"countdown:daily",default:{hours:10,mins:0,format:"am"}},{id:"timerEverygreen",type:"countdown:evergreen",default:{days:0,hours:3,mins:0,endTime:new Date().getTime()+108e5,startTime:new Date().getTime()}}]},{id:"loopAfterFinish",label:"Loop (refresh after finish)",type:"toggle",default:!0},{id:"autoHideWhenTimeout",label:"Auto Hide when timeout",type:"toggle",info:"The countdown will automatically hide after it finishes instead of showing 0 value.",default:!1}]},{id:"countdownLabel",type:"group",label:"Label",controls:[{id:"enableDay",label:"Day",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"dayLabel",label:"Label",type:"input",default:"Day",hide:!1},{id:"enableHour",label:"Hour",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"hourLabel",label:"Label",type:"input",default:"Hour",hide:!1},{id:"enableMinute",label:"Minute",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"minuteLabel",label:"Label",type:"input",default:"Minute",hide:!1},{id:"enableSecond",label:"Second",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"secondLabel",label:"Label",type:"input",default:"Second",hide:!1},{id:"enableWeek",label:"Week",type:"option:value",default:!1,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"weekLabel",label:"Label",type:"input",default:"Week",hide:!1}]},{id:"translate",type:"input",default:"dayLabel,hourLabel,minuteLabel,secondLabel,weekLabel"},{id:"redirectUrl",type:"pick-link",customLabel:{en:"Action"},default:{type:"stay-on-page",link:"",target:"_self"}}]},{id:"style",controls:[{id:"enableLabelTextStyle",label:"",type:"toggle",default:!0},{id:"textNumberGroup",label:"Text Number",type:"group",controls:[{id:"numTypo",type:"typography-v2",label:"Typography",default:{type:"subheading-2",attrs:{color:"text-2",bold:!0}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorNumber",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textLabel",label:"Text Label",type:"group",controls:[{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorLabel",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textAlign",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"}],devices:{desktop:{default:"center"}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}}},{id:"itemSettingGroup",type:"group",label:"Item Settings",controls:[{id:"backgroundItemColor",type:"color-picker-v2",label:"Background Color",default:"bg-2"},{id:"verticalGap",label:"Vertical Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"8px"},{id:"horizontalGap",label:"Horizontal Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"16px"},{id:"itemPadding",label:"Padding",type:"padding-v2",devices:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}},compoDefaultValue:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}}}]},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderState",type:"border",label:"Border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0}},{id:"roundedState",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0}}]}]}];export{CountdownSettings};

package/dist/esm/countdown-timer/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+let SettingUIV1=[{type:"group",label:{en:"Countdown settings"},controls:[{type:"control",label:{en:"Type"},setting:{id:"behaviour"}},{condition:'behaviour === "standard"',type:"control",label:{en:"Date"},setting:{id:"dateStandard"}},{condition:'behaviour === "standard"',type:"control",label:{en:"Time zone"},setting:{id:"timeZone"}},{condition:'behaviour === "daily"',type:"control",setting:{id:"timerDaily"},layout:"vertical"},{condition:'behaviour === "evergreen"',type:"control",setting:{id:"timerEverygreen"},layout:"vertical"},{condition:'behaviour === "evergreen"',type:"control",label:{en:"Loop (refresh after finish)"},setting:{id:"loopAfterFinish"},options:{styleControl:{width:"auto"}}},{type:"control",label:{en:"Auto hide when timeout"},setting:{id:"autoHideWhenTimeout"},options:{styleControl:{width:"auto"}}}]},{type:"group",label:{en:"Label"},controls:[{label:{en:"Week"},type:"control",setting:{id:"enableWeek"}},{condition:"enableWeek === true",type:"control",setting:{id:"weekLabel"},options:{justifyContent:"end",styleControl:{marginLeft:"104px"}}},{type:"control",label:{en:"Day"},setting:{id:"enableDay"}},{condition:"enableDay === true",type:"control",setting:{id:"dayLabel"},options:{justifyContent:"end",styleControl:{marginLeft:"104px"}}},{label:{en:"Hour"},type:"control",setting:{id:"enableHour"}},{condition:"enableHour === true",type:"control",setting:{id:"hourLabel"},options:{justifyContent:"end",styleControl:{marginLeft:"104px"}}},{label:{en:"Minute"},type:"control",setting:{id:"enableMinute"}},{condition:"enableMinute === true",type:"control",setting:{id:"minuteLabel"},options:{justifyContent:"end",styleControl:{marginLeft:"104px"}}},{label:{en:"Second"},type:"control",setting:{id:"enableSecond"}},{condition:"enableSecond === true",type:"control",setting:{id:"secondLabel"},options:{justifyContent:"end",styleControl:{marginLeft:"104px"}}}]},{type:"group",label:{en:"Redirect after expired"},controls:[{type:"control",setting:{id:"redirectUrl"},layout:"vertical"}]},{type:"group",label:{en:"Item settings"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundItemColor"}},{type:"control",label:{en:"Column gap"},setting:{id:"horizontalGap"}},{label:{en:"Vertical spacing"},type:"control",setting:{id:"verticalGap"}},{label:{en:"Padding"},type:"control",setting:{id:"itemPadding"}}]},{type:"group",label:{en:"Countdown states"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderState",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedState",state:"hover"}}]}]}]},{label:{en:"Number text"},type:"control",setting:{id:"numTypo"},layout:"vertical"},{type:"control",label:{en:"Label text"},setting:{id:"labelTypo"},layout:"vertical"},{label:{en:"Align"},type:"control",setting:{id:"textAlign"}}];export{SettingUIV1};

package/dist/esm/countdown-timer/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+let SettingUIV2=[{label:{en:"Countdown time"},controls:[{label:{en:"Type"},setting:{id:"behaviour"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Date"},setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard"',label:{en:"Time zone"},setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:{en:"Item management"},controls:[{type:"combo",label:{en:"Items"},fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:{en:"Item management"},isHideClear:!0,controls:[{label:{en:"Week"},setting:{id:"enableWeek"}},{label:{en:"Week caption"},conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:{en:"Day"},setting:{id:"enableDay"}},{label:{en:"Day caption"},conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:{en:"Hour"},setting:{id:"enableHour"}},{label:{en:"Hour caption"},conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:{en:"Minute"},setting:{id:"enableMinute"}},{label:{en:"Minute caption"},conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:{en:"Second"},setting:{id:"enableSecond"}},{label:{en:"Second caption"},conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:{en:"Item style"},controls:[{label:{en:"Item gap"},setting:{id:"verticalGap"}},{label:{en:"Padding"},setting:{id:"itemPadding"}},{label:{en:"Background"},setting:{id:"backgroundItemColor"}},{label:{en:"Border"},setting:{id:"borderState",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedState",state:"normal"}}]},{label:{en:"Time"},controls:[{label:{en:"Item style"},type:"combo",popoverLabel:{en:"Time text style"},iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:{en:"Caption"},setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Text style"},popoverLabel:{en:"Caption text style"},conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:{en:"Item spacing"},controls:[{label:{en:"gap"},setting:{id:"horizontalGap"}}]},{label:{en:"Size"},controls:[{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"After expired"},controls:[{label:{en:"Hide timer"},setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:{en:"Loop"},setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:{en:"Align"},setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};

package/dist/esm/coupon/common/classes.js

@@ -0,0 +1 @@
+import{composeClasses as e,cls as t}from"@gem-sdk/core";let getActiveClasses=(o,a)=>{let i=(e,t)=>t?`[&_button]:data-[active=true]:!gp-${e}-[${t}]`:"",r=[i("bg",o?.active),i("text",a?.active)].filter(Boolean).join(" ");return e(t("gp-coupon",r))};export{getActiveClasses};

package/dist/esm/coupon/common/helpers.js

@@ -0,0 +1 @@
+let getButtonSetting=({setting:t,htmlType:e,label:l,styles:n})=>{let{iconSvg:g,iconAlign:o,translate:r,shouldClearSpace:u,iconVisible:S,enableHoverEffect:a,enableActiveEffect:b}=t??{},i=n?.enableTextStyle?l:"";return{label:i,htmlType:e,iconAlign:o,iconSvg:g,iconVisible:S,translate:r,shouldClearSpace:u,enableHoverEffect:a,enableActiveEffect:b}};export{getButtonSetting};

package/dist/esm/coupon/common/styles.js

@@ -0,0 +1,16 @@
+import{makeStyleResponsive as e,getStyleShadow as t,composeBorderCss as r,composeCornerCss as o}from"@gem-sdk/core";let getButtonStyles=e=>{let t=JSON.parse(JSON.stringify(e||{}));return delete t?.borderBtnV2?.normal?.borderType,delete t?.borderBtnV2?.hover?.borderType,delete t?.borderBtnV2?.active?.borderType,delete t?.boxShadowBtn?.active,{...t,enableTextStyle:!0}},getButtonStyle=(t,r)=>({...t,...e("ta",r?.align)}),getInnerBorderCornerCss=e=>{let{uid:n,styles:a}=e;if(!n||!a)return"";let{borderBtnV2:i,roundedBtnV2:d,boxShadowBtn:l}=a,c=e=>e?t({value:e,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:!0})["--shadow"]:"none",p=l?.active?.enable!==void 0?c(l?.active??{}):"",s={desktop:"",tablet:"@media only screen and (max-width: 1024px) and (min-width: 768px)",mobile:"@media only screen and (max-width: 768px)"},b=e=>{let t=s[e],a=!!t,l=`
+      .gp-coupon[data-active="true"] .${n}::before {
+        ${r(i?.active,{important:!0})};
+        ${o(d?.active,!0)};
+        box-shadow: ${p} !important;
+      }
+      .gp-coupon[data-active="true"] .${n} {
+        ${o(d?.active,!0)};
+        box-shadow: ${p} !important;
+      }
+    `.trim();return a?`${t} {
+${l}
+}`:l};return b("desktop")},getInnerActiveStyles=e=>{let t=e?.backgroundColorV2?.active,r=e?.textColor?.active;if(!t&&!r)return"";let o=`.gp-coupon[data-active="true"] button {
+`;return t&&(o+=`  background-color: ${t} !important;
+`),r&&(o+=`  color: ${r} !important;
+`),o+="}"};export{getButtonStyle,getButtonStyles,getInnerActiveStyles,getInnerBorderCornerCss};

package/dist/esm/coupon/components/Coupon.js

@@ -1,106 +1,2 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useEditorMode } from '@gem-sdk/core';
-import Button from '../../button/components/Button.js';
-import { useState, useEffect } from 'react';
-
-const Coupon = ({ setting, builderProps, builderAttrs, style, styles, advanced, children })=>{
-    const mode = useEditorMode();
-    const { defaultLabel, iconSvg, iconAlign, couponLayout, shouldClearSpace, copyContent, clickedLabel } = setting ?? {};
-    const { backgroundColor, textColor, roundedBtn, borderBtn, boxShadowBtn } = styles ?? {};
-    const [defaultLabelState, setDefaultLabelState] = useState(defaultLabel);
-    const [currentState, setCurrentState] = useState({
-        backgroundColor,
-        textColor,
-        roundedBtn,
-        borderBtn,
-        boxShadowBtn
-    });
-    const removedActiveShadow = {
-        hover: styles?.hasBoxShadowBtn?.hover,
-        normal: styles?.hasBoxShadowBtn?.normal
-    };
-    const handleSetDefaultState = ()=>{
-        setCurrentState({
-            backgroundColor,
-            textColor,
-            roundedBtn,
-            borderBtn,
-            boxShadowBtn
-        });
-        setDefaultLabelState(defaultLabel);
-    };
-    const changeStateILP = ()=>{
-        setDefaultLabelState(clickedLabel);
-        navigator.clipboard.writeText(copyContent ?? '').catch(function(error) {
-            console.error('Failed to copy text: ', error);
-        });
-        setCurrentState({
-            backgroundColor: backgroundColor?.active ? {
-                ...currentState.backgroundColor,
-                normal: backgroundColor.active,
-                hover: undefined
-            } : currentState.backgroundColor,
-            textColor: textColor?.active ? {
-                ...currentState.textColor,
-                normal: textColor.active,
-                hover: undefined
-            } : currentState.textColor,
-            roundedBtn: roundedBtn?.active ? {
-                ...currentState.roundedBtn,
-                normal: roundedBtn.active,
-                hover: undefined
-            } : currentState.roundedBtn,
-            borderBtn: borderBtn?.active ? {
-                ...currentState.borderBtn,
-                normal: borderBtn.active,
-                hover: undefined
-            } : currentState.borderBtn,
-            boxShadowBtn: boxShadowBtn?.active ? {
-                ...currentState.boxShadowBtn,
-                normal: boxShadowBtn.active,
-                hover: undefined
-            } : currentState.boxShadowBtn
-        });
-        setTimeout(()=>{
-            handleSetDefaultState();
-        }, 1000);
-    };
-    useEffect(()=>{
-        handleSetDefaultState();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        backgroundColor,
-        textColor,
-        roundedBtn,
-        borderBtn,
-        boxShadowBtn,
-        defaultLabel
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx(Button, {
-            builderProps: builderProps,
-            builderAttrs: builderAttrs,
-            advanced: advanced,
-            onClick: ()=>{
-                if (mode !== 'edit') changeStateILP();
-            },
-            setting: {
-                label: defaultLabelState,
-                htmlType: 'submit',
-                iconAlign,
-                iconSvg,
-                iconVisible: couponLayout === 'icon',
-                shouldClearSpace
-            },
-            style: style,
-            styles: {
-                ...styles,
-                ...currentState,
-                hasBoxShadowBtn: removedActiveShadow
-            },
-            children: children
-        })
-    });
-};
-
-export { Coupon as default };
+'use client';
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{createClass as e}from"@gem-sdk/system";import s from"../../button/components/Button.js";import r from"../hooks/useCoupon.js";import{getButtonSetting as m}from"../common/helpers.js";import{getInnerBorderCornerCss as i,getButtonStyle as l,getButtonStyles as n,getInnerActiveStyles as d}from"../common/styles.js";import{getActiveClasses as p}from"../common/classes.js";let Coupon=({setting:u,builderProps:a,builderAttrs:c,style:f,styles:h,advanced:j,children:y})=>{let{backgroundColorV2:b,textColor:C}=h??{},{mode:k,changeStateILP:v,defaultLabelState:g,dataActive:x}=r(u),$=e(p(b,C)),A=i({uid:a?.uid,styles:h}),B=d(h);return o("div",{className:$,"data-active":x,"data-id":a?.uid,children:[t("style",{children:`${A}${B}`}),t(s,{builderProps:a,builderAttrs:c,advanced:j,onClick:()=>{"edit"!==k&&v()},setting:{...m({setting:u,label:g,htmlType:"button",styles:h})},style:{...l(f,h)},styles:{...n(h)},children:y})]})};export{Coupon as default};

package/dist/esm/coupon/components/Coupon.liquid.js

@@ -1,66 +1,7 @@
-import { composeBorderCss, composeCornerCss, getStyleShadow, template, cls, makeStyleResponsive, RenderIf, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
-import Button from '../../button/components/Button.liquid.js';
-import { getSettingPreloadData } from '../../helpers.js';
-
-const Coupon = ({ setting, builderProps, builderAttrs, style, styles, advanced, pageContext })=>{
-    const { backgroundColor, textColor, borderBtn, roundedBtn } = styles ?? {};
-    const { defaultLabel, iconSvg, iconAlign, couponLayout, translate, clickedLabel, copyContent } = setting ?? {};
-    const removedActiveShadow = {
-        hover: styles?.hasBoxShadowBtn?.hover,
-        normal: styles?.hasBoxShadowBtn?.normal
-    };
-    const innerBorderCornerCss = `
-    .gp-coupon[data-active="true"] .${builderProps?.uid}::before {
-      ${composeBorderCss(borderBtn?.active)}
-    }
-    .gp-coupon[data-active="true"] .${builderProps?.uid} {
-      ${composeCornerCss(roundedBtn?.active, true)}
-    }
-    .gp-coupon[data-active="true"] .${builderProps?.uid} {
-      box-shadow: ${styles?.hasBoxShadowBtn?.active ? getStyleShadow({
-        value: styles?.boxShadowBtn?.active,
-        state: 'active',
-        styleAppliedFor: 'box-shadow',
-        isEnableShadow: true
-    })['--shadow'] : 'none'}
-    }
-
-  `;
-    return template`
-  <style>${innerBorderCornerCss}</style>
-    <gp-coupon data-id="${builderProps?.uid}" data-active="false" gp-setting='${JSON.stringify({
-        defaultLabel,
-        clickedLabel,
-        copyContent,
-        uid: builderProps?.uid
-    }).replaceAll("'", '&#039;')}' class="${cls('gp-coupon', backgroundColor?.active ? `[&_button]:data-[active=true]:!gp-bg-[${backgroundColor.active}]` : '', textColor?.active ? `[&_button]:data-[active=true]:!gp-text-[${textColor.active}]` : '')}">
-    ${Button({
-        builderProps: {
-            ...builderProps,
-            uidInteraction: `${builderProps?.uid}-interaction`
-        },
-        builderAttrs: builderAttrs,
-        setting: {
-            label: defaultLabel,
-            htmlType: 'button',
-            iconAlign,
-            iconSvg,
-            iconVisible: couponLayout === 'icon',
-            translate
-        },
-        style: {
-            ...style,
-            ...makeStyleResponsive('ta', styles?.align)
-        },
-        styles: {
-            ...styles,
-            hasBoxShadowBtn: removedActiveShadow
-        },
-        advanced,
-        pageContext
-    })}</gp-coupon>
-     ${RenderIf(isLocalEnv, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-coupon.js' | asset_url }}" defer="defer"></script>`, `<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="${baseAssetURL}/assets-v2/gp-coupon.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `;
-};
-
-export { Coupon as default };
+import{template as s,RenderIf as t,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import r from"../../button/components/Button.liquid.js";import{getSettingPreloadData as i}from"../../helpers.js";import{createStateOrContext as p,createClass as l}from"@gem-sdk/system";import{getActiveClasses as m}from"../common/classes.js";import{getInnerBorderCornerCss as n,getButtonStyle as c,getButtonStyles as d,getInnerActiveStyles as u}from"../common/styles.js";import{getButtonSetting as a}from"../common/helpers.js";let Coupon=({setting:f,builderProps:g,builderAttrs:$,style:y,styles:j,advanced:S,pageContext:b})=>{let{backgroundColorV2:v,textColor:h,enableTextStyle:k}=j??{},{defaultLabel:A,clickedLabel:E,copyContent:C}=f??{},G=p({defaultLabel:A,clickedLabel:E,copyContent:C,uid:g?.uid,enableTextStyle:k}),I=l(m(v,h)),N=n({uid:g?.uid,styles:j}),O=u(j),P=()=>t(e,`<script ${i('class="gps-link" delay',"src")}="{{ 'gp-coupon-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${i('class="gps-link" delay',"src")}="${o}/assets-v2/gp-coupon-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
+    <gp-coupon data-id="${g?.uid}" data-active="false" gp-setting='${JSON.stringify(G).replaceAll("'","&#039;")}' class="${I}">
+    <style>${`${N}${O}`}</style>
+    ${r({builderProps:{...g,uidInteraction:`${g?.uid}-interaction`},builderAttrs:$,setting:{...a({setting:f,label:A,htmlType:"button",styles:j})},style:{...c(y,j)},styles:{...d(j)},advanced:S,pageContext:b})}
+    </gp-coupon>
+    ${P()}
+  `};export{Coupon as default};

package/dist/esm/coupon/hooks/useCoupon.js

@@ -0,0 +1 @@
+import{useEditorMode as e}from"@gem-sdk/core";import{useState as o,useEffect as t}from"react";let useCoupon=r=>{let a=e(),{defaultLabel:c,copyContent:i,clickedLabel:u}=r??{},[l,n]=o(!1),[p,m]=o(c);t(()=>{m(c)},[c]);let s=()=>{m(u),n(!0),navigator.clipboard.writeText(i??"").catch(function(e){console.error("Failed to copy text: ",e)}),setTimeout(()=>{m(c),n(!1)},1e3)};return{changeStateILP:s,defaultLabelState:p,mode:a,dataActive:l}};export{useCoupon as default};

package/dist/esm/coupon/index.js

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"@gem-sdk/system";import"@gem-sdk/core";import"react";import"next/link";import t from"./settings/Coupon.js";let couponSetting={Coupon:t};export{couponSetting};

package/dist/esm/coupon/next.js

@@ -1,12 +1 @@
-import dynamic from 'next/dynamic';
-import Loading from '../common/components/Loading.js';
-import 'react/jsx-runtime';
-
-const Coupon = dynamic(()=>import('./components/Coupon.js'), {
-    loading: Loading
-});
-var coupon = {
-    Coupon
-};
-
-export { coupon as default };
+import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Coupon=o(()=>import("./components/Coupon.js"),{loading:m});var coupon={Coupon};export{coupon as default};

package/dist/esm/coupon/settings/Coupon.js

@@ -0,0 +1,6 @@
+import{CouponSettings as C}from"./configs/settings.js";import{SettingUIV1 as i}from"./configs/ui-v1.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{CouponPresets as t}from"./configs/presets.js";let config={tag:"Coupon",label:"Copy Coupon Code",icon:`<svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="94" height="48" rx="3" fill="#424242"/>
+<path d="M31.5 18H23.5C23.3674 18 23.2402 18.0527 23.1464 18.1464C23.0527 18.2402 23 18.3674 23 18.5V21H20.5C20.3674 21 20.2402 21.0527 20.1464 21.1464C20.0527 21.2402 20 21.3674 20 21.5V29.5C20 29.6326 20.0527 29.7598 20.1464 29.8536C20.2402 29.9473 20.3674 30 20.5 30H28.5C28.6326 30 28.7598 29.9473 28.8536 29.8536C28.9473 29.7598 29 29.6326 29 29.5V27H31.5C31.6326 27 31.7598 26.9473 31.8536 26.8536C31.9473 26.7598 32 26.6326 32 26.5V18.5C32 18.3674 31.9473 18.2402 31.8536 18.1464C31.7598 18.0527 31.6326 18 31.5 18ZM31 26H29V21.5C29 21.3674 28.9473 21.2402 28.8536 21.1464C28.7598 21.0527 28.6326 21 28.5 21H24V19H31V26Z" fill="#F9F9F9"/>
+<path d="M50.2386 22.1108H48.9091C48.858 21.8267 48.7628 21.5767 48.6236 21.3608C48.4844 21.1449 48.3139 20.9616 48.1122 20.8111C47.9105 20.6605 47.6847 20.5469 47.4347 20.4702C47.1875 20.3935 46.9247 20.3551 46.6463 20.3551C46.1435 20.3551 45.6932 20.4815 45.2955 20.7344C44.9006 20.9872 44.5881 21.358 44.358 21.8466C44.1307 22.3352 44.017 22.9318 44.017 23.6364C44.017 24.3466 44.1307 24.946 44.358 25.4347C44.5881 25.9233 44.902 26.2926 45.2997 26.5426C45.6974 26.7926 46.1449 26.9176 46.642 26.9176C46.9176 26.9176 47.179 26.8807 47.4261 26.8068C47.6761 26.7301 47.902 26.6179 48.1037 26.4702C48.3054 26.3224 48.4759 26.142 48.6151 25.929C48.7571 25.7131 48.8551 25.4659 48.9091 25.1875L50.2386 25.1918C50.1676 25.6207 50.0298 26.0156 49.8253 26.3764C49.6236 26.7344 49.3636 27.044 49.0455 27.3054C48.7301 27.5639 48.3693 27.7642 47.9631 27.9062C47.5568 28.0483 47.1136 28.1193 46.6335 28.1193C45.8778 28.1193 45.2045 27.9403 44.6136 27.5824C44.0227 27.2216 43.5568 26.706 43.2159 26.0355C42.8778 25.3651 42.7088 24.5653 42.7088 23.6364C42.7088 22.7045 42.8793 21.9048 43.2202 21.2372C43.5611 20.5668 44.027 20.0526 44.6179 19.6946C45.2088 19.3338 45.8807 19.1534 46.6335 19.1534C47.0966 19.1534 47.5284 19.2202 47.929 19.3537C48.3324 19.4844 48.6946 19.6776 49.0156 19.9332C49.3366 20.1861 49.6023 20.4957 49.8125 20.8622C50.0227 21.2259 50.1648 21.642 50.2386 22.1108ZM59.3952 23.6364C59.3952 24.5682 59.2248 25.3693 58.8839 26.0398C58.543 26.7074 58.0756 27.2216 57.4819 27.5824C56.891 27.9403 56.2191 28.1193 55.4663 28.1193C54.7106 28.1193 54.0359 27.9403 53.4421 27.5824C52.8512 27.2216 52.3853 26.706 52.0444 26.0355C51.7035 25.3651 51.533 24.5653 51.533 23.6364C51.533 22.7045 51.7035 21.9048 52.0444 21.2372C52.3853 20.5668 52.8512 20.0526 53.4421 19.6946C54.0359 19.3338 54.7106 19.1534 55.4663 19.1534C56.2191 19.1534 56.891 19.3338 57.4819 19.6946C58.0756 20.0526 58.543 20.5668 58.8839 21.2372C59.2248 21.9048 59.3952 22.7045 59.3952 23.6364ZM58.0913 23.6364C58.0913 22.9261 57.9762 22.3281 57.7461 21.8423C57.5188 21.3537 57.2063 20.9844 56.8086 20.7344C56.4137 20.4815 55.9663 20.3551 55.4663 20.3551C54.9634 20.3551 54.5146 20.4815 54.1197 20.7344C53.7248 20.9844 53.4123 21.3537 53.1822 21.8423C52.9549 22.3281 52.8413 22.9261 52.8413 23.6364C52.8413 24.3466 52.9549 24.946 53.1822 25.4347C53.4123 25.9205 53.7248 26.2898 54.1197 26.5426C54.5146 26.7926 54.9634 26.9176 55.4663 26.9176C55.9663 26.9176 56.4137 26.7926 56.8086 26.5426C57.2063 26.2898 57.5188 25.9205 57.7461 25.4347C57.9762 24.946 58.0913 24.3466 58.0913 23.6364ZM61.0369 28V19.2727H64.1477C64.8267 19.2727 65.3892 19.3963 65.8352 19.6435C66.2813 19.8906 66.6151 20.2287 66.8366 20.6577C67.0582 21.0838 67.169 21.5639 67.169 22.098C67.169 22.6349 67.0568 23.1179 66.8324 23.5469C66.6108 23.973 66.2756 24.3111 65.8267 24.5611C65.3807 24.8082 64.8196 24.9318 64.1435 24.9318H62.0043V23.8153H64.0241C64.4531 23.8153 64.8011 23.7415 65.0682 23.5938C65.3352 23.4432 65.5312 23.2386 65.6562 22.9801C65.7812 22.7216 65.8438 22.4276 65.8438 22.098C65.8438 21.7685 65.7812 21.4759 65.6562 21.2202C65.5312 20.9645 65.3338 20.7642 65.0639 20.6193C64.7969 20.4744 64.4446 20.402 64.0071 20.402H62.3537V28H61.0369ZM68.0394 19.2727H69.5352L71.815 23.2401H71.9087L74.1886 19.2727H75.6843L72.5181 24.5739V28H71.2056V24.5739L68.0394 19.2727Z" fill="#F9F9F9"/>
+</svg>
+`,settings:C,ui:i,uiV2:o,presets:t};export{config as default};