ui.shipaid.com 0.3.40 → 0.3.42

package/dist/widget.es.js

@@ -1,11 +1,8 @@
 function calculateProtectionTotal(store, protectionProduct, cart) {
   var _a, _b;
-  if (!store)
-    throw new Error("Missing store settings.");
-  if (!protectionProduct)
-    throw new Error("Missing protectionProduct.");
-  if (!cart)
-    throw new Error("Missing Shopify cart.");
+  if (!store) throw new Error("Missing store settings.");
+  if (!protectionProduct) throw new Error("Missing protectionProduct.");
+  if (!cart) throw new Error("Missing Shopify cart.");
   const settings = store == null ? void 0 : store.protectionSettings;
   if (!settings) {
     throw new Error("Tried to find protection variant, but protection settings for this store are missing.");
@@ -32,23 +29,18 @@ function calculateProtectionTotal(store, protectionProduct, cart) {
   })) ?? [];
   const protectionVariantsInCartTotal = protectionVariantsInCart.reduce((total, item) => total + item.final_line_price, 0);
   const cartTotal = itemTotal - protectionVariantsInCartTotal;
-  if (cartTotal === 0)
-    return cartTotal;
+  if (cartTotal === 0) return cartTotal;
   if (settings.protectionType === "FIXED") {
-    if (typeof settings.defaultFee !== "number")
-      throw new Error("Missing default fee amount.");
-    if (!((_b = settings.rules) == null ? void 0 : _b.length))
-      return settings.defaultFee;
+    if (typeof settings.defaultFee !== "number") throw new Error("Missing default fee amount.");
+    if (!((_b = settings.rules) == null ? void 0 : _b.length)) return settings.defaultFee;
     const formattedCartTotal = cartTotal / 100;
     const sortedRules = settings.rules.sort((a2, b) => {
-      if (!a2.rangeLower || !b.rangeLower)
-        return 0;
+      if (!a2.rangeLower || !b.rangeLower) return 0;
       return a2.rangeLower - b.rangeLower;
     });
     const rule = sortedRules.find((rule2) => {
       const lower = Boolean(rule2.rangeLower && rule2.rangeLower < formattedCartTotal);
-      if (!rule2.rangeUpper)
-        return lower;
+      if (!rule2.rangeUpper) return lower;
       return lower && rule2.rangeUpper >= formattedCartTotal;
     });
     return typeof (rule == null ? void 0 : rule.fee) === "number" ? rule.fee : settings.defaultFee;
@@ -66,8 +58,7 @@ function findProtectionVariant(store, protectionProduct, protectionFee) {
     throw new Error("Missing product and variants from protection settings.");
   }
   const formattedVariants = protectionProduct == null ? void 0 : protectionProduct.variants.flatMap((variant) => {
-    if (!(variant == null ? void 0 : variant.price))
-      return [];
+    if (!(variant == null ? void 0 : variant.price)) return [];
     const formattedPrice = Number(variant.price);
     return [{ ...variant, formattedPrice }];
   }).sort((a2, b) => a2.formattedPrice - b.formattedPrice);
@@ -122,8 +113,7 @@ null != (null === (n$6 = window.HTMLSlotElement) || void 0 === n$6 ? void 0 : n$
 const t$2 = window, e$5 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$4 = Symbol(), n$5 = /* @__PURE__ */ new WeakMap();
 let o$4 = class o {
   constructor(t2, e2, n2) {
-    if (this._$cssResult$ = true, n2 !== s$4)
-      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = true, n2 !== s$4) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t2, this.t = e2;
   }
   get styleSheet() {
@@ -141,10 +131,8 @@ let o$4 = class o {
 };
 const r$3 = (t2) => new o$4("string" == typeof t2 ? t2 : t2 + "", void 0, s$4), i$2 = (t2, ...e2) => {
   const n2 = 1 === t2.length ? t2[0] : e2.reduce((e3, s3, n3) => e3 + ((t3) => {
-    if (true === t3._$cssResult$)
-      return t3.cssText;
-    if ("number" == typeof t3)
-      return t3;
+    if (true === t3._$cssResult$) return t3.cssText;
+    if ("number" == typeof t3) return t3;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(s3) + t2[n3 + 1], t2[0]);
   return new o$4(n2, t2, s$4);
@@ -155,8 +143,7 @@ const r$3 = (t2) => new o$4("string" == typeof t2 ? t2 : t2 + "", void 0, s$4),
   });
 }, c$2 = e$5 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
   let e2 = "";
-  for (const s3 of t3.cssRules)
-    e2 += s3.cssText;
+  for (const s3 of t3.cssRules) e2 += s3.cssText;
   return r$3(e2);
 })(t2) : t2;
 /**
@@ -228,14 +215,12 @@ let u$1 = class u extends HTMLElement {
     return this.elementProperties.get(t2) || l$3;
   }
   static finalize() {
-    if (this.hasOwnProperty(d$1))
-      return false;
+    if (this.hasOwnProperty(d$1)) return false;
     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)];
-      for (const s3 of i2)
-        this.createProperty(s3, t3[s3]);
+      for (const s3 of i2) this.createProperty(s3, t3[s3]);
     }
     return this.elementStyles = this.finalizeStyles(this.styles), true;
   }
@@ -243,10 +228,8 @@ let u$1 = class u extends HTMLElement {
     const s3 = [];
     if (Array.isArray(i2)) {
       const e2 = new Set(i2.flat(1 / 0).reverse());
-      for (const i3 of e2)
-        s3.unshift(c$2(i3));
-    } else
-      void 0 !== i2 && s3.push(c$2(i2));
+      for (const i3 of e2) s3.unshift(c$2(i3));
+    } else void 0 !== i2 && s3.push(c$2(i2));
     return s3;
   }
   static _$Ep(t2, i2) {
@@ -329,8 +312,7 @@ let u$1 = class u extends HTMLElement {
   }
   performUpdate() {
     var t2;
-    if (!this.isUpdatePending)
-      return;
+    if (!this.isUpdatePending) return;
     this.hasUpdated, this._$Ei && (this._$Ei.forEach((t3, i3) => this[i3] = t3), this._$Ei = void 0);
     let i2 = false;
     const s3 = this._$AL;
@@ -383,8 +365,7 @@ 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$", 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");
+  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) => {
@@ -393,8 +374,7 @@ const V = (t2, i2) => {
   for (let i3 = 0; i3 < s3; i3++) {
     const s4 = t2[i3];
     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);
+    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);
   }
@@ -414,35 +394,28 @@ class N {
       if (1 === h2.nodeType) {
         if (h2.hasAttributes()) {
           const t3 = [];
-          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 = 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
-                v2.push({ type: 6, index: r2 });
-            }
-          for (const i3 of t3)
-            h2.removeAttribute(i3);
+          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 = 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 v2.push({ type: 6, index: r2 });
+          }
+          for (const i3 of t3) h2.removeAttribute(i3);
         }
         if (y.test(h2.tagName)) {
           const t3 = h2.textContent.split(n$3), i3 = t3.length - 1;
           if (i3 > 0) {
             h2.textContent = s$2 ? s$2.emptyScript : "";
-            for (let s3 = 0; s3 < i3; s3++)
-              h2.append(t3[s3], u2()), C.nextNode(), v2.push({ type: 2, index: ++r2 });
+            for (let s3 = 0; s3 < i3; s3++) h2.append(t3[s3], u2()), C.nextNode(), v2.push({ type: 2, index: ++r2 });
             h2.append(t3[i3], u2());
           }
         }
-      } else if (8 === h2.nodeType)
-        if (h2.data === l$2)
-          v2.push({ type: 2, index: r2 });
-        else {
-          let t3 = -1;
-          for (; -1 !== (t3 = h2.data.indexOf(n$3, t3 + 1)); )
-            v2.push({ type: 7, index: r2 }), t3 += n$3.length - 1;
-        }
+      } else if (8 === h2.nodeType) if (h2.data === l$2) v2.push({ type: 2, index: r2 });
+      else {
+        let t3 = -1;
+        for (; -1 !== (t3 = h2.data.indexOf(n$3, t3 + 1)); ) v2.push({ type: 7, index: r2 }), t3 += n$3.length - 1;
+      }
       r2++;
     }
   }
@@ -453,8 +426,7 @@ class N {
 }
 function S(t2, i2, s3 = t2, e2) {
   var o3, n2, l2, h2;
-  if (i2 === T)
-    return i2;
+  if (i2 === T) return i2;
   let r2 = void 0 !== e2 ? null === (o3 = s3._$Co) || void 0 === o3 ? void 0 : o3[e2] : s3._$Cl;
   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;
@@ -485,8 +457,7 @@ class M {
   }
   v(t2) {
     let i2 = 0;
-    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++;
+    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 R {
@@ -524,8 +495,7 @@ class R {
   g(t2) {
     var i2;
     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.v(s3);
+    if ((null === (i2 = this._$AH) || void 0 === i2 ? void 0 : i2._$AD) === o3) this._$AH.v(s3);
     else {
       const t3 = new M(o3, this), i3 = t3.u(this.options);
       t3.v(s3), this.$(i3), this._$AH = t3;
@@ -539,8 +509,7 @@ class R {
     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 R(this.k(u2()), this.k(u2()), this, this.options)) : s3 = i2[e2], s3._$AI(o3), e2++;
+    for (const o3 of t2) 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) {
@@ -568,13 +537,11 @@ class k {
   _$AI(t2, i2 = this, s3, e2) {
     const o3 = this.strings;
     let n2 = false;
-    if (void 0 === o3)
-      t2 = S(this, t2, i2, 0), n2 = !d(t2) || t2 !== this._$AH && t2 !== T, n2 && (this._$AH = t2);
+    if (void 0 === o3) 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 = 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;
+      for (t2 = o3[0], l2 = 0; l2 < o3.length - 1; l2++) 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);
   }
@@ -605,8 +572,7 @@ class z extends k {
   }
   _$AI(t2, i2 = this) {
     var s3;
-    if ((t2 = null !== (s3 = S(this, t2, i2, 0)) && void 0 !== s3 ? s3 : A) === T)
-      return;
+    if ((t2 = null !== (s3 = S(this, t2, i2, 0)) && void 0 !== s3 ? s3 : A) === T) return;
     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;
   }
@@ -763,25 +729,20 @@ const e$1 = (o3) => void 0 === o3.strings;
 const s2 = (i2, t2) => {
   var e2, o3;
   const r2 = i2._$AN;
-  if (void 0 === r2)
-    return false;
-  for (const i3 of r2)
-    null === (o3 = (e2 = i3)._$AO) || void 0 === o3 || o3.call(e2, t2, false), s2(i3, t2);
+  if (void 0 === r2) return false;
+  for (const i3 of r2) null === (o3 = (e2 = i3)._$AO) || void 0 === o3 || o3.call(e2, t2, false), s2(i3, t2);
   return true;
 }, o2 = (i2) => {
   let t2, e2;
   do {
-    if (void 0 === (t2 = i2._$AM))
-      break;
+    if (void 0 === (t2 = i2._$AM)) break;
     e2 = t2._$AN, e2.delete(i2), i2 = t2;
   } while (0 === (null == e2 ? void 0 : e2.size));
 }, r = (i2) => {
   for (let t2; t2 = i2._$AM; i2 = t2) {
     let e2 = t2._$AN;
-    if (void 0 === e2)
-      t2._$AN = e2 = /* @__PURE__ */ new Set();
-    else if (e2.has(i2))
-      break;
+    if (void 0 === e2) t2._$AN = e2 = /* @__PURE__ */ new Set();
+    else if (e2.has(i2)) break;
     e2.add(i2), l(t2);
   }
 };
