@getspot/spot-widget 3.0.3 → 3.0.4

package/dist/index.es.js

@@ -1,49 +1,49 @@
-async function k(l, t, o) {
+async function x(m, t, e) {
   try {
-    const s = await fetch(l, {
+    const s = await fetch(m, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "X-Spot-Partner-Id": t
       },
-      body: JSON.stringify(o)
+      body: JSON.stringify(e)
     }), i = await s.json();
     if (!s.ok) {
-      const e = new Error((i == null ? void 0 : i.message) || "Failed to fetch quote");
-      throw e.status = s.status, e.responseBody = i, e;
+      const o = new Error((i == null ? void 0 : i.message) || "Failed to fetch quote");
+      throw o.status = s.status, o.responseBody = i, o;
     }
     return i;
   } catch (s) {
     throw s instanceof Error ? s : new Error("Unknown error occurred while fetching quote");
   }
 }
-async function H(l, t, o) {
+async function H(m, t, e) {
   try {
-    const s = l.replace("/quote", "/quote/batch"), i = await fetch(s, {
+    const s = m.replace("/quote", "/quote/batch"), i = await fetch(s, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "X-Spot-Partner-Id": t
       },
-      body: JSON.stringify(o)
-    }), e = await i.json();
+      body: JSON.stringify(e)
+    }), o = await i.json();
     if (!i.ok) {
-      const n = new Error((e == null ? void 0 : e.message) || "Failed to fetch batch quote");
-      throw n.status = i.status, n.responseBody = e, n;
+      const n = new Error((o == null ? void 0 : o.message) || "Failed to fetch batch quote");
+      throw n.status = i.status, n.responseBody = o, n;
     }
-    return e;
+    return o;
   } catch (s) {
     throw s instanceof Error ? s : new Error("Unknown error occurred while fetching batch quote");
   }
 }
