@getspot/spot-widget 1.2.0 → 1.4.0

package/dist/index.es.js

@@ -1,49 +1,49 @@
-async function I(p, e, o) {
+async function I(c, t, e) {
   try {
-    const n = await fetch(p, {
+    const n = await fetch(c, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "X-Spot-Partner-Id": e
+        "X-Spot-Partner-Id": t
       },
-      body: JSON.stringify(o)
-    }), t = await n.json();
+      body: JSON.stringify(e)
+    }), o = await n.json();
     if (!n.ok) {
-      const r = new Error((t == null ? void 0 : t.message) || "Failed to fetch quote");
-      throw r.status = n.status, r.responseBody = t, r;
+      const r = new Error((o == null ? void 0 : o.message) || "Failed to fetch quote");
+      throw r.status = n.status, r.responseBody = o, r;
     }
-    return t;
+    return o;
   } catch (n) {
     throw n instanceof Error ? n : new Error("Unknown error occurred while fetching quote");
   }
 }
-async function x(p, e, o) {
+async function T(c, t, e) {
   try {
-    const n = p.replace("/quote", "/quote/batch"), t = await fetch(n, {
+    const n = c.replace("/quote", "/quote/batch"), o = await fetch(n, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "X-Spot-Partner-Id": e
+        "X-Spot-Partner-Id": t
       },
-      body: JSON.stringify(o)
-    }), r = await t.json();
-    if (!t.ok) {
-      const c = new Error((r == null ? void 0 : r.message) || "Failed to fetch batch quote");
-      throw c.status = t.status, c.responseBody = r, c;
+      body: JSON.stringify(e)
+    }), r = await o.json();
+    if (!o.ok) {
+      const p = new Error((r == null ? void 0 : r.message) || "Failed to fetch batch quote");
+      throw p.status = o.status, p.responseBody = r, p;
     }
     return r;
   } catch (n) {
     throw n instanceof Error ? n : new Error("Unknown error occurred while fetching batch quote");
   }
 }
