ui.shipaid.com 0.3.6 → 0.3.7

package/dist/widget.es.js

@@ -29,10 +29,10 @@ function calculateProtectionTotal(store, protectionProduct, cart) {
     if (!((_c = settings.rules) == null ? void 0 : _c.length))
       return settings.defaultFee;
     const formattedCartTotal = cartTotal / 100;
-    const sortedRules = settings.rules.sort((a2, b2) => {
-      if (!a2.rangeLower || !b2.rangeLower)
+    const sortedRules = settings.rules.sort((a2, b) => {
+      if (!a2.rangeLower || !b.rangeLower)
         return 0;
-      return a2.rangeLower - b2.rangeLower;
+      return a2.rangeLower - b.rangeLower;
     });
     const rule = sortedRules.find((rule2) => {
       const lower = Boolean(rule2.rangeLower && rule2.rangeLower < formattedCartTotal);
@@ -59,7 +59,7 @@ function findProtectionVariant(store, protectionProduct, protectionFee) {
       return [];
     const formattedPrice = Number(variant.price);
     return [{ ...variant, formattedPrice }];
-  }).sort((a2, b2) => a2.formattedPrice - b2.formattedPrice);
+  }).sort((a2, b) => a2.formattedPrice - b.formattedPrice);
   const matchingVariant = formattedVariants.find((variant) => variant.formattedPrice >= protectionFee);
   if (!matchingVariant) {
     return formattedVariants[formattedVariants.length - 1];
@@ -89,11 +89,11 @@ const i$3 = (i2, e2) => "method" === e2.kind && e2.descriptor && !("value" in e2
   "function" == typeof e2.initializer && (this[e2.key] = e2.initializer.call(this));
 }, finisher(n2) {
   n2.createProperty(e2.key, i2);
-} };
-function e$6(e2) {
-  return (n2, t2) => void 0 !== t2 ? ((i2, e3, n3) => {
-    e3.constructor.createProperty(n3, i2);
-  })(e2, n2, t2) : i$3(e2, n2);
+} }, e$6 = (i2, e2, n2) => {
+  e2.constructor.createProperty(n2, i2);
+};
+function n$7(n2) {
+  return (t2, o3) => void 0 !== o3 ? e$6(n2, t2, o3) : i$3(n2, t2);
 }
 /**
  * @license
@@ -101,7 +101,7 @@ function e$6(e2) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function t$3(t2) {
-  return e$6({ ...t2, state: true });
+  return n$7({ ...t2, state: true });
 }
 /**
  * @license
@@ -189,10 +189,10 @@ const e$4 = window, r$2 = e$4.trustedTypes, h$2 = r$2 ? r$2.emptyScript : "", o$
       }
   }
   return s3;
-} }, a$1 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$3 = { attribute: true, type: String, converter: n$4, reflect: false, hasChanged: a$1 };
-let d$1 = class d extends HTMLElement {
+} }, a$1 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$3 = { attribute: true, type: String, converter: n$4, reflect: false, hasChanged: a$1 }, d$1 = "finalized";
+let u$1 = class u extends HTMLElement {
   constructor() {
-    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this.u();
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this._$Eu();
   }
   static addInitializer(t2) {
     var i2;
@@ -224,9 +224,9 @@ let d$1 = class d extends HTMLElement {
     return this.elementProperties.get(t2) || l$3;
   }
   static finalize() {
-    if (this.hasOwnProperty("finalized"))
+    if (this.hasOwnProperty(d$1))
       return false;
-    this.finalized = true;
+    this[d$1] = true;
     const t2 = Object.getPrototypeOf(this);
     if (t2.finalize(), void 0 !== t2.h && (this.h = [...t2.h]), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
       const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
@@ -249,7 +249,7 @@ let d$1 = class d extends HTMLElement {
     const s3 = i2.attribute;
     return false === s3 ? void 0 : "string" == typeof s3 ? s3 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
   }
-  u() {
+  _$Eu() {
     var t2;
     this._$E_ = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t2 = this.constructor.h) || void 0 === t2 || t2.forEach((t3) => t3(this));
   }
@@ -369,95 +369,95 @@ let d$1 = class d extends HTMLElement {
   firstUpdated(t2) {
   }
 };
-d$1.finalized = true, d$1.elementProperties = /* @__PURE__ */ new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = { mode: "open" }, null == o$3 || o$3({ ReactiveElement: d$1 }), (null !== (s$3 = e$4.reactiveElementVersions) && void 0 !== s$3 ? s$3 : e$4.reactiveElementVersions = []).push("1.6.1");
+u$1[d$1] = true, u$1.elementProperties = /* @__PURE__ */ new Map(), u$1.elementStyles = [], u$1.shadowRootOptions = { mode: "open" }, null == o$3 || o$3({ ReactiveElement: u$1 }), (null !== (s$3 = e$4.reactiveElementVersions) && void 0 !== s$3 ? s$3 : e$4.reactiveElementVersions = []).push("1.6.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var t$1;
-const i$1 = window, s$2 = i$1.trustedTypes, e$3 = s$2 ? s$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$2 = `lit$${(Math.random() + "").slice(9)}$`, n$3 = "?" + o$2, l$2 = `<${n$3}>`, h$1 = document, r$1 = (t2 = "") => h$1.createComment(t2), d2 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, c$1 = (t2) => u(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a = /-->/g, f = />/g, _ = RegExp(`>|[ 	
-\f\r](?:([^\\s"'>=/]+)([ 	
-\f\r]*=[ 	
-\f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), m = /'/g, p = /"/g, $ = /^(?:script|style|textarea|title)$/i, g = (t2) => (i2, ...s3) => ({ _$litType$: t2, strings: i2, values: s3 }), y = g(1), x = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), T = /* @__PURE__ */ new WeakMap(), A = h$1.createTreeWalker(h$1, 129, null, false), E = (t2, i2) => {
-  const s3 = t2.length - 1, n2 = [];
-  let h2, r2 = 2 === i2 ? "<svg>" : "", d3 = v;
+const i$1 = window, s$2 = i$1.trustedTypes, e$3 = s$2 ? s$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$2 = "$lit$", n$3 = `lit$${(Math.random() + "").slice(9)}$`, l$2 = "?" + n$3, h$1 = `<${l$2}>`, r$1 = document, u2 = () => r$1.createComment(""), d = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, c$1 = Array.isArray, v = (t2) => c$1(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), a = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${a}(?:([^\\s"'>=/]+)(${a}*=${a}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y = /^(?:script|style|textarea|title)$/i, w = (t2) => (i2, ...s3) => ({ _$litType$: t2, strings: i2, values: s3 }), x = w(1), T = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), E = /* @__PURE__ */ new WeakMap(), C = r$1.createTreeWalker(r$1, 129, null, false);
+function P(t2, i2) {
+  if (!Array.isArray(t2) || !t2.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return void 0 !== e$3 ? e$3.createHTML(i2) : i2;
+}
+const V = (t2, i2) => {
+  const s3 = t2.length - 1, e2 = [];
+  let l2, r2 = 2 === i2 ? "<svg>" : "", u3 = f;
   for (let i3 = 0; i3 < s3; i3++) {
     const s4 = t2[i3];
-    let e2, u3, c2 = -1, g2 = 0;
-    for (; g2 < s4.length && (d3.lastIndex = g2, u3 = d3.exec(s4), null !== u3); )
-      g2 = d3.lastIndex, d3 === v ? "!--" === u3[1] ? d3 = a : void 0 !== u3[1] ? d3 = f : void 0 !== u3[2] ? ($.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d3 = _) : void 0 !== u3[3] && (d3 = _) : d3 === _ ? ">" === u3[0] ? (d3 = null != h2 ? h2 : v, c2 = -1) : void 0 === u3[1] ? c2 = -2 : (c2 = d3.lastIndex - u3[2].length, e2 = u3[1], d3 = void 0 === u3[3] ? _ : '"' === u3[3] ? p : m) : d3 === p || d3 === m ? d3 = _ : d3 === a || d3 === f ? d3 = v : (d3 = _, h2 = void 0);
-    const y2 = d3 === _ && t2[i3 + 1].startsWith("/>") ? " " : "";
-    r2 += d3 === v ? s4 + l$2 : c2 >= 0 ? (n2.push(e2), s4.slice(0, c2) + "$lit$" + s4.slice(c2) + o$2 + y2) : s4 + o$2 + (-2 === c2 ? (n2.push(void 0), i3) : y2);
+    let d2, c2, v2 = -1, a2 = 0;
+    for (; a2 < s4.length && (u3.lastIndex = a2, c2 = u3.exec(s4), null !== c2); )
+      a2 = u3.lastIndex, u3 === f ? "!--" === c2[1] ? u3 = _ : void 0 !== c2[1] ? u3 = m : void 0 !== c2[2] ? (y.test(c2[2]) && (l2 = RegExp("</" + c2[2], "g")), u3 = p) : void 0 !== c2[3] && (u3 = p) : u3 === p ? ">" === c2[0] ? (u3 = null != l2 ? l2 : f, v2 = -1) : void 0 === c2[1] ? v2 = -2 : (v2 = u3.lastIndex - c2[2].length, d2 = c2[1], u3 = void 0 === c2[3] ? p : '"' === c2[3] ? $ : g) : u3 === $ || u3 === g ? u3 = p : u3 === _ || u3 === m ? u3 = f : (u3 = p, l2 = void 0);
+    const w2 = u3 === p && t2[i3 + 1].startsWith("/>") ? " " : "";
+    r2 += u3 === f ? s4 + h$1 : v2 >= 0 ? (e2.push(d2), s4.slice(0, v2) + o$2 + s4.slice(v2) + n$3 + w2) : s4 + n$3 + (-2 === v2 ? (e2.push(void 0), i3) : w2);
   }
-  const u2 = r2 + (t2[s3] || "<?>") + (2 === i2 ? "</svg>" : "");
-  if (!Array.isArray(t2) || !t2.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return [void 0 !== e$3 ? e$3.createHTML(u2) : u2, n2];
+  return [P(t2, r2 + (t2[s3] || "<?>") + (2 === i2 ? "</svg>" : "")), e2];
 };
-class C {
+class N {
   constructor({ strings: t2, _$litType$: i2 }, e2) {
-    let l2;
+    let h2;
     this.parts = [];
-    let h2 = 0, d3 = 0;
-    const u2 = t2.length - 1, c2 = this.parts, [v2, a2] = E(t2, i2);
-    if (this.el = C.createElement(v2, e2), A.currentNode = this.el.content, 2 === i2) {
+    let r2 = 0, d2 = 0;
+    const c2 = t2.length - 1, v2 = this.parts, [a2, f2] = V(t2, i2);
+    if (this.el = N.createElement(a2, e2), C.currentNode = this.el.content, 2 === i2) {
       const t3 = this.el.content, i3 = t3.firstChild;
       i3.remove(), t3.append(...i3.childNodes);
     }
-    for (; null !== (l2 = A.nextNode()) && c2.length < u2; ) {
-      if (1 === l2.nodeType) {
-        if (l2.hasAttributes()) {
+    for (; null !== (h2 = C.nextNode()) && v2.length < c2; ) {
+      if (1 === h2.nodeType) {
+        if (h2.hasAttributes()) {
           const t3 = [];
-          for (const i3 of l2.getAttributeNames())
-            if (i3.endsWith("$lit$") || i3.startsWith(o$2)) {
-              const s3 = a2[d3++];
+          for (const i3 of h2.getAttributeNames())
+            if (i3.endsWith(o$2) || i3.startsWith(n$3)) {
+              const s3 = f2[d2++];
               if (t3.push(i3), void 0 !== s3) {
-                const t4 = l2.getAttribute(s3.toLowerCase() + "$lit$").split(o$2), i4 = /([.?@])?(.*)/.exec(s3);
-                c2.push({ type: 1, index: h2, name: i4[2], strings: t4, ctor: "." === i4[1] ? M : "?" === i4[1] ? k : "@" === i4[1] ? H : S });
+                const t4 = h2.getAttribute(s3.toLowerCase() + o$2).split(n$3), i4 = /([.?@])?(.*)/.exec(s3);
+                v2.push({ type: 1, index: r2, name: i4[2], strings: t4, ctor: "." === i4[1] ? H : "?" === i4[1] ? L : "@" === i4[1] ? z : k });
               } else
-                c2.push({ type: 6, index: h2 });
+                v2.push({ type: 6, index: r2 });
             }
           for (const i3 of t3)
-            l2.removeAttribute(i3);
+            h2.removeAttribute(i3);
         }
-        if ($.test(l2.tagName)) {
-          const t3 = l2.textContent.split(o$2), i3 = t3.length - 1;
+        if (y.test(h2.tagName)) {
+          const t3 = h2.textContent.split(n$3), i3 = t3.length - 1;
           if (i3 > 0) {
-            l2.textContent = s$2 ? s$2.emptyScript : "";
+            h2.textContent = s$2 ? s$2.emptyScript : "";
             for (let s3 = 0; s3 < i3; s3++)
-              l2.append(t3[s3], r$1()), A.nextNode(), c2.push({ type: 2, index: ++h2 });
-            l2.append(t3[i3], r$1());
+              h2.append(t3[s3], u2()), C.nextNode(), v2.push({ type: 2, index: ++r2 });
+            h2.append(t3[i3], u2());
           }
         }
-      } else if (8 === l2.nodeType)
-        if (l2.data === n$3)
-          c2.push({ type: 2, index: h2 });
+      } else if (8 === h2.nodeType)
+        if (h2.data === l$2)
+          v2.push({ type: 2, index: r2 });
         else {
           let t3 = -1;
-          for (; -1 !== (t3 = l2.data.indexOf(o$2, t3 + 1)); )
-            c2.push({ type: 7, index: h2 }), t3 += o$2.length - 1;
+          for (; -1 !== (t3 = h2.data.indexOf(n$3, t3 + 1)); )
+            v2.push({ type: 7, index: r2 }), t3 += n$3.length - 1;
         }
-      h2++;
+      r2++;
     }
   }
   static createElement(t2, i2) {
-    const s3 = h$1.createElement("template");
+    const s3 = r$1.createElement("template");
     return s3.innerHTML = t2, s3;
   }
 }
-function P(t2, i2, s3 = t2, e2) {
+function S(t2, i2, s3 = t2, e2) {
   var o3, n2, l2, h2;
-  if (i2 === x)
+  if (i2 === T)
     return i2;
   let r2 = void 0 !== e2 ? null === (o3 = s3._$Co) || void 0 === o3 ? void 0 : o3[e2] : s3._$Cl;
-  const u2 = d2(i2) ? void 0 : i2._$litDirective$;
-  return (null == r2 ? void 0 : r2.constructor) !== u2 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u2 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s3, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s3)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s3._$Cl = r2), void 0 !== r2 && (i2 = P(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
+  const u3 = d(i2) ? void 0 : i2._$litDirective$;
+  return (null == r2 ? void 0 : r2.constructor) !== u3 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u3 ? r2 = void 0 : (r2 = new u3(t2), r2._$AT(t2, s3, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s3)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s3._$Cl = r2), void 0 !== r2 && (i2 = S(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
 }
-class V {
+class M {
   constructor(t2, i2) {
-    this.u = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -465,39 +465,39 @@ class V {
   get _$AU() {
     return this._$AM._$AU;
   }
-  v(t2) {
+  u(t2) {
     var i2;
-    const { el: { content: s3 }, parts: e2 } = this._$AD, o3 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : h$1).importNode(s3, true);
-    A.currentNode = o3;
-    let n2 = A.nextNode(), l2 = 0, r2 = 0, d3 = e2[0];
-    for (; void 0 !== d3; ) {
-      if (l2 === d3.index) {
+    const { el: { content: s3 }, parts: e2 } = this._$AD, o3 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : r$1).importNode(s3, true);
+    C.currentNode = o3;
+    let n2 = C.nextNode(), l2 = 0, h2 = 0, u3 = e2[0];
+    for (; void 0 !== u3; ) {
+      if (l2 === u3.index) {
         let i3;
-        2 === d3.type ? i3 = new N(n2, n2.nextSibling, this, t2) : 1 === d3.type ? i3 = new d3.ctor(n2, d3.name, d3.strings, this, t2) : 6 === d3.type && (i3 = new I(n2, this, t2)), this.u.push(i3), d3 = e2[++r2];
+        2 === u3.type ? i3 = new R(n2, n2.nextSibling, this, t2) : 1 === u3.type ? i3 = new u3.ctor(n2, u3.name, u3.strings, this, t2) : 6 === u3.type && (i3 = new Z(n2, this, t2)), this._$AV.push(i3), u3 = e2[++h2];
       }
-      l2 !== (null == d3 ? void 0 : d3.index) && (n2 = A.nextNode(), l2++);
+      l2 !== (null == u3 ? void 0 : u3.index) && (n2 = C.nextNode(), l2++);
     }
-    return o3;
+    return C.currentNode = r$1, o3;
   }
-  p(t2) {
+  v(t2) {
     let i2 = 0;
-    for (const s3 of this.u)
+    for (const s3 of this._$AV)
       void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t2, s3, i2), i2 += s3.strings.length - 2) : s3._$AI(t2[i2])), i2++;
   }
 }
-class N {
+class R {
   constructor(t2, i2, s3, e2) {
     var o3;
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s3, this.options = e2, this._$Cm = null === (o3 = null == e2 ? void 0 : e2.isConnected) || void 0 === o3 || o3;
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s3, this.options = e2, this._$Cp = null === (o3 = null == e2 ? void 0 : e2.isConnected) || void 0 === o3 || o3;
   }
   get _$AU() {
     var t2, i2;
-    return null !== (i2 = null === (t2 = this._$AM) || void 0 === t2 ? void 0 : t2._$AU) && void 0 !== i2 ? i2 : this._$Cm;
+    return null !== (i2 = null === (t2 = this._$AM) || void 0 === t2 ? void 0 : t2._$AU) && void 0 !== i2 ? i2 : this._$Cp;
   }
   get parentNode() {
     let t2 = this._$AA.parentNode;
     const i2 = this._$AM;
-    return void 0 !== i2 && 11 === t2.nodeType && (t2 = i2.parentNode), t2;
+    return void 0 !== i2 && 11 === (null == t2 ? void 0 : t2.nodeType) && (t2 = i2.parentNode), t2;
   }
   get startNode() {
     return this._$AA;
@@ -506,37 +506,37 @@ class N {
     return this._$AB;
   }
   _$AI(t2, i2 = this) {
-    t2 = P(this, t2, i2), d2(t2) ? t2 === b || null == t2 || "" === t2 ? (this._$AH !== b && this._$AR(), this._$AH = b) : t2 !== this._$AH && t2 !== x && this.g(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : c$1(t2) ? this.k(t2) : this.g(t2);
+    t2 = S(this, t2, i2), d(t2) ? t2 === A || null == t2 || "" === t2 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.g(t2) : void 0 !== t2.nodeType ? this.$(t2) : v(t2) ? this.T(t2) : this._(t2);
   }
-  O(t2, i2 = this._$AB) {
-    return this._$AA.parentNode.insertBefore(t2, i2);
+  k(t2) {
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
   }
-  T(t2) {
-    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  $(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.k(t2));
   }
-  g(t2) {
-    this._$AH !== b && d2(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(h$1.createTextNode(t2)), this._$AH = t2;
+  _(t2) {
+    this._$AH !== A && d(this._$AH) ? this._$AA.nextSibling.data = t2 : this.$(r$1.createTextNode(t2)), this._$AH = t2;
   }
-  $(t2) {
+  g(t2) {
     var i2;
-    const { values: s3, _$litType$: e2 } = t2, o3 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = C.createElement(e2.h, this.options)), e2);
+    const { values: s3, _$litType$: e2 } = t2, o3 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = N.createElement(P(e2.h, e2.h[0]), this.options)), e2);
     if ((null === (i2 = this._$AH) || void 0 === i2 ? void 0 : i2._$AD) === o3)
-      this._$AH.p(s3);
+      this._$AH.v(s3);
     else {
-      const t3 = new V(o3, this), i3 = t3.v(this.options);
-      t3.p(s3), this.T(i3), this._$AH = t3;
+      const t3 = new M(o3, this), i3 = t3.u(this.options);
+      t3.v(s3), this.$(i3), this._$AH = t3;
     }
   }
   _$AC(t2) {
-    let i2 = T.get(t2.strings);
-    return void 0 === i2 && T.set(t2.strings, i2 = new C(t2)), i2;
+    let i2 = E.get(t2.strings);
+    return void 0 === i2 && E.set(t2.strings, i2 = new N(t2)), i2;
   }
-  k(t2) {
-    u(this._$AH) || (this._$AH = [], this._$AR());
+  T(t2) {
+    c$1(this._$AH) || (this._$AH = [], this._$AR());
     const i2 = this._$AH;
     let s3, e2 = 0;
     for (const o3 of t2)
-      e2 === i2.length ? i2.push(s3 = new N(this.O(r$1()), this.O(r$1()), this, this.options)) : s3 = i2[e2], s3._$AI(o3), e2++;
+      e2 === i2.length ? i2.push(s3 = new R(this.k(u2()), this.k(u2()), this, this.options)) : s3 = i2[e2], s3._$AI(o3), e2++;
     e2 < i2.length && (this._$AR(s3 && s3._$AB.nextSibling, e2), i2.length = e2);
   }
   _$AR(t2 = this._$AA.nextSibling, i2) {
@@ -548,12 +548,12 @@ class N {
   }
   setConnected(t2) {
     var i2;
-    void 0 === this._$AM && (this._$Cm = t2, null === (i2 = this._$AP) || void 0 === i2 || i2.call(this, t2));
+    void 0 === this._$AM && (this._$Cp = t2, null === (i2 = this._$AP) || void 0 === i2 || i2.call(this, t2));
   }
 }
-class S {
+class k {
   constructor(t2, i2, s3, e2, o3) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o3, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = b;
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o3, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = A;
   }
   get tagName() {
     return this.element.tagName;
@@ -565,45 +565,45 @@ class S {
     const o3 = this.strings;
     let n2 = false;
     if (void 0 === o3)
-      t2 = P(this, t2, i2, 0), n2 = !d2(t2) || t2 !== this._$AH && t2 !== x, n2 && (this._$AH = t2);
+      t2 = S(this, t2, i2, 0), n2 = !d(t2) || t2 !== this._$AH && t2 !== T, n2 && (this._$AH = t2);
     else {
       const e3 = t2;
       let l2, h2;
       for (t2 = o3[0], l2 = 0; l2 < o3.length - 1; l2++)
-        h2 = P(this, e3[s3 + l2], i2, l2), h2 === x && (h2 = this._$AH[l2]), n2 || (n2 = !d2(h2) || h2 !== this._$AH[l2]), h2 === b ? t2 = b : t2 !== b && (t2 += (null != h2 ? h2 : "") + o3[l2 + 1]), this._$AH[l2] = h2;
+        h2 = S(this, e3[s3 + l2], i2, l2), h2 === T && (h2 = this._$AH[l2]), n2 || (n2 = !d(h2) || h2 !== this._$AH[l2]), h2 === A ? t2 = A : t2 !== A && (t2 += (null != h2 ? h2 : "") + o3[l2 + 1]), this._$AH[l2] = h2;
     }
     n2 && !e2 && this.j(t2);
   }
   j(t2) {
-    t2 === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t2 ? t2 : "");
+    t2 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t2 ? t2 : "");
   }
 }
-class M extends S {
+class H extends k {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t2) {
-    this.element[this.name] = t2 === b ? void 0 : t2;
+    this.element[this.name] = t2 === A ? void 0 : t2;
   }
 }
-const R = s$2 ? s$2.emptyScript : "";
-class k extends S {
+const I = s$2 ? s$2.emptyScript : "";
+class L extends k {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t2) {
-    t2 && t2 !== b ? this.element.setAttribute(this.name, R) : this.element.removeAttribute(this.name);
+    t2 && t2 !== A ? this.element.setAttribute(this.name, I) : this.element.removeAttribute(this.name);
   }
 }
-class H extends S {
+class z extends k {
   constructor(t2, i2, s3, e2, o3) {
     super(t2, i2, s3, e2, o3), this.type = 5;
   }
   _$AI(t2, i2 = this) {
     var s3;
-    if ((t2 = null !== (s3 = P(this, t2, i2, 0)) && void 0 !== s3 ? s3 : b) === x)
+    if ((t2 = null !== (s3 = S(this, t2, i2, 0)) && void 0 !== s3 ? s3 : A) === T)
       return;
-    const e2 = this._$AH, o3 = t2 === b && e2 !== b || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== b && (e2 === b || o3);
+    const e2 = this._$AH, o3 = t2 === A && e2 !== A || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== A && (e2 === A || o3);
     o3 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
   }
   handleEvent(t2) {
@@ -611,7 +611,7 @@ class H extends S {
     "function" == typeof this._$AH ? this._$AH.call(null !== (s3 = null === (i2 = this.options) || void 0 === i2 ? void 0 : i2.host) && void 0 !== s3 ? s3 : this.element, t2) : this._$AH.handleEvent(t2);
   }
 }
-class I {
+class Z {
   constructor(t2, i2, s3) {
     this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s3;
   }
@@ -619,18 +619,18 @@ class I {
     return this._$AM._$AU;
   }
   _$AI(t2) {
-    P(this, t2);
+    S(this, t2);
   }
 }
-const z = i$1.litHtmlPolyfillSupport;
-null == z || z(C, N), (null !== (t$1 = i$1.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$1.litHtmlVersions = []).push("2.6.1");
-const Z = (t2, i2, s3) => {
+const B = i$1.litHtmlPolyfillSupport;
+null == B || B(N, R), (null !== (t$1 = i$1.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$1.litHtmlVersions = []).push("2.8.0");
+const D = (t2, i2, s3) => {
   var e2, o3;
   const n2 = null !== (e2 = null == s3 ? void 0 : s3.renderBefore) && void 0 !== e2 ? e2 : i2;
   let l2 = n2._$litPart$;
   if (void 0 === l2) {
     const t3 = null !== (o3 = null == s3 ? void 0 : s3.renderBefore) && void 0 !== o3 ? o3 : null;
-    n2._$litPart$ = l2 = new N(i2.insertBefore(r$1(), t3), t3, void 0, null != s3 ? s3 : {});
+    n2._$litPart$ = l2 = new R(i2.insertBefore(u2(), t3), t3, void 0, null != s3 ? s3 : {});
   }
   return l2._$AI(t2), l2;
 };
@@ -640,9 +640,9 @@ const Z = (t2, i2, s3) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var l$1, o$1;
-let s$1 = class s extends d$1 {
+let s$1 = class s extends u$1 {
   constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Dt = void 0;
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
     var t2, e2;
@@ -651,24 +651,24 @@ let s$1 = class s extends d$1 {
   }
   update(t2) {
     const i2 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Dt = Z(i2, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = D(i2, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t2;
-    super.connectedCallback(), null === (t2 = this._$Dt) || void 0 === t2 || t2.setConnected(true);
+    super.connectedCallback(), null === (t2 = this._$Do) || void 0 === t2 || t2.setConnected(true);
   }
   disconnectedCallback() {
     var t2;
-    super.disconnectedCallback(), null === (t2 = this._$Dt) || void 0 === t2 || t2.setConnected(false);
+    super.disconnectedCallback(), null === (t2 = this._$Do) || void 0 === t2 || t2.setConnected(false);
   }
   render() {
-    return x;
+    return T;
   }
 };
 s$1.finalized = true, s$1._$litElement$ = true, null === (l$1 = globalThis.litElementHydrateSupport) || void 0 === l$1 || l$1.call(globalThis, { LitElement: s$1 });
 const n$2 = globalThis.litElementPolyfillSupport;
 null == n$2 || n$2({ LitElement: s$1 });
-(null !== (o$1 = globalThis.litElementVersions) && void 0 !== o$1 ? o$1 : globalThis.litElementVersions = []).push("3.2.0");
+(null !== (o$1 = globalThis.litElementVersions) && void 0 !== o$1 ? o$1 : globalThis.litElementVersions = []).push("3.3.3");
 const LANG_CHANGED_EVENT = "langChanged";
 function interpolate(text, values, config) {
   return Object.entries(extract(values || {})).reduce((text2, [key, value]) => text2.replace(new RegExp(`{{[  ]*${key}[  ]*}}`, `gm`), String(extract(value))), text);
@@ -889,21 +889,21 @@ const translate = e$2(TranslateDirective);
  */
 class e extends i {
   constructor(i2) {
-    if (super(i2), this.it = b, i2.type !== t.CHILD)
+    if (super(i2), this.et = A, i2.type !== t.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(r2) {
-    if (r2 === b || null == r2)
-      return this._t = void 0, this.it = r2;
-    if (r2 === x)
+    if (r2 === A || null == r2)
+      return this.ft = void 0, this.et = r2;
+    if (r2 === T)
       return r2;
     if ("string" != typeof r2)
       throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (r2 === this.it)
-      return this._t;
-    this.it = r2;
+    if (r2 === this.et)
+      return this.ft;
+    this.et = r2;
     const s3 = [r2];
-    return s3.raw = s3, this._t = { _$litType$: this.constructor.resultType, strings: s3, values: [] };
+    return s3.raw = s3, this.ft = { _$litType$: this.constructor.resultType, strings: s3, values: [] };
   }
 }
 e.directiveName = "unsafeHTML", e.resultType = 1;
@@ -1162,7 +1162,7 @@ const styles$1 = i$2`
     z-index: -1;
   }
 `;
-const CheckmarkIcon = y`
+const CheckmarkIcon = x`
   <svg
     version="1.0"
     viewBox="0 0 500.000000 500.000000"
@@ -1182,7 +1182,7 @@ const CheckmarkIcon = y`
     </g>
   </svg>
 `;
-const ShipAidLogo = y`
+const ShipAidLogo = x`
   <svg
     version="1.0"
     width="500.000000pt"
@@ -1204,7 +1204,7 @@ const ShipAidLogo = y`
     </g>
   </svg>
 `;
-const ShipAidLogoText = y`
+const ShipAidLogoText = x`
   <svg
     viewBox="0 0 423 62"
     version="1.1"
@@ -1287,7 +1287,7 @@ const ShipAidLogoText = y`
     </g>
   </svg>
 `;
-const CheckmarkRibbon = y`
+const CheckmarkRibbon = x`
   <svg
     version="1.0"
     viewBox="0 0 500.000000 500.000000"
@@ -1313,7 +1313,7 @@ const CheckmarkRibbon = y`
     </g>
   </svg>
 `;
-const MapIcon = y`
+const MapIcon = x`
   <svg
     version="1.0"
     viewBox="0 0 500.000000 500.000000"
@@ -1333,7 +1333,7 @@ const MapIcon = y`
     </g>
   </svg>
 `;
-const BoxIcon = y`
+const BoxIcon = x`
   <svg
     version="1.0"
     viewBox="0 0 500.000000 500.000000"
@@ -1359,7 +1359,7 @@ const BoxIcon = y`
     </g>
   </svg>
 `;
-const BellIcon = y`
+const BellIcon = x`
   <svg
     xmlns="http://www.w3.org/2000/svg"
     version="1.0"
@@ -1407,7 +1407,7 @@ let LearnMorePopup = class extends s$1 {
     this.dispatchEvent(event);
   }
   render() {
-    return y`
+    return x`
     <div class=${`shipaid-popup ${this.active && "active"}`}>
     <div class="blocker" @click=${this.handleClosePopup}></div>
     <button
@@ -1459,7 +1459,7 @@ let LearnMorePopup = class extends s$1 {
                     </a>
                   </div>
                   <div class="footer-date">
-                    <p>ShipAid &copy; ${new Date().getFullYear()}</p>
+                    <p>ShipAid &copy; ${(/* @__PURE__ */ new Date()).getFullYear()}</p>
                   </div>
                 </div>
               </div>
@@ -1472,7 +1472,7 @@ let LearnMorePopup = class extends s$1 {
 };
 LearnMorePopup.styles = styles$1;
 __decorateClass$1([
-  e$6({ type: Boolean, attribute: true })
+  n$7({ type: Boolean, attribute: true })
 ], LearnMorePopup.prototype, "active", 2);
 LearnMorePopup = __decorateClass$1([
   e$7("shipaid-popup-learn-more")
@@ -1591,8 +1591,10 @@ const styles = i$2`
     position: relative;
   }
   .shipaid-prompt .prompt-product .prompt-product-image svg {
-    height: 35px;
-    width: auto;
+    height: var(--shipaid-logo-height, 35px);
+    max-height: var(--shipaid-logo-max-height, 35px);
+    width: var(--shipaid-logo-width, auto);
+    max-width: var(--shipaid-logo-max-width, 50px);
   }
   .shipaid-prompt
     .prompt-product
@@ -2021,7 +2023,7 @@ let ShipAidWidget = class extends s$1 {
   }
   /** Templates */
   learnMorePopupTemplate() {
-    return y`
+    return x`
       <shipaid-popup-learn-more
         ?active=${this._popup === "learn-more"}
         @close=${() => {
@@ -2032,7 +2034,7 @@ let ShipAidWidget = class extends s$1 {
   }
   promptTemplate() {
     var _a;
-    return y`
+    return x`
       <div class="shipaid-prompt">
         <div class="prompt-product">
           <div class="prompt-product-image">
@@ -2056,13 +2058,13 @@ let ShipAidWidget = class extends s$1 {
             </p>
             ${n(
       !this.disableActions,
-      () => y`
+      () => x`
                 <button
                   class="prompt-product-actions-button"
                   @click=${this._updateProtection}
                   ?disabled=${this._state.loading}
                 >
-                  ${this._state.loading ? translate("actions.loading") : this._hasProtectionInCart ? translate("actions.remove") : y`+ ${translate("actions.add")}`}
+                  ${this._state.loading ? translate("actions.loading") : this._hasProtectionInCart ? translate("actions.remove") : x`+ ${translate("actions.add")}`}
                 </button>
               `
     )}
@@ -2070,7 +2072,7 @@ let ShipAidWidget = class extends s$1 {
         </div>
         ${n(
       this._state.error,
-      () => y`<p class="error">${this._state.error}</p>`
+      () => x`<p class="error">${this._state.error}</p>`
     )}
         <div class="prompt-footer">
           <a
@@ -2176,7 +2178,7 @@ let ShipAidWidget = class extends s$1 {
       setInterval(async () => {
         const lastUpdated = this._cartLastUpdated;
         if (lastUpdated) {
-          const now = new Date();
+          const now = /* @__PURE__ */ new Date();
           const msAgo = now.getTime() - lastUpdated.getTime();
           if (msAgo < this.pollingInterval)
             return;
@@ -2194,7 +2196,7 @@ let ShipAidWidget = class extends s$1 {
       this,
       async () => {
         var _a, _b, _c;
-        this._cartLastUpdated = new Date();
+        this._cartLastUpdated = /* @__PURE__ */ new Date();
         if (!((_a = this._cart) == null ? void 0 : _a.items))
           return;
         const protectionCartItemIndex = (_b = this._cart.items) == null ? void 0 : _b.findIndex((item) => {
@@ -2259,8 +2261,8 @@ let ShipAidWidget = class extends s$1 {
       },
       [this._store, this._cart]
     );
-    Z(this.learnMorePopupTemplate(), document.body);
-    return y`
+    D(this.learnMorePopupTemplate(), document.body);
+    return x`
       <div class="shipaid">
         ${n(
       this._hasFinishedSetup,
@@ -2269,10 +2271,10 @@ let ShipAidWidget = class extends s$1 {
         return n(
           this._shouldShowWidget && this.planActive && ((_a = this._store) == null ? void 0 : _a.widgetShowCart),
           () => this.promptTemplate(),
-          () => b
+          () => A
         );
       },
-      () => y`<p>
+      () => x`<p>
               <slot name="loading" default>${translate("loading")}</slot>
             </p>`
     )}
@@ -2282,22 +2284,22 @@ let ShipAidWidget = class extends s$1 {
 };
 ShipAidWidget.styles = styles;
 __decorateClass([
-  e$6({ type: Boolean, attribute: true })
+  n$7({ type: Boolean, attribute: true })
 ], ShipAidWidget.prototype, "disablePolling", 2);
 __decorateClass([
-  e$6({ type: Boolean, attribute: true })
+  n$7({ type: Boolean, attribute: true })
 ], ShipAidWidget.prototype, "disableActions", 2);
 __decorateClass([
-  e$6({ type: Number, attribute: true })
+  n$7({ type: Number, attribute: true })
 ], ShipAidWidget.prototype, "pollingInterval", 2);
 __decorateClass([
-  e$6({ type: Boolean, attribute: true })
+  n$7({ type: Boolean, attribute: true })
 ], ShipAidWidget.prototype, "disableRefresh", 2);
 __decorateClass([
-  e$6({ type: String, attribute: true })
+  n$7({ type: String, attribute: true })
 ], ShipAidWidget.prototype, "lang", 2);
 __decorateClass([
-  e$6({ type: String, attribute: true })
+  n$7({ type: String, attribute: true })
 ], ShipAidWidget.prototype, "currency", 2);
 __decorateClass([
   t$3()