-async function D(l, t, o) {
+async function D(m, t, e) {
   var s;
   try {
     const i = {
-      cartId: o.cartInfo.cartId,
-      cartName: o.cartInfo.cartName,
-      currencyCode: o.cartInfo.currencyCode,
-      items: o.items.map((a, u) => ({
+      cartId: e.cartInfo.cartId,
+      cartName: e.cartInfo.cartName,
+      currencyCode: e.cartInfo.currencyCode,
+      items: e.items.map((a, u) => ({
         cartItemId: a.cartItemId || `item-${u + 1}`,
         productPrice: a.productPrice,
         productType: a.productType,
@@ -55,34 +55,34 @@ async function D(l, t, o) {
         startDate: a.startDate,
         endDate: a.endDate
       }))
-    }, e = await H(l, t, i);
-    if (e.status !== "QUOTES_AVAILABLE" && e.status !== "QUOTE_AVAILABLE")
+    }, o = await H(m, t, i);
+    if (o.status !== "QUOTES_AVAILABLE" && o.status !== "QUOTE_AVAILABLE")
       return { status: "NO_MATCHING_QUOTE" };
-    const n = e.quotes.map((a) => {
-      const u = o.items.find(
-        (f, h) => (f.cartItemId || `item-${h + 1}`) === a.cartItemId
+    const n = o.quotes.map((a) => {
+      const u = e.items.find(
+        (h, f) => (h.cartItemId || `item-${f + 1}`) === a.cartItemId
       );
       return u ? u.participantDescription ? `${u.productName} - ${u.participantDescription}` : u.productName : `Item ${a.id}`;
-    }), r = Math.round((e.totalSpotPrice || e.spotPrice || 0) * 100) / 100;
+    }), r = Math.round((o.totalSpotPrice || o.spotPrice || 0) * 100) / 100;
     return {
       status: "QUOTE_AVAILABLE",
       data: {
-        id: e.quotes ? e.quotes.map((a) => a.id).join(",") : ((s = e.data) == null ? void 0 : s.id) || "",
+        id: o.quotes ? o.quotes.map((a) => a.id).join(",") : ((s = o.data) == null ? void 0 : s.id) || "",
         spotPrice: r,
-        currencyCode: e.currencyCode || "",
+        currencyCode: o.currencyCode || "",
         communication: {
-          ...e.communication,
-          yesOptionText: e.communication.yesOptionText.replace(
-            String(e.totalSpotPrice),
+          ...o.communication,
+          yesOptionText: o.communication.yesOptionText.replace(
+            String(o.totalSpotPrice),
             String(r)
           )
         },
-        payoutSchedule: e.payoutSchedule.map((a) => ({
+        payoutSchedule: o.payoutSchedule.map((a) => ({
           ...a,
           amount: a.amount !== void 0 ? a.amount : 0
         })),
         coveredItems: n,
-        originalQuotes: e.quotes || (e.data ? [e.data] : [])
+        originalQuotes: o.quotes || (o.data ? [o.data] : [])
       },
       spotPrice: r,
       coveredItems: n
@@ -91,30 +91,30 @@ async function D(l, t, o) {
     throw i instanceof Error ? i : new Error("Unknown error occurred while fetching multiple quotes");
   }
 }
-const M = {
+const z = {
   sandbox: "https://api.sandbox.getspot.com/v1/quote",
   production: "https://api.getspot.com/v1/quote",
   local: "http://localhost:3999/api/v1/quote"
 };
-function I(l) {
+function I(m) {
   const {
     apiConfig: t = {},
-    quoteRequestData: o,
+    quoteRequestData: e,
     callbacks: s = {},
     location: i,
-    theme: e
-  } = l, {
+    theme: o
+  } = m, {
     environment: n = "sandbox",
     partnerId: r,
     customEndpoint: a
   } = t;
   if (!r || typeof r != "string")
     throw new Error("Invalid or missing partnerId in apiConfig");
-  if (!(a || M[n]))
+  if (!(a || z[n]))
     throw new Error(`Invalid environment in apiConfig: ${n}`);
-  if (!o || typeof o != "object" && !Array.isArray(o))
+  if (!e || typeof e != "object" && !Array.isArray(e))
     throw new Error("quoteRequestData must be a non-null object or array");
-  const f = [
+  const h = [
     "startDate",
     "endDate",
     "currencyCode",
@@ -126,48 +126,48 @@ function I(l) {
     "cartId",
     "productName"
   ];
-  function h(c, d = null) {
-    const m = d !== null ? `quoteRequestData[${d}]` : "quoteRequestData";
-    f.forEach((w) => {
-      if (!Object.prototype.hasOwnProperty.call(c, w) || c[w] === void 0 || c[w] === null)
-        throw new Error(`Missing required ${m} field: '${w}'`);
+  function f(c, d = null) {
+    const l = d !== null ? `quoteRequestData[${d}]` : "quoteRequestData";
+    h.forEach((v) => {
+      if (!Object.prototype.hasOwnProperty.call(c, v) || c[v] === void 0 || c[v] === null)
+        throw new Error(`Missing required ${l} field: '${v}'`);
     });
     const b = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
     if (!b.test(c.startDate))
-      throw new Error(`${m}.startDate must be a valid ISO8601 string`);
+      throw new Error(`${l}.startDate must be a valid ISO8601 string`);
     if (!b.test(c.endDate))
-      throw new Error(`${m}.endDate must be a valid ISO8601 string`);
+      throw new Error(`${l}.endDate must be a valid ISO8601 string`);
     if (typeof c.currencyCode != "string")
-      throw new Error(`${m}.currencyCode must be a string`);
+      throw new Error(`${l}.currencyCode must be a string`);
     if (!["USD", "CAD", "AUD"].includes(c.currencyCode))
-      throw new Error(`Invalid ${m}.currencyCode: ${c.currencyCode}`);
+      throw new Error(`Invalid ${l}.currencyCode: ${c.currencyCode}`);
     if (typeof c.eventType != "string")
-      throw new Error(`${m}.eventType must be a string`);
+      throw new Error(`${l}.eventType must be a string`);
     if (typeof c.productType != "string")
-      throw new Error(`${m}.productType must be a string`);
+      throw new Error(`${l}.productType must be a string`);
     const g = ["Pass", "Trip", "Registration"];
     if (!g.includes(c.productType))
       throw new Error(
-        `${m}.productType must be one of ${g.join(", ")}`
+        `${l}.productType must be one of ${g.join(", ")}`
       );
     if (typeof c.productDuration != "string")
-      throw new Error(`${m}.productDuration must be a string`);
-    const _ = ["Daily", "Seasonal", "Trip", "Event"];
-    if (!_.includes(c.productDuration))
+      throw new Error(`${l}.productDuration must be a string`);
+    const w = ["Daily", "Seasonal", "Trip", "Event"];
+    if (!w.includes(c.productDuration))
       throw new Error(
-        `${m}.productDuration must be one of ${_.join(", ")}`
+        `${l}.productDuration must be one of ${w.join(", ")}`
       );
     if (typeof c.productPrice != "number" || isNaN(c.productPrice))
-      throw new Error(`${m}.productPrice must be a valid number`);
+      throw new Error(`${l}.productPrice must be a valid number`);
     if (typeof c.productId != "string")
-      throw new Error(`${m}.productId must be a string`);
+      throw new Error(`${l}.productId must be a string`);
     if (typeof c.cartId != "string")
-      throw new Error(`${m}.cartId must be a string`);
+      throw new Error(`${l}.cartId must be a string`);
     if (typeof c.productName != "string")
-      throw new Error(`${m}.productName must be a string`);
+      throw new Error(`${l}.productName must be a string`);
   }
-  if ("cartInfo" in o && "items" in o) {
-    const c = o, { cartInfo: d, items: m } = c;
+  if ("cartInfo" in e && "items" in e) {
+    const c = e, { cartInfo: d, items: l } = c;
     if (!d || typeof d != "object")
       throw new Error("quoteRequestData.cartInfo must be a non-null object");
     if (!d.cartId || typeof d.cartId != "string")
@@ -178,9 +178,9 @@ function I(l) {
       throw new Error("quoteRequestData.cartInfo.currencyCode must be a string");
     if (!["USD", "CAD", "AUD"].includes(d.currencyCode))
       throw new Error(`Invalid quoteRequestData.cartInfo.currencyCode: ${d.currencyCode}`);
-    if (!Array.isArray(m) || m.length === 0)
+    if (!Array.isArray(l) || l.length === 0)
       throw new Error("quoteRequestData.items must be a non-empty array");
-    const C = [
+    const _ = [
       "startDate",
       "endDate",
       "eventType",
@@ -190,48 +190,48 @@ function I(l) {
       "productId",
       "productName"
     ];
-    m.forEach((g, _) => {
+    l.forEach((g, w) => {
       if (!g || typeof g != "object")
-        throw new Error(`quoteRequestData.items[${_}] must be a non-null object`);
-      const w = `quoteRequestData.items[${_}]`;
-      C.forEach((v) => {
-        if (!Object.prototype.hasOwnProperty.call(g, v) || g[v] === void 0 || g[v] === null)
-          throw new Error(`Missing required ${w} field: '${v}'`);
+        throw new Error(`quoteRequestData.items[${w}] must be a non-null object`);
+      const v = `quoteRequestData.items[${w}]`;
+      _.forEach((C) => {
+        if (!Object.prototype.hasOwnProperty.call(g, C) || g[C] === void 0 || g[C] === null)
+          throw new Error(`Missing required ${v} field: '${C}'`);
       });
       const q = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
       if (!q.test(g.startDate))
-        throw new Error(`${w}.startDate must be a valid ISO8601 string`);
+        throw new Error(`${v}.startDate must be a valid ISO8601 string`);
       if (!q.test(g.endDate))
-        throw new Error(`${w}.endDate must be a valid ISO8601 string`);
+        throw new Error(`${v}.endDate must be a valid ISO8601 string`);
       if (typeof g.eventType != "string")
-        throw new Error(`${w}.eventType must be a string`);
+        throw new Error(`${v}.eventType must be a string`);
       if (typeof g.productType != "string")
-        throw new Error(`${w}.productType must be a string`);
+        throw new Error(`${v}.productType must be a string`);
       const E = ["Pass", "Trip", "Registration"];
       if (!E.includes(g.productType))
-        throw new Error(`${w}.productType must be one of ${E.join(", ")}`);
+        throw new Error(`${v}.productType must be one of ${E.join(", ")}`);
       if (typeof g.productDuration != "string")
-        throw new Error(`${w}.productDuration must be a string`);
-      const x = ["Daily", "Seasonal", "Trip", "Event"];
-      if (!x.includes(g.productDuration))
-        throw new Error(`${w}.productDuration must be one of ${x.join(", ")}`);
+        throw new Error(`${v}.productDuration must be a string`);
+      const k = ["Daily", "Seasonal", "Trip", "Event"];
+      if (!k.includes(g.productDuration))
+        throw new Error(`${v}.productDuration must be one of ${k.join(", ")}`);
       if (typeof g.productPrice != "number" || isNaN(g.productPrice))
-        throw new Error(`${w}.productPrice must be a valid number`);
+        throw new Error(`${v}.productPrice must be a valid number`);
       if (typeof g.productId != "string")
-        throw new Error(`${w}.productId must be a string`);
+        throw new Error(`${v}.productId must be a string`);
       if (typeof g.productName != "string")
-        throw new Error(`${w}.productName must be a string`);
+        throw new Error(`${v}.productName must be a string`);
     });
-  } else if (Array.isArray(o)) {
-    if (o.length === 0)
+  } else if (Array.isArray(e)) {
+    if (e.length === 0)
       throw new Error("quoteRequestData array cannot be empty");
-    o.forEach((c, d) => {
+    e.forEach((c, d) => {
       if (!c || typeof c != "object")
         throw new Error(`quoteRequestData[${d}] must be a non-null object`);
-      h(c, d);
+      f(c, d);
     });
   } else
-    h(o);
+    f(e);
   if ([
     "onOptIn",
     "onOptOut",
@@ -244,49 +244,49 @@ function I(l) {
       throw new Error(`Callback '${c}' must be a function.`);
   }), typeof i == "string" && !document.querySelector(i))
     throw new Error(`Invalid location selector: '${i}'`);
-  if (e && typeof e != "object")
+  if (o && typeof o != "object")
     throw new Error(
       "Theme must be an object with CSS variables, do not include the '--' prefix"
     );
 }
-function p(l, { text: t, className: o, parent: s, innerHTML: i, href: e, target: n } = {}) {
-  const r = document.createElement(l);
-  return o && (r.className = o), t != null && (r.textContent = t), i != null && (r.innerHTML = i), e && "href" in r && (r.href = e), n && "target" in r && (r.target = n), s && s.appendChild(r), r;
+function p(m, { text: t, className: e, parent: s, innerHTML: i, href: o, target: n } = {}) {
+  const r = document.createElement(m);
+  return e && (r.className = e), t != null && (r.textContent = t), i != null && (r.innerHTML = i), o && "href" in r && (r.href = o), n && "target" in r && (r.target = n), s && s.appendChild(r), r;
 }
-function N(l, { name: t, description: o }) {
+function N(m, { name: t, description: e }) {
   p("div", {
     className: "spot-header__title",
     text: t,
-    parent: l
+    parent: m
   }), p("div", {
     className: "spot-header__description",
-    text: o,
-    parent: l
+    text: e,
+    parent: m
   });
 }
-function z(l, t = []) {
-  const o = p("ul", {
+function M(m, t = []) {
+  const e = p("ul", {
     className: "spot-benefits__list",
-    parent: l
+    parent: m
   });
   t.forEach((s) => {
-    const i = p("li", { parent: o });
+    const i = p("li", { parent: e });
     i.innerHTML = `
-            <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" class="spot-bullets__checkmark">
               <path d="M11.6666 3.5L5.24998 9.91667L2.33331 7"
-                stroke="#2E2E2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
             </svg>`, p("span", { text: s, parent: i });
   });
 }
-function O(l, t = []) {
+function L(m, t = []) {
   if (!t || t.length === 0) return;
-  const o = p("div", {
+  const e = p("div", {
     className: "spot-qualifying-reasons__container",
-    parent: l
+    parent: m
   }), s = [...t].sort((r, a) => r.rank - a.rank), i = p("div", {
     className: "spot-qualifying-reasons__grid",
-    parent: o
-  }), e = {
+    parent: e
+  }), o = {
     "Accident & Illness": "cross.svg",
     "Family Emergencies": "users.svg",
     Layoffs: "building.svg",
@@ -309,19 +309,19 @@ function O(l, t = []) {
     n = "./assets/";
   }
   s.forEach((r) => {
-    var h, y, c;
+    var f, y, c;
     const a = p("div", {
       className: "spot-qualifying-reasons__item",
       parent: i
     }), u = p("div", {
       className: "spot-qualifying-reasons__icon-wrapper",
       parent: a
-    }), f = e[((h = r.benefitType) == null ? void 0 : h.name) || ""] || e[r.name || ""];
-    if (f) {
+    }), h = o[((f = r.benefitType) == null ? void 0 : f.name) || ""] || o[r.name || ""];
+    if (h) {
       const d = p("img", {
         parent: u
       });
-      d.src = n + f, d.alt = ((y = r.benefitType) == null ? void 0 : y.name) || r.name || "", d.className = "spot-qualifying-reasons__icon";
+      d.src = n + h, d.alt = ((y = r.benefitType) == null ? void 0 : y.name) || r.name || "", d.className = "spot-qualifying-reasons__icon";
     }
     p("span", {
       className: "spot-qualifying-reasons__label",
@@ -330,53 +330,93 @@ function O(l, t = []) {
     });
   });
 }
-function L(l, t = []) {
-  if (t.length === 0) return;
-  const o = p("div", {
+function O(m, t = [], e) {
+  if (t.length === 0 || e && e > 1 && t.length >= e)
+    return;
+  const s = /* @__PURE__ */ new Map();
+  t.forEach((d) => {
+    s.set(d, (s.get(d) || 0) + 1);
+  });
+  const o = Array.from(s.entries()).map(
+    ([d, l]) => ({
+      item: d,
+      count: l,
+      displayText: l > 1 ? `${l} x ${d}` : d
+    })
+  ).sort((d, l) => {
+    const b = d.item.charAt(0), _ = l.item.charAt(0), g = /[a-zA-Z]/.test(b), w = /[a-zA-Z]/.test(_);
+    return !g && w ? -1 : g && !w ? 1 : d.item.localeCompare(l.item, void 0, { sensitivity: "base" });
+  }), n = p("div", {
     className: "spot-covered-items__container",
-    parent: l
+    parent: m
+  }), r = p("div", {
+    className: "spot-covered-items__header",
+    parent: n
+  }), a = p("button", {
+    className: "spot-covered-items__toggle",
+    parent: r
   });
-  p("div", {
+  p("span", {
     className: "spot-covered-items__title",
-    text: "Items covered in your cart:",
-    parent: o
+    text: `Items Covered in Your Cart (${t.length})`,
+    parent: a
+  });
+  const u = p("div", {
+    className: "spot-covered-items__right-section",
+    parent: a
   });
-  const s = p("ul", {
+  p("span", {
+    className: "spot-covered-items__view-all",
+    text: "View All",
+    parent: u
+  });
+  const h = p("span", {
+    className: "spot-covered-items__arrow",
+    innerHTML: "▼",
+    parent: u
+  }), f = p("div", {
+    className: "spot-covered-items__content",
+    parent: n
+  }), y = p("ul", {
     className: "spot-covered-items__list",
-    parent: o
+    parent: f
   });
-  t.forEach((i) => {
-    const e = p("li", { parent: s });
-    p("span", { text: i, parent: e });
+  o.forEach(({ displayText: d }) => {
+    const l = p("li", { parent: y });
+    p("span", { text: d, parent: l });
   });
+  let c = !1;
+  f.style.display = "none", a.addEventListener("click", () => {
+    c = !c, f.style.display = c ? "block" : "none", h.innerHTML = c ? "▲" : "▼", a.setAttribute("aria-expanded", c.toString());
+  }), a.setAttribute("aria-expanded", "false"), a.setAttribute("aria-controls", "covered-items-list"), f.setAttribute("id", "covered-items-list");
 }
-function P(l, t = []) {
-  const o = p("div", {
+function P(m, t = []) {
+  const e = p("div", {
     className: "spot-table__container",
-    parent: l
+    parent: m
   }), s = p("table", {
     className: "spot-refund__table spot-table--dynamic",
-    parent: o
-  }), i = p("thead", { parent: s }), e = p("tr", { parent: i });
-  p("th", { text: "When you cancel", parent: e }), p("th", { text: "You will receive", parent: e });
+    parent: e
+  }), i = p("thead", { parent: s }), o = p("tr", { parent: i });
+  p("th", { text: "When you cancel", parent: o }), p("th", { text: "You will receive", parent: o });
   const n = p("tbody", { parent: s });
   t.forEach(({ text: r, percent: a, amount: u }) => {
-    const f = p("tr", { parent: n });
-    p("td", { text: r, parent: f });
-    const h = a === "Not eligible for refund" ? "Not eligible for a refund" : `$${u} refund`;
-    p("td", { text: h, parent: f });
+    const h = p("tr", { parent: n });
+    p("td", { text: r, parent: h });
+    const f = a === "Not eligible for refund" ? "Not eligible for a refund" : `$${u} refund`;
+    p("td", { text: f, parent: h });
   });
 }
-function $(l, t, o) {
+function $(m, t, e) {
   const s = p("div", {
     className: "spot-selection__options",
-    parent: l
+    parent: m
   }), i = p("label", {
     className: `spot-selection__option ${t ? "selected" : ""}`,
     parent: s
-  }), e = p("input", { parent: i });
-  e.type = "radio", e.name = "selection", e.value = "yes", t && (e.checked = !0), p("strong", {
-    text: o.yesOptionText,
+  }), o = p("input", { parent: i });
+  o.type = "radio", o.name = "selection", o.value = "yes", t && (o.checked = !0), p("strong", {
+    text: e.yesOptionText,
     parent: i
   }), p("span", {
     className: "spot-selection__recommended-tag",
@@ -387,13 +427,13 @@ function $(l, t, o) {
     className: "spot-selection__option",
     parent: s
   }), r = p("input", { parent: n });
-  return r.type = "radio", r.name = "selection", r.value = "no", p("span", { text: o.noOptionText, parent: n }), s;
+  return r.type = "radio", r.name = "selection", r.value = "no", p("span", { text: e.noOptionText, parent: n }), s;
 }
-function V(l, t) {
+function R(m, t) {
   var i;
-  const o = (i = t.communication) == null ? void 0 : i.paymentTerms, s = p("div", {
+  const e = (i = t.communication) == null ? void 0 : i.paymentTerms, s = p("div", {
     className: "spot-payment-terms",
-    parent: l
+    parent: m
   });
   return p("div", {
     className: "spot-payment-terms__header",
@@ -401,17 +441,17 @@ function V(l, t) {
     parent: s
   }), p("div", {
     className: "spot-payment-terms__body",
-    text: o || "",
+    text: e || "",
     parent: s
   }), s;
 }
-function R(l, t, o = "bottom-right") {
-  if (o === "top-right") {
-    const e = p("div", {
+function V(m, t, e = "bottom-right") {
+  if (e === "top-right") {
+    const o = p("div", {
       className: "spot-logo__top-right",
-      parent: l
+      parent: m
     });
-    e.innerHTML = `
+    o.innerHTML = `
             <svg width="145" height="28" viewBox="0 0 145 28" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect width="145" height="28"/>
             <rect x="-655" y="-270" width="819" height="325" rx="10"/>
@@ -430,7 +470,7 @@ function R(l, t, o = "bottom-right") {
   }
   const s = p("div", {
     className: "spot-footer__container",
-    parent: l
+    parent: m
   }), i = p("div", {
     className: "spot-footer__terms",
     parent: s
@@ -444,12 +484,12 @@ function R(l, t, o = "bottom-right") {
     className: "spot-footer__terms-link",
     text: "Refund Guarantee Terms and Conditions",
     parent: i
-  }), o === "bottom-right") {
-    const e = p("p", {
+  }), e === "bottom-right") {
+    const o = p("p", {
       className: "spot-footer__powered-by",
       parent: s
     });
-    e.innerHTML = `
+    o.innerHTML = `
             <svg width="145" height="28" viewBox="0 0 145 28" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect width="145" height="28"/>
             <rect x="-655" y="-270" width="819" height="325" rx="10"/>
@@ -468,10 +508,10 @@ function R(l, t, o = "bottom-right") {
   }
   return s;
 }
-const Q = ":root{--spot-font-family: Arial;--spot-padding: 1.25rem;--spot-background-color: #ffffff;--spot-font-color: #000000;--spot-border-radius: .5rem;--spot-title-font-size: 1.25rem;--spot-title-font-weight: 700;--spot-title-padding: 0 0 1.25rem 0;--spot-description-font-size: .875rem;--spot-description-font-weight: 400;--spot-description-padding: 0 0 .5rem 0;--spot-bullets-font-size: .875rem;--spot-bullets-font-weight: 400;--spot-bullets-padding: .3125rem;--spot-table-border-radius: .625rem;--spot-table-header-font-size: .875rem;--spot-table-header-font-weight: 700;--spot-table-header-padding: 0 .5rem .625rem;--spot-table-cell-font-size: .815rem;--spot-table-cell-font-weight: 400;--spot-table-cell-padding: 0 .625rem;--spot-radio-border: #000000;--spot-radio-border-radius: .625rem;--spot-radio-checked-background: #000000;--spot-radio-text-font-size: .875rem;--spot-radio-text-font-weight: 400;--spot-radio-text-padding: .625rem;--spot-radio-selection-background: #f4f4f4;--spot-radio-selection-border-radius: .625rem;--spot-radio-selection-padding: .625rem;--spot-recommended-tag-background: #000000;--spot-recommended-tag-font-color: #ffffff;--spot-recommended-tag-font-size: .875rem;--spot-recommended-tag-font-weight: 700;--spot-recommended-tag-padding: .25rem .5rem;--spot-recommended-tag-border-radius: .5rem;--spot-selection-error-font-color: #ff0000;--spot-selection-error-font-size: .875rem;--spot-qualifying-reasons-margin: .75rem 0;--spot-qualifying-reasons-padding: 0 .3125rem;--spot-qualifying-reasons-column-gap: 3rem;--spot-qualifying-reasons-row-gap: .25rem;--spot-qualifying-reasons-grid-padding-left: 1rem;--spot-qualifying-reasons-icon-wrapper-size: 1.125rem;--spot-qualifying-reasons-icon-size: .75rem;--spot-qualifying-reasons-icon-border-color: #2e2e2e;--spot-qualifying-reasons-icon-border-width: 1px;--spot-qualifying-reasons-icon-background: #ffffff;--spot-qualifying-reasons-item-gap: .625rem;--spot-qualifying-reasons-label-font-size: .8rem;--spot-qualifying-reasons-label-font-weight: 400;--spot-qualifying-reasons-label-font-color: #000000;--spot-qualifying-reasons-label-font-family: Arial;--spot-selection-error-padding: .5rem;--spot-payment-terms-background: #f4f4f4;--spot-payment-terms-border-radius: .625rem;--spot-payment-terms-padding: 1rem;--spot-payment-terms-font-color: #636569;--spot-payment-terms-font-size: .75rem;--spot-payment-terms-header-font-weight: 700;--spot-payment-terms-header-font-size: .875rem;--spot-payment-terms-header-margin-bottom: .5rem;--spot-payment-terms-header-border-color: #c2c2c2;--spot-payment-terms-header-padding: 0 0 .5rem 0;--spot-terms-font-size: .75rem;--spot-terms-font-weight: 400;--spot-terms-font-color: #636569;--spot-terms-padding: 0;--spot-terms-link-text-decoration: underline;--spot-terms-link-font-size: .75rem;--spot-terms-link-font-weight: 400;--spot-terms-link-font-color: #636569;--spot-terms-link-padding: 0;--spot-desktop-radio-margin-top: -1.5rem;--spot-benefits-margin-bottom: 0rem;--spot-covered-items-margin-bottom: 0rem;--spot-footer-gap: 1rem;--spot-footer-terms-margin-right: 7rem;--spot-payment-terms-margin-top: .5rem;--spot-logo-top-right-margin: 1rem}.spot-refund-guarantee{font-family:var(--spot-font-family);padding:var(--spot-padding);background-color:var(--spot-background-color);color:var(--spot-font-color);border:.0625rem solid #e0e0e0;border-radius:var(--spot-border-radius);max-width:51rem;margin:1rem;container-type:inline-size;position:relative;word-wrap:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.spot-refund-guarantee *{color:inherit}.spot-header__title{font-size:var(--spot-title-font-size);font-weight:var(--spot-title-font-weight);padding:var(--spot-title-padding);color:var(--spot-title-font-color);font-family:var(--spot-title-font-family);line-height:120%;letter-spacing:-.03125rem}.spot-header__description{font-size:var(--spot-description-font-size);font-weight:var(--spot-description-font-weight);color:var(--spot-description-font-color);font-family:var(--spot-description-font-family);padding:var(--spot-description-padding);line-height:125%;letter-spacing:-.025rem}.spot-content__wrapper{display:flex;flex-direction:column}.spot-content__wrapper.desktop-layout{display:grid;grid-template-columns:1fr auto;align-items:start;gap:1rem}.desktop-layout .spot-benefits__list,.desktop-layout .spot-qualifying-reasons__container,.desktop-layout .spot-covered-items__container,.desktop-layout .spot-selection__options{min-width:0;word-wrap:normal}.desktop-layout .spot-benefits__list,.desktop-layout .spot-qualifying-reasons__container{grid-row:1;margin-bottom:var(--spot-benefits-margin-bottom)}.desktop-layout .spot-covered-items__container{grid-row:2;grid-column:1;margin-bottom:var(--spot-covered-items-margin-bottom)}.desktop-layout .spot-selection__options{grid-row:3;margin-top:var(--spot-desktop-radio-margin-top)}.desktop-layout .spot-payment-terms__wrapper{grid-row:4;grid-column:1;margin-top:var(--spot-payment-terms-margin-top)}.desktop-layout .spot-table__container{grid-row:1 / span 4;grid-column:2;width:auto;min-width:20.3125rem}.spot-content__wrapper:not(.desktop-layout) .spot-table__container{display:flex;justify-content:flex-start;margin-top:1rem;margin-bottom:1rem;padding-left:.3125rem}.spot-content__wrapper:not(.desktop-layout) .spot-refund__table{width:100%;max-width:22rem;table-layout:auto}@media (max-width: 850px){.spot-selection__recommended-tag{display:inline-block;margin-left:0}}@media (max-width: 500px){.spot-selection__recommended-tag{margin-top:.5rem}}@media (max-width: 600px){.spot-refund__table th{padding:0rem}}.spot-benefits__list{list-style-type:none;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-benefits__list li{margin-bottom:.375rem;display:flex;align-items:flex-start;gap:.5rem}.spot-benefits__list li svg{flex-shrink:0;position:relative;top:.125rem}.spot-qualifying-reasons__container{margin:var(--spot-qualifying-reasons-margin);padding:var(--spot-qualifying-reasons-padding)}.spot-qualifying-reasons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:var(--spot-qualifying-reasons-column-gap);row-gap:var(--spot-qualifying-reasons-row-gap);max-width:100%;padding-left:var(--spot-qualifying-reasons-grid-padding-left)}.spot-qualifying-reasons__item{display:flex;align-items:center;gap:var(--spot-qualifying-reasons-item-gap)}.spot-qualifying-reasons__icon-wrapper{width:var(--spot-qualifying-reasons-icon-wrapper-size);height:var(--spot-qualifying-reasons-icon-wrapper-size);border-radius:50%;border:var(--spot-qualifying-reasons-icon-border-width) solid var(--spot-qualifying-reasons-icon-border-color);background-color:var(--spot-qualifying-reasons-icon-background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spot-qualifying-reasons__icon{width:var(--spot-qualifying-reasons-icon-size);height:var(--spot-qualifying-reasons-icon-size)}.spot-qualifying-reasons__label{font-size:var(--spot-qualifying-reasons-label-font-size);font-weight:var(--spot-qualifying-reasons-label-font-weight);color:var(--spot-qualifying-reasons-label-font-color);font-family:var(--spot-qualifying-reasons-label-font-family);line-height:1.2}@media (max-width: 480px){.spot-qualifying-reasons__grid{grid-template-columns:1fr}}.spot-covered-items__container{margin-top:0;margin-bottom:1rem}.spot-covered-items__title{font-size:var(--spot-description-font-size);font-weight:var(--spot-description-font-weight);color:var(--spot-description-font-color);font-family:var(--spot-description-font-family);padding:0 .3125rem .25rem;line-height:125%;margin:0}.spot-covered-items__list{list-style-type:disc;list-style-position:inside;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-covered-items__list li{margin-bottom:.3rem;text-align:left}.spot-table__container{width:100%}.spot-refund__table{max-width:22rem;border-radius:var(--spot-table-border-radius);overflow:hidden;border:.09375rem solid #636569;table-layout:fixed;margin-bottom:.5rem;margin-top:.25rem;padding:.625rem}.spot-refund__table--dynamic{height:auto!important;min-height:7.5rem}.spot-refund__table td,.spot-refund__table th{padding:.375rem .625rem;text-align:left}.spot-refund__table th{text-align:left;font-size:var(--spot-table-header-font-size);font-weight:var(--spot-table-header-font-weight);color:var(--spot-table-header-font-color);font-family:var(--spot-table-header-font-family);padding:var(--spot-table-header-padding)}.spot-refund__table td{text-align:left;font-size:var(--spot-table-cell-font-size);font-weight:var(--spot-table-cell-font-weight);color:var(--spot-table-cell-font-color);font-family:var(--spot-table-cell-font-family);padding:var(--spot-table-cell-padding)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.75rem;height:.75rem;min-width:.75rem;border:.0625rem solid var(--spot-radio-border);border-radius:var(--spot-radio-border-radius);margin-right:.5rem;position:relative;vertical-align:middle;top:-.0625rem;cursor:pointer;flex-shrink:0}input[type=radio]:checked{background:var(--spot-radio-checked-background);box-shadow:inset 0 0 0 .0625rem #fff}.spot-selection__options{display:flex;flex-direction:column;gap:.5rem}.spot-selection__option{display:flex;align-items:center;flex-wrap:nowrap;position:relative;transition:background .2s;cursor:pointer;font-size:var(--spot-radio-text-font-size);font-weight:var(--spot-radio-text-font-weight);color:var(--spot-radio-text-font-color);font-family:var(--spot-radio-text-font-family);padding:var(--spot-radio-text-padding);margin-right:.5rem}.spot-selection__option.selected{background:var(--spot-radio-selection-background);border-radius:var(--spot-radio-selection-border-radius);padding:var(--spot-radio-selection-padding)}.spot-selection__recommended-tag{background:var(--spot-recommended-tag-background);color:var(--spot-recommended-tag-font-color);font-size:var(--spot-recommended-tag-font-size);font-weight:var(--spot-recommended-tag-font-weight);padding:var(--spot-recommended-tag-padding);border-radius:var(--spot-recommended-tag-border-radius);margin-left:.75rem;white-space:nowrap;flex-shrink:0}@media (max-width: 850px){.spot-selection__recommended-tag{margin-left:.5rem}}@media (max-width: 600px){.spot-selection__recommended-tag{margin-left:.5rem;font-size:.75rem;padding:.1875rem .4375rem}}.spot-selection__error{color:var(--spot-selection-error-font-color);font-size:var(--spot-selection-error-font-size);padding:var(--spot-selection-error-padding);display:none}.spot-payment-terms__wrapper{margin-top:1rem}.spot-payment-terms__header{font-weight:var(--spot-payment-terms-header-font-weight);margin-bottom:.5rem;padding:var(--spot-payment-terms-header-padding);font-size:var(--spot-payment-terms-header-font-size);border-bottom:1px solid var(--spot-payment-terms-header-border-color)}.spot-payment-terms{background-color:var(--spot-payment-terms-background);border-radius:var(--spot-payment-terms-border-radius);padding:var(--spot-payment-terms-padding);margin-right:.5rem;color:var(--spot-payment-terms-font-color);font-size:var(--spot-payment-terms-font-size)}.spot-footer__terms{margin-top:.625rem;margin-right:.25rem;font-size:var(--spot-terms-font-size);font-weight:var(--spot-terms-font-weight);color:var(--spot-terms-font-color);font-family:var(--spot-terms-font-family);padding:var(--spot-terms-padding);line-height:1.4;word-wrap:normal;-webkit-hyphens:none;hyphens:none;flex:1;min-width:0;overflow-wrap:normal}.spot-footer__terms-link{text-decoration:var(--spot-terms-link-text-decoration);font-size:var(--spot-terms-link-font-size);font-weight:var(--spot-terms-link-font-weight);color:var(--spot-terms-link-font-color);font-family:var(--spot-terms-link-font-family);padding:var(--spot-terms-link-padding)}.spot-footer__container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:var(--spot-footer-gap)}@container (max-width: 650px){.spot-footer__container{flex-direction:column!important;align-items:flex-start!important;flex-wrap:wrap!important}.spot-footer__terms{margin-right:0!important;margin-bottom:.5rem!important;flex:none!important;width:100%!important;max-width:none!important}}@media (max-width: 650px){.spot-footer__container{flex-direction:column!important;align-items:flex-start!important;flex-wrap:wrap!important}.spot-footer__terms{margin-right:0!important;margin-bottom:.5rem!important;flex:none!important;width:100%!important;max-width:none!important}}.spot-footer__powered-by{margin-top:0;flex-shrink:0}.spot-logo__top-right{position:absolute;top:-14px;right:40px;z-index:10;background:#fff;padding:0 8px}@container (min-width: 651px){.spot-footer__powered-by{margin-top:0;align-self:center}.spot-footer__terms{margin-right:var(--spot-footer-terms-margin-right)}}@media (min-width: 651px){.spot-footer__powered-by{margin-top:0;align-self:center}.spot-footer__terms{margin-right:var(--spot-footer-terms-margin-right)}}";
-function S(l) {
+const Q = ":root{--spot-font-family: Arial;--spot-padding: 1.25rem;--spot-background-color: #ffffff;--spot-font-color: #000000;--spot-border-radius: .5rem;--spot-title-font-size: 1.25rem;--spot-title-font-weight: 700;--spot-title-padding: 0 0 1.25rem 0;--spot-description-font-size: .875rem;--spot-description-font-weight: 400;--spot-description-padding: 0 0 .5rem 0;--spot-bullets-font-size: .875rem;--spot-bullets-font-weight: 400;--spot-bullets-padding: .3125rem;--spot-bullets-checkmark-color: #2e2e2e;--spot-table-border-radius: .625rem;--spot-table-header-font-size: .875rem;--spot-table-header-font-weight: 700;--spot-table-header-padding: 0 .5rem .625rem;--spot-table-cell-font-size: .815rem;--spot-table-cell-font-weight: 400;--spot-table-cell-padding: 0 .625rem;--spot-radio-border: #000000;--spot-radio-border-radius: .625rem;--spot-radio-checked-background: #000000;--spot-radio-text-font-size: .875rem;--spot-radio-text-font-weight: 400;--spot-radio-text-padding: .625rem;--spot-radio-selection-background: #f4f4f4;--spot-radio-selection-border-radius: .625rem;--spot-radio-selection-padding: .625rem;--spot-recommended-tag-background: #000000;--spot-recommended-tag-font-color: #ffffff;--spot-recommended-tag-font-size: .875rem;--spot-recommended-tag-font-weight: 700;--spot-recommended-tag-padding: .25rem .5rem;--spot-recommended-tag-border-radius: .5rem;--spot-selection-error-font-color: #ff0000;--spot-selection-error-font-size: .875rem;--spot-qualifying-reasons-margin: .75rem 0;--spot-qualifying-reasons-padding: 0 .3125rem;--spot-qualifying-reasons-column-gap: 3rem;--spot-qualifying-reasons-row-gap: .25rem;--spot-qualifying-reasons-grid-padding-left: 1rem;--spot-qualifying-reasons-icon-wrapper-size: 1.125rem;--spot-qualifying-reasons-icon-size: .75rem;--spot-qualifying-reasons-icon-border-color: #2e2e2e;--spot-qualifying-reasons-icon-border-width: 1px;--spot-qualifying-reasons-icon-background: #ffffff;--spot-qualifying-reasons-item-gap: .625rem;--spot-qualifying-reasons-label-font-size: .8rem;--spot-qualifying-reasons-label-font-weight: 400;--spot-qualifying-reasons-label-font-color: #000000;--spot-qualifying-reasons-label-font-family: Arial;--spot-selection-error-padding: .5rem;--spot-payment-terms-background: #f4f4f4;--spot-payment-terms-border-radius: .625rem;--spot-payment-terms-padding: 1rem;--spot-payment-terms-font-color: #636569;--spot-payment-terms-font-size: .75rem;--spot-payment-terms-header-font-weight: 700;--spot-payment-terms-header-font-size: .875rem;--spot-payment-terms-header-margin-bottom: .5rem;--spot-payment-terms-header-border-color: #c2c2c2;--spot-payment-terms-header-padding: 0 0 .5rem 0;--spot-terms-font-size: .75rem;--spot-terms-font-weight: 400;--spot-terms-font-color: #636569;--spot-terms-padding: 0;--spot-terms-link-text-decoration: underline;--spot-terms-link-font-size: .75rem;--spot-terms-link-font-weight: 400;--spot-terms-link-font-color: #636569;--spot-terms-link-padding: 0;--spot-covered-items-background: #f1f3f5;--spot-covered-items-hover-background: #e9ecef;--spot-covered-items-border-radius: .5rem;--spot-covered-items-padding: .75rem 1rem;--spot-covered-items-font-size: .875rem;--spot-covered-items-font-weight: 400;--spot-covered-items-font-color: #000000;--spot-covered-items-font-family: Arial;--spot-covered-items-arrow-font-size: .6rem;--spot-covered-items-arrow-color: #636569;--spot-covered-items-view-all-color: #636569;--spot-covered-items-view-all-font-size: .875rem;--spot-covered-items-view-all-font-weight: 400;--spot-covered-items-content-background: #f8f9fa;--spot-covered-items-content-border: 1px solid #e0e0e0;--spot-covered-items-content-border-radius: .5rem;--spot-covered-items-content-padding: .75rem 1rem;--spot-desktop-radio-margin-top: -1.5rem;--spot-benefits-margin-bottom: 0rem;--spot-covered-items-margin-bottom: 1.5rem;--spot-footer-gap: 1rem;--spot-footer-terms-margin-right: 7rem;--spot-payment-terms-margin-top: .5rem;--spot-logo-top-right-margin: 1rem}.spot-refund-guarantee{font-family:var(--spot-font-family);padding:var(--spot-padding);background-color:var(--spot-background-color);color:var(--spot-font-color);border:.0625rem solid #e0e0e0;border-radius:var(--spot-border-radius);max-width:51rem;margin:1rem;container-type:inline-size;position:relative;word-wrap:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.spot-refund-guarantee *{color:inherit}.spot-header__title{font-size:var(--spot-title-font-size);font-weight:var(--spot-title-font-weight);padding:var(--spot-title-padding);color:var(--spot-title-font-color);font-family:var(--spot-title-font-family);line-height:120%;letter-spacing:-.03125rem}.spot-header__description{font-size:var(--spot-description-font-size);font-weight:var(--spot-description-font-weight);color:var(--spot-description-font-color);font-family:var(--spot-description-font-family);padding:var(--spot-description-padding);line-height:125%;letter-spacing:-.025rem}.spot-content__wrapper{display:flex;flex-direction:column}.spot-content__wrapper.desktop-layout{display:grid;grid-template-columns:1fr auto;align-items:start;gap:1rem}.desktop-layout .spot-benefits__list,.desktop-layout .spot-qualifying-reasons__container,.desktop-layout .spot-covered-items__container,.desktop-layout .spot-selection__options{min-width:0;word-wrap:normal}.desktop-layout .spot-benefits__list,.desktop-layout .spot-qualifying-reasons__container{grid-row:1;margin-bottom:var(--spot-benefits-margin-bottom)}.desktop-layout .spot-covered-items__container{grid-row:2;grid-column:1;margin-bottom:var(--spot-covered-items-margin-bottom)}.desktop-layout .spot-selection__options{grid-row:3;margin-top:var(--spot-desktop-radio-margin-top)}.desktop-layout .spot-payment-terms__wrapper{grid-row:4;grid-column:1;margin-top:var(--spot-payment-terms-margin-top)}.desktop-layout .spot-table__container{grid-row:1 / span 4;grid-column:2;width:auto;min-width:20.3125rem}.spot-content__wrapper:not(.desktop-layout) .spot-table__container{display:flex;justify-content:flex-start;margin-top:1rem;margin-bottom:1rem;padding-left:.3125rem}.spot-content__wrapper:not(.desktop-layout) .spot-refund__table{width:100%;max-width:22rem;table-layout:auto}@media (max-width: 850px){.spot-selection__recommended-tag{display:inline-block;margin-left:0}}@media (max-width: 500px){.spot-selection__recommended-tag{margin-top:.5rem}}@media (max-width: 600px){.spot-refund__table th{padding:0rem}}.spot-benefits__list{list-style-type:none;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-benefits__list li{margin-bottom:.375rem;display:flex;align-items:flex-start;gap:.5rem}.spot-benefits__list li svg{flex-shrink:0;position:relative;top:.125rem}.spot-bullets__checkmark path{stroke:var(--spot-bullets-checkmark-color)}.spot-qualifying-reasons__container{margin:var(--spot-qualifying-reasons-margin);padding:var(--spot-qualifying-reasons-padding)}.spot-qualifying-reasons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:var(--spot-qualifying-reasons-column-gap);row-gap:var(--spot-qualifying-reasons-row-gap);max-width:100%;padding-left:var(--spot-qualifying-reasons-grid-padding-left)}.spot-qualifying-reasons__item{display:flex;align-items:center;gap:var(--spot-qualifying-reasons-item-gap)}.spot-qualifying-reasons__icon-wrapper{width:var(--spot-qualifying-reasons-icon-wrapper-size);height:var(--spot-qualifying-reasons-icon-wrapper-size);border-radius:50%;border:var(--spot-qualifying-reasons-icon-border-width) solid var(--spot-qualifying-reasons-icon-border-color);background-color:var(--spot-qualifying-reasons-icon-background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spot-qualifying-reasons__icon{width:var(--spot-qualifying-reasons-icon-size);height:var(--spot-qualifying-reasons-icon-size)}.spot-qualifying-reasons__label{font-size:var(--spot-qualifying-reasons-label-font-size);font-weight:var(--spot-qualifying-reasons-label-font-weight);color:var(--spot-qualifying-reasons-label-font-color);font-family:var(--spot-qualifying-reasons-label-font-family);line-height:1.2}@media (max-width: 480px){.spot-qualifying-reasons__grid{grid-template-columns:1fr}}.spot-covered-items__container{margin-top:.85rem;margin-bottom:.5rem;max-width:26rem}.spot-content__wrapper.desktop-layout:has(.spot-table__container) .spot-covered-items__container{margin-top:0rem;margin-bottom:1rem}.spot-covered-items__title{font-size:var(--spot-covered-items-font-size);font-weight:var(--spot-covered-items-font-weight);color:var(--spot-covered-items-font-color);font-family:var(--spot-covered-items-font-family);padding:0 .3125rem .25rem;line-height:125%;margin:0}.spot-covered-items__list{list-style-type:disc;list-style-position:inside;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-covered-items__list li{margin-bottom:.3rem;text-align:left}.spot-covered-items__list li:last-child{margin-bottom:0}.spot-covered-items__header{margin-bottom:.5rem}.spot-covered-items__toggle{background:var(--spot-covered-items-background);border:none;border-radius:var(--spot-covered-items-border-radius);padding:var(--spot-covered-items-padding);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:var(--spot-covered-items-font-size);font-weight:var(--spot-covered-items-font-weight);color:var(--spot-covered-items-font-color);font-family:var(--spot-covered-items-font-family);line-height:125%;transition:all .2s ease}.spot-covered-items__toggle:hover{background-color:var(--spot-covered-items-hover-background)}.spot-covered-items__toggle:focus{outline:none;box-shadow:0 0 0 2px #0000001a}.spot-covered-items__title{font-size:var(--spot-covered-items-font-size);font-weight:var(--spot-covered-items-font-weight);color:var(--spot-covered-items-font-color);font-family:var(--spot-covered-items-font-family);line-height:125%;margin:0;padding:0}.spot-covered-items__right-section{display:flex;align-items:center;gap:.5rem;margin-left:auto}.spot-covered-items__view-all{font-size:var(--spot-covered-items-view-all-font-size);font-weight:var(--spot-covered-items-view-all-font-weight);color:var(--spot-covered-items-view-all-color);font-family:var(--spot-covered-items-font-family);line-height:125%}.spot-covered-items__arrow{font-size:var(--spot-covered-items-arrow-font-size);transition:transform .2s ease;color:var(--spot-covered-items-arrow-color);flex-shrink:0;transform:scaleX(1.5)}.spot-covered-items__content{margin-top:.5rem;transition:all .2s ease;overflow:hidden}.spot-covered-items__list{background-color:var(--spot-covered-items-content-background);border:var(--spot-covered-items-content-border);border-radius:var(--spot-covered-items-content-border-radius);margin:0;padding:var(--spot-covered-items-content-padding)}.spot-table__container{width:100%}.spot-refund__table{max-width:22rem;border-radius:var(--spot-table-border-radius);overflow:hidden;border:.09375rem solid #636569;table-layout:fixed;margin-bottom:.5rem;margin-top:.25rem;padding:.625rem}.spot-refund__table--dynamic{height:auto!important;min-height:7.5rem}.spot-refund__table td,.spot-refund__table th{padding:.375rem .625rem;text-align:left}.spot-refund__table th{text-align:left;font-size:var(--spot-table-header-font-size);font-weight:var(--spot-table-header-font-weight);color:var(--spot-table-header-font-color);font-family:var(--spot-table-header-font-family);padding:var(--spot-table-header-padding)}.spot-refund__table td{text-align:left;font-size:var(--spot-table-cell-font-size);font-weight:var(--spot-table-cell-font-weight);color:var(--spot-table-cell-font-color);font-family:var(--spot-table-cell-font-family);padding:var(--spot-table-cell-padding)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.75rem;height:.75rem;min-width:.75rem;border:.0625rem solid var(--spot-radio-border);border-radius:var(--spot-radio-border-radius);margin-right:.5rem;position:relative;vertical-align:middle;top:-.0625rem;cursor:pointer;flex-shrink:0}input[type=radio]:checked{background:var(--spot-radio-checked-background);box-shadow:inset 0 0 0 .0625rem #fff}.spot-selection__options{display:flex;flex-direction:column;gap:.5rem}.spot-selection__option{display:flex;align-items:center;flex-wrap:nowrap;position:relative;transition:background .2s;cursor:pointer;font-size:var(--spot-radio-text-font-size);font-weight:var(--spot-radio-text-font-weight);color:var(--spot-radio-text-font-color);font-family:var(--spot-radio-text-font-family);padding:var(--spot-radio-text-padding);margin-right:.5rem}.spot-selection__option.selected{background:var(--spot-radio-selection-background);border-radius:var(--spot-radio-selection-border-radius);padding:var(--spot-radio-selection-padding)}.spot-selection__recommended-tag{background:var(--spot-recommended-tag-background);color:var(--spot-recommended-tag-font-color);font-size:var(--spot-recommended-tag-font-size);font-weight:var(--spot-recommended-tag-font-weight);padding:var(--spot-recommended-tag-padding);border-radius:var(--spot-recommended-tag-border-radius);margin-left:.75rem;white-space:nowrap;flex-shrink:0}@media (max-width: 850px){.spot-selection__recommended-tag{margin-left:.5rem}}@media (max-width: 600px){.spot-selection__recommended-tag{margin-left:.5rem;font-size:.75rem;padding:.1875rem .4375rem}}.spot-selection__error{color:var(--spot-selection-error-font-color);font-size:var(--spot-selection-error-font-size);padding:var(--spot-selection-error-padding);display:none}.spot-payment-terms__wrapper{margin-top:1rem}.spot-payment-terms__header{font-weight:var(--spot-payment-terms-header-font-weight);margin-bottom:.5rem;padding:var(--spot-payment-terms-header-padding);font-size:var(--spot-payment-terms-header-font-size);border-bottom:1px solid var(--spot-payment-terms-header-border-color)}.spot-payment-terms{background-color:var(--spot-payment-terms-background);border-radius:var(--spot-payment-terms-border-radius);padding:var(--spot-payment-terms-padding);margin-right:.5rem;color:var(--spot-payment-terms-font-color);font-size:var(--spot-payment-terms-font-size)}.spot-footer__terms{margin-top:.625rem;margin-right:.25rem;font-size:var(--spot-terms-font-size);font-weight:var(--spot-terms-font-weight);color:var(--spot-terms-font-color);font-family:var(--spot-terms-font-family);padding:var(--spot-terms-padding);line-height:1.4;word-wrap:normal;-webkit-hyphens:none;hyphens:none;flex:1;min-width:0;overflow-wrap:normal}.spot-footer__terms-link{text-decoration:var(--spot-terms-link-text-decoration);font-size:var(--spot-terms-link-font-size);font-weight:var(--spot-terms-link-font-weight);color:var(--spot-terms-link-font-color);font-family:var(--spot-terms-link-font-family);padding:var(--spot-terms-link-padding)}.spot-footer__container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:var(--spot-footer-gap)}@container (max-width: 650px){.spot-footer__container{flex-direction:column!important;align-items:flex-start!important;flex-wrap:wrap!important}.spot-footer__terms{margin-right:0!important;margin-bottom:.5rem!important;flex:none!important;width:100%!important;max-width:none!important}}@media (max-width: 650px){.spot-footer__container{flex-direction:column!important;align-items:flex-start!important;flex-wrap:wrap!important}.spot-footer__terms{margin-right:0!important;margin-bottom:.5rem!important;flex:none!important;width:100%!important;max-width:none!important}}.spot-footer__powered-by{margin-top:0;flex-shrink:0}.spot-logo__top-right{position:absolute;top:-14px;right:40px;z-index:10;background:#fff;padding:0 8px}@container (min-width: 651px){.spot-footer__powered-by{margin-top:0;align-self:center}.spot-footer__terms{margin-right:var(--spot-footer-terms-margin-right)}}@media (min-width: 651px){.spot-footer__powered-by{margin-top:0;align-self:center}.spot-footer__terms{margin-right:var(--spot-footer-terms-margin-right)}}";
+function S(m) {
   const t = document.createElement("style");
-  t.textContent = l, document.head.appendChild(t);
+  t.textContent = m, document.head.appendChild(t);
 }
 S(Q);
 const T = {
@@ -479,7 +519,7 @@ const T = {
   production: "https://api.getspot.com/api/v1/quote",
   local: "http://localhost:3999/api/v1/quote"
 };
-class Z {
+class A {
   constructor(t = {}) {
     this.options = {
       location: "body",
@@ -494,20 +534,20 @@ class Z {
     }, this._onResize = this._updateLayout.bind(this), this.root = typeof this.options.location == "string" ? document.querySelector(this.options.location) : this.options.location, this.currentSelection = this.options.optInSelected ? "yes" : null, this._init();
   }
   async _init() {
-    var t, o, s, i, e;
+    var t, e, s, i, o;
     try {
       I(this.options);
       let n;
       if (this.options.useMockData && this.options.mockData)
         n = this.options.mockData;
       else {
-        const { environment: r, partnerId: a } = this.options.apiConfig, f = this.options.apiConfig.customEndpoint || T[r];
+        const { environment: r, partnerId: a } = this.options.apiConfig, h = this.options.apiConfig.customEndpoint || T[r];
         n = "cartInfo" in this.options.quoteRequestData && "items" in this.options.quoteRequestData ? await D(
-          f,
+          h,
           a,
           this.options.quoteRequestData
-        ) : await k(
-          f,
+        ) : await x(
+          h,
           a,
           this.options.quoteRequestData
         );
@@ -521,7 +561,7 @@ class Z {
       }
       if (this.quote = n.data, !this.quote)
         throw new Error("No quote data in response");
-      if (this._renderWidget(), this.options.optInSelected && ((o = this.options.callbacks) != null && o.onOptIn)) {
+      if (this._renderWidget(), this.options.optInSelected && ((e = this.options.callbacks) != null && e.onOptIn)) {
         const r = {
           status: "QUOTE_ACCEPTED",
           spotPrice: this.quote.spotPrice,
@@ -530,13 +570,13 @@ class Z {
         if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
           const a = this.options.quoteRequestData;
           r.batchQuoteDetails = this.quote.originalQuotes.map((u) => {
-            var h;
-            const f = (h = a.items) == null ? void 0 : h.find(
+            var f;
+            const h = (f = a.items) == null ? void 0 : f.find(
               (y) => (y.cartItemId || `item-${a.items.indexOf(y) + 1}`) === u.id
             );
             return {
               quoteId: u.id,
-              productPrice: (f == null ? void 0 : f.productPrice) || u.spotPrice,
+              productPrice: (h == null ? void 0 : h.productPrice) || u.spotPrice,
               cartItemId: u.id
             };
           });
@@ -550,7 +590,7 @@ class Z {
     } catch (n) {
       if ((i = this.options.callbacks) != null && i.onError) {
         const r = n;
-        (e = this.options.callbacks) == null || e.onError({
+        (o = this.options.callbacks) == null || o.onError({
           message: r.message,
           status: r.status,
           responseBody: r.responseBody
@@ -561,27 +601,31 @@ class Z {
   _renderWidget() {
     if (!this.quote) return;
     this.container = document.createElement("div"), this.container.className = "spot-refund-guarantee", this.root.appendChild(this.container), Object.entries(this.options.theme || {}).forEach(([s, i]) => {
-      const e = `--${s}`;
-      this.container.style.setProperty(e, i);
+      const o = `--${s}`;
+      this.container.style.setProperty(o, i);
     }), N(this.container, this.quote.communication);
     const t = document.createElement("div");
-    t.className = "spot-content__wrapper", this.container.appendChild(t), this.quote.qualifyingReasons ? O(t, this.quote.qualifyingReasons) : z(t, this.quote.communication.bulletPoints), this.quote.coveredItems && L(t, this.quote.coveredItems), this.options.showTable && !this.quote.qualifyingReasons && P(t, this.quote.payoutSchedule);
-    const o = $(
+    if (t.className = "spot-content__wrapper", this.container.appendChild(t), this.quote.qualifyingReasons ? L(t, this.quote.qualifyingReasons) : M(t, this.quote.communication.bulletPoints), this.quote.coveredItems) {
+      const s = this._getTotalItemsInRequest();
+      O(t, this.quote.coveredItems, s);
+    }
+    this.options.showTable && !this.quote.qualifyingReasons && P(t, this.quote.payoutSchedule);
+    const e = $(
       t,
       this.options.optInSelected,
       this.quote.communication
     );
-    t.appendChild(o), this.paymentTermsEl = p("div", {
+    t.appendChild(e), this.paymentTermsEl = p("div", {
       className: "spot-payment-terms__wrapper",
       parent: t
-    }), R(this.container, this.quote, this.options.logoPosition), window.addEventListener("resize", this._onResize), this._setupResizeObserver(), this._updateLayout(), this._setupOptionListeners(o);
+    }), V(this.container, this.quote, this.options.logoPosition), window.addEventListener("resize", this._onResize), this._setupResizeObserver(), this._updateLayout(), this._setupOptionListeners(e);
   }
   _updateLayout() {
     if (!this.container || !this.quote) return;
     const t = this.container.querySelector(
       ".spot-content__wrapper"
-    ), o = this.options.showTable && !this.quote.qualifyingReasons;
-    if (!t || !o) {
+    ), e = this.options.showTable && !this.quote.qualifyingReasons;
+    if (!t || !e) {
       t == null || t.classList.remove("desktop-layout");
       return;
     }
@@ -589,19 +633,19 @@ class Z {
     t.classList.toggle("desktop-layout", s);
   }
   _shouldUseDesktopLayout(t) {
-    const o = this.container.offsetWidth - 40, s = 325, i = 16;
-    if (o >= 900)
+    const e = this.container.offsetWidth - 40, s = 325, i = 16;
+    if (e >= 900)
       return !0;
-    if (o >= 650) {
-      const e = t.classList.contains("desktop-layout");
+    if (e >= 650) {
+      const o = t.classList.contains("desktop-layout");
       t.classList.remove("desktop-layout"), t.offsetHeight;
       const n = t.querySelector(
         ".spot-benefits__list, .spot-qualifying-reasons__container"
       );
       if (!n)
-        return e && t.classList.add("desktop-layout"), e;
+        return o && t.classList.add("desktop-layout"), o;
       const a = Math.min(n.scrollWidth, 400) + s + i;
-      return e && t.classList.add("desktop-layout"), o >= a;
+      return o && t.classList.add("desktop-layout"), e >= a;
     }
     return !1;
   }
@@ -612,6 +656,9 @@ class Z {
       }, 100);
     }), this._resizeObserver.observe(this.container));
   }
+  _getTotalItemsInRequest() {
+    return "cartInfo" in this.options.quoteRequestData && "items" in this.options.quoteRequestData ? this.options.quoteRequestData.items.length : 1;
+  }
   _applyQuoteUpdates(t) {
     !this.quote || !this.container || (t.spotPriceWithFees !== void 0 && (this.quote.communication.yesOptionText = this.quote.communication.yesOptionText.replace(
       `$${this.quote.spotPrice.toFixed(2)}`,
@@ -619,25 +666,25 @@ class Z {
     )), this.destroy(), this._renderWidget());
   }
   _setupOptionListeners(t) {
-    const o = t.querySelectorAll(
+    const e = t.querySelectorAll(
       'input[type="radio"]'
     ), s = t.querySelectorAll(".spot-selection__option");
-    o.forEach((i) => {
-      i.addEventListener("change", (e) => {
-        var a, u, f;
-        const n = e.target, r = n.value;
-        if (this.hideSelectionError(), this.currentSelection = r, s.forEach((h) => h.classList.remove("selected")), (a = n.closest(".spot-selection__option")) == null || a.classList.add("selected"), this.paymentTermsEl && (this.paymentTermsEl.innerHTML = ""), r === "yes" && (this.options.quoteRequestData.isPartialPayment && V(this.paymentTermsEl, this.quote), (u = this.options.callbacks) != null && u.onOptIn)) {
-          const h = {
+    e.forEach((i) => {
+      i.addEventListener("change", (o) => {
+        var a, u, h;
+        const n = o.target, r = n.value;
+        if (this.hideSelectionError(), this.currentSelection = r, s.forEach((f) => f.classList.remove("selected")), (a = n.closest(".spot-selection__option")) == null || a.classList.add("selected"), this.paymentTermsEl && (this.paymentTermsEl.innerHTML = ""), r === "yes" && (this.options.quoteRequestData.isPartialPayment && R(this.paymentTermsEl, this.quote), (u = this.options.callbacks) != null && u.onOptIn)) {
+          const f = {
             status: "QUOTE_ACCEPTED",
             spotPrice: this.quote.spotPrice,
             quoteId: this.quote.id
           };
           if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
             const y = this.options.quoteRequestData;
-            h.batchQuoteDetails = this.quote.originalQuotes.map(
+            f.batchQuoteDetails = this.quote.originalQuotes.map(
               (c) => {
-                var m;
-                const d = (m = y.items) == null ? void 0 : m.find(
+                var l;
+                const d = (l = y.items) == null ? void 0 : l.find(
                   (b) => (b.cartItemId || `item-${y.items.indexOf(b) + 1}`) === c.id
                 );
                 return {
@@ -648,19 +695,19 @@ class Z {
               }
             );
           }
-          this.options.callbacks.onOptIn(h);
+          this.options.callbacks.onOptIn(f);
         }
-        if (r === "no" && ((f = this.options.callbacks) != null && f.onOptOut)) {
-          const h = {
+        if (r === "no" && ((h = this.options.callbacks) != null && h.onOptOut)) {
+          const f = {
             status: "QUOTE_DECLINED",
             quoteId: this.quote.id
           };
           if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
             const y = this.options.quoteRequestData;
-            h.batchQuoteDetails = this.quote.originalQuotes.map(
+            f.batchQuoteDetails = this.quote.originalQuotes.map(
               (c) => {
-                var m;
-                const d = (m = y.items) == null ? void 0 : m.find(
+                var l;
+                const d = (l = y.items) == null ? void 0 : l.find(
                   (b) => (b.cartItemId || `item-${y.items.indexOf(b) + 1}`) === c.id
                 );
                 return {
@@ -671,7 +718,7 @@ class Z {
               }
             );
           }
-          this.options.callbacks.onOptOut(h);
+          this.options.callbacks.onOptOut(f);
         }
       });
     });
@@ -680,10 +727,10 @@ class Z {
     var t;
     if (!this.errorEl) {
       this.errorEl = document.createElement("div"), this.errorEl.className = "spot-selection__error", this.errorEl.textContent = "Please make a selection";
-      const o = (t = this.container) == null ? void 0 : t.querySelector(
+      const e = (t = this.container) == null ? void 0 : t.querySelector(
         ".spot-selection__options"
       );
-      o && o.insertAdjacentElement("afterend", this.errorEl);
+      e && e.insertAdjacentElement("afterend", this.errorEl);
     }
     this.errorEl.style.display = "block";
   }
@@ -698,24 +745,24 @@ class Z {
     return t ? this.hideSelectionError() : this.showSelectionError(), t;
   }
   async updateQuote(t) {
-    var o, s, i, e;
+    var e, s, i, o;
     try {
       const n = {
         ...this.options,
         quoteRequestData: t
       };
       I(n);
-      const { environment: r, partnerId: a, customEndpoint: u } = this.options.apiConfig, f = u || T[r], y = "cartInfo" in n.quoteRequestData && "items" in n.quoteRequestData ? await D(
-        f,
+      const { environment: r, partnerId: a, customEndpoint: u } = this.options.apiConfig, h = u || T[r], y = "cartInfo" in n.quoteRequestData && "items" in n.quoteRequestData ? await D(
+        h,
         a,
         n.quoteRequestData
-      ) : await k(
-        f,
+      ) : await x(
+        h,
         a,
         n.quoteRequestData
       );
       if (y.status !== "QUOTE_AVAILABLE")
-        return y.status === "NO_MATCHING_QUOTE" && ((o = this.options.callbacks) != null && o.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
+        return y.status === "NO_MATCHING_QUOTE" && ((e = this.options.callbacks) != null && e.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
           status: "NO_MATCHING_QUOTE",
           data: n.quoteRequestData
         }), !1;
@@ -726,7 +773,7 @@ class Z {
       return !0;
     } catch (n) {
       const r = n;
-      return (e = (i = this.options.callbacks) == null ? void 0 : i.onError) == null || e.call(i, {
+      return (o = (i = this.options.callbacks) == null ? void 0 : i.onError) == null || o.call(i, {
         message: r.message,
         status: r.status,
         responseBody: r.responseBody
@@ -734,20 +781,20 @@ class Z {
     }
   }
   getSelection() {
-    var o, s, i;
+    var e, s, i;
     if (this.currentSelection == null) return null;
     const t = {
       selection: this.currentSelection,
-      quoteId: (o = this.quote) == null ? void 0 : o.id,
+      quoteId: (e = this.quote) == null ? void 0 : e.id,
       spotPrice: (s = this.quote) == null ? void 0 : s.spotPrice,
       status: this.currentSelection === "yes" ? "QUOTE_ACCEPTED" : "QUOTE_DECLINED"
     };
     if ((i = this.quote) != null && i.originalQuotes && this.quote.originalQuotes.length > 0) {
-      const e = this.options.quoteRequestData;
+      const o = this.options.quoteRequestData;
       t.batchQuoteDetails = this.quote.originalQuotes.map((n) => {
         var a;
-        const r = (a = e.items) == null ? void 0 : a.find(
-          (u) => (u.cartItemId || `item-${e.items.indexOf(u) + 1}`) === n.id
+        const r = (a = o.items) == null ? void 0 : a.find(
+          (u) => (u.cartItemId || `item-${o.items.indexOf(u) + 1}`) === n.id
         );
         return {
           quoteId: n.id,
@@ -763,5 +810,5 @@ class Z {
   }
 }
 export {
-  Z as default
+  A as default
 };