-async function k(p, e, o) {
+async function D(c, t, e) {
   try {
     const n = {
-      cartId: o.cartInfo.cartId,
-      cartName: o.cartInfo.cartName,
-      currencyCode: o.cartInfo.currencyCode,
-      items: o.items.map((a, u) => ({
-        cartItemId: a.cartItemId || `item-${u + 1}`,
+      cartId: e.cartInfo.cartId,
+      cartName: e.cartInfo.cartName,
+      currencyCode: e.cartInfo.currencyCode,
+      items: e.items.map((a, d) => ({
+        cartItemId: a.cartItemId || `item-${d + 1}`,
         productPrice: a.productPrice,
         productType: a.productType,
         productDuration: a.productDuration,
@@ -54,33 +54,33 @@ async function k(p, e, o) {
         startDate: a.startDate,
         endDate: a.endDate
       }))
-    }, t = await x(p, e, n);
-    if (t.status !== "QUOTES_AVAILABLE" && t.status !== "QUOTE_AVAILABLE")
+    }, o = await T(c, t, n);
+    if (o.status !== "QUOTES_AVAILABLE" && o.status !== "QUOTE_AVAILABLE")
       return { status: "NO_MATCHING_QUOTE" };
-    const r = t.quotes.map((a) => {
-      const u = o.items.find(
-        (h) => (h.cartItemId || `item-${o.items.indexOf(h) + 1}`) === a.cartItemId
+    const r = o.quotes.map((a) => {
+      const d = e.items.find(
+        (h) => (h.cartItemId || `item-${e.items.indexOf(h) + 1}`) === a.cartItemId
       );
-      return u ? u.participantDescription ? `${u.productName} - ${u.participantDescription}` : u.productName : `Item ${a.cartItemId}`;
-    }), c = Math.round((t.totalSpotPrice || t.spotPrice || 0) * 100) / 100;
+      return d ? d.participantDescription ? `${d.productName} - ${d.participantDescription}` : d.productName : `Item ${a.cartItemId}`;
+    }), p = Math.round((o.totalSpotPrice || o.spotPrice || 0) * 100) / 100;
     return {
       status: "QUOTE_AVAILABLE",
       data: {
-        id: t.quotes ? t.quotes.map((a) => a.id).join(",") : t.id,
-        spotPrice: c,
-        currencyCode: t.currencyCode,
+        id: o.quotes ? o.quotes.map((a) => a.id).join(",") : o.id,
+        spotPrice: p,
+        currencyCode: o.currencyCode,
         communication: {
-          ...t.communication,
-          yesOptionText: t.communication.yesOptionText.replace(t.totalSpotPrice, c)
+          ...o.communication,
+          yesOptionText: o.communication.yesOptionText.replace(o.totalSpotPrice, p)
         },
-        payoutSchedule: t.payoutSchedule.map((a) => ({
+        payoutSchedule: o.payoutSchedule.map((a) => ({
           ...a,
           amount: a.amount !== void 0 ? a.amount : 0
         })),
         coveredItems: r,
-        originalQuotes: t.quotes || [t]
+        originalQuotes: o.quotes || [o]
       },
-      spotPrice: c,
+      spotPrice: p,
       coveredItems: r
     };
   } catch (n) {
@@ -92,25 +92,25 @@ const N = {
   production: "https://api.getspot.com/v1/quote",
   local: "http://localhost:3999/api/v1/quote"
 };
-function D(p) {
+function k(c) {
   const {
-    apiConfig: e = {},
-    quoteRequestData: o,
+    apiConfig: t = {},
+    quoteRequestData: e,
     callbacks: n = {},
-    location: t,
+    location: o,
     theme: r
-  } = p, {
-    environment: c = "sandbox",
+  } = c, {
+    environment: p = "sandbox",
     partnerId: a,
-    endpoint: u
-  } = e;
+    endpoint: d
+  } = t;
   if (!a || typeof a != "string")
     throw new Error("Invalid or missing partnerId in apiConfig");
-  if (!(u || N[c]))
-    throw new Error(`Invalid environment in apiConfig: ${c}`);
-  if (!o || typeof o != "object" && !Array.isArray(o))
+  if (!(d || N[p]))
+    throw new Error(`Invalid environment in apiConfig: ${p}`);
+  if (!e || typeof e != "object" && !Array.isArray(e))
     throw new Error("quoteRequestData must be a non-null object or array");
-  const m = [
+  const g = [
     "startDate",
     "endDate",
     "currencyCode",
@@ -122,48 +122,48 @@ function D(p) {
     "cartId",
     "productName"
   ];
-  function d(s, y = null) {
-    const f = y !== null ? `quoteRequestData[${y}]` : "quoteRequestData";
-    m.forEach((b) => {
-      if (!Object.prototype.hasOwnProperty.call(s, b) || s[b] === void 0 || s[b] === null)
-        throw new Error(`Missing required ${f} field: '${b}'`);
+  function l(s, u = null) {
+    const m = u !== null ? `quoteRequestData[${u}]` : "quoteRequestData";
+    g.forEach((v) => {
+      if (!Object.prototype.hasOwnProperty.call(s, v) || s[v] === void 0 || s[v] === null)
+        throw new Error(`Missing required ${m} field: '${v}'`);
     });
-    const v = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
-    if (!v.test(s.startDate))
-      throw new Error(`${f}.startDate must be a valid ISO8601 string`);
-    if (!v.test(s.endDate))
-      throw new Error(`${f}.endDate must be a valid ISO8601 string`);
+    const w = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
+    if (!w.test(s.startDate))
+      throw new Error(`${m}.startDate must be a valid ISO8601 string`);
+    if (!w.test(s.endDate))
+      throw new Error(`${m}.endDate must be a valid ISO8601 string`);
     if (typeof s.currencyCode != "string")
-      throw new Error(`${f}.currencyCode must be a string`);
+      throw new Error(`${m}.currencyCode must be a string`);
     if (!["USD", "CAD", "AUD"].includes(s.currencyCode))
-      throw new Error(`Invalid ${f}.currencyCode: ${s.currencyCode}`);
+      throw new Error(`Invalid ${m}.currencyCode: ${s.currencyCode}`);
     if (typeof s.eventType != "string")
-      throw new Error(`${f}.eventType must be a string`);
+      throw new Error(`${m}.eventType must be a string`);
     if (typeof s.productType != "string")
-      throw new Error(`${f}.productType must be a string`);
-    const w = ["Pass", "Trip", "Registration"];
-    if (!w.includes(s.productType))
+      throw new Error(`${m}.productType must be a string`);
+    const _ = ["Pass", "Trip", "Registration"];
+    if (!_.includes(s.productType))
       throw new Error(
-        `${f}.productType must be one of ${w.join(", ")}`
+        `${m}.productType must be one of ${_.join(", ")}`
       );
     if (typeof s.productDuration != "string")
-      throw new Error(`${f}.productDuration must be a string`);
-    const g = ["Daily", "Seasonal", "Trip", "Event"];
-    if (!g.includes(s.productDuration))
+      throw new Error(`${m}.productDuration must be a string`);
+    const b = ["Daily", "Seasonal", "Trip", "Event"];
+    if (!b.includes(s.productDuration))
       throw new Error(
-        `${f}.productDuration must be one of ${g.join(", ")}`
+        `${m}.productDuration must be one of ${b.join(", ")}`
       );
     if (typeof s.productPrice != "number" || isNaN(s.productPrice))
-      throw new Error(`${f}.productPrice must be a valid number`);
+      throw new Error(`${m}.productPrice must be a valid number`);
     if (typeof s.productId != "string")
-      throw new Error(`${f}.productId must be a string`);
+      throw new Error(`${m}.productId must be a string`);
     if (typeof s.cartId != "string")
-      throw new Error(`${f}.cartId must be a string`);
+      throw new Error(`${m}.cartId must be a string`);
     if (typeof s.productName != "string")
-      throw new Error(`${f}.productName must be a string`);
+      throw new Error(`${m}.productName must be a string`);
   }
-  if (o.cartInfo && o.items) {
-    const { cartInfo: s, items: y } = o;
+  if (e.cartInfo && e.items) {
+    const { cartInfo: s, items: u } = e;
     if (!s || typeof s != "object")
       throw new Error("quoteRequestData.cartInfo must be a non-null object");
     if (!s.cartId || typeof s.cartId != "string")
@@ -174,51 +174,51 @@ function D(p) {
       throw new Error("quoteRequestData.cartInfo.currencyCode must be a string");
     if (!["USD", "CAD", "AUD"].includes(s.currencyCode))
       throw new Error(`Invalid quoteRequestData.cartInfo.currencyCode: ${s.currencyCode}`);
-    if (!Array.isArray(y) || y.length === 0)
+    if (!Array.isArray(u) || u.length === 0)
       throw new Error("quoteRequestData.items must be a non-empty array");
-    const v = m.filter((l) => l !== "cartId" && l !== "currencyCode");
-    y.forEach((l, w) => {
-      if (!l || typeof l != "object")
-        throw new Error(`quoteRequestData.items[${w}] must be a non-null object`);
-      const g = `quoteRequestData.items[${w}]`;
-      v.forEach((_) => {
-        if (!Object.prototype.hasOwnProperty.call(l, _) || l[_] === void 0 || l[_] === null)
-          throw new Error(`Missing required ${g} field: '${_}'`);
+    const w = g.filter((f) => f !== "cartId" && f !== "currencyCode");
+    u.forEach((f, _) => {
+      if (!f || typeof f != "object")
+        throw new Error(`quoteRequestData.items[${_}] must be a non-null object`);
+      const b = `quoteRequestData.items[${_}]`;
+      w.forEach((q) => {
+        if (!Object.prototype.hasOwnProperty.call(f, q) || f[q] === void 0 || f[q] === null)
+          throw new Error(`Missing required ${b} field: '${q}'`);
       });
-      const b = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
-      if (!b.test(l.startDate))
-        throw new Error(`${g}.startDate must be a valid ISO8601 string`);
-      if (!b.test(l.endDate))
-        throw new Error(`${g}.endDate must be a valid ISO8601 string`);
-      if (typeof l.eventType != "string")
-        throw new Error(`${g}.eventType must be a string`);
-      if (typeof l.productType != "string")
-        throw new Error(`${g}.productType must be a string`);
-      const E = ["Pass", "Trip", "Registration"];
-      if (!E.includes(l.productType))
-        throw new Error(`${g}.productType must be one of ${E.join(", ")}`);
-      if (typeof l.productDuration != "string")
-        throw new Error(`${g}.productDuration must be a string`);
-      const q = ["Daily", "Seasonal", "Trip", "Event"];
-      if (!q.includes(l.productDuration))
-        throw new Error(`${g}.productDuration must be one of ${q.join(", ")}`);
-      if (typeof l.productPrice != "number" || isNaN(l.productPrice))
-        throw new Error(`${g}.productPrice must be a valid number`);
-      if (typeof l.productId != "string")
-        throw new Error(`${g}.productId must be a string`);
-      if (typeof l.productName != "string")
-        throw new Error(`${g}.productName must be a string`);
+      const v = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
+      if (!v.test(f.startDate))
+        throw new Error(`${b}.startDate must be a valid ISO8601 string`);
+      if (!v.test(f.endDate))
+        throw new Error(`${b}.endDate must be a valid ISO8601 string`);
+      if (typeof f.eventType != "string")
+        throw new Error(`${b}.eventType must be a string`);
+      if (typeof f.productType != "string")
+        throw new Error(`${b}.productType must be a string`);
+      const C = ["Pass", "Trip", "Registration"];
+      if (!C.includes(f.productType))
+        throw new Error(`${b}.productType must be one of ${C.join(", ")}`);
+      if (typeof f.productDuration != "string")
+        throw new Error(`${b}.productDuration must be a string`);
+      const E = ["Daily", "Seasonal", "Trip", "Event"];
+      if (!E.includes(f.productDuration))
+        throw new Error(`${b}.productDuration must be one of ${E.join(", ")}`);
+      if (typeof f.productPrice != "number" || isNaN(f.productPrice))
+        throw new Error(`${b}.productPrice must be a valid number`);
+      if (typeof f.productId != "string")
+        throw new Error(`${b}.productId must be a string`);
+      if (typeof f.productName != "string")
+        throw new Error(`${b}.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((s, y) => {
+    e.forEach((s, u) => {
       if (!s || typeof s != "object")
-        throw new Error(`quoteRequestData[${y}] must be a non-null object`);
-      d(s, y);
+        throw new Error(`quoteRequestData[${u}] must be a non-null object`);
+      l(s, u);
     });
   } else
-    d(o);
+    l(e);
   if ([
     "onOptIn",
     "onOptOut",
@@ -226,109 +226,149 @@ function D(p) {
     "onError",
     "noMatchingQuote"
   ].forEach((s) => {
-    const y = n[s];
-    if (y && typeof y != "function")
+    const u = n[s];
+    if (u && typeof u != "function")
       throw new Error(`Callback '${s}' must be a function.`);
-  }), typeof t == "string" && !document.querySelector(t))
-    throw new Error(`Invalid location selector: '${t}'`);
+  }), typeof o == "string" && !document.querySelector(o))
+    throw new Error(`Invalid location selector: '${o}'`);
   if (r && typeof r != "object")
     throw new Error(
       "Theme must be an object with CSS variables, do not include the '--' prefix"
     );
 }
-function i(p, { text: e, className: o, parent: n, innerHTML: t } = {}) {
-  const r = document.createElement(p);
-  return o && (r.className = o), e != null && (r.textContent = e), t != null && (r.innerHTML = t), n && n.appendChild(r), r;
+function i(c, { text: t, className: e, parent: n, innerHTML: o } = {}) {
+  const r = document.createElement(c);
+  return e && (r.className = e), t != null && (r.textContent = t), o != null && (r.innerHTML = o), n && n.appendChild(r), r;
 }
-function O(p, { name: e, description: o }) {
+function O(c, { name: t, description: e }) {
   i("div", {
     className: "spot-header__title",
-    text: e,
-    parent: p
+    text: t,
+    parent: c
   }), i("div", {
     className: "spot-header__description",
-    text: o,
-    parent: p
+    text: e,
+    parent: c
   });
 }
-function P(p, e = []) {
-  const o = i("ul", {
+function R(c, t = []) {
+  const e = i("ul", {
     className: "spot-benefits__list",
-    parent: p
+    parent: c
   });
-  e.forEach((n) => {
-    const t = i("li", { parent: o });
-    t.innerHTML = `
+  t.forEach((n) => {
+    const o = i("li", { parent: e });
+    o.innerHTML = `
             <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
               <path d="M11.6666 3.5L5.24998 9.91667L2.33331 7"
                 stroke="#2E2E2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>`, i("span", { text: n, parent: t });
+            </svg>`, i("span", { text: n, parent: o });
+  });
+}
+function P(c, t = []) {
+  if (!t || t.length === 0) return;
+  const e = i("div", {
+    className: "spot-qualifying-reasons__container",
+    parent: c
+  }), n = [...t].sort((d, h) => d.rank - h.rank), o = i("div", {
+    className: "spot-qualifying-reasons__grid",
+    parent: e
+  }), r = {
+    "Accident & Illness": "cross.svg",
+    "Family Emergencies": "users.svg",
+    Layoffs: "building.svg",
+    "Jury Duty": "scale.svg",
+    "Work Travel Conflict": "briefcase.svg",
+    "Severe Weather": "umbrella.svg",
+    "Travel Interruption": "plane.svg",
+    "Military Duty": "medal.svg"
+  }, p = new URL(import.meta.url), a = p.origin + p.pathname.replace(/\/src\/[^/]*$/, "/assets/");
+  n.forEach((d) => {
+    var y, s, u;
+    const h = i("div", {
+      className: "spot-qualifying-reasons__item",
+      parent: o
+    }), g = i("div", {
+      className: "spot-qualifying-reasons__icon-wrapper",
+      parent: h
+    }), l = r[(y = d.benefitType) == null ? void 0 : y.name] || r[d.name];
+    if (l) {
+      const m = i("img", {
+        parent: g
+      });
+      m.src = a + l, m.alt = ((s = d.benefitType) == null ? void 0 : s.name) || d.name || "", m.className = "spot-qualifying-reasons__icon";
+    }
+    i("span", {
+      className: "spot-qualifying-reasons__label",
+      text: ((u = d.benefitType) == null ? void 0 : u.name) || d.name || "",
+      parent: h
+    });
   });
 }
-function $(p, e = []) {
-  if (e.length === 0) return;
-  const o = i("div", {
+function $(c, t = []) {
+  if (t.length === 0) return;
+  const e = i("div", {
     className: "spot-covered-items__container",
-    parent: p
+    parent: c
   });
   i("div", {
     className: "spot-covered-items__title",
     text: "Items covered in your cart:",
-    parent: o
+    parent: e
   });
   const n = i("ul", {
     className: "spot-covered-items__list",
-    parent: o
+    parent: e
   });
-  e.forEach((t) => {
+  t.forEach((o) => {
     const r = i("li", { parent: n });
-    i("span", { text: t, parent: r });
+    i("span", { text: o, parent: r });
   });
 }
-function Q(p, e = []) {
-  const o = i("div", {
+function z(c, t = []) {
+  const e = i("div", {
     className: "spot-table__container",
-    parent: p
+    parent: c
   }), n = i("table", {
     className: "spot-refund__table spot-table--dynamic",
-    parent: o
-  }), t = i("thead", { parent: n }), r = i("tr", { parent: t });
+    parent: e
+  }), o = i("thead", { parent: n }), r = i("tr", { parent: o });
   i("th", { text: "When you cancel", parent: r }), i("th", { text: "You will receive", parent: r });
-  const c = i("tbody", { parent: n });
-  e.forEach(({ text: a, percent: u, amount: h }) => {
-    const m = i("tr", { parent: c });
-    i("td", { text: a, parent: m });
-    const d = u === "Not eligible for refund" ? "Not eligible for a refund" : `$${h} refund`;
-    i("td", { text: d, parent: m });
+  const p = i("tbody", { parent: n });
+  t.forEach(({ text: a, percent: d, amount: h }) => {
+    const g = i("tr", { parent: p });
+    i("td", { text: a, parent: g });
+    const l = d === "Not eligible for refund" ? "Not eligible for a refund" : `$${h} refund`;
+    i("td", { text: l, parent: g });
   });
 }
-function H(p, e, o) {
+function Q(c, t, e) {
   const n = i("div", {
     className: "spot-selection__options",
-    parent: p
-  }), t = i("label", {
-    className: `spot-selection__option ${e ? "selected" : ""}`,
+    parent: c
+  }), o = i("label", {
+    className: `spot-selection__option ${t ? "selected" : ""}`,
     parent: n
-  }), r = i("input", { parent: t });
-  r.type = "radio", r.name = "selection", r.value = "yes", e && (r.checked = !0), i("strong", {
-    text: o.yesOptionText,
-    parent: t
+  }), r = i("input", { parent: o });
+  r.type = "radio", r.name = "selection", r.value = "yes", t && (r.checked = !0), i("strong", {
+    text: e.yesOptionText,
+    parent: o
   }), i("span", {
     className: "spot-selection__recommended-tag",
     text: "Recommended",
-    parent: t
+    parent: o
   });
-  const c = i("label", {
+  const p = i("label", {
     className: "spot-selection__option",
     parent: n
-  }), a = i("input", { parent: c });
-  return a.type = "radio", a.name = "selection", a.value = "no", i("span", { text: o.noOptionText, parent: c }), n;
+  }), a = i("input", { parent: p });
+  return a.type = "radio", a.name = "selection", a.value = "no", i("span", { text: e.noOptionText, parent: p }), n;
 }
-function S(p, e) {
-  var t;
-  const o = (t = e.communication) == null ? void 0 : t.paymentTerms, n = i("div", {
+function S(c, t) {
+  var o;
+  const e = (o = t.communication) == null ? void 0 : o.paymentTerms, n = i("div", {
     className: "spot-payment-terms",
-    parent: p
+    parent: c
   });
   return i("div", {
     className: "spot-payment-terms__header",
@@ -336,32 +376,32 @@ function S(p, e) {
     parent: n
   }), i("div", {
     className: "spot-payment-terms__body",
-    text: o,
+    text: e,
     parent: n
   }), n;
 }
-function z(p, e) {
-  const o = i("div", {
+function H(c, t) {
+  const e = i("div", {
     className: "spot-footer__container",
-    parent: p
+    parent: c
   }), n = i("div", {
     className: "spot-footer__terms",
-    parent: o
+    parent: e
   });
   i("span", {
-    innerHTML: e.communication.legalDisclaimer,
+    innerHTML: t.communication.legalDisclaimer,
     parent: n
   }), i("br", { parent: n }), i("a", {
-    href: e.communication.termsAndConditionsUrl,
+    href: t.communication.termsAndConditionsUrl,
     className: "spot-footer__terms-link",
     text: "Refund Guarantee Terms and Conditions",
     parent: n
   });
-  const t = i("p", {
+  const o = i("p", {
     className: "spot-footer__powered-by",
-    parent: o
+    parent: e
   });
-  return t.innerHTML = `
+  return 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"/>
@@ -376,21 +416,21 @@ function z(p, e) {
                 <rect width="45.405" height="14.8867" fill="white" transform="translate(87 8)"/>
               </clipPath>
             </defs>
-          </svg>`, o;
+          </svg>`, e;
 }
-const M = ":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-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-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}.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}@media (min-width: 48rem){.spot-content__wrapper.desktop-layout{display:grid;grid-template-columns:1fr 20.3125rem;align-items:start;gap:1rem}.desktop-layout .spot-benefits__list{grid-row:1}.desktop-layout .spot-covered-items__container{grid-row:2;grid-column:1}.desktop-layout .spot-selection__options{grid-row:3}.desktop-layout .spot-table__container{grid-row:1 / span 3}}@media (max-width: 52.438rem){.spot-selection__recommended-tag{display:inline-block;margin-left:0}}@media (max-width: 47.938rem){.spot-selection__recommended-tag{margin-top:0rem}}@media (max-width: 32.125rem){.spot-selection__recommended-tag{margin-top:.5rem}}@media (max-width: 47.9375rem){.spot-table__container{display:flex;justify-content:center}.spot-selection__recommended-tag{display:inline-block;margin-left:0}.spot-footer__container{flex-direction:column;margin-top:.5rem}.spot-refund__table{width:100%;table-layout:auto}.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:.5rem;display:flex;align-items:flex-start;gap:.5rem}.spot-benefits__list li svg{flex-shrink:0;position:relative;top:.125rem}.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:1.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;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}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:block;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;gap:.5rem;flex:1 0 0;align-self:stretch}.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:1.5rem;white-space:nowrap}.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)}.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;justify-content:space-between;align-items:center}.spot-footer__powered-by{margin-top:1.5rem}";
-function R(p) {
-  const e = document.createElement("style");
-  e.textContent = p, document.head.appendChild(e);
+const M = ":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-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}.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}@media (min-width: 48rem){.spot-content__wrapper.desktop-layout{display:grid;grid-template-columns:1fr 20.3125rem;align-items:start;gap:1rem}.desktop-layout .spot-benefits__list{grid-row:1}.desktop-layout .spot-covered-items__container{grid-row:2;grid-column:1}.desktop-layout .spot-selection__options{grid-row:3}.desktop-layout .spot-table__container{grid-row:1 / span 3}}@media (max-width: 52.438rem){.spot-selection__recommended-tag{display:inline-block;margin-left:0}}@media (max-width: 47.938rem){.spot-selection__recommended-tag{margin-top:0rem}}@media (max-width: 32.125rem){.spot-selection__recommended-tag{margin-top:.5rem}}@media (max-width: 47.9375rem){.spot-table__container{display:flex;justify-content:center}.spot-selection__recommended-tag{display:inline-block;margin-left:0}.spot-footer__container{flex-direction:column;margin-top:.5rem}.spot-refund__table{width:100%;table-layout:auto}.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:.5rem;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:1.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;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}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:block;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;gap:.5rem;flex:1 0 0;align-self:stretch}.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:1.5rem;white-space:nowrap}.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)}.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;justify-content:space-between;align-items:center}.spot-footer__powered-by{margin-top:1.5rem}";
+function L(c) {
+  const t = document.createElement("style");
+  t.textContent = c, document.head.appendChild(t);
 }
-R(M);
-const T = {
+L(M);
+const x = {
   sandbox: "https://api.sandbox.getspot.com/api/v1/quote",
   production: "https://api.getspot.com/api/v1/quote",
   local: "http://localhost:3999/api/v1/quote"
 };
-class L {
-  constructor(e = {}) {
+class A {
+  constructor(t = {}) {
     this.options = {
       location: "body",
       showTable: !0,
@@ -398,103 +438,129 @@ class L {
       apiConfig: { environment: "production", partnerId: "" },
       quoteRequestData: {},
       callbacks: {},
-      ...e
+      ...t
     }, 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 e, o, n, t, r;
+    var t, e, n, o, r;
     try {
-      D(this.options);
-      const { environment: c, partnerId: a } = this.options.apiConfig, h = this.options.apiConfig.customEndpoint || T[c], d = this.options.quoteRequestData.cartInfo && this.options.quoteRequestData.items ? await k(h, a, this.options.quoteRequestData) : await I(h, a, this.options.quoteRequestData);
-      if (d.status !== "QUOTE_AVAILABLE") {
-        d.status === "NO_MATCHING_QUOTE" && ((e = this.options.callbacks) != null && e.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
+      k(this.options);
+      const { environment: p, partnerId: a } = this.options.apiConfig, h = this.options.apiConfig.customEndpoint || x[p], l = this.options.quoteRequestData.cartInfo && this.options.quoteRequestData.items ? await D(
+        h,
+        a,
+        this.options.quoteRequestData
+      ) : await I(h, a, this.options.quoteRequestData);
+      if (l.status !== "QUOTE_AVAILABLE") {
+        l.status === "NO_MATCHING_QUOTE" && ((t = this.options.callbacks) != null && t.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
           status: "NO_MATCHING_QUOTE",
           data: this.options.quoteRequestData
         });
         return;
       }
-      if (this.quote = d.data, this._renderWidget(), this.options.optInSelected && ((o = this.options.callbacks) != null && o.onOptIn)) {
-        const C = {
+      if (this.quote = l.data, this._renderWidget(), this.options.optInSelected && ((e = this.options.callbacks) != null && e.onOptIn)) {
+        const y = {
           status: "QUOTE_ACCEPTED",
           spotPrice: this.quote.spotPrice,
           quoteId: this.quote.id
         };
-        this.quote.originalQuotes && this.quote.originalQuotes.length > 0 && (C.batchQuoteDetails = this.quote.originalQuotes.map((s) => ({
-          quoteId: s.id,
-          productPrice: s.spotPrice,
-          cartItemId: s.cartItemId
-        }))), this.options.callbacks.onOptIn(C);
+        this.quote.originalQuotes && this.quote.originalQuotes.length > 0 && (y.batchQuoteDetails = this.quote.originalQuotes.map((s) => {
+          var m;
+          const u = (m = this.options.quoteRequestData.items) == null ? void 0 : m.find(
+            (w) => (w.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(w) + 1}`) === s.cartItemId
+          );
+          return {
+            quoteId: s.id,
+            productPrice: (u == null ? void 0 : u.productPrice) || s.spotPrice,
+            cartItemId: s.cartItemId
+          };
+        })), this.options.callbacks.onOptIn(y);
       }
       (n = this.options.callbacks) != null && n.onQuoteRetrieved && this.options.callbacks.onQuoteRetrieved(this.quote);
-    } catch (c) {
-      (t = this.options.callbacks) != null && t.onError && ((r = this.options.callbacks) == null || r.onError({
-        message: c.message,
-        status: c.status,
-        responseBody: c.responseBody
+    } catch (p) {
+      (o = this.options.callbacks) != null && o.onError && ((r = this.options.callbacks) == null || r.onError({
+        message: p.message,
+        status: p.status,
+        responseBody: p.responseBody
       }));
     }
   }
   _renderWidget() {
-    this.container = document.createElement("div"), this.container.className = "spot-refund-guarantee", this.root.appendChild(this.container), Object.entries(this.options.theme || {}).forEach(([n, t]) => {
+    this.container = document.createElement("div"), this.container.className = "spot-refund-guarantee", this.root.appendChild(this.container), Object.entries(this.options.theme || {}).forEach(([n, o]) => {
       const r = `--${n}`;
-      this.container.style.setProperty(r, t);
+      this.container.style.setProperty(r, o);
     }), O(this.container, this.quote.communication);
-    const e = document.createElement("div");
-    e.className = "spot-content__wrapper", this.container.appendChild(e), P(e, this.quote.communication.bulletPoints), this.quote.coveredItems && $(e, this.quote.coveredItems), this.options.showTable && Q(e, this.quote.payoutSchedule);
-    const o = H(
-      e,
+    const t = document.createElement("div");
+    t.className = "spot-content__wrapper", this.container.appendChild(t), this.quote.qualifyingReasons ? P(t, this.quote.qualifyingReasons) : R(t, this.quote.communication.bulletPoints), this.quote.coveredItems && $(t, this.quote.coveredItems), this.options.showTable && !this.quote.qualifyingReasons && z(t, this.quote.payoutSchedule);
+    const e = Q(
+      t,
       this.options.optInSelected,
       this.quote.communication
     );
-    e.appendChild(o), this.paymentTermsEl = i("div", {
+    t.appendChild(e), this.paymentTermsEl = i("div", {
       className: "spot-payment-terms__wrapper",
-      parent: e
-    }), z(this.container, this.quote), window.addEventListener("resize", this._onResize), this._updateLayout(), this._setupOptionListeners(o);
+      parent: t
+    }), H(this.container, this.quote), window.addEventListener("resize", this._onResize), this._updateLayout(), this._setupOptionListeners(e);
   }
   _updateLayout() {
-    const e = window.matchMedia("(min-width: 768px)").matches;
-    this.container.querySelector(".spot-content__wrapper").classList.toggle("desktop-layout", e && this.options.showTable);
+    const t = window.matchMedia("(min-width: 768px)").matches, e = this.options.showTable && !this.quote.qualifyingReasons;
+    this.container.querySelector(".spot-content__wrapper").classList.toggle("desktop-layout", t && e);
   }
-  _setupOptionListeners(e) {
-    const o = e.querySelectorAll('input[type="radio"]'), n = e.querySelectorAll(".spot-selection__option");
-    o.forEach((t) => {
-      t.addEventListener("change", (r) => {
-        var a, u, h;
-        const c = r.target.value;
-        if (this.hideSelectionError(), this.currentSelection = c, n.forEach((m) => m.classList.remove("selected")), (a = r.target.closest(".spot-selection__option")) == null || a.classList.add("selected"), this.paymentTermsEl && (this.paymentTermsEl.innerHTML = ""), c === "yes" && (this.options.quoteRequestData.isPartialPayment && S(this.paymentTermsEl, this.quote), (u = this.options.callbacks) != null && u.onOptIn)) {
-          const m = {
+  _setupOptionListeners(t) {
+    const e = t.querySelectorAll('input[type="radio"]'), n = t.querySelectorAll(".spot-selection__option");
+    e.forEach((o) => {
+      o.addEventListener("change", (r) => {
+        var a, d, h;
+        const p = r.target.value;
+        if (this.hideSelectionError(), this.currentSelection = p, n.forEach((g) => g.classList.remove("selected")), (a = r.target.closest(".spot-selection__option")) == null || a.classList.add("selected"), this.paymentTermsEl && (this.paymentTermsEl.innerHTML = ""), p === "yes" && (this.options.quoteRequestData.isPartialPayment && S(this.paymentTermsEl, this.quote), (d = this.options.callbacks) != null && d.onOptIn)) {
+          const g = {
             status: "QUOTE_ACCEPTED",
             spotPrice: this.quote.spotPrice,
             quoteId: this.quote.id
           };
-          this.quote.originalQuotes && this.quote.originalQuotes.length > 0 && (m.batchQuoteDetails = this.quote.originalQuotes.map((d) => ({
-            quoteId: d.id,
-            productPrice: d.spotPrice,
-            cartItemId: d.cartItemId
-          }))), this.options.callbacks.onOptIn(m);
+          this.quote.originalQuotes && this.quote.originalQuotes.length > 0 && (g.batchQuoteDetails = this.quote.originalQuotes.map(
+            (l) => {
+              var s;
+              const y = (s = this.options.quoteRequestData.items) == null ? void 0 : s.find(
+                (u) => (u.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(u) + 1}`) === l.cartItemId
+              );
+              return {
+                quoteId: l.id,
+                productPrice: (y == null ? void 0 : y.productPrice) || l.spotPrice,
+                cartItemId: l.cartItemId
+              };
+            }
+          )), this.options.callbacks.onOptIn(g);
         }
-        if (c === "no" && ((h = this.options.callbacks) != null && h.onOptOut)) {
-          const m = {
+        if (p === "no" && ((h = this.options.callbacks) != null && h.onOptOut)) {
+          const g = {
             status: "QUOTE_DECLINED",
             quoteId: this.quote.id
           };
-          this.quote.originalQuotes && this.quote.originalQuotes.length > 0 && (m.batchQuoteDetails = this.quote.originalQuotes.map((d) => ({
-            quoteId: d.id,
-            productPrice: d.spotPrice,
-            cartItemId: d.cartItemId
-          }))), this.options.callbacks.onOptOut(m);
+          this.quote.originalQuotes && this.quote.originalQuotes.length > 0 && (g.batchQuoteDetails = this.quote.originalQuotes.map(
+            (l) => {
+              var s;
+              const y = (s = this.options.quoteRequestData.items) == null ? void 0 : s.find(
+                (u) => (u.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(u) + 1}`) === l.cartItemId
+              );
+              return {
+                quoteId: l.id,
+                productPrice: (y == null ? void 0 : y.productPrice) || l.spotPrice,
+                cartItemId: l.cartItemId
+              };
+            }
+          )), this.options.callbacks.onOptOut(g);
         }
       });
     });
   }
   showSelectionError() {
-    var e;
+    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 = (e = this.container) == null ? void 0 : e.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";
   }
@@ -503,30 +569,38 @@ class L {
   }
   validateSelection() {
     if (!this.container) return !1;
-    const e = !!this.container.querySelector(
+    const t = !!this.container.querySelector(
       'input[name="selection"]:checked'
     );
-    return e ? this.hideSelectionError() : this.showSelectionError(), e;
+    return t ? this.hideSelectionError() : this.showSelectionError(), t;
   }
-  async updateQuote(e) {
-    var o, n, t;
+  async updateQuote(t) {
+    var e, n, o;
     try {
       const r = {
         ...this.options,
-        quoteRequestData: e
+        quoteRequestData: t
       };
-      D(r);
+      k(r);
       const {
-        environment: c,
+        environment: p,
         partnerId: a,
-        endpoint: u
-      } = this.options.apiConfig, h = u || T[c], d = r.quoteRequestData.cartInfo && r.quoteRequestData.items ? await k(h, a, r.quoteRequestData) : await I(h, a, r.quoteRequestData);
-      return d.status !== "QUOTE_AVAILABLE" ? (d.status === "NO_MATCHING_QUOTE" && ((o = this.options.callbacks) != null && o.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
+        endpoint: d
+      } = this.options.apiConfig, h = d || x[p], l = r.quoteRequestData.cartInfo && r.quoteRequestData.items ? await D(
+        h,
+        a,
+        r.quoteRequestData
+      ) : await I(
+        h,
+        a,
+        r.quoteRequestData
+      );
+      return l.status !== "QUOTE_AVAILABLE" ? (l.status === "NO_MATCHING_QUOTE" && ((e = this.options.callbacks) != null && e.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
         status: "NO_MATCHING_QUOTE",
         data: r.quoteRequestData
-      }), !1) : (this.options.quoteRequestData = r.quoteRequestData, this.quote = d.data, this.currentSelection = null, this.destroy(), this._renderWidget(), (n = this.options.callbacks) != null && n.onQuoteRetrieved && this.options.callbacks.onQuoteRetrieved(this.quote), !0);
+      }), !1) : (this.options.quoteRequestData = r.quoteRequestData, this.quote = l.data, this.currentSelection = null, this.destroy(), this._renderWidget(), (n = this.options.callbacks) != null && n.onQuoteRetrieved && this.options.callbacks.onQuoteRetrieved(this.quote), !0);
     } catch (r) {
-      return (t = this.options.callbacks) == null || t.onError({
+      return (o = this.options.callbacks) == null || o.onError({
         message: r.message,
         status: r.status,
         responseBody: r.responseBody
@@ -534,24 +608,30 @@ class L {
     }
   }
   getSelection() {
-    var o, n, t;
+    var e, n, o;
     if (this.currentSelection == null) return null;
-    const e = {
+    const t = {
       selection: this.currentSelection,
-      quoteId: (o = this.quote) == null ? void 0 : o.id,
+      quoteId: (e = this.quote) == null ? void 0 : e.id,
       spotPrice: (n = this.quote) == null ? void 0 : n.spotPrice,
       status: this.currentSelection === "yes" ? "QUOTE_ACCEPTED" : "QUOTE_DECLINED"
     };
-    return (t = this.quote) != null && t.originalQuotes && this.quote.originalQuotes.length > 0 && (e.batchQuoteDetails = this.quote.originalQuotes.map((r) => ({
-      quoteId: r.id,
-      productPrice: r.spotPrice,
-      cartItemId: r.cartItemId
-    }))), e;
+    return (o = this.quote) != null && o.originalQuotes && this.quote.originalQuotes.length > 0 && (t.batchQuoteDetails = this.quote.originalQuotes.map((r) => {
+      var a;
+      const p = (a = this.options.quoteRequestData.items) == null ? void 0 : a.find(
+        (d) => (d.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(d) + 1}`) === r.cartItemId
+      );
+      return {
+        quoteId: r.id,
+        productPrice: (p == null ? void 0 : p.productPrice) || r.spotPrice,
+        cartItemId: r.cartItemId
+      };
+    })), t;
   }
   destroy() {
     window.removeEventListener("resize", this._onResize), this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container);
   }
 }
 export {
-  L as default
+  A as default
 };