@@ -790,15 +751,9 @@ function n$1(i2) {
 }
 function h(i2, t2 = false, e2 = 0) {
   const r2 = this._$AH, n2 = this._$AN;
-  if (void 0 !== n2 && 0 !== n2.size)
-    if (t2)
-      if (Array.isArray(r2))
-        for (let i3 = e2; i3 < r2.length; i3++)
-          s2(r2[i3], false), o2(r2[i3]);
-      else
-        null != r2 && (s2(r2, false), o2(r2));
-    else
-      s2(this, i2);
+  if (void 0 !== n2 && 0 !== n2.size) if (t2) if (Array.isArray(r2)) for (let i3 = e2; i3 < r2.length; i3++) s2(r2[i3], false), o2(r2[i3]);
+  else null != r2 && (s2(r2, false), o2(r2));
+  else s2(this, i2);
 }
 const l = (i2) => {
   var t$12, s3, o3, r2;
@@ -816,8 +771,7 @@ class c extends i {
     i2 !== this.isConnected && (this.isConnected = i2, i2 ? null === (e2 = this.reconnected) || void 0 === e2 || e2.call(this) : null === (r2 = this.disconnected) || void 0 === r2 || r2.call(this)), t2 && (s2(this, i2), o2(this));
   }
   setValue(t2) {
-    if (e$1(this._$Ct))
-      this._$Ct._$AI(t2, this);
+    if (e$1(this._$Ct)) this._$Ct._$AI(t2, this);
     else {
       const i2 = [...this._$Ct._$AH];
       i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
@@ -893,18 +847,13 @@ const translate = e$2(TranslateDirective);
  */
 class e extends i {
   constructor(i2) {
-    if (super(i2), this.et = A, i2.type !== t.CHILD)
-      throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    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 === 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.et)
-      return this.ft;
+    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.et) return this.ft;
     this.et = r2;
     const s3 = [r2];
     return s3.raw = s3, this.ft = { _$litType$: this.constructor.resultType, strings: s3, values: [] };
@@ -921,8 +870,7 @@ function asUpdateableLitElement(element) {
 const reservedKeyword = "__registered_effects";
 function decorate(litElement) {
   const decoratedLitElement = litElement;
-  if (decoratedLitElement[reservedKeyword])
-    return decoratedLitElement;
+  if (decoratedLitElement[reservedKeyword]) return decoratedLitElement;
   const updateableLitLikeElement = asUpdateableLitElement(litElement);
   const oldUpdated = updateableLitLikeElement.updated;
   decoratedLitElement[reservedKeyword] = {
@@ -965,7 +913,7 @@ const useOnce = (element, on) => useEffect(element, on, []);
 function n(n2, o3, r2) {
   return n2 ? o3() : null == r2 ? void 0 : r2();
 }
-const styles$1 = i$2`
+const styles$2 = i$2`
   :host {
     --shipaid-primary: #0056d6;
     --shipaid-secondary: #0076ff;
@@ -1483,18 +1431,16 @@ const BellIcon = x`
     </g>
   </svg>
 `;
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
-var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+var __defProp$2 = Object.defineProperty;
+var __decorateClass$2 = (decorators, target, key, kind) => {
+  var result = void 0;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$1(target, key, result);
+      result = decorator(target, key, result) || result;
+  if (result) __defProp$2(target, key, result);
   return result;
 };
-class LearnMorePopup extends s$1 {
+const _LearnMorePopup = class _LearnMorePopup extends s$1 {
   constructor() {
     super(...arguments);
     this.active = false;
@@ -1566,14 +1512,218 @@ class LearnMorePopup extends s$1 {
       <div class="blocker" @click=${this.handleClosePopup}></div>
     `;
   }
-}
-LearnMorePopup.styles = styles$1;
-__decorateClass$1([
+};
+_LearnMorePopup.styles = styles$2;
+let LearnMorePopup = _LearnMorePopup;
+__decorateClass$2([
   n$7({ type: Boolean, attribute: true })
-], LearnMorePopup.prototype, "active", 2);
+], LearnMorePopup.prototype, "active");
 if (!customElements.get("shipaid-popup-learn-more")) {
   customElements.define("shipaid-popup-learn-more", LearnMorePopup);
 }
+const styles$1 = i$2`
+  :host {
+    --shipaid-primary: #0056d6;
+    --shipaid-secondary: #0076ff;
+    --shipaid-danger: #f44336;
+    --shipaid-text: #000000;
+    --shipaid-text-muted: #cccccc;
+    --shipaid-text-grey: #aaaaaa;
+    --shipaid-light-grey: #ebecf0;
+    --shipaid-light-blue: #bacef4;
+    --shipaid-font: "Lato", sans-serif;
+    --shipaid-font-xs: 12px;
+    --shipaid-font-sm: 14px;
+    --shipaid-font-base: 16px;
+    --shipaid-font-lg: 18px;
+    --shipaid-font-display: 36px;
+    --shipaid-font-regular: 400;
+    --shipaid-font-heavy: 700;
+  }
+
+  p,
+  a {
+    font-family: var(--shipaid-font);
+    font-weight: var(--shipaid-font-regular);
+    font-size: var(--shipaid-font-base);
+    color: var(--shipaid-text);
+  }
+
+  .shipaid-confirmation-popup {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 13rem auto;
+    max-width: 30%;
+    max-height: 70vh;
+    height: fit-content;
+    border: var(--shipaid-popup-border, var(--shipaid-primary)) .2rem solid;
+    background-color: var(--shipaid-popup-background, #fff);
+    border-radius: 45px;
+    z-index: 1000000000;
+    overflow: auto;
+    visibility: hidden;
+    opacity: 0;
+    transition: all 250ms ease-in-out;
+    display: inline-flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 2rem
+  }
+
+  .shipaid-confirmation-popup.active {
+    visibility: visible;
+    opacity: 1;
+  }
+
+  .shipaid-confirmation-popup.active + .blocker {
+    z-index: 50;
+  }
+
+  .popup-actions {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+  }
+
+  .popup-subtitle {
+    text-align: center;
+  }
+
+  @media (max-width: 600px) {
+    .shipaid-confirmation-popup {
+      width: auto;
+      height: 100vh;
+      padding: 3rem;
+      margin-left: 20px;
+      margin-right: 20px;
+    }
+  }
+
+  .btn-primary {
+    background-color: #0073e6;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.btn-primary:hover {
+    background-color: #005bb5;
+}
+
+.btn-secondary {
+    background-color: transparent;
+    color: #666;
+    border: 1px solid #ccc;
+    padding: 10px 20px;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.btn-secondary:hover {
+    background-color: #f5f5f5;
+}
+
+
+  .shipaid-confirmation-popup .popup-title {
+    font-size: var(--shipaid-font-display);
+    font-weight: var(--shipaid-font-regular);
+    letter-spacing: 1px;
+    text-align: center;
+  }
+
+  @media (max-width: 600px) {
+    .shipaid-confirmation-popup .popup-title {
+      font-size: 2rem;
+    }
+  }
+
+  .shipaid-confirmation-popup p {
+    font-size: var(--shipaid-font-base);
+    margin: 0;
+  }
+
+  @media (max-width: 600px) {
+    .shipaid-confirmation-popup p {
+      font-size: 10px;
+    }
+  }
+
+  .blocker {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    content: " ";
+    background: transparent;
+    z-index: -1;
+  }
+`;
+var __defProp$1 = Object.defineProperty;
+var __decorateClass$1 = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+    if (decorator = decorators[i2])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp$1(target, key, result);
+  return result;
+};
+const _ConfirmationPopup = class _ConfirmationPopup extends s$1 {
+  constructor() {
+    super(...arguments);
+    this.active = false;
+  }
+  handleClosePopup() {
+    const event = new Event("close");
+    this.dispatchEvent(event);
+  }
+  handleRemoveProtection() {
+    const event = new Event("remove-protection");
+    this.dispatchEvent(event);
+  }
+  render() {
+    return x`
+    <div class=${`shipaid-confirmation-popup ${this.active && "active"}`}>
+      <p class="popup-title">Are you sure?</p>
+      <div class="popup-subtitle">
+        <p>Thousands of customers choose to protect their orders to ensure a seamless resolution process in the event of damage or loss in transit.</p>
+      </div>
+      <div class="popup-actions">
+        <button
+          type="button"
+          class="btn-primary"
+          @click=${this.handleClosePopup}
+          >
+          Keep the Delivery Guarantee
+        </button>
+        <button
+          type="button"
+          class="btn-secondary"
+          @click=${this.handleRemoveProtection}
+          >
+          No, I'd like to ship my order unprotected
+        </button>
+      </div>
+    </div>
+    <div class="blocker" @click=${this.handleClosePopup}></div>
+    `;
+  }
+};
+_ConfirmationPopup.styles = styles$1;
+let ConfirmationPopup = _ConfirmationPopup;
+__decorateClass$1([
+  n$7({ type: Boolean, attribute: true })
+], ConfirmationPopup.prototype, "active");
+if (!customElements.get("shipaid-popup-confirmation")) {
+  customElements.define("shipaid-popup-confirmation", ConfirmationPopup);
+}
 const loading = "Loading ShipAid Widget...";
 const title = "Delivery Guarantee";
 const description = "in case of Loss, Damage or Theft";
@@ -1778,22 +1928,42 @@ var Events = /* @__PURE__ */ ((Events2) => {
   Events2["STATUS_UPDATE"] = "shipaid-protection-status";
   return Events2;
 })(Events || {});
+function interceptFetch(interceptor) {
+  const originalFetch = window.fetch;
+  let running = true;
+  const _fetch = async (input, init) => {
+    const promise = originalFetch(input, init);
+    if (running) {
+      try {
+        await interceptor([input, init], promise);
+      } catch (e2) {
+        console.warn(e2);
+      }
+    }
+    return await promise;
+  };
+  window.fetch = _fetch;
+  return () => {
+    if (window.fetch === _fetch) {
+      window.fetch = originalFetch;
+    } else {
+      running = false;
+    }
+  };
+}
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  var result = void 0;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
   return result;
 };
 const runRequest = async (input, init) => {
   try {
     const response = await fetch(input, init);
-    if (!response.ok)
-      throw new Error(await response.text());
+    if (!response.ok) throw new Error(await response.text());
     const data = await response.json();
     return data;
   } catch (error) {
@@ -1829,22 +1999,21 @@ const SellinPlanGroupFromVariant = `query SellingPlanFromVariant($store: String!
   sellingPlanFromVariant(input: {store: $store, variantId: $variantId })
 }`;
 const langFiles = /* @__PURE__ */ Object.assign({
-  "./lang/de.json": () => import("./de-7465ac1a.js").then((m2) => m2["default"]),
+  "./lang/de.json": () => import("./de-VKiubByf.js").then((m2) => m2["default"]),
   "./lang/en.json": () => Promise.resolve().then(() => en).then((m2) => m2["default"]),
-  "./lang/es.json": () => import("./es-ffafb8a6.js").then((m2) => m2["default"]),
-  "./lang/fr.json": () => import("./fr-ef63017f.js").then((m2) => m2["default"]),
-  "./lang/it.json": () => import("./it-108c90b9.js").then((m2) => m2["default"]),
-  "./lang/pt.json": () => import("./pt-b1b6ec67.js").then((m2) => m2["default"])
+  "./lang/es.json": () => import("./es-gSoKNDaV.js").then((m2) => m2["default"]),
+  "./lang/fr.json": () => import("./fr-B4wOlIrE.js").then((m2) => m2["default"]),
+  "./lang/it.json": () => import("./it-1qLegqAS.js").then((m2) => m2["default"]),
+  "./lang/pt.json": () => import("./pt-CeUvCcpv.js").then((m2) => m2["default"])
 });
 registerTranslateConfig({
   loader: async (lang) => {
-    if (lang === "en")
-      return defaultLangFile;
+    if (lang === "en") return defaultLangFile;
     const fileImport = Reflect.get(langFiles, `./lang/${lang}.json`);
     return fileImport ? await fileImport() : defaultLangFile;
   }
 });
-class ShipAidWidget extends s$1 {
+const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   constructor() {
     var _a, _b, _c;
     super(...arguments);
@@ -1865,6 +2034,8 @@ class ShipAidWidget extends s$1 {
     this._shouldShowWidget = false;
     this._hasProtectionInCart = false;
     this.hasLoadedStrings = false;
+    this.fetchInterceptorCleanup = () => {
+    };
     this.intervalId = 0;
     this._state = {
       loading: false,
@@ -1876,7 +2047,7 @@ class ShipAidWidget extends s$1 {
       get: (url) => runRequest(url),
       post: (url, body) => runRequest(url, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: { "Content-Type": "application/json", "X-ShipAid": "1" },
         body: JSON.stringify(body)
       })
     };
@@ -1895,10 +2066,8 @@ class ShipAidWidget extends s$1 {
   }
   /** Getter to check if we should refresh the page or not */
   get shouldRefreshOnUpdate() {
-    if (this.disablePolling)
-      return false;
-    if (this.disableRefresh)
-      return false;
+    if (this.disablePolling) return false;
+    if (this.disableRefresh) return false;
     return true;
   }
   /** Getter to check whether to show the widget or not */
@@ -1932,16 +2101,13 @@ class ShipAidWidget extends s$1 {
     );
   }
   _handleRefreshCart() {
-    if (this.refreshCart)
-      return window.location.reload();
+    if (this.refreshCart) return window.location.reload();
   }
   /** Handle cart or page refreshes */
   async _handleRefresh(input) {
     const isCart = Reflect.has(input, "items");
-    if (this.shouldRefreshOnUpdate)
-      return window.location.reload();
-    if (!isCart)
-      await this.updateCart();
+    if (this.shouldRefreshOnUpdate) return window.location.reload();
+    if (!isCart) await this.updateCart();
     this._dispatchEvent(Events.STATUS_UPDATE, {
       protection: this._hasProtectionInCart,
       cart: isCart ? input : this._cart,
@@ -1950,12 +2116,9 @@ class ShipAidWidget extends s$1 {
   }
   /** Given the current order, it calculates the protection total according to the store protection settings. */
   async calculateProtectionTotal(cart) {
-    if (!cart)
-      cart = await this._fetchCart();
-    if (!cart)
-      throw new Error("Could not fetch cart.");
-    if (!this._store)
-      throw new Error("Missing ShipAid store");
+    if (!cart) cart = await this._fetchCart();
+    if (!cart) throw new Error("Could not fetch cart.");
+    if (!this._store) throw new Error("Missing ShipAid store");
     if (!this._protectionProduct) {
       throw new Error("Missing Shopify protection product");
     }
@@ -1970,8 +2133,7 @@ class ShipAidWidget extends s$1 {
    * This should be run whenever the cart updates, or it is manually triggered.
    */
   _findProtectionVariant(protectionFee) {
-    if (!this._store)
-      throw new Error("Missing ShipAid store");
+    if (!this._store) throw new Error("Missing ShipAid store");
     if (!this._protectionProduct) {
       throw new Error("Missing Shopify protection product");
     }
@@ -1989,16 +2151,28 @@ class ShipAidWidget extends s$1 {
       error: state2 === "error" ? message || true : false
     };
   }
+  /** Trigger confirmation popup */
+  _handleConfirmationPopup() {
+    if (this._popup === "confirmation") return;
+    this._popup = "confirmation";
+  }
   /** Updates the current protection status, calling the relevant add/remove function. */
-  async _updateProtection() {
-    return this._hasProtectionInCart ? this.removeProtection() : this.addProtection();
+  _updateProtection() {
+    var _a, _b, _c;
+    const removeWithConfirmation = (_c = (_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.widget) == null ? void 0 : _c.removeWithConfirmation;
+    if (!this._hasProtectionInCart) {
+      return this.addProtection();
+    }
+    if (!removeWithConfirmation) {
+      return this.removeProtection();
+    }
+    return this._handleConfirmationPopup();
   }
   /** Fetches store info from the ShipAid public API. */
   async _fetchShipAidData() {
     var _a, _b, _c, _d, _e;
     const shop = ((_a = window.Shopify) == null ? void 0 : _a.shop) ?? ((_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost);
-    if (!shop)
-      throw new Error("No shop found in Shopify object.");
+    if (!shop) throw new Error("No shop found in Shopify object.");
     try {
       const endpoint = new URL(window.location.href);
       endpoint.pathname = this._apiEndpoint;
@@ -2010,10 +2184,8 @@ class ShipAidWidget extends s$1 {
         endpoint.toString(),
         payload
       );
-      if (!response)
-        throw new Error("Missing response for store query.");
-      if ((_d = response.errors) == null ? void 0 : _d.length)
-        throw new Error(response.errors[0].message);
+      if (!response) throw new Error("Missing response for store query.");
+      if ((_d = response.errors) == null ? void 0 : _d.length) throw new Error(response.errors[0].message);
       if (!((_e = response.data) == null ? void 0 : _e.store)) {
         throw new Error("Missing store from store query response.");
       }
@@ -2039,8 +2211,7 @@ class ShipAidWidget extends s$1 {
   async _fetchSellingPlanFromVariant(subCartItemSellingPlan) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
     const shop = ((_a = window.Shopify) == null ? void 0 : _a.shop) ?? ((_c = (_b = window.Shopify) == null ? void 0 : _b.Checkout) == null ? void 0 : _c.apiHost);
-    if (!shop)
-      throw new Error("No shop found in Shopify object.");
+    if (!shop) throw new Error("No shop found in Shopify object.");
     try {
       const endpoint = new URL(window.location.href);
       endpoint.pathname = this._apiEndpoint;
@@ -2052,10 +2223,8 @@ class ShipAidWidget extends s$1 {
         endpoint.toString(),
         payload
       );
-      if (!response)
-        throw new Error("Missing response for selling plan query.");
-      if ((_e = response.errors) == null ? void 0 : _e.length)
-        throw new Error(response.errors[0].message);
+      if (!response) throw new Error("Missing response for selling plan query.");
+      if ((_e = response.errors) == null ? void 0 : _e.length) throw new Error(response.errors[0].message);
       if (!((_f = response.data) == null ? void 0 : _f.sellingPlanFromVariant)) {
         throw new Error("Missing variant from selling plan query response.");
       }
@@ -2098,18 +2267,15 @@ class ShipAidWidget extends s$1 {
   }
   /** Update the internal cart, which will trigger any protection fee updates */
   async updateCart(cart) {
-    if (!cart)
-      cart = await this._fetchCart();
+    if (!cart) cart = await this._fetchCart();
     this._cart = cart;
   }
   /** Add ShipAid shipping protection. */
   async addProtection() {
     var _a, _b;
     try {
-      if (!this._store)
-        throw new Error("Store has not been loaded.");
-      if (!((_a = this._cart) == null ? void 0 : _a.items))
-        throw new Error("Cart has not been loaded.");
+      if (!this._store) throw new Error("Store has not been loaded.");
+      if (!((_a = this._cart) == null ? void 0 : _a.items)) throw new Error("Cart has not been loaded.");
       if (!((_b = this._protectionVariant) == null ? void 0 : _b.id)) {
         throw new Error("No protection variant found.");
       }
@@ -2146,8 +2312,7 @@ class ShipAidWidget extends s$1 {
   /** Remove ShipAid shipping protection. */
   async removeProtection() {
     try {
-      if (!this._store)
-        throw new Error("Store has not been loaded.");
+      if (!this._store) throw new Error("Store has not been loaded.");
       if (!this._protectionCartItem) {
         throw new Error("Protection product not found.");
       }
@@ -2174,10 +2339,8 @@ class ShipAidWidget extends s$1 {
   /** Try adding ShipAid shipping protection during polling if applicable */
   async attemptAddProtection() {
     var _a, _b, _c, _d, _e, _f;
-    if (!((_a = this._store) == null ? void 0 : _a.widgetAutoOptIn))
-      return;
-    if (!((_b = this._cart) == null ? void 0 : _b.items) || !((_c = this._cart) == null ? void 0 : _c.item_count))
-      return;
+    if (!((_a = this._store) == null ? void 0 : _a.widgetAutoOptIn)) return;
+    if (!((_b = this._cart) == null ? void 0 : _b.items) || !((_c = this._cart) == null ? void 0 : _c.item_count)) return;
     const protectionCartItemIndex = (_d = this._cart.items) == null ? void 0 : _d.findIndex((item) => {
       var _a2, _b2;
       return (_b2 = (_a2 = this._protectionProduct) == null ? void 0 : _a2.variants) == null ? void 0 : _b2.some(
@@ -2186,11 +2349,9 @@ class ShipAidWidget extends s$1 {
     });
     const protectionCartItem = (_e = this._cart) == null ? void 0 : _e.items[protectionCartItemIndex];
     this._hasProtectionInCart = !!protectionCartItem;
-    if (this._cart.item_count === 1 && !!protectionCartItem)
-      return;
+    if (this._cart.item_count === 1 && !!protectionCartItem) return;
     const hasSessionPayload = !!sessionStorage.getItem(LOCAL_STORAGE_KEY);
-    if (hasSessionPayload)
-      return;
+    if (hasSessionPayload) return;
     if (
       // If we first check that no protection items are in the cart
       !this._hasProtectionInCart && // Then check we have some items in the cart
@@ -2206,14 +2367,12 @@ class ShipAidWidget extends s$1 {
   }
   async handleMultipleProtectionVariants() {
     var _a, _b, _c, _d, _e;
-    if (!((_a = this._cart) == null ? void 0 : _a.items) || !((_b = this._cart) == null ? void 0 : _b.item_count))
-      return;
+    if (!((_a = this._cart) == null ? void 0 : _a.items) || !((_b = this._cart) == null ? void 0 : _b.item_count)) return;
     let count = 0;
     (_c = this._cart.items) == null ? void 0 : _c.forEach((item) => {
       var _a2, _b2;
       const isProtectionItem = (_b2 = (_a2 = this._protectionProduct) == null ? void 0 : _a2.variants) == null ? void 0 : _b2.some((variant) => variant.id === item.variant_id);
-      if (isProtectionItem)
-        count++;
+      if (isProtectionItem) count++;
     });
     if (count > 1) {
       const protectionCartItemIndex = (_d = this._cart.items) == null ? void 0 : _d.findIndex((item) => {
@@ -2236,9 +2395,6 @@ class ShipAidWidget extends s$1 {
   }
   /** Templates */
   learnMorePopupTemplate() {
-    if (this.persistPopup) {
-      this._popup = this.shouldPersistPopup();
-    }
     return x`
       <shipaid-popup-learn-more
         ?active=${this._popup === "learn-more"}
@@ -2251,6 +2407,39 @@ class ShipAidWidget extends s$1 {
       ></shipaid-popup-learn-more>
     `;
   }
+  confirmationPopupTemplate() {
+    return x`
+      <shipaid-popup-confirmation
+        ?active=${this._popup === "confirmation"}
+        @close=${() => {
+      if (this.persistPopup) {
+        localStorage.removeItem(`${LOCAL_STORAGE_SHIPAID_POPUP_KEY}`);
+      }
+      this._popup = null;
+    }}
+      @remove-protection=${() => {
+      this.removeProtection();
+      if (this.persistPopup) {
+        localStorage.removeItem(`${LOCAL_STORAGE_SHIPAID_POPUP_KEY}`);
+      }
+      this._popup = null;
+    }}
+      ></shipaid-popup-confirmation>
+    `;
+  }
+  renderPopups() {
+    if (this.persistPopup) {
+      this._popup = this.shouldPersistPopup();
+    }
+    switch (this._popup) {
+      case "confirmation":
+        return this.confirmationPopupTemplate();
+      case "learn-more":
+        return this.learnMorePopupTemplate();
+      default:
+        return null;
+    }
+  }
   promptTemplate() {
     var _a, _b, _c;
     const { useToggle, useCheckbox, leftCheckbox } = ((_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.widget) || { useToggle: false, useCheckbox: false, leftCheckbox: false };
@@ -2344,6 +2533,136 @@ class ShipAidWidget extends s$1 {
     super.connectedCallback();
     await use(this.lang);
     this.hasLoadedStrings = true;
+    this.fetchInterceptorCleanup = interceptFetch(async (args, promise) => {
+      var _a, _b, _c, _d;
+      console.debug("fetch:", args);
+      if (((_b = (_a = args[1]) == null ? void 0 : _a.method) == null ? void 0 : _b.toUpperCase()) !== "POST") {
+        return;
+      }
+      console.debug("s:", 1);
+      if ((_d = (_c = args[1]) == null ? void 0 : _c.headers) == null ? void 0 : _d["X-ShipAid"]) {
+        return;
+      }
+      console.debug("s:", 2);
+      if (!args[0].startsWith("/cart/change") && !args[0].startsWith("/cart/update")) {
+        return;
+      }
+      console.debug("s:", 3);
+      const button = document.querySelector('button[type="submit"][name="checkout"][form="cart"]');
+      console.log("q", button);
+      if (!button) {
+        return;
+      }
+      button.setAttribute("disabled", "true");
+      console.debug("button", "t");
+      try {
+        await promise;
+        await this.updateCart();
+        await this.updateProtection();
+      } finally {
+        button.removeAttribute("disabled");
+        console.debug("button", "f");
+      }
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    super.disconnectedCallback();
+    (_a = this.fetchInterceptorCleanup) == null ? void 0 : _a.call(this);
+  }
+  async updateProtection() {
+    var _a, _b, _c, _d;
+    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) => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = this._protectionProduct) == null ? void 0 : _a2.variants) == null ? void 0 : _b2.some(
+        (variant) => variant.id === item.variant_id
+      );
+    });
+    const protectionCartItem = (_c = this._cart) == null ? void 0 : _c.items[protectionCartItemIndex];
+    this._hasProtectionInCart = !!protectionCartItem;
+    if (!this._store) return;
+    const protectionFee = await this.calculateProtectionTotal(this._cart);
+    if (this._cart.item_count > 0 && !!protectionCartItem && (this._cart.total_price === (protectionCartItem == null ? void 0 : protectionCartItem.final_line_price) || !protectionFee)) {
+      const removePayload = {
+        id: protectionCartItem.key,
+        quantity: 0
+      };
+      const cart2 = await this._fetch.post(
+        "/cart/change.js",
+        removePayload
+      );
+      sessionStorage.removeItem(LOCAL_STORAGE_KEY);
+      return await this._handleRefresh(cart2);
+    }
+    const protectionVariant = this._findProtectionVariant(protectionFee);
+    if (!protectionFee) {
+      this._protectionVariant = {
+        id: 0,
+        price: "0"
+      };
+    } else {
+      this._protectionVariant = protectionVariant;
+      this._shouldShowWidget = true;
+    }
+    if (!(protectionVariant == null ? void 0 : protectionVariant.id)) {
+      this._shouldShowWidget = false;
+      logger.error("No matching protection variant found.");
+      return;
+    }
+    if (!((_d = this._protectionVariant) == null ? void 0 : _d.id)) {
+      this._shouldShowWidget = false;
+      return;
+    }
+    if (!protectionCartItem) return;
+    if (this.supportSubscriptions) {
+      const itemWithSubscription = this._cart.items.find((item) => {
+        var _a2;
+        return item.id !== ((_a2 = this._protectionVariant) == null ? void 0 : _a2.id) && !!(item == null ? void 0 : item.selling_plan_allocation);
+      });
+      let updateSubscriptionPayload = null;
+      if (!itemWithSubscription && (protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
+        updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: null };
+      } else if (itemWithSubscription && !(protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
+        const protectionSellingPlan = await this._fetchSellingPlanFromVariant(itemWithSubscription.selling_plan_allocation.selling_plan);
+        const sellingPlanId = protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
+        updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: sellingPlanId };
+      }
+      if (updateSubscriptionPayload) {
+        const cart2 = await this._fetch.post("/cart/change.js", updateSubscriptionPayload);
+        await this._handleRefresh(cart2);
+      }
+    }
+    if (protectionVariant.id === protectionCartItem.variant_id) {
+      this._protectionCartItem = {
+        ...protectionCartItem,
+        index: protectionCartItemIndex,
+        position: protectionCartItemIndex + 1
+      };
+      if (protectionCartItem.quantity === 1) return;
+      const updatePayload2 = {
+        id: protectionCartItem.key,
+        quantity: 1
+      };
+      const cart2 = await this._fetch.post(
+        "/cart/change.js",
+        updatePayload2
+      );
+      this._handleRefreshCart();
+      return await this._handleRefresh(cart2);
+    }
+    const updatePayload = {
+      updates: {
+        [protectionCartItem.variant_id]: 0,
+        [protectionVariant.id]: 1
+      }
+    };
+    const cart = await this._fetch.post(
+      "/cart/update.js",
+      updatePayload
+    );
+    await this._handleRefresh(cart);
   }
   render() {
     useOnce(this, async () => {
@@ -2395,16 +2714,13 @@ class ShipAidWidget extends s$1 {
       this._dispatchEvent(Events.LOADED, this._store);
       setTimeout(async () => {
         var _a2, _b2, _c2, _d2;
-        if (!((_a2 = this._store) == null ? void 0 : _a2.widgetAutoOptIn))
-          return;
-        if (!((_b2 = this._cart) == null ? void 0 : _b2.item_count))
-          return;
+        if (!((_a2 = this._store) == null ? void 0 : _a2.widgetAutoOptIn)) return;
+        if (!((_b2 = this._cart) == null ? void 0 : _b2.item_count)) return;
         if (this.customerId && this._store.excludedCustomersIdsAutoOptIn && ((_c2 = this._store.excludedCustomersIdsAutoOptIn) == null ? void 0 : _c2.length) && this._store.excludedCustomersIdsAutoOptIn.includes(`gid://shopify/Customer/${this.customerId}`)) {
           return;
         }
         const hasSessionPayload = !!sessionStorage.getItem(LOCAL_STORAGE_KEY);
-        if (hasSessionPayload)
-          return;
+        if (hasSessionPayload) return;
         if (
           // If we first check that no protection items are in the cart
           !this._hasProtectionInCart && // Then check we have some items in the cart
@@ -2418,15 +2734,13 @@ class ShipAidWidget extends s$1 {
           );
         }
       }, 500);
-      if (this.disablePolling)
-        return;
+      if (this.disablePolling) return;
       setInterval(async () => {
         const lastUpdated = this._cartLastUpdated;
         if (lastUpdated) {
           const now = /* @__PURE__ */ new Date();
           const msAgo = now.getTime() - lastUpdated.getTime();
-          if (msAgo < this.pollingInterval)
-            return;
+          if (msAgo < this.pollingInterval) return;
         }
         await this.updateCart();
       }, this.pollingInterval);
@@ -2445,106 +2759,11 @@ class ShipAidWidget extends s$1 {
     useEffect(
       this,
       async () => {
-        var _a, _b, _c, _d;
-        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) => {
-          var _a2, _b2;
-          return (_b2 = (_a2 = this._protectionProduct) == null ? void 0 : _a2.variants) == null ? void 0 : _b2.some(
-            (variant) => variant.id === item.variant_id
-          );
-        });
-        const protectionCartItem = (_c = this._cart) == null ? void 0 : _c.items[protectionCartItemIndex];
-        this._hasProtectionInCart = !!protectionCartItem;
-        if (!this._store)
-          return;
-        const protectionFee = await this.calculateProtectionTotal(this._cart);
-        if (this._cart.item_count > 0 && !!protectionCartItem && (this._cart.total_price === (protectionCartItem == null ? void 0 : protectionCartItem.final_line_price) || !protectionFee)) {
-          const removePayload = {
-            id: protectionCartItem.key,
-            quantity: 0
-          };
-          const cart2 = await this._fetch.post(
-            "/cart/change.js",
-            removePayload
-          );
-          sessionStorage.removeItem(LOCAL_STORAGE_KEY);
-          return await this._handleRefresh(cart2);
-        }
-        const protectionVariant = this._findProtectionVariant(protectionFee);
-        if (!protectionFee) {
-          this._protectionVariant = {
-            id: 0,
-            price: "0"
-          };
-        } else {
-          this._protectionVariant = protectionVariant;
-          this._shouldShowWidget = true;
-        }
-        if (!(protectionVariant == null ? void 0 : protectionVariant.id)) {
-          this._shouldShowWidget = false;
-          logger.error("No matching protection variant found.");
-          return;
-        }
-        if (!((_d = this._protectionVariant) == null ? void 0 : _d.id)) {
-          this._shouldShowWidget = false;
-          return;
-        }
-        if (!protectionCartItem)
-          return;
-        if (this.supportSubscriptions) {
-          const itemWithSubscription = this._cart.items.find((item) => {
-            var _a2;
-            return item.id !== ((_a2 = this._protectionVariant) == null ? void 0 : _a2.id) && !!(item == null ? void 0 : item.selling_plan_allocation);
-          });
-          let updateSubscriptionPayload = null;
-          if (!itemWithSubscription && (protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
-            updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: null };
-          } else if (itemWithSubscription && !(protectionCartItem == null ? void 0 : protectionCartItem.selling_plan_allocation)) {
-            const protectionSellingPlan = await this._fetchSellingPlanFromVariant(itemWithSubscription.selling_plan_allocation.selling_plan);
-            const sellingPlanId = protectionSellingPlan ? getIdFromShopifyGid(protectionSellingPlan.id) : null;
-            updateSubscriptionPayload = { id: protectionCartItem.key, quantity: 1, selling_plan: sellingPlanId };
-          }
-          if (updateSubscriptionPayload) {
-            const cart2 = await this._fetch.post("/cart/change.js", updateSubscriptionPayload);
-            await this._handleRefresh(cart2);
-          }
-        }
-        if (protectionVariant.id === protectionCartItem.variant_id) {
-          this._protectionCartItem = {
-            ...protectionCartItem,
-            index: protectionCartItemIndex,
-            position: protectionCartItemIndex + 1
-          };
-          if (protectionCartItem.quantity === 1)
-            return;
-          const updatePayload2 = {
-            id: protectionCartItem.key,
-            quantity: 1
-          };
-          const cart2 = await this._fetch.post(
-            "/cart/change.js",
-            updatePayload2
-          );
-          this._handleRefreshCart();
-          return await this._handleRefresh(cart2);
-        }
-        const updatePayload = {
-          updates: {
-            [protectionCartItem.variant_id]: 0,
-            [protectionVariant.id]: 1
-          }
-        };
-        const cart = await this._fetch.post(
-          "/cart/update.js",
-          updatePayload
-        );
-        await this._handleRefresh(cart);
+        await this.updateProtection();
       },
       [this._store, this._cart]
     );
-    D(this.learnMorePopupTemplate(), document.body);
+    D(this.renderPopups(), document.body);
     return x`
       <style>
         :host {
@@ -2827,83 +3046,87 @@ class ShipAidWidget extends s$1 {
       </div>
     `;
   }
-}
-ShipAidWidget.styles = styles;
+};
+_ShipAidWidget.styles = styles;
+let ShipAidWidget = _ShipAidWidget;
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
-], ShipAidWidget.prototype, "disablePolling", 2);
+], ShipAidWidget.prototype, "disablePolling");
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
-], ShipAidWidget.prototype, "disableActions", 2);
+], ShipAidWidget.prototype, "disableActions");
 __decorateClass([
   n$7({ type: Number, attribute: true })
-], ShipAidWidget.prototype, "pollingInterval", 2);
+], ShipAidWidget.prototype, "pollingInterval");
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
-], ShipAidWidget.prototype, "disableRefresh", 2);
+], ShipAidWidget.prototype, "disableRefresh");
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
-], ShipAidWidget.prototype, "refreshCart", 2);
+], ShipAidWidget.prototype, "refreshCart");
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
-], ShipAidWidget.prototype, "persistPopup", 2);
+], ShipAidWidget.prototype, "persistPopup");
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
-], ShipAidWidget.prototype, "defaultToggleButton", 2);
+], ShipAidWidget.prototype, "defaultToggleButton");
 __decorateClass([
   n$7({ type: String, attribute: true })
-], ShipAidWidget.prototype, "lang", 2);
+], ShipAidWidget.prototype, "lang");
 __decorateClass([
   n$7({ type: String, attribute: true })
-], ShipAidWidget.prototype, "currency", 2);
+], ShipAidWidget.prototype, "currency");
 __decorateClass([
   n$7({ type: String, attribute: true })
-], ShipAidWidget.prototype, "customerId", 2);
+], ShipAidWidget.prototype, "customerId");
 __decorateClass([
   n$7({ type: Boolean, attribute: true })
-], ShipAidWidget.prototype, "supportSubscriptions", 2);
+], ShipAidWidget.prototype, "supportSubscriptions");
+__decorateClass([
+  t$3()
+], ShipAidWidget.prototype, "_storeDomain");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_storeDomain", 2);
+], ShipAidWidget.prototype, "_store");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_store", 2);
+], ShipAidWidget.prototype, "_cart");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_cart", 2);
+], ShipAidWidget.prototype, "_protectionProduct");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_protectionProduct", 2);
+], ShipAidWidget.prototype, "_cartLastUpdated");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_cartLastUpdated", 2);
+], ShipAidWidget.prototype, "_hasFinishedSetup");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_hasFinishedSetup", 2);
+], ShipAidWidget.prototype, "_shouldShowWidget");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_shouldShowWidget", 2);
+], ShipAidWidget.prototype, "_hasProtectionInCart");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_hasProtectionInCart", 2);
+], ShipAidWidget.prototype, "_protectionCartItem");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_protectionCartItem", 2);
+], ShipAidWidget.prototype, "_protectionVariant");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_protectionVariant", 2);
+], ShipAidWidget.prototype, "hasLoadedStrings");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "hasLoadedStrings", 2);
+], ShipAidWidget.prototype, "fetchInterceptorCleanup");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "intervalId", 2);
+], ShipAidWidget.prototype, "intervalId");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_state", 2);
+], ShipAidWidget.prototype, "_state");
 __decorateClass([
   t$3()
-], ShipAidWidget.prototype, "_popup", 2);
+], ShipAidWidget.prototype, "_popup");
 if (!customElements.get("shipaid-widget")) {
   customElements.define("shipaid-widget", ShipAidWidget);
 }