ui.shipaid.com 0.3.68 → 0.3.70

package/README.md

@@ -142,6 +142,8 @@ If you need to change any of the widget colors to suit a specific theme, there a
 | `--shipaid-prompt-product-actions-content` | Changes the spaces between price and add/remove button | `var(--shipaid-prompt-product-actions-content, space-between)` |
 | `--shipaid-prompt-footer-topMargin` | Changes margin between header and badge footer | `var(--shipaid-prompt-footer-topMargin, 0px)` |
 | `-shipaid-prompt-footer-display` | Changes the display option for footer | `var(-shipaid-prompt-footer-display, flex)` |
+| `--shipaid-active-logo-color` | Changes the logo color when the product is in the cart | `#000000` |
+| `--shipaid-inactive-logo-color` | Changes the logo color when the product isn't in the cart | `#0056d6` |
 
 Other variables can be found [here](/widget/src/assets/styles.ts) (`/widget/src/assets/styles.ts`).
 

package/dist/widget.es.js

@@ -2943,25 +2943,26 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   //   `
   // }
   contactlessCheckoutButtonTemplate() {
-    if (!document.getElementById("shipaid-styles")) {
+    var _a, _b, _c, _d;
+    const styles2 = ((_d = (_c = (_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.widget) == null ? void 0 : _c.theme_checkout) == null ? void 0 : _d.styles) || "";
+    if (!document.getElementById("shipaid-styles") && styles2) {
       const style = document.createElement("style");
       style.id = "shipaid-styles";
       style.textContent = `
-        [shipaid-hidden] {
-          display: none !important;
-        }
-        shipaid-widget {
-          width: 100%;
+        checkout-package-protection {
+          ${styles2}
+          width: var(--shipaid-checkout-width,  100%);
         }
+
       `;
       document.head.appendChild(style);
     }
     const originalCheckoutButtons = document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);
     if (!originalCheckoutButtons.length) return;
     originalCheckoutButtons.forEach((originalCheckoutButton, index) => {
-      var _a, _b;
+      var _a2, _b2;
       const containerId = `shipaid-checkout-container-${index}`;
-      originalCheckoutButton.setAttribute("shipaid-hidden", "");
+      originalCheckoutButton.style.display = "none";
       const originalClasses = originalCheckoutButton.className;
       let container = document.getElementById(containerId);
       if (!container) {
@@ -2970,8 +2971,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         container.style.width = "100%";
         originalCheckoutButton.insertAdjacentElement("afterend", container);
       }
-      const protectionPrice = Number((_a = this._protectionVariant) == null ? void 0 : _a.price) || 0;
-      const cartPrice = (Number((_b = this._cart) == null ? void 0 : _b.total_price) || 0) / 100;
+      const protectionPrice = Number((_a2 = this._protectionVariant) == null ? void 0 : _a2.price) || 0;
+      const cartPrice = (Number((_b2 = this._cart) == null ? void 0 : _b2.total_price) || 0) / 100;
       const cartTotal = !this._hasProtectionInCart ? protectionPrice + cartPrice : cartPrice;
       const loading2 = x`
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="4" class="shipaid-loader">
@@ -2984,11 +2985,6 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       D(
         x`
           <style>
-            :host {
-              display: inline-block;
-              font-family: Arial, sans-serif;
-              width: 100%;
-            }
             .shipaid-container button {
               width: 100%;
             }
@@ -2999,7 +2995,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
               display: flex;
               align-items: center;
               justify-content: space-between;
-              font-size: 14px;
+              font-size: var(--shipaid-checkout-font-size, 14px);
               margin-bottom: 1rem;
             }
             .protection-text {
@@ -3008,9 +3004,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
               align-items: center;
               gap: 0.5rem;
             }
-           
             .protection-text p {
-              font-size: 1.3rem;
+              margin: 0px;
             }
             .help-icon {
               cursor: pointer;
@@ -3063,9 +3058,9 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
           }
         }}
               @shipaid-add-protection=${() => {
-          var _a2, _b2;
-          sessionStorage.setItem("shipaid_variant", JSON.stringify((_a2 = this._protectionVariant) == null ? void 0 : _a2.id));
-          window.location.href = `/checkout?attributes[_shipaid-internal]=1&updates[${(_b2 = this._protectionVariant) == null ? void 0 : _b2.id}]=1`;
+          var _a3, _b3;
+          sessionStorage.setItem("shipaid_variant", JSON.stringify((_a3 = this._protectionVariant) == null ? void 0 : _a3.id));
+          window.location.href = `/checkout?attributes[_shipaid-internal]=1&updates[${(_b3 = this._protectionVariant) == null ? void 0 : _b3.id}]=1`;
         }}
               @shipaid-remove-protection=${async () => {
           await this.removeProtection();
@@ -3130,7 +3125,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
           display: flex;
           align-items: center;
           justify-content: space-between;
-          font-size: 14px;
+          font-size: calc(0.1rem + 0.334vw);
           margin-bottom: 1rem;
         }
 
@@ -3142,6 +3137,10 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
           font-size: 1.3rem;
         }
 
+        .protection-text p {
+          margin: 0px;
+        }
+
         .help-icon {
           cursor: pointer;
           opacity: 0.7;

package/dist/widget.iife.js

@@ -1179,7 +1179,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         @close=${()=>{this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       @remove-protection=${()=>{this.removeProtection(),this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       ></shipaid-popup-confirmation>
-    `}contactlessCheckoutButtonTemplate(){if(!document.getElementById("shipaid-styles")){const t=document.createElement("style");t.id="shipaid-styles",t.textContent="\n        [shipaid-hidden] {\n          display: none !important;\n        }\n        shipaid-widget {\n          width: 100%;\n        }\n      ",document.head.appendChild(t)}const t=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(t.length)return t.forEach(((t,e)=>{var i,o;const r=`shipaid-checkout-container-${e}`;t.setAttribute("shipaid-hidden","");const n=t.className;let s=document.getElementById(r);s||(s=document.createElement("div"),s.id=r,s.style.width="100%",t.insertAdjacentElement("afterend",s));const a=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,p=this._hasProtectionInCart?d:a+d,l=H`
+    `}contactlessCheckoutButtonTemplate(){var t,e,i,o;const r=(null==(o=null==(i=null==(e=null==(t=this._store)?void 0:t.widgetConfigurations)?void 0:e.widget)?void 0:i.theme_checkout)?void 0:o.styles)||"";if(!document.getElementById("shipaid-styles")&&r){const t=document.createElement("style");t.id="shipaid-styles",t.textContent=`\n        checkout-package-protection {\n          ${r}\n          width: var(--shipaid-checkout-width,  100%);\n        }\n\n      `,document.head.appendChild(t)}const n=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(n.length)return n.forEach(((t,e)=>{var i,o;const r=`shipaid-checkout-container-${e}`;t.style.display="none";const n=t.className;let s=document.getElementById(r);s||(s=document.createElement("div"),s.id=r,s.style.width="100%",t.insertAdjacentElement("afterend",s));const a=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,p=this._hasProtectionInCart?d:a+d,l=H`
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="4" class="shipaid-loader">
           <circle cx="25" cy="25" r="20" stroke-opacity="0.5"/>
           <path d="M45 25a20 20 0 0 1-40 0" stroke="currentColor">
@@ -1188,11 +1188,6 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         </svg>
       `;pt(H`
           <style>
-            :host {
-              display: inline-block;
-              font-family: Arial, sans-serif;
-              width: 100%;
-            }
             .shipaid-container button {
               width: 100%;
             }
@@ -1203,7 +1198,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
               display: flex;
               align-items: center;
               justify-content: space-between;
-              font-size: 14px;
+              font-size: var(--shipaid-checkout-font-size, 14px);
               margin-bottom: 1rem;
             }
             .protection-text {
@@ -1212,9 +1207,8 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
               align-items: center;
               gap: 0.5rem;
             }
-           
             .protection-text p {
-              font-size: 1.3rem;
+              margin: 0px;
             }
             .help-icon {
               cursor: pointer;
@@ -1291,7 +1285,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           display: flex;
           align-items: center;
           justify-content: space-between;
-          font-size: 14px;
+          font-size: calc(0.1rem + 0.334vw);
           margin-bottom: 1rem;
         }
 
@@ -1303,6 +1297,10 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           font-size: 1.3rem;
         }
 
+        .protection-text p {
+          margin: 0px;
+        }
+
         .help-icon {
           cursor: pointer;
           opacity: 0.7;

package/dist/widget.umd.js

@@ -1179,7 +1179,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         @close=${()=>{this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       @remove-protection=${()=>{this.removeProtection(),this.persistPopup&&localStorage.removeItem(`${Ce}`),this._popup=null}}
       ></shipaid-popup-confirmation>
-    `}contactlessCheckoutButtonTemplate(){if(!document.getElementById("shipaid-styles")){const t=document.createElement("style");t.id="shipaid-styles",t.textContent="\n        [shipaid-hidden] {\n          display: none !important;\n        }\n        shipaid-widget {\n          width: 100%;\n        }\n      ",document.head.appendChild(t)}const t=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(t.length)return t.forEach(((t,e)=>{var i,o;const r=`shipaid-checkout-container-${e}`;t.setAttribute("shipaid-hidden","");const n=t.className;let s=document.getElementById(r);s||(s=document.createElement("div"),s.id=r,s.style.width="100%",t.insertAdjacentElement("afterend",s));const a=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,p=this._hasProtectionInCart?d:a+d,l=H`
+    `}contactlessCheckoutButtonTemplate(){var t,e,i,o;const r=(null==(o=null==(i=null==(e=null==(t=this._store)?void 0:t.widgetConfigurations)?void 0:e.widget)?void 0:i.theme_checkout)?void 0:o.styles)||"";if(!document.getElementById("shipaid-styles")&&r){const t=document.createElement("style");t.id="shipaid-styles",t.textContent=`\n        checkout-package-protection {\n          ${r}\n          width: var(--shipaid-checkout-width,  100%);\n        }\n\n      `,document.head.appendChild(t)}const n=document.querySelectorAll(`${sessionStorage.getItem("shipaidWidgetTheme")}:not(#shipaid-checkout-button)`);if(n.length)return n.forEach(((t,e)=>{var i,o;const r=`shipaid-checkout-container-${e}`;t.style.display="none";const n=t.className;let s=document.getElementById(r);s||(s=document.createElement("div"),s.id=r,s.style.width="100%",t.insertAdjacentElement("afterend",s));const a=Number(null==(i=this._protectionVariant)?void 0:i.price)||0,d=(Number(null==(o=this._cart)?void 0:o.total_price)||0)/100,p=this._hasProtectionInCart?d:a+d,l=H`
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="4" class="shipaid-loader">
           <circle cx="25" cy="25" r="20" stroke-opacity="0.5"/>
           <path d="M45 25a20 20 0 0 1-40 0" stroke="currentColor">
@@ -1188,11 +1188,6 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
         </svg>
       `;pt(H`
           <style>
-            :host {
-              display: inline-block;
-              font-family: Arial, sans-serif;
-              width: 100%;
-            }
             .shipaid-container button {
               width: 100%;
             }
@@ -1203,7 +1198,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
               display: flex;
               align-items: center;
               justify-content: space-between;
-              font-size: 14px;
+              font-size: var(--shipaid-checkout-font-size, 14px);
               margin-bottom: 1rem;
             }
             .protection-text {
@@ -1212,9 +1207,8 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
               align-items: center;
               gap: 0.5rem;
             }
-           
             .protection-text p {
-              font-size: 1.3rem;
+              margin: 0px;
             }
             .help-icon {
               cursor: pointer;
@@ -1291,7 +1285,7 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           display: flex;
           align-items: center;
           justify-content: space-between;
-          font-size: 14px;
+          font-size: calc(0.1rem + 0.334vw);
           margin-bottom: 1rem;
         }
 
@@ -1303,6 +1297,10 @@ function qt(t,e,i){return t?e():null==i?void 0:i()}const jt=u`
           font-size: 1.3rem;
         }
 
+        .protection-text p {
+          margin: 0px;
+        }
+
         .help-icon {
           cursor: pointer;
           opacity: 0.7;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui.shipaid.com",
   "private": false,
-  "version": "0.3.68",
+  "version": "0.3.70",
   "type": "module",
   "main": "dist/widget.umd.js",
   "unpkg": "dist/widget.iife.js",