@getspot/spot-widget 4.1.1 → 4.2.0

package/dist/index.es.js

@@ -1,110 +1,168 @@
-async function I(m, t, o) {
+async function N(c, t, r, s) {
   try {
-    const s = await fetch(m, {
+    const i = s ? { ...r, state: s } : r, a = await fetch(c, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "X-Spot-Partner-Id": t
       },
-      body: JSON.stringify(o)
-    }), i = await s.json();
-    if (!s.ok) {
-      const r = new Error((i == null ? void 0 : i.message) || "Failed to fetch quote");
-      throw r.status = s.status, r.responseBody = i, r;
+      body: JSON.stringify(i)
+    }), e = await a.json();
+    if (!a.ok) {
+      const o = new Error((e == null ? void 0 : e.message) || "Failed to fetch quote");
+      throw o.status = a.status, o.responseBody = e, o;
     }
-    return i;
-  } catch (s) {
-    throw s instanceof Error ? s : new Error("Unknown error occurred while fetching quote");
+    return e;
+  } catch (i) {
+    throw i instanceof Error ? i : new Error("Unknown error occurred while fetching quote");
   }
 }
-async function L(m, t, o) {
+async function L(c, t, r) {
   try {
-    const s = m.replace("/quote", "/quote/batch"), i = await fetch(s, {
+    const s = c.replace("/quote", "/quote/batch"), i = await fetch(s, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "X-Spot-Partner-Id": t
       },
-      body: JSON.stringify(o)
-    }), r = await i.json();
+      body: JSON.stringify(r)
+    }), a = await i.json();
     if (!i.ok) {
-      const n = new Error((r == null ? void 0 : r.message) || "Failed to fetch batch quote");
-      throw n.status = i.status, n.responseBody = r, n;
+      const e = new Error((a == null ? void 0 : a.message) || "Failed to fetch batch quote");
+      throw e.status = i.status, e.responseBody = a, e;
     }
-    return r;
+    return a;
   } catch (s) {
     throw s instanceof Error ? s : new Error("Unknown error occurred while fetching batch quote");
   }
 }
