shipfare_shipping_cutoff 0.1.13 → 0.1.14

package/dist/shippingCutOffWidget.es.js

@@ -1616,6 +1616,7 @@ let ShipFareShippingCutoffWidget = class extends s {
             border: 1px solid var(--shipping-cutoff-primary-bg-color, #d1d5db);
             border-radius: 8px;
             overflow: hidden;
+            cursor: pointer;
           }
 
           .top-section, .bottom-section {
@@ -1677,7 +1678,7 @@ let ShipFareShippingCutoffWidget = class extends s {
             width: 90%;
             position: relative;
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
-            color: var(--shipping-cutoff-primary-text-color, #000);
+            color: #000;
             font-size: 14px;
           }
 
@@ -1715,7 +1716,7 @@ let ShipFareShippingCutoffWidget = class extends s {
             }
           }
         </style>
-        <div class="widget-body" style=${widgetStyle}>
+        <div class="widget-body" style=${widgetStyle} @click=${this._togglePopup} >
           <div class="top-section ${this._isShippingWindow ? "is-timer" : ""}">
             ${topContent}
           </div>
@@ -1728,7 +1729,7 @@ let ShipFareShippingCutoffWidget = class extends s {
         </div>
 
       ${this._isPopupVisible ? x`
-          <div class="popup-overlay" style=${widgetStyle} @click=${this._togglePopup}>
+          <div class="popup-overlay" @click=${this._togglePopup}>
             <div class="popup-content" @click=${(e2) => e2.stopPropagation()}>
               <button class="close-button" @click=${this._togglePopup}>&times;</button>
               <div style="margin-top: 20px">${o2((_b = this._store) == null ? void 0 : _b.cutoffPopupDescription)}</div>

package/dist/shippingCutOffWidget.iife.js

@@ -59,7 +59,7 @@ const te=2;class ee{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
    * Copyright 2021 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,ue=(t,e,i,n)=>{for(var o,s=n>1?void 0:n?ce(e,i):e,r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n?o(e,i,s):o(s))||s);return n&&s&&le(e,i,s),s};const he=async(t,e)=>{try{const i=await fetch(t,e);if(!i.ok)throw new Error(await i.text());return await i.json()}catch(i){throw console.error(i),new Error("Failed to complete fetch request.")}},de=t=>console.error(`[ShipFare] ${t}`),pe="shipfare-shipping-cutoff-store",fe={sunday:0,monday:1,tuesday:2,wednesday:3,thursday:4,friday:5,saturday:6};var ge;return t.ShipFareShippingCutoffWidget=class extends nt{constructor(){var t,e,i;super(...arguments),this._isShippingWindow=!1,this._countdownText="",this._isPopupVisible=!1,this._apiEndpoint="/apps/shipfare",this._storeDomain=(null==(t=null==window?void 0:window.Shopify)?void 0:t.shop)??(null==(i=null==(e=null==window?void 0:window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost),this._cutOffTime="",this._hasFinishedSetup=!1,this._shouldShowWidget=!0,this._fetch={get:t=>he(t),post:(t,e)=>he(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}}_togglePopup(){this._isPopupVisible=!this._isPopupVisible}async _fetchShipFareData(){var t,e,i,n;const o=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost);if(!o)throw new Error("No shop found in Shopify object.");try{const t=sessionStorage.getItem(pe);if(t)return JSON.parse(t);const e=new URL(window.location.href);e.pathname=this._apiEndpoint;const i={store:o,themeApp:"SHIPPING_CUTOFF"},s=await this._fetch.post(e.toString(),i);if(!s)throw new Error("Missing response for store query.");if(!(null==(n=s.data)?void 0:n.store))throw new Error("Missing store from response.");return sessionStorage.setItem(pe,JSON.stringify(s.data.store)),s.data.store}catch(s){throw console.error(s),new Error(`Could not find a store for ${this._storeDomain}`)}}async connectedCallback(){super.connectedCallback(),this.updateShippingStatus(),this._timerInterval=window.setInterval((()=>this.updateShippingStatus()),1e3)}async disconnectedCallback(){super.disconnectedCallback(),this._timerInterval&&clearInterval(this._timerInterval)}updateShippingStatus(){if(!this._store)return;const t=this._store.timeZone??Intl.DateTimeFormat().resolvedOptions().timeZone,e=function(t,e,i){const n=Yt(e,t=Bt(t,i),!0),o=new Date(t.getTime()-n),s=new Date(0);return s.setFullYear(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate()),s.setHours(o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()),s}(new Date,t),i=e.getDay(),n=!this._store.disableDays.map((t=>fe[t.trim().toLowerCase()])).filter((t=>void 0!==t)).includes(i),o=this._store.cutOffMap[i];if(this._cutOffTime=o.cutOff,""===this._cutOffTime||!this._cutOffTime.includes(":"))return void(this._isShippingWindow=!1);const[s,r]=o.cutOff.split(":").map(Number),a=new Date(e);a.setHours(s,r,0,0);const l=this._store.startAt??3,c=new Date(a);if(c.setHours(a.getHours()-l),n&&e>=c&&e<a){this._isShippingWindow=!0;const t=Dt({start:e,end:a}),i=`${t.hours||0}`.padStart(2,"0"),n=`${t.minutes||0}`.padStart(2,"0"),o=`${t.seconds||0}`.padStart(2,"0");this._countdownText=`${i}:${n}:${o}`}else this._isShippingWindow=!1}widgetTemplate(){var t,e;const i=this._isShippingWindow?this._countdownText:this._store.cutoffTimeOutMessage;let n="";if(this._cutOffTime&&this._cutOffTime.includes(":")){const[t,e]=this._cutOffTime.split(":");n=Number(t)>12?`${Number(t)-12}:${e} PM`:12===Number(t)?`${t}:${e} PM`:`${t}:${e} AM`}const o=this._isShippingWindow?this._store.cutoffDescription.replace("{{cutOffTime}}",n):this._store.cutoffTimeOutDescription,s=(null==(t=this._store)?void 0:t.styling)??{},r=`--shipping-cutoff-primary-bg-color:${s.primaryBackgroundColor||"#d1d5db"};--shipping-cutoff-secondary-bg-color:${s.secondaryBackgroundColor||"#ffffff"};--shipping-cutoff-primary-text-color:${s.primaryTextColor||"#000"};--shipping-cutoff-secondary-text-color:${s.secondaryTextColor||"#000"};`;return Y`
+function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,ue=(t,e,i,n)=>{for(var o,s=n>1?void 0:n?ce(e,i):e,r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n?o(e,i,s):o(s))||s);return n&&s&&le(e,i,s),s};const he=async(t,e)=>{try{const i=await fetch(t,e);if(!i.ok)throw new Error(await i.text());return await i.json()}catch(i){throw console.error(i),new Error("Failed to complete fetch request.")}},de=t=>console.error(`[ShipFare] ${t}`),pe="shipfare-shipping-cutoff-store",fe={sunday:0,monday:1,tuesday:2,wednesday:3,thursday:4,friday:5,saturday:6};var ge;return t.ShipFareShippingCutoffWidget=class extends nt{constructor(){var t,e,i;super(...arguments),this._isShippingWindow=!1,this._countdownText="",this._isPopupVisible=!1,this._apiEndpoint="/apps/shipfare",this._storeDomain=(null==(t=null==window?void 0:window.Shopify)?void 0:t.shop)??(null==(i=null==(e=null==window?void 0:window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost),this._cutOffTime="",this._hasFinishedSetup=!1,this._shouldShowWidget=!0,this._fetch={get:t=>he(t),post:(t,e)=>he(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}}_togglePopup(){this._isPopupVisible=!this._isPopupVisible}async _fetchShipFareData(){var t,e,i,n;const o=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost);if(!o)throw new Error("No shop found in Shopify object.");try{const t=sessionStorage.getItem(pe);if(t)return JSON.parse(t);const e=new URL(window.location.href);e.pathname=this._apiEndpoint;const i={store:o,themeApp:"SHIPPING_CUTOFF"},s=await this._fetch.post(e.toString(),i);if(!s)throw new Error("Missing response for store query.");if(!(null==(n=s.data)?void 0:n.store))throw new Error("Missing store from response.");return sessionStorage.setItem(pe,JSON.stringify(s.data.store)),s.data.store}catch(s){throw console.error(s),new Error(`Could not find a store for ${this._storeDomain}`)}}async connectedCallback(){super.connectedCallback(),this.updateShippingStatus(),this._timerInterval=window.setInterval((()=>this.updateShippingStatus()),1e3)}async disconnectedCallback(){super.disconnectedCallback(),this._timerInterval&&clearInterval(this._timerInterval)}updateShippingStatus(){if(!this._store)return;const t=this._store.timeZone??Intl.DateTimeFormat().resolvedOptions().timeZone,e=function(t,e,i){const n=Yt(e,t=Bt(t,i),!0),o=new Date(t.getTime()-n),s=new Date(0);return s.setFullYear(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate()),s.setHours(o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()),s}(new Date,t),i=e.getDay(),n=!this._store.disableDays.map((t=>fe[t.trim().toLowerCase()])).filter((t=>void 0!==t)).includes(i),o=this._store.cutOffMap[i];if(this._cutOffTime=o.cutOff,""===this._cutOffTime||!this._cutOffTime.includes(":"))return void(this._isShippingWindow=!1);const[s,r]=o.cutOff.split(":").map(Number),a=new Date(e);a.setHours(s,r,0,0);const l=this._store.startAt??3,c=new Date(a);if(c.setHours(a.getHours()-l),n&&e>=c&&e<a){this._isShippingWindow=!0;const t=Dt({start:e,end:a}),i=`${t.hours||0}`.padStart(2,"0"),n=`${t.minutes||0}`.padStart(2,"0"),o=`${t.seconds||0}`.padStart(2,"0");this._countdownText=`${i}:${n}:${o}`}else this._isShippingWindow=!1}widgetTemplate(){var t,e;const i=this._isShippingWindow?this._countdownText:this._store.cutoffTimeOutMessage;let n="";if(this._cutOffTime&&this._cutOffTime.includes(":")){const[t,e]=this._cutOffTime.split(":");n=Number(t)>12?`${Number(t)-12}:${e} PM`:12===Number(t)?`${t}:${e} PM`:`${t}:${e} AM`}const o=this._isShippingWindow?this._store.cutoffDescription.replace("{{cutOffTime}}",n):this._store.cutoffTimeOutDescription,s=(null==(t=this._store)?void 0:t.styling)??{},r=s.primaryBackgroundColor||"#d1d5db",a=s.secondaryBackgroundColor||"#ffffff",l=s.primaryTextColor||"#000",c=s.secondaryTextColor||"#000";return Y`
         <style>
 
           .widget-body {
@@ -70,6 +70,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
             border: 1px solid var(--shipping-cutoff-primary-bg-color, #d1d5db);
             border-radius: 8px;
             overflow: hidden;
+            cursor: pointer;
           }
 
           .top-section, .bottom-section {
@@ -131,7 +132,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
             width: 90%;
             position: relative;
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
-            color: var(--shipping-cutoff-primary-text-color, #000);
+            color: #000;
             font-size: 14px;
           }
 
@@ -169,7 +170,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
             }
           }
         </style>
-        <div class="widget-body" style=${r}>
+        <div class="widget-body" style=${`--shipping-cutoff-primary-bg-color:${r};--shipping-cutoff-secondary-bg-color:${a};--shipping-cutoff-primary-text-color:${l};--shipping-cutoff-secondary-text-color:${c};`} @click=${this._togglePopup} >
           <div class="top-section ${this._isShippingWindow?"is-timer":""}">
             ${i}
           </div>
@@ -182,7 +183,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
         </div>
 
       ${this._isPopupVisible?Y`
-          <div class="popup-overlay" style=${r} @click=${this._togglePopup}>
+          <div class="popup-overlay" @click=${this._togglePopup}>
             <div class="popup-content" @click=${t=>t.stopPropagation()}>
               <button class="close-button" @click=${this._togglePopup}>&times;</button>
               <div style="margin-top: 20px">${ne(null==(e=this._store)?void 0:e.cutoffPopupDescription)}</div>

package/dist/shippingCutOffWidget.umd.js

@@ -59,7 +59,7 @@ const te=2;class ee{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i)
    * Copyright 2021 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,ce=(t,e,i,n)=>{for(var o,s=n>1?void 0:n?ue(e,i):e,r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n?o(e,i,s):o(s))||s);return n&&s&&le(e,i,s),s};const he=async(t,e)=>{try{const i=await fetch(t,e);if(!i.ok)throw new Error(await i.text());return await i.json()}catch(i){throw console.error(i),new Error("Failed to complete fetch request.")}},de=t=>console.error(`[ShipFare] ${t}`),pe="shipfare-shipping-cutoff-store",fe={sunday:0,monday:1,tuesday:2,wednesday:3,thursday:4,friday:5,saturday:6};var ge;t.ShipFareShippingCutoffWidget=class extends nt{constructor(){var t,e,i;super(...arguments),this._isShippingWindow=!1,this._countdownText="",this._isPopupVisible=!1,this._apiEndpoint="/apps/shipfare",this._storeDomain=(null==(t=null==window?void 0:window.Shopify)?void 0:t.shop)??(null==(i=null==(e=null==window?void 0:window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost),this._cutOffTime="",this._hasFinishedSetup=!1,this._shouldShowWidget=!0,this._fetch={get:t=>he(t),post:(t,e)=>he(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}}_togglePopup(){this._isPopupVisible=!this._isPopupVisible}async _fetchShipFareData(){var t,e,i,n;const o=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost);if(!o)throw new Error("No shop found in Shopify object.");try{const t=sessionStorage.getItem(pe);if(t)return JSON.parse(t);const e=new URL(window.location.href);e.pathname=this._apiEndpoint;const i={store:o,themeApp:"SHIPPING_CUTOFF"},s=await this._fetch.post(e.toString(),i);if(!s)throw new Error("Missing response for store query.");if(!(null==(n=s.data)?void 0:n.store))throw new Error("Missing store from response.");return sessionStorage.setItem(pe,JSON.stringify(s.data.store)),s.data.store}catch(s){throw console.error(s),new Error(`Could not find a store for ${this._storeDomain}`)}}async connectedCallback(){super.connectedCallback(),this.updateShippingStatus(),this._timerInterval=window.setInterval((()=>this.updateShippingStatus()),1e3)}async disconnectedCallback(){super.disconnectedCallback(),this._timerInterval&&clearInterval(this._timerInterval)}updateShippingStatus(){if(!this._store)return;const t=this._store.timeZone??Intl.DateTimeFormat().resolvedOptions().timeZone,e=function(t,e,i){const n=Yt(e,t=Bt(t,i),!0),o=new Date(t.getTime()-n),s=new Date(0);return s.setFullYear(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate()),s.setHours(o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()),s}(new Date,t),i=e.getDay(),n=!this._store.disableDays.map((t=>fe[t.trim().toLowerCase()])).filter((t=>void 0!==t)).includes(i),o=this._store.cutOffMap[i];if(this._cutOffTime=o.cutOff,""===this._cutOffTime||!this._cutOffTime.includes(":"))return void(this._isShippingWindow=!1);const[s,r]=o.cutOff.split(":").map(Number),a=new Date(e);a.setHours(s,r,0,0);const l=this._store.startAt??3,u=new Date(a);if(u.setHours(a.getHours()-l),n&&e>=u&&e<a){this._isShippingWindow=!0;const t=Dt({start:e,end:a}),i=`${t.hours||0}`.padStart(2,"0"),n=`${t.minutes||0}`.padStart(2,"0"),o=`${t.seconds||0}`.padStart(2,"0");this._countdownText=`${i}:${n}:${o}`}else this._isShippingWindow=!1}widgetTemplate(){var t,e;const i=this._isShippingWindow?this._countdownText:this._store.cutoffTimeOutMessage;let n="";if(this._cutOffTime&&this._cutOffTime.includes(":")){const[t,e]=this._cutOffTime.split(":");n=Number(t)>12?`${Number(t)-12}:${e} PM`:12===Number(t)?`${t}:${e} PM`:`${t}:${e} AM`}const o=this._isShippingWindow?this._store.cutoffDescription.replace("{{cutOffTime}}",n):this._store.cutoffTimeOutDescription,s=(null==(t=this._store)?void 0:t.styling)??{},r=`--shipping-cutoff-primary-bg-color:${s.primaryBackgroundColor||"#d1d5db"};--shipping-cutoff-secondary-bg-color:${s.secondaryBackgroundColor||"#ffffff"};--shipping-cutoff-primary-text-color:${s.primaryTextColor||"#000"};--shipping-cutoff-secondary-text-color:${s.secondaryTextColor||"#000"};`;return Y`
+function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,ce=(t,e,i,n)=>{for(var o,s=n>1?void 0:n?ue(e,i):e,r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n?o(e,i,s):o(s))||s);return n&&s&&le(e,i,s),s};const he=async(t,e)=>{try{const i=await fetch(t,e);if(!i.ok)throw new Error(await i.text());return await i.json()}catch(i){throw console.error(i),new Error("Failed to complete fetch request.")}},de=t=>console.error(`[ShipFare] ${t}`),pe="shipfare-shipping-cutoff-store",fe={sunday:0,monday:1,tuesday:2,wednesday:3,thursday:4,friday:5,saturday:6};var ge;t.ShipFareShippingCutoffWidget=class extends nt{constructor(){var t,e,i;super(...arguments),this._isShippingWindow=!1,this._countdownText="",this._isPopupVisible=!1,this._apiEndpoint="/apps/shipfare",this._storeDomain=(null==(t=null==window?void 0:window.Shopify)?void 0:t.shop)??(null==(i=null==(e=null==window?void 0:window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost),this._cutOffTime="",this._hasFinishedSetup=!1,this._shouldShowWidget=!0,this._fetch={get:t=>he(t),post:(t,e)=>he(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}}_togglePopup(){this._isPopupVisible=!this._isPopupVisible}async _fetchShipFareData(){var t,e,i,n;const o=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost);if(!o)throw new Error("No shop found in Shopify object.");try{const t=sessionStorage.getItem(pe);if(t)return JSON.parse(t);const e=new URL(window.location.href);e.pathname=this._apiEndpoint;const i={store:o,themeApp:"SHIPPING_CUTOFF"},s=await this._fetch.post(e.toString(),i);if(!s)throw new Error("Missing response for store query.");if(!(null==(n=s.data)?void 0:n.store))throw new Error("Missing store from response.");return sessionStorage.setItem(pe,JSON.stringify(s.data.store)),s.data.store}catch(s){throw console.error(s),new Error(`Could not find a store for ${this._storeDomain}`)}}async connectedCallback(){super.connectedCallback(),this.updateShippingStatus(),this._timerInterval=window.setInterval((()=>this.updateShippingStatus()),1e3)}async disconnectedCallback(){super.disconnectedCallback(),this._timerInterval&&clearInterval(this._timerInterval)}updateShippingStatus(){if(!this._store)return;const t=this._store.timeZone??Intl.DateTimeFormat().resolvedOptions().timeZone,e=function(t,e,i){const n=Yt(e,t=Bt(t,i),!0),o=new Date(t.getTime()-n),s=new Date(0);return s.setFullYear(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate()),s.setHours(o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()),s}(new Date,t),i=e.getDay(),n=!this._store.disableDays.map((t=>fe[t.trim().toLowerCase()])).filter((t=>void 0!==t)).includes(i),o=this._store.cutOffMap[i];if(this._cutOffTime=o.cutOff,""===this._cutOffTime||!this._cutOffTime.includes(":"))return void(this._isShippingWindow=!1);const[s,r]=o.cutOff.split(":").map(Number),a=new Date(e);a.setHours(s,r,0,0);const l=this._store.startAt??3,u=new Date(a);if(u.setHours(a.getHours()-l),n&&e>=u&&e<a){this._isShippingWindow=!0;const t=Dt({start:e,end:a}),i=`${t.hours||0}`.padStart(2,"0"),n=`${t.minutes||0}`.padStart(2,"0"),o=`${t.seconds||0}`.padStart(2,"0");this._countdownText=`${i}:${n}:${o}`}else this._isShippingWindow=!1}widgetTemplate(){var t,e;const i=this._isShippingWindow?this._countdownText:this._store.cutoffTimeOutMessage;let n="";if(this._cutOffTime&&this._cutOffTime.includes(":")){const[t,e]=this._cutOffTime.split(":");n=Number(t)>12?`${Number(t)-12}:${e} PM`:12===Number(t)?`${t}:${e} PM`:`${t}:${e} AM`}const o=this._isShippingWindow?this._store.cutoffDescription.replace("{{cutOffTime}}",n):this._store.cutoffTimeOutDescription,s=(null==(t=this._store)?void 0:t.styling)??{},r=s.primaryBackgroundColor||"#d1d5db",a=s.secondaryBackgroundColor||"#ffffff",l=s.primaryTextColor||"#000",u=s.secondaryTextColor||"#000";return Y`
         <style>
 
           .widget-body {
@@ -70,6 +70,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
             border: 1px solid var(--shipping-cutoff-primary-bg-color, #d1d5db);
             border-radius: 8px;
             overflow: hidden;
+            cursor: pointer;
           }
 
           .top-section, .bottom-section {
@@ -131,7 +132,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
             width: 90%;
             position: relative;
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
-            color: var(--shipping-cutoff-primary-text-color, #000);
+            color: #000;
             font-size: 14px;
           }
 
@@ -169,7 +170,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
             }
           }
         </style>
-        <div class="widget-body" style=${r}>
+        <div class="widget-body" style=${`--shipping-cutoff-primary-bg-color:${r};--shipping-cutoff-secondary-bg-color:${a};--shipping-cutoff-primary-text-color:${l};--shipping-cutoff-secondary-text-color:${u};`} @click=${this._togglePopup} >
           <div class="top-section ${this._isShippingWindow?"is-timer":""}">
             ${i}
           </div>
@@ -182,7 +183,7 @@ function ae(t,e,i){return t?e():null==i?void 0:i()}var le=Object.defineProperty,
         </div>
 
       ${this._isPopupVisible?Y`
-          <div class="popup-overlay" style=${r} @click=${this._togglePopup}>
+          <div class="popup-overlay" @click=${this._togglePopup}>
             <div class="popup-content" @click=${t=>t.stopPropagation()}>
               <button class="close-button" @click=${this._togglePopup}>&times;</button>
               <div style="margin-top: 20px">${ne(null==(e=this._store)?void 0:e.cutoffPopupDescription)}</div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shipfare_shipping_cutoff",
   "private": false,
-  "version": "0.1.13",
+  "version": "0.1.14",
   "type": "module",
   "main": "dist/shippingCutOffWidget.umd.js",
   "unpkg": "dist/shippingCutOffWidget.iife.js",