-async function H(m, t, o) {
-  var s;
+async function I(c, t, r, s) {
+  var i;
   try {
-    const i = {
-      ...o,
-      isPartialPayment: o.isPartialPayment || !1,
-      roundTo: o.roundTo || void 0,
-      items: o.items.map((p, u) => ({
-        ...p,
-        cartItemId: p.cartItemId || `item-${u + 1}`
+    const a = {
+      ...r,
+      ...s ? { state: s } : {},
+      isPartialPayment: r.isPartialPayment || !1,
+      roundTo: r.roundTo || void 0,
+      items: r.items.map((m, f) => ({
+        ...m,
+        cartItemId: m.cartItemId || `item-${f + 1}`
       }))
-    }, r = await L(m, t, i);
-    if (r.status !== "QUOTES_AVAILABLE" && r.status !== "QUOTE_AVAILABLE")
+    }, e = await L(c, t, a);
+    if (e.status !== "QUOTES_AVAILABLE" && e.status !== "QUOTE_AVAILABLE")
       return { status: "NO_MATCHING_QUOTE" };
-    const n = r.quotes.map((p) => {
-      const u = o.items.find(
-        (f, g) => (f.cartItemId || `item-${g + 1}`) === p.cartItemId
+    const o = e.quotes.map((m) => {
+      const f = r.items.find(
+        (g, h) => (g.cartItemId || `item-${h + 1}`) === m.cartItemId
       );
-      return u ? u.participantDescription ? `${u.productName} - ${u.participantDescription}` : u.productName : `Item ${p.id}`;
-    }), e = Math.round((r.totalSpotPrice || r.spotPrice || 0) * 100) / 100;
+      return f ? f.participantDescription ? `${f.productName} - ${f.participantDescription}` : f.productName : `Item ${m.id}`;
+    }), l = Math.round((e.totalSpotPrice || e.spotPrice || 0) * 100) / 100;
     return {
       status: "QUOTE_AVAILABLE",
       data: {
-        id: r.quotes ? r.quotes.map((p) => p.id).join(",") : ((s = r.data) == null ? void 0 : s.id) || "",
-        spotPrice: e,
-        currencyCode: r.currencyCode || "",
+        id: e.quotes ? e.quotes.map((m) => m.id).join(",") : ((i = e.data) == null ? void 0 : i.id) || "",
+        spotPrice: l,
+        currencyCode: e.currencyCode || "",
         communication: {
-          ...r.communication,
-          yesOptionText: r.communication.yesOptionText.replace(
-            String(r.totalSpotPrice),
-            String(e)
+          ...e.communication,
+          yesOptionText: e.communication.yesOptionText.replace(
+            String(e.totalSpotPrice),
+            String(l)
           )
         },
-        payoutSchedule: r.payoutSchedule.map((p) => ({
-          ...p,
-          amount: p.amount !== void 0 ? p.amount : 0
+        payoutSchedule: e.payoutSchedule.map((m) => ({
+          ...m,
+          amount: m.amount !== void 0 ? m.amount : 0
         })),
-        coveredItems: n,
-        originalQuotes: r.quotes || (r.data ? [r.data] : [])
+        coveredItems: o,
+        originalQuotes: e.quotes || (e.data ? [e.data] : [])
       },
-      spotPrice: e,
-      coveredItems: n
+      spotPrice: l,
+      coveredItems: o
     };
-  } catch (i) {
-    throw i instanceof Error ? i : new Error("Unknown error occurred while fetching multiple quotes");
+  } catch (a) {
+    throw a instanceof Error ? a : new Error("Unknown error occurred while fetching multiple quotes");
   }
 }
-const O = {
+const k = "non-us-resident", z = [
+  { value: "AL", label: "Alabama" },
+  { value: "AK", label: "Alaska" },
+  { value: "AS", label: "American Samoa" },
+  { value: "AZ", label: "Arizona" },
+  { value: "AR", label: "Arkansas" },
+  { value: "CA", label: "California" },
+  { value: "CO", label: "Colorado" },
+  { value: "CT", label: "Connecticut" },
+  { value: "DE", label: "Delaware" },
+  { value: "DC", label: "District of Columbia" },
+  { value: "FL", label: "Florida" },
+  { value: "GA", label: "Georgia" },
+  { value: "GU", label: "Guam" },
+  { value: "HI", label: "Hawaii" },
+  { value: "ID", label: "Idaho" },
+  { value: "IL", label: "Illinois" },
+  { value: "IN", label: "Indiana" },
+  { value: "IA", label: "Iowa" },
+  { value: "KS", label: "Kansas" },
+  { value: "KY", label: "Kentucky" },
+  { value: "LA", label: "Louisiana" },
+  { value: "ME", label: "Maine" },
+  { value: "MD", label: "Maryland" },
+  { value: "MA", label: "Massachusetts" },
+  { value: "MI", label: "Michigan" },
+  { value: "MN", label: "Minnesota" },
+  { value: "MS", label: "Mississippi" },
+  { value: "MO", label: "Missouri" },
+  { value: "MT", label: "Montana" },
+  { value: "NE", label: "Nebraska" },
+  { value: "NV", label: "Nevada" },
+  { value: "NH", label: "New Hampshire" },
+  { value: "NJ", label: "New Jersey" },
+  { value: "NM", label: "New Mexico" },
+  { value: "NY", label: "New York" },
+  { value: "NC", label: "North Carolina" },
+  { value: "ND", label: "North Dakota" },
+  { value: "MP", label: "Northern Mariana Islands" },
+  { value: "OH", label: "Ohio" },
+  { value: "OK", label: "Oklahoma" },
+  { value: "OR", label: "Oregon" },
+  { value: "PA", label: "Pennsylvania" },
+  { value: "PR", label: "Puerto Rico" },
+  { value: "RI", label: "Rhode Island" },
+  { value: "SC", label: "South Carolina" },
+  { value: "SD", label: "South Dakota" },
+  { value: "TN", label: "Tennessee" },
+  { value: "TX", label: "Texas" },
+  { value: "VI", label: "U.S. Virgin Islands" },
+  { value: "UT", label: "Utah" },
+  { value: "VT", label: "Vermont" },
+  { value: "VA", label: "Virginia" },
+  { value: "WA", label: "Washington" },
+  { value: "WV", label: "West Virginia" },
+  { value: "WI", label: "Wisconsin" },
+  { value: "WY", label: "Wyoming" }
+], O = new Set(z.map((c) => c.value)), P = {
   sandbox: "https://api.sandbox.getspot.com/v1/quote",
   production: "https://api.getspot.com/v1/quote",
   local: "http://localhost:3999/api/v1/quote"
 };
-function N(m) {
+function M(c) {
   const {
     apiConfig: t = {},
-    quoteRequestData: o,
+    quoteRequestData: r,
     callbacks: s = {},
     location: i,
-    theme: r
-  } = m, {
-    environment: n = "sandbox",
-    partnerId: e,
-    customEndpoint: p
+    theme: a
+  } = c, {
+    environment: e = "sandbox",
+    partnerId: o,
+    customEndpoint: l
   } = t;
-  if (!e || typeof e != "string")
+  if (!o || typeof o != "string")
     throw new Error("Invalid or missing partnerId in apiConfig");
-  if (!(p || O[n]))
-    throw new Error(`Invalid environment in apiConfig: ${n}`);
-  if (!o || typeof o != "object" && !Array.isArray(o))
+  if (!(l || P[e]))
+    throw new Error(`Invalid environment in apiConfig: ${e}`);
+  if (!r || typeof r != "object" && !Array.isArray(r))
     throw new Error("quoteRequestData must be a non-null object or array");
   const f = [
     "startDate",
@@ -118,49 +176,49 @@ function N(m) {
     "cartId",
     "productName"
   ];
-  function g(c, l = null) {
-    const d = l !== null ? `quoteRequestData[${l}]` : "quoteRequestData";
+  function g(p, u = null) {
+    const d = u !== null ? `quoteRequestData[${u}]` : "quoteRequestData";
     f.forEach((v) => {
-      if (!Object.prototype.hasOwnProperty.call(c, v) || c[v] === void 0 || c[v] === null)
+      if (!Object.prototype.hasOwnProperty.call(p, v) || p[v] === void 0 || p[v] === null)
         throw new Error(`Missing required ${d} field: '${v}'`);
     });
     const y = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
-    if (!y.test(c.startDate))
+    if (!y.test(p.startDate))
       throw new Error(`${d}.startDate must be a valid ISO8601 string`);
-    if (!y.test(c.endDate))
+    if (!y.test(p.endDate))
       throw new Error(`${d}.endDate must be a valid ISO8601 string`);
-    if (typeof c.currencyCode != "string")
+    if (typeof p.currencyCode != "string")
       throw new Error(`${d}.currencyCode must be a string`);
-    if (!["USD", "CAD", "AUD", "NZD", "EUR", "MXN", "AED", "GBP", "MAD", "SAR"].includes(c.currencyCode))
-      throw new Error(`Invalid ${d}.currencyCode: ${c.currencyCode}`);
-    if (typeof c.eventType != "string")
+    if (!["USD", "CAD", "AUD", "NZD", "EUR", "MXN", "AED", "GBP", "MAD", "SAR"].includes(p.currencyCode))
+      throw new Error(`Invalid ${d}.currencyCode: ${p.currencyCode}`);
+    if (typeof p.eventType != "string")
       throw new Error(`${d}.eventType must be a string`);
-    if (typeof c.productType != "string")
+    if (typeof p.productType != "string")
       throw new Error(`${d}.productType must be a string`);
     const q = ["Pass", "Trip", "Registration"];
-    if (!q.includes(c.productType))
+    if (!q.includes(p.productType))
       throw new Error(
         `${d}.productType must be one of ${q.join(", ")}`
       );
-    if (typeof c.productDuration != "string")
+    if (typeof p.productDuration != "string")
       throw new Error(`${d}.productDuration must be a string`);
     const C = ["Daily", "Seasonal", "Trip", "Event"];
-    if (!C.includes(c.productDuration))
+    if (!C.includes(p.productDuration))
       throw new Error(
         `${d}.productDuration must be one of ${C.join(", ")}`
       );
-    if (typeof c.productPrice != "number" || isNaN(c.productPrice))
+    if (typeof p.productPrice != "number" || isNaN(p.productPrice))
       throw new Error(`${d}.productPrice must be a valid number`);
-    if (typeof c.productId != "string")
+    if (typeof p.productId != "string")
       throw new Error(`${d}.productId must be a string`);
-    if (typeof c.cartId != "string")
+    if (typeof p.cartId != "string")
       throw new Error(`${d}.cartId must be a string`);
-    if (typeof c.productName != "string")
+    if (typeof p.productName != "string")
       throw new Error(`${d}.productName must be a string`);
   }
-  if ("items" in o) {
-    const c = o, { cartId: l, cartName: d, currencyCode: y, items: w } = c;
-    if (!l || typeof l != "string")
+  if ("items" in r) {
+    const p = r, { cartId: u, cartName: d, currencyCode: y, items: w } = p;
+    if (!u || typeof u != "string")
       throw new Error("quoteRequestData.cartId must be a string");
     if (!d || typeof d != "string")
       throw new Error("quoteRequestData.cartName must be a string");
@@ -180,31 +238,31 @@ function N(m) {
       "productId",
       "productName"
     ];
-    w.forEach((v, k) => {
+    w.forEach((v, x) => {
       if (!v || typeof v != "object")
-        throw new Error(`quoteRequestData.items[${k}] must be a non-null object`);
-      const _ = `quoteRequestData.items[${k}]`;
+        throw new Error(`quoteRequestData.items[${x}] must be a non-null object`);
+      const _ = `quoteRequestData.items[${x}]`;
       C.forEach((E) => {
         if (!Object.prototype.hasOwnProperty.call(v, E) || v[E] === void 0 || v[E] === null)
           throw new Error(`Missing required ${_} field: '${E}'`);
       });
-      const x = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
-      if (!x.test(v.startDate))
+      const D = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
+      if (!D.test(v.startDate))
         throw new Error(`${_}.startDate must be a valid ISO8601 string`);
-      if (!x.test(v.endDate))
+      if (!D.test(v.endDate))
         throw new Error(`${_}.endDate must be a valid ISO8601 string`);
       if (typeof v.eventType != "string")
         throw new Error(`${_}.eventType must be a string`);
       if (typeof v.productType != "string")
         throw new Error(`${_}.productType must be a string`);
-      const D = ["Pass", "Trip", "Registration"];
-      if (!D.includes(v.productType))
-        throw new Error(`${_}.productType must be one of ${D.join(", ")}`);
+      const T = ["Pass", "Trip", "Registration"];
+      if (!T.includes(v.productType))
+        throw new Error(`${_}.productType must be one of ${T.join(", ")}`);
       if (typeof v.productDuration != "string")
         throw new Error(`${_}.productDuration must be a string`);
-      const T = ["Daily", "Seasonal", "Trip", "Event"];
-      if (!T.includes(v.productDuration))
-        throw new Error(`${_}.productDuration must be one of ${T.join(", ")}`);
+      const S = ["Daily", "Seasonal", "Trip", "Event"];
+      if (!S.includes(v.productDuration))
+        throw new Error(`${_}.productDuration must be one of ${S.join(", ")}`);
       if (typeof v.productPrice != "number" || isNaN(v.productPrice))
         throw new Error(`${_}.productPrice must be a valid number`);
       if (typeof v.productId != "string")
@@ -212,72 +270,74 @@ function N(m) {
       if (typeof v.productName != "string")
         throw new Error(`${_}.productName must be a string`);
     });
-  } else if (Array.isArray(o)) {
-    if (o.length === 0)
+  } else if (Array.isArray(r)) {
+    if (r.length === 0)
       throw new Error("quoteRequestData array cannot be empty");
-    o.forEach((c, l) => {
-      if (!c || typeof c != "object")
-        throw new Error(`quoteRequestData[${l}] must be a non-null object`);
-      g(c, l);
+    r.forEach((p, u) => {
+      if (!p || typeof p != "object")
+        throw new Error(`quoteRequestData[${u}] must be a non-null object`);
+      g(p, u);
     });
   } else
-    g(o);
+    g(r);
   if ([
     "onOptIn",
     "onOptOut",
     "onQuoteRetrieved",
     "onError",
     "noMatchingQuote"
-  ].forEach((c) => {
-    const l = s[c];
-    if (l && typeof l != "function")
-      throw new Error(`Callback '${c}' must be a function.`);
+  ].forEach((p) => {
+    const u = s[p];
+    if (u && typeof u != "function")
+      throw new Error(`Callback '${p}' must be a function.`);
   }), typeof i == "string" && !document.querySelector(i))
     throw new Error(`Invalid location selector: '${i}'`);
-  if (r && typeof r != "object")
+  if (a && typeof a != "object")
     throw new Error(
       "Theme must be an object with CSS variables, do not include the '--' prefix"
     );
+  if (c.state && !O.has(c.state))
+    throw new Error(`Invalid state: '${c.state}'. Must be a 2-character US state or territory code.`);
 }
-var b = /* @__PURE__ */ ((m) => (m.YES = "yes", m.NO = "no", m.UNSELECTED = "unselected", m))(b || {});
-function a(m, { text: t, className: o, parent: s, innerHTML: i, href: r, target: n } = {}) {
-  const e = document.createElement(m);
-  return o && (e.className = o), t != null && (e.textContent = t), i != null && (e.innerHTML = i), r && "href" in e && (e.href = r), n && "target" in e && (e.target = n), s && s.appendChild(e), e;
+var b = /* @__PURE__ */ ((c) => (c.YES = "yes", c.NO = "no", c.UNSELECTED = "unselected", c))(b || {});
+function n(c, { text: t, className: r, parent: s, innerHTML: i, href: a, target: e } = {}) {
+  const o = document.createElement(c);
+  return r && (o.className = r), t != null && (o.textContent = t), i != null && (o.innerHTML = i), a && "href" in o && (o.href = a), e && "target" in o && (o.target = e), s && s.appendChild(o), o;
 }
-function $(m, { name: t, description: o }) {
-  a("div", {
+function R(c, { name: t, description: r }) {
+  n("div", {
     className: "spot-header__title",
     text: t,
-    parent: m
-  }), a("div", {
+    parent: c
+  }), n("div", {
     className: "spot-header__description",
-    text: o,
-    parent: m
+    text: r,
+    parent: c
   });
 }
-function S(m, t = []) {
-  const o = a("ul", {
+function $(c, t = []) {
+  const r = n("ul", {
     className: "spot-benefits__list",
-    parent: m
+    parent: c
   });
   t.forEach((s) => {
-    const i = a("li", { parent: o });
+    const i = n("li", { parent: r });
     i.innerHTML = `
             <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-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>`, a("span", { text: s, parent: i });
+            </svg>`, n("span", { text: s, parent: i });
   });
 }
-function P(m, t = []) {
+function V(c, t = []) {
   if (!t || t.length === 0) return;
-  const o = a("div", {
+  const r = n("div", {
     className: "spot-qualifying-reasons__container",
-    parent: m
-  }), s = [...t].sort((e, p) => e.rank - p.rank), i = a("div", {
+    parent: c
+  }), s = [...t].sort((o, l) => o.rank - l.rank), i = n("div", {
     className: "spot-qualifying-reasons__grid",
-    parent: o
-  }), r = {
+    parent: r
+  }), a = {
     "Accident & Illness": "cross.svg",
     "Family Emergencies": "users.svg",
     Layoffs: "building.svg",
@@ -287,101 +347,101 @@ function P(m, t = []) {
     "Travel Interruption": "plane.svg",
     "Military Duty": "medal.svg"
   };
-  let n;
+  let e;
   try {
-    const e = document.currentScript;
-    if (e != null && e.src) {
-      const p = new URL(e.src);
-      n = p.origin + p.pathname.replace(/\/[^/]*$/, "/");
+    const o = document.currentScript;
+    if (o != null && o.src) {
+      const l = new URL(o.src);
+      e = l.origin + l.pathname.replace(/\/[^/]*$/, "/");
     } else
-      n = window.location.origin + window.location.pathname.replace(/\/[^/]*$/, "/");
-    n += "assets/";
+      e = window.location.origin + window.location.pathname.replace(/\/[^/]*$/, "/");
+    e += "assets/";
   } catch {
-    n = "./assets/";
+    e = "./assets/";
   }
-  s.forEach((e) => {
-    var g, h, c;
-    const p = a("div", {
+  s.forEach((o) => {
+    var g, h, p;
+    const l = n("div", {
       className: "spot-qualifying-reasons__item",
       parent: i
-    }), u = a("div", {
+    }), m = n("div", {
       className: "spot-qualifying-reasons__icon-wrapper",
-      parent: p
-    }), f = r[((g = e.benefitType) == null ? void 0 : g.name) || ""] || r[e.name || ""];
+      parent: l
+    }), f = a[((g = o.benefitType) == null ? void 0 : g.name) || ""] || a[o.name || ""];
     if (f) {
-      const l = a("img", {
-        parent: u
+      const u = n("img", {
+        parent: m
       });
-      l.src = n + f, l.alt = ((h = e.benefitType) == null ? void 0 : h.name) || e.name || "", l.className = "spot-qualifying-reasons__icon";
+      u.src = e + f, u.alt = ((h = o.benefitType) == null ? void 0 : h.name) || o.name || "", u.className = "spot-qualifying-reasons__icon";
     }
-    a("span", {
+    n("span", {
       className: "spot-qualifying-reasons__label",
-      text: ((c = e.benefitType) == null ? void 0 : c.name) || e.name || "",
-      parent: p
+      text: ((p = o.benefitType) == null ? void 0 : p.name) || o.name || "",
+      parent: l
     });
   });
 }
-function A(m, t = [], o) {
-  if (t.length === 0 || !o || o <= 1)
+function Q(c, t = [], r) {
+  if (t.length === 0 || !r || r <= 1)
     return;
   const s = /* @__PURE__ */ new Map();
-  t.forEach((l) => {
-    s.set(l, (s.get(l) || 0) + 1);
+  t.forEach((u) => {
+    s.set(u, (s.get(u) || 0) + 1);
   });
-  const r = Array.from(s.entries()).map(
-    ([l, d]) => ({
-      item: l,
+  const a = Array.from(s.entries()).map(
+    ([u, d]) => ({
+      item: u,
       count: d,
-      displayText: d > 1 ? `${d} x ${l}` : l
+      displayText: d > 1 ? `${d} x ${u}` : u
     })
-  ).sort((l, d) => {
-    const y = l.item.charAt(0), w = d.item.charAt(0), q = /[a-zA-Z]/.test(y), C = /[a-zA-Z]/.test(w);
-    return !q && C ? -1 : q && !C ? 1 : l.item.localeCompare(d.item, void 0, { sensitivity: "base" });
-  }), n = a("div", {
+  ).sort((u, d) => {
+    const y = u.item.charAt(0), w = d.item.charAt(0), q = /[a-zA-Z]/.test(y), C = /[a-zA-Z]/.test(w);
+    return !q && C ? -1 : q && !C ? 1 : u.item.localeCompare(d.item, void 0, { sensitivity: "base" });
+  }), e = n("div", {
     className: "spot-covered-items__container",
-    parent: m
-  }), e = a("div", {
+    parent: c
+  }), o = n("div", {
     className: "spot-covered-items__header",
-    parent: n
-  }), p = a("button", {
-    className: "spot-covered-items__toggle",
     parent: e
+  }), l = n("button", {
+    className: "spot-covered-items__toggle",
+    parent: o
   });
-  a("span", {
+  n("span", {
     className: "spot-covered-items__title",
     text: `Items Covered in Your Cart (${t.length})`,
-    parent: p
+    parent: l
   });
-  const u = a("div", {
+  const m = n("div", {
     className: "spot-covered-items__right-section",
-    parent: p
+    parent: l
   });
-  a("span", {
+  n("span", {
     className: "spot-covered-items__view-all",
     text: "View All",
-    parent: u
+    parent: m
   });
-  const f = a("span", {
+  const f = n("span", {
     className: "spot-covered-items__arrow",
     innerHTML: "▼",
-    parent: u
-  }), g = a("div", {
+    parent: m
+  }), g = n("div", {
     className: "spot-covered-items__content",
-    parent: n
-  }), h = a("ul", {
+    parent: e
+  }), h = n("ul", {
     className: "spot-covered-items__list",
     parent: g
   });
-  r.forEach(({ displayText: l }) => {
-    const d = a("li", { parent: h });
-    a("span", { text: l, parent: d });
+  a.forEach(({ displayText: u }) => {
+    const d = n("li", { parent: h });
+    n("span", { text: u, parent: d });
   });
-  let c = !1;
-  g.style.display = "none", p.addEventListener("click", (l) => {
-    l.stopPropagation(), c = !c, g.style.display = c ? "block" : "none", f.innerHTML = c ? "▲" : "▼", p.setAttribute("aria-expanded", c.toString());
-  }), p.setAttribute("aria-expanded", "false"), p.setAttribute("aria-controls", "covered-items-list"), g.setAttribute("id", "covered-items-list");
+  let p = !1;
+  g.style.display = "none", l.addEventListener("click", (u) => {
+    u.stopPropagation(), p = !p, g.style.display = p ? "block" : "none", f.innerHTML = p ? "▲" : "▼", l.setAttribute("aria-expanded", p.toString());
+  }), l.setAttribute("aria-expanded", "false"), l.setAttribute("aria-controls", "covered-items-list"), g.setAttribute("id", "covered-items-list");
 }
-const R = {
+const U = {
   USD: "$",
   CAD: "CAD $",
   AUD: "AUD $",
@@ -393,71 +453,100 @@ const R = {
   MAD: "MAD ",
   SAR: "SAR "
 };
-function V(m, t = [], o = "USD") {
-  const s = R[o] ?? `${o} `, i = a("div", {
+function Z(c, t = [], r = "USD") {
+  const s = U[r] ?? `${r} `, i = n("div", {
     className: "spot-table__container",
-    parent: m
-  }), r = a("table", {
+    parent: c
+  }), a = n("table", {
     className: "spot-refund__table spot-table--dynamic",
     parent: i
-  }), n = a("thead", { parent: r }), e = a("tr", { parent: n });
-  a("th", { text: "When you cancel", parent: e }), a("th", { text: "You will receive", parent: e });
-  const p = a("tbody", { parent: r });
-  t.forEach(({ text: u, percent: f, amount: g }) => {
-    const h = a("tr", { parent: p });
-    a("td", { text: u, parent: h });
-    const c = f === "Not eligible for refund" ? "Not eligible for a refund" : `${s}${g} refund`;
-    a("td", { text: c, parent: h });
+  }), e = n("thead", { parent: a }), o = n("tr", { parent: e });
+  n("th", { text: "When you cancel", parent: o }), n("th", { text: "You will receive", parent: o });
+  const l = n("tbody", { parent: a });
+  t.forEach(({ text: m, percent: f, amount: g }) => {
+    const h = n("tr", { parent: l });
+    n("td", { text: m, parent: h });
+    const p = f === "Not eligible for refund" ? "Not eligible for a refund" : `${s}${g} refund`;
+    n("td", { text: p, parent: h });
   });
 }
-function Q(m, t, o) {
-  const s = a("div", {
-    className: "spot-selection__options",
-    parent: m
-  }), i = a("label", {
-    className: `spot-selection__option ${t === b.YES ? "selected" : ""}`,
+function B(c, t) {
+  const r = n("div", {
+    className: "spot-state-dropdown__wrapper",
+    parent: c
+  });
+  n("label", {
+    className: "spot-state-dropdown__label",
+    text: "State of Residence",
+    parent: r
+  });
+  const s = n("select", {
+    className: "spot-state-dropdown__select",
+    parent: r
+  });
+  s.setAttribute("aria-label", "State of Residence");
+  const i = n("option", {
+    text: "Select a state...",
     parent: s
-  }), r = a("input", { parent: i });
-  r.type = "radio", r.name = "selection", r.value = b.YES, t === b.YES && (r.checked = !0), a("strong", {
-    text: o.yesOptionText,
+  });
+  i.value = "", i.selected = !t, z.forEach(({ value: e, label: o }) => {
+    const l = n("option", { text: o, parent: s });
+    l.value = e, e === t && (l.selected = !0);
+  });
+  const a = n("option", {
+    text: "Not a US Resident",
+    parent: s
+  });
+  return a.value = k, t === k && (a.selected = !0), s;
+}
+function j(c, t, r, s = !1) {
+  const i = n("div", {
+    className: `spot-selection__options${s ? " spot-selection__options--disabled" : ""}`,
+    parent: c
+  }), a = n("label", {
+    className: `spot-selection__option ${t === b.YES ? "selected" : ""}`,
     parent: i
-  }), a("span", {
+  }), e = n("input", { parent: a });
+  e.type = "radio", e.name = "selection", e.value = b.YES, t === b.YES && (e.checked = !0), s && (e.disabled = !0), n("strong", {
+    text: r.yesOptionText,
+    parent: a
+  }), n("span", {
     className: "spot-selection__recommended-tag",
     text: "Recommended",
-    parent: i
+    parent: a
   });
-  const n = a("label", {
+  const o = n("label", {
     className: `spot-selection__option ${t === b.NO ? "selected" : ""}`,
-    parent: s
-  }), e = a("input", { parent: n });
-  return e.type = "radio", e.name = "selection", e.value = b.NO, t === b.NO && (e.checked = !0), a("span", { text: o.noOptionText, parent: n }), s;
+    parent: i
+  }), l = n("input", { parent: o });
+  return l.type = "radio", l.name = "selection", l.value = b.NO, t === b.NO && (l.checked = !0), s && (l.disabled = !0), n("span", { text: r.noOptionText, parent: o }), i;
 }
-function M(m, t) {
+function H(c, t) {
   var s;
-  const o = (s = t.communication) == null ? void 0 : s.paymentTerms;
-  if (o) {
-    const i = a("div", {
+  const r = (s = t.communication) == null ? void 0 : s.paymentTerms;
+  if (r) {
+    const i = n("div", {
       className: "spot-payment-terms",
-      parent: m
+      parent: c
     });
-    return a("div", {
+    return n("div", {
       className: "spot-payment-terms__header",
       text: "PAYMENT TERMS",
       parent: i
-    }), a("div", {
+    }), n("div", {
       className: "spot-payment-terms__body",
-      text: o || "",
+      text: r || "",
       parent: i
     }), i;
   }
 }
-function Z(m, t, o = "bottom-right") {
-  if (o === "top-right") {
-    const e = a("div", {
+function F(c, t, r = "bottom-right") {
+  if (r === "top-right") {
+    const o = n("div", {
       className: "spot-logo__top-right",
-      parent: m
+      parent: c
     });
-    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"/>
@@ -474,25 +563,25 @@ function Z(m, t, o = "bottom-right") {
             </defs>
           </svg>`;
   }
-  const s = a("div", {
+  const s = n("div", {
     className: "spot-footer__container",
-    parent: m
-  }), i = a("div", {
+    parent: c
+  }), i = n("div", {
     className: "spot-footer__terms",
     parent: s
-  }), r = `<a href="${t.communication.termsAndConditionsUrl}" target="_blank" class="spot-footer__terms-link">Terms & Conditions</a>`, n = t.communication.legalDisclaimer.replace(
+  }), a = `<a href="${t.communication.termsAndConditionsUrl}" target="_blank" class="spot-footer__terms-link">Terms & Conditions</a>`, e = t.communication.legalDisclaimer.replace(
     /terms (and|&) conditions/gi,
-    r
+    a
   );
-  if (a("span", {
-    innerHTML: n,
+  if (n("span", {
+    innerHTML: e,
     parent: i
-  }), o === "bottom-right") {
-    const e = a("p", {
+  }), r === "bottom-right") {
+    const o = n("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"/>
@@ -511,18 +600,18 @@ function Z(m, t, o = "bottom-right") {
   }
   return s;
 }
-const U = ":root{--spot-font-family: Arial;--spot-padding: 1.25rem;--spot-background-color: #ffffff;--spot-font-color: #000000;--spot-border-radius: .5rem;--spot-border-line-width: .0625rem;--spot-border-color: #e0e0e0;--spot-max-width: 51rem;--spot-margin: 1rem;--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:var(--spot-border-line-width) solid var(--spot-border-color);border-radius:var(--spot-border-radius);max-width:var(--spot-max-width);margin:var(--spot-margin);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:linear-gradient(to bottom,transparent 50%,inherit 50%);padding:0 .25rem}.spot-logo__top-right svg{border-radius:1.25rem;border:var(--spot-border-line-width) solid var(--spot-border-color);display:block;background:var(--spot-background-color)}@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 B(m) {
+const W = ":root{--spot-font-family: Arial;--spot-padding: 1.25rem;--spot-background-color: #ffffff;--spot-font-color: #000000;--spot-border-radius: .5rem;--spot-border-line-width: .0625rem;--spot-border-color: #e0e0e0;--spot-max-width: 51rem;--spot-margin: 1rem;--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-state-dropdown-label-font-size: .875rem;--spot-state-dropdown-label-font-weight: 600;--spot-state-dropdown-label-margin-bottom: .25rem;--spot-state-dropdown-select-border: .0625rem solid #e0e0e0;--spot-state-dropdown-select-border-radius: .375rem;--spot-state-dropdown-select-padding: .5rem .75rem;--spot-state-dropdown-select-font-size: .875rem;--spot-state-dropdown-select-background: #ffffff;--spot-state-dropdown-wrapper-margin-bottom: .75rem;--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:var(--spot-border-line-width) solid var(--spot-border-color);border-radius:var(--spot-border-radius);max-width:var(--spot-max-width);margin:var(--spot-margin);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__wrapper{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__wrapper{grid-row:3;grid-column:1;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;box-sizing:border-box;padding:0 .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)}.spot-state-dropdown__wrapper{display:flex;flex-direction:column;margin-bottom:var(--spot-state-dropdown-wrapper-margin-bottom)}.spot-state-dropdown__label{font-size:var(--spot-state-dropdown-label-font-size);font-weight:var(--spot-state-dropdown-label-font-weight);font-family:var(--spot-font-family);color:var(--spot-font-color);margin-bottom:var(--spot-state-dropdown-label-margin-bottom)}.spot-state-dropdown__select{width:100%;box-sizing:border-box;border:var(--spot-state-dropdown-select-border);border-radius:var(--spot-state-dropdown-select-border-radius);padding:var(--spot-state-dropdown-select-padding);font-size:var(--spot-state-dropdown-select-font-size);font-family:var(--spot-font-family);color:var(--spot-font-color);background-color:var(--spot-state-dropdown-select-background);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.spot-state-dropdown__select:focus{outline:none;box-shadow:0 0 0 2px #00000026}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-selection__options--disabled .spot-selection__option{opacity:.4;cursor:not-allowed;pointer-events:none}.spot-selection__options--disabled input[type=radio]{cursor:not-allowed}.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);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:linear-gradient(to bottom,transparent 50%,inherit 50%);padding:0 .25rem}.spot-logo__top-right svg{border-radius:1.25rem;border:var(--spot-border-line-width) solid var(--spot-border-color);display:block;background:var(--spot-background-color)}@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 Y(c) {
   const t = document.createElement("style");
-  t.textContent = m, document.head.appendChild(t);
+  t.textContent = c, document.head.appendChild(t);
 }
-B(U);
-const z = {
+Y(W);
+const A = {
   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 j {
+class G {
   constructor(t = {}) {
     this.options = {
       location: "body",
@@ -537,98 +626,107 @@ class j {
     }, 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.selection, this._init();
   }
   async _init() {
-    var t, o, s, i, r;
+    var t, r, s, i, a;
     try {
-      N(this.options);
-      let n;
+      M(this.options), this.currentState = this.options.state;
+      let e;
       if (this.options.useMockData && this.options.mockData)
-        n = this.options.mockData;
+        e = this.options.mockData;
       else {
-        const { environment: e, partnerId: p } = this.options.apiConfig, f = this.options.apiConfig.customEndpoint || z[e];
-        n = "items" in this.options.quoteRequestData ? await H(
+        const { environment: o, partnerId: l } = this.options.apiConfig, f = this.options.apiConfig.customEndpoint || A[o];
+        e = "items" in this.options.quoteRequestData ? await I(
           f,
-          p,
-          this.options.quoteRequestData
-        ) : await I(
+          l,
+          this.options.quoteRequestData,
+          this._validState()
+        ) : await N(
           f,
-          p,
-          this.options.quoteRequestData
+          l,
+          this.options.quoteRequestData,
+          this._validState()
         );
       }
-      if (n.status !== "QUOTE_AVAILABLE") {
-        n.status === "NO_MATCHING_QUOTE" && ((t = this.options.callbacks) != null && t.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
+      if (e.status !== "QUOTE_AVAILABLE") {
+        e.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 = n.data, !this.quote)
+      if (this.quote = e.data, !this.quote)
         throw new Error("No quote data in response");
-      if (this._renderWidget(), this.options.selection === b.YES && ((o = this.options.callbacks) != null && o.onOptIn)) {
-        const e = {
+      if (this._renderWidget(), this.options.selection === b.YES && ((r = this.options.callbacks) != null && r.onOptIn)) {
+        const o = {
           status: "QUOTE_ACCEPTED",
           spotPrice: this.quote.spotPrice,
-          quoteId: this.quote.id
+          quoteId: this.quote.id,
+          state: this._validState()
         };
         if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
-          const p = this.options.quoteRequestData;
-          e.batchQuoteDetails = this.quote.originalQuotes.map((u) => {
+          const l = this.options.quoteRequestData;
+          o.batchQuoteDetails = this.quote.originalQuotes.map((m) => {
             var g;
-            const f = (g = p.items) == null ? void 0 : g.find(
-              (h) => (h.cartItemId || `item-${p.items.indexOf(h) + 1}`) === u.cartItemId
+            const f = (g = l.items) == null ? void 0 : g.find(
+              (h) => (h.cartItemId || `item-${l.items.indexOf(h) + 1}`) === m.cartItemId
             );
             return {
-              quoteId: u.id,
-              productPrice: (f == null ? void 0 : f.productPrice) || u.spotPrice,
+              quoteId: m.id,
+              productPrice: (f == null ? void 0 : f.productPrice) || m.spotPrice,
               cartItemId: (f == null ? void 0 : f.cartItemId) || ""
             };
           });
         }
-        this.options.callbacks.onOptIn(e);
+        this.options.callbacks.onOptIn(o);
       }
       if ((s = this.options.callbacks) != null && s.onQuoteRetrieved) {
-        const e = this.options.callbacks.onQuoteRetrieved(this.quote);
-        e && this._applyQuoteUpdates(e);
+        const o = this.options.callbacks.onQuoteRetrieved(this.quote);
+        o && this._applyQuoteUpdates(o);
       }
-    } catch (n) {
+    } catch (e) {
       if ((i = this.options.callbacks) != null && i.onError) {
-        const e = n;
-        (r = this.options.callbacks) == null || r.onError({
-          message: e.message,
-          status: e.status,
-          responseBody: e.responseBody
+        const o = e;
+        (a = this.options.callbacks) == null || a.onError({
+          message: o.message,
+          status: o.status,
+          responseBody: o.responseBody
         });
       }
     }
   }
   _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 r = `--${s}`;
-      this.container.style.setProperty(r, i);
-    }), $(this.container, this.quote.communication);
+    this.container = document.createElement("div"), this.container.className = "spot-refund-guarantee", this.root.appendChild(this.container), Object.entries(this.options.theme || {}).forEach(([e, o]) => {
+      const l = `--${e}`;
+      this.container.style.setProperty(l, o);
+    }), R(this.container, this.quote.communication);
     const t = document.createElement("div");
-    if (t.className = "spot-content__wrapper", this.container.appendChild(t), this.quote.qualifyingReasons ? P(t, this.quote.qualifyingReasons) : S(t, this.quote.communication.bulletPoints), this.quote.coveredItems) {
-      const s = this._getTotalItemsInRequest();
-      A(t, this.quote.coveredItems, s);
+    if (t.className = "spot-content__wrapper", this.container.appendChild(t), this.quote.qualifyingReasons ? V(t, this.quote.qualifyingReasons) : $(t, this.quote.communication.bulletPoints), this.quote.coveredItems) {
+      const e = this._getTotalItemsInRequest();
+      Q(t, this.quote.coveredItems, e);
     }
-    this.options.showTable && !this.quote.qualifyingReasons && V(t, this.quote.payoutSchedule, this.quote.currencyCode);
-    const o = Q(
-      t,
+    this.options.showTable && !this.quote.qualifyingReasons && Z(t, this.quote.payoutSchedule, this.quote.currencyCode);
+    const r = n("div", {
+      className: "spot-selection__wrapper",
+      parent: t
+    });
+    this._isPassOrTrip() && !this.options.state && (this._stateSelectEl = B(r, this.currentState));
+    const i = !this._isQuotingAvailable(), a = j(
+      r,
       this.options.selection,
-      this.quote.communication
+      this.quote.communication,
+      i
     );
-    t.appendChild(o), this.paymentTermsEl = a("div", {
+    this.paymentTermsEl = n("div", {
       className: "spot-payment-terms__wrapper",
       parent: t
-    }), this.currentSelection === b.YES && M(this.paymentTermsEl, this.quote), Z(this.container, this.quote, this.options.logoPosition), window.addEventListener("resize", this._onResize), this._setupResizeObserver(), this._updateLayout(), this._setupOptionListeners(o);
+    }), this.currentSelection === b.YES && H(this.paymentTermsEl, this.quote), F(this.container, this.quote, this.options.logoPosition), window.addEventListener("resize", this._onResize), this._setupResizeObserver(), this._updateLayout(), this._setupOptionListeners(a), this._setupStateDropdownListener();
   }
   _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) {
+    ), r = this.options.showTable && !this.quote.qualifyingReasons;
+    if (!t || !r) {
       t == null || t.classList.remove("desktop-layout");
       return;
     }
@@ -636,19 +734,19 @@ class j {
     t.classList.toggle("desktop-layout", s);
   }
   _shouldUseDesktopLayout(t) {
-    const o = this.container.offsetWidth - 40, s = 325, i = 16;
-    if (o >= 900)
+    const r = this.container.offsetWidth - 40, s = 325, i = 16;
+    if (r >= 900)
       return !0;
-    if (o >= 650) {
-      const r = t.classList.contains("desktop-layout");
+    if (r >= 650) {
+      const a = t.classList.contains("desktop-layout");
       t.classList.remove("desktop-layout"), t.offsetHeight;
-      const n = t.querySelector(
+      const e = t.querySelector(
         ".spot-benefits__list, .spot-qualifying-reasons__container"
       );
-      if (!n)
-        return r && t.classList.add("desktop-layout"), r;
-      const p = Math.min(n.scrollWidth, 400) + s + i;
-      return r && t.classList.add("desktop-layout"), o >= p;
+      if (!e)
+        return a && t.classList.add("desktop-layout"), a;
+      const l = Math.min(e.scrollWidth, 400) + s + i;
+      return a && t.classList.add("desktop-layout"), r >= l;
     }
     return !1;
   }
@@ -668,31 +766,66 @@ class j {
       `$${t.spotPriceWithFees.toFixed(2)}`
     )), this.destroy(), this._renderWidget());
   }
+  _isPassOrTrip() {
+    const t = this.options.quoteRequestData;
+    if (Array.isArray(t))
+      return t.some((s) => s.productType === "Pass" || s.productType === "Trip");
+    if ("items" in t)
+      return t.items.some(
+        (s) => s.productType === "Pass" || s.productType === "Trip"
+      );
+    const r = t;
+    return r.productType === "Pass" || r.productType === "Trip";
+  }
+  _validState() {
+    if (this._isPassOrTrip() && !(!this.currentState || this.currentState === k))
+      return this.currentState;
+  }
+  _isQuotingAvailable() {
+    return !this._isPassOrTrip() || this.options.state ? !0 : !!this.currentState && this.currentState !== k;
+  }
+  _setRadiosDisabled(t) {
+    var i, a, e;
+    const r = (i = this.container) == null ? void 0 : i.querySelectorAll('input[name="selection"]'), s = (a = this.container) == null ? void 0 : a.querySelector(".spot-selection__options");
+    r == null || r.forEach((o) => {
+      o.disabled = t;
+    }), s == null || s.classList.toggle("spot-selection__options--disabled", t), t && (r == null || r.forEach((o) => {
+      o.checked = !1;
+    }), (e = this.container) == null || e.querySelectorAll(".spot-selection__option").forEach((o) => {
+      o.classList.remove("selected");
+    }), this.currentSelection = b.UNSELECTED, this.paymentTermsEl && (this.paymentTermsEl.innerHTML = ""));
+  }
+  _setupStateDropdownListener() {
+    this._stateSelectEl && this._stateSelectEl.addEventListener("change", () => {
+      this.currentState = this._stateSelectEl.value, this._setRadiosDisabled(!this._isQuotingAvailable());
+    });
+  }
   _setupOptionListeners(t) {
-    const o = t.querySelectorAll(
+    const r = t.querySelectorAll(
       'input[type="radio"]'
     ), s = t.querySelectorAll(".spot-selection__option");
-    o.forEach((i) => {
-      i.addEventListener("change", (r) => {
-        var p, u, f, g;
-        const n = r.target, e = n.value;
-        if (this.hideSelectionError(), this.currentSelection = e, s.forEach((h) => h.classList.remove("selected")), (p = n.closest(".spot-selection__option")) == null || p.classList.add("selected"), this.paymentTermsEl && (this.paymentTermsEl.innerHTML = ""), e === b.YES && ((u = this.quote) != null && u.communication.paymentTerms && M(this.paymentTermsEl, this.quote), (f = this.options.callbacks) != null && f.onOptIn)) {
+    r.forEach((i) => {
+      i.addEventListener("change", (a) => {
+        var l, m, f, g;
+        const e = a.target, o = e.value;
+        if (this.hideSelectionError(), this.currentSelection = o, s.forEach((h) => h.classList.remove("selected")), (l = e.closest(".spot-selection__option")) == null || l.classList.add("selected"), this.paymentTermsEl && (this.paymentTermsEl.innerHTML = ""), o === b.YES && ((m = this.quote) != null && m.communication.paymentTerms && H(this.paymentTermsEl, this.quote), (f = this.options.callbacks) != null && f.onOptIn)) {
           const h = {
             status: "QUOTE_ACCEPTED",
             spotPrice: this.quote.spotPrice,
-            quoteId: this.quote.id
+            quoteId: this.quote.id,
+            state: this._validState()
           };
           if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
-            const c = this.options.quoteRequestData;
+            const p = this.options.quoteRequestData;
             h.batchQuoteDetails = this.quote.originalQuotes.map(
-              (l) => {
+              (u) => {
                 var y;
-                const d = (y = c.items) == null ? void 0 : y.find(
-                  (w) => (w.cartItemId || `item-${c.items.indexOf(w) + 1}`) === l.cartItemId
+                const d = (y = p.items) == null ? void 0 : y.find(
+                  (w) => (w.cartItemId || `item-${p.items.indexOf(w) + 1}`) === u.cartItemId
                 );
                 return {
-                  quoteId: l.id,
-                  productPrice: (d == null ? void 0 : d.productPrice) || l.spotPrice,
+                  quoteId: u.id,
+                  productPrice: (d == null ? void 0 : d.productPrice) || u.spotPrice,
                   cartItemId: (d == null ? void 0 : d.cartItemId) || ""
                 };
               }
@@ -700,22 +833,23 @@ class j {
           }
           this.options.callbacks.onOptIn(h);
         }
-        if (e === b.NO && ((g = this.options.callbacks) != null && g.onOptOut)) {
+        if (o === b.NO && ((g = this.options.callbacks) != null && g.onOptOut)) {
           const h = {
             status: "QUOTE_DECLINED",
-            quoteId: this.quote.id
+            quoteId: this.quote.id,
+            state: this._validState()
           };
           if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
-            const c = this.options.quoteRequestData;
+            const p = this.options.quoteRequestData;
             h.batchQuoteDetails = this.quote.originalQuotes.map(
-              (l) => {
+              (u) => {
                 var y;
-                const d = (y = c.items) == null ? void 0 : y.find(
-                  (w) => (w.cartItemId || `item-${c.items.indexOf(w) + 1}`) === l.cartItemId
+                const d = (y = p.items) == null ? void 0 : y.find(
+                  (w) => (w.cartItemId || `item-${p.items.indexOf(w) + 1}`) === u.cartItemId
                 );
                 return {
-                  quoteId: l.id,
-                  productPrice: (d == null ? void 0 : d.productPrice) || l.spotPrice,
+                  quoteId: u.id,
+                  productPrice: (d == null ? void 0 : d.productPrice) || u.spotPrice,
                   cartItemId: (d == null ? void 0 : d.cartItemId) || ""
                 };
               }
@@ -730,10 +864,10 @@ class j {
     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 r = (t = this.container) == null ? void 0 : t.querySelector(
         ".spot-selection__options"
       );
-      o && o.insertAdjacentElement("afterend", this.errorEl);
+      r && r.insertAdjacentElement("afterend", this.errorEl);
     }
     this.errorEl.style.display = "block";
   }
@@ -748,61 +882,64 @@ class j {
     return t ? this.hideSelectionError() : this.showSelectionError(), t;
   }
   async updateQuote(t) {
-    var o, s, i, r;
+    var r, s, i, a;
     try {
-      const n = {
+      const e = {
         ...this.options,
         quoteRequestData: t
       };
-      N(n);
-      const { environment: e, partnerId: p, customEndpoint: u } = this.options.apiConfig, f = u || z[e], h = "items" in n.quoteRequestData ? await H(
+      M(e);
+      const { environment: o, partnerId: l, customEndpoint: m } = this.options.apiConfig, f = m || A[o], h = "items" in e.quoteRequestData ? await I(
         f,
-        p,
-        n.quoteRequestData
-      ) : await I(
+        l,
+        e.quoteRequestData,
+        this._validState()
+      ) : await N(
         f,
-        p,
-        n.quoteRequestData
+        l,
+        e.quoteRequestData,
+        this._validState()
       );
       if (h.status !== "QUOTE_AVAILABLE")
-        return this.destroy(), h.status === "NO_MATCHING_QUOTE" && ((o = this.options.callbacks) != null && o.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
+        return this.destroy(), h.status === "NO_MATCHING_QUOTE" && ((r = this.options.callbacks) != null && r.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
           status: "NO_MATCHING_QUOTE",
-          data: n.quoteRequestData
+          data: e.quoteRequestData
         }), !1;
-      if (this.options.quoteRequestData = n.quoteRequestData, this.quote = h.data, this.currentSelection = b.UNSELECTED, this.destroy(), this._renderWidget(), (s = this.options.callbacks) != null && s.onQuoteRetrieved) {
-        const c = this.options.callbacks.onQuoteRetrieved(this.quote);
-        c && this._applyQuoteUpdates(c);
+      if (this.options.quoteRequestData = e.quoteRequestData, this.quote = h.data, this.currentSelection = b.UNSELECTED, this.destroy(), this._renderWidget(), (s = this.options.callbacks) != null && s.onQuoteRetrieved) {
+        const p = this.options.callbacks.onQuoteRetrieved(this.quote);
+        p && this._applyQuoteUpdates(p);
       }
       return !0;
-    } catch (n) {
-      const e = n;
-      return (r = (i = this.options.callbacks) == null ? void 0 : i.onError) == null || r.call(i, {
-        message: e.message,
-        status: e.status,
-        responseBody: e.responseBody
+    } catch (e) {
+      const o = e;
+      return (a = (i = this.options.callbacks) == null ? void 0 : i.onError) == null || a.call(i, {
+        message: o.message,
+        status: o.status,
+        responseBody: o.responseBody
       }), !1;
     }
   }
   getSelection() {
-    var o, s, i;
+    var r, s, i;
     if (this.currentSelection == null || this.currentSelection == b.UNSELECTED) return null;
     const t = {
       selection: this.currentSelection,
-      quoteId: (o = this.quote) == null ? void 0 : o.id,
+      quoteId: (r = this.quote) == null ? void 0 : r.id,
       spotPrice: (s = this.quote) == null ? void 0 : s.spotPrice,
-      status: this.currentSelection === b.YES ? "QUOTE_ACCEPTED" : "QUOTE_DECLINED"
+      status: this.currentSelection === b.YES ? "QUOTE_ACCEPTED" : "QUOTE_DECLINED",
+      state: this.currentState
     };
     if ((i = this.quote) != null && i.originalQuotes && this.quote.originalQuotes.length > 0) {
-      const r = this.options.quoteRequestData;
-      t.batchQuoteDetails = this.quote.originalQuotes.map((n) => {
-        var p;
-        const e = (p = r.items) == null ? void 0 : p.find(
-          (u) => (u.cartItemId || `item-${r.items.indexOf(u) + 1}`) === n.cartItemId
+      const a = this.options.quoteRequestData;
+      t.batchQuoteDetails = this.quote.originalQuotes.map((e) => {
+        var l;
+        const o = (l = a.items) == null ? void 0 : l.find(
+          (m) => (m.cartItemId || `item-${a.items.indexOf(m) + 1}`) === e.cartItemId
         );
         return {
-          quoteId: n.id,
-          productPrice: (e == null ? void 0 : e.productPrice) || n.spotPrice,
-          cartItemId: (e == null ? void 0 : e.cartItemId) || ""
+          quoteId: e.id,
+          productPrice: (o == null ? void 0 : o.productPrice) || e.spotPrice,
+          cartItemId: (o == null ? void 0 : o.cartItemId) || ""
         };
       });
     }
@@ -813,6 +950,7 @@ class j {
   }
 }
 export {
+  k as NON_US_RESIDENT_VALUE,
   b as SelectionEnum,
-  j as default
+  G as default
 };