@getspot/spot-widget 0.1.4 → 1.0.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @getspot/spot-widget@0.1.4 build /builds/getspot/spot-widget/packages/core
+> @getspot/spot-widget@1.0.0 build /builds/getspot/spot-widget/packages/core
 > vite build
 
 The CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
@@ -8,6 +8,6 @@ transforming...
 ✓ 5 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.umd.js  22.00 kB │ gzip: 7.06 kB
-dist/index.es.js  24.07 kB │ gzip: 7.30 kB
-✓ built in 152ms
+dist/index.umd.js  22.95 kB │ gzip: 7.21 kB
+dist/index.es.js  25.38 kB │ gzip: 7.48 kB
+✓ built in 159ms

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @getspot/spot-widget
 
+## 1.0.0
+
+### Major Changes
+
+- 4f9e10e: First major release of all the widget variants.
+
+  This is really a major release for the sake of having our first major bump. The package is now ready for external use.
+
+  Includes updated functionality for updating quotes.
+
+## 0.2.0
+
+### Minor Changes
+
+- 25bba43: Making cartId required on quoteRequest
+
 ## 0.1.4
 
 ### Patch Changes

package/dist/index.es.js

@@ -1,23 +1,23 @@
 async function b(s, e, t) {
   try {
-    const o = await fetch(s, {
+    const r = await fetch(s, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "X-Spot-Partner-Id": e
       },
       body: JSON.stringify(t)
-    }), n = await o.json();
-    if (!o.ok) {
-      const r = new Error((n == null ? void 0 : n.message) || "Failed to fetch quote");
-      throw r.status = o.status, r.responseBody = n, r;
+    }), n = await r.json();
+    if (!r.ok) {
+      const o = new Error((n == null ? void 0 : n.message) || "Failed to fetch quote");
+      throw o.status = r.status, o.responseBody = n, o;
     }
     return n;
-  } catch (o) {
-    throw o instanceof Error ? o : new Error("Unknown error occurred while fetching quote");
+  } catch (r) {
+    throw r instanceof Error ? r : new Error("Unknown error occurred while fetching quote");
   }
 }
-const w = {
+const y = {
   sandbox: "https://api.sandbox.getspot.com/v1/quote",
   production: "https://api.getspot.com/v1/quote"
 };
@@ -25,17 +25,17 @@ function _(s) {
   const {
     apiConfig: e = {},
     quoteRequestData: t,
-    callbacks: o = {},
+    callbacks: r = {},
     location: n,
-    theme: r
+    theme: o
   } = s, {
     environment: a = "sandbox",
     partnerId: p,
-    endpoint: l
+    endpoint: c
   } = e;
   if (!p || typeof p != "string")
     throw new Error("Invalid or missing partnerId in apiConfig");
-  if (!(l || w[a]))
+  if (!(c || y[a]))
     throw new Error(`Invalid environment in apiConfig: ${a}`);
   if (!t || typeof t != "object")
     throw new Error("quoteRequestData must be a non-null object");
@@ -48,15 +48,16 @@ function _(s) {
     "productDuration",
     "productPrice",
     "productId",
+    "cartId",
     "productName"
-  ].forEach((c) => {
-    if (!Object.prototype.hasOwnProperty.call(t, c) || t[c] === void 0 || t[c] === null)
-      throw new Error(`Missing required quoteRequestData field: '${c}'`);
+  ].forEach((u) => {
+    if (!Object.prototype.hasOwnProperty.call(t, u) || t[u] === void 0 || t[u] === null)
+      throw new Error(`Missing required quoteRequestData field: '${u}'`);
   });
-  const f = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
-  if (!f.test(t.startDate))
+  const m = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
+  if (!m.test(t.startDate))
     throw new Error("startDate must be a valid ISO8601 string");
-  if (!f.test(t.endDate))
+  if (!m.test(t.endDate))
     throw new Error("endDate must be a valid ISO8601 string");
   if (typeof t.currencyCode != "string")
     throw new Error("currencyCode must be a string");
@@ -66,10 +67,10 @@ function _(s) {
     throw new Error("eventType must be a string");
   if (typeof t.productType != "string")
     throw new Error("productType must be a string");
-  const u = ["Pass", "Trip", "Registration"];
-  if (!u.includes(t.productType))
+  const f = ["Pass", "Trip", "Registration"];
+  if (!f.includes(t.productType))
     throw new Error(
-      `productType must be one of ${u.join(", ")}`
+      `productType must be one of ${f.join(", ")}`
     );
   if (typeof t.productDuration != "string")
     throw new Error("productDuration must be a string");
@@ -82,6 +83,8 @@ function _(s) {
     throw new Error("productPrice must be a valid number");
   if (typeof t.productId != "string")
     throw new Error("productId must be a string");
+  if (typeof t.cartId != "string")
+    throw new Error("cartId must be a string");
   if (typeof t.productName != "string")
     throw new Error("productName must be a string");
   if ([
@@ -90,22 +93,22 @@ function _(s) {
     "onQuoteRetrieved",
     "onError",
     "noMatchingQuote"
-  ].forEach((c) => {
-    const g = o[c];
+  ].forEach((u) => {
+    const g = r[u];
     if (g && typeof g != "function")
-      throw new Error(`Callback '${c}' must be a function.`);
+      throw new Error(`Callback '${u}' must be a function.`);
   }), typeof n == "string" && !document.querySelector(n))
     throw new Error(`Invalid location selector: '${n}'`);
-  if (r && typeof r != "object")
+  if (o && typeof o != "object")
     throw new Error(
       "Theme must be an object with CSS variables, do not include the '--' prefix"
     );
 }
-function i(s, { text: e, className: t, parent: o, innerHTML: n } = {}) {
-  const r = document.createElement(s);
-  return t && (r.className = t), e != null && (r.textContent = e), n != null && (r.innerHTML = n), o && o.appendChild(r), r;
+function i(s, { text: e, className: t, parent: r, innerHTML: n } = {}) {
+  const o = document.createElement(s);
+  return t && (o.className = t), e != null && (o.textContent = e), n != null && (o.innerHTML = n), r && r.appendChild(o), o;
 }
-function y(s, { name: e, description: t }) {
+function C(s, { name: e, description: t }) {
   i("div", {
     className: "spot-header__title",
     text: e,
@@ -116,46 +119,46 @@ function y(s, { name: e, description: t }) {
     parent: s
   });
 }
-function C(s, e = []) {
+function v(s, e = []) {
   const t = i("ul", {
     className: "spot-benefits__list",
     parent: s
   });
-  e.forEach((o) => {
+  e.forEach((r) => {
     const n = i("li", { parent: t });
     n.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: o, parent: n });
+            </svg>`, i("span", { text: r, parent: n });
   });
 }
-function v(s, e = []) {
+function E(s, e = []) {
   const t = i("div", {
     className: "spot-table__container",
     parent: s
-  }), o = i("table", {
+  }), r = i("table", {
     className: "spot-refund__table spot-table--dynamic",
     parent: t
-  }), n = i("thead", { parent: o }), r = i("tr", { parent: n });
-  i("th", { text: "When you cancel", parent: r }), i("th", { text: "You will receive", parent: r });
-  const a = i("tbody", { parent: o });
-  e.forEach(({ text: p, percent: l, amount: d }) => {
-    const m = i("tr", { parent: a });
-    i("td", { text: p, parent: m });
-    const f = l === "Not eligible for refund" ? "Not eligible for a refund" : `$${d} refund`;
-    i("td", { text: f, parent: m });
+  }), n = i("thead", { parent: r }), o = i("tr", { parent: n });
+  i("th", { text: "When you cancel", parent: o }), i("th", { text: "You will receive", parent: o });
+  const a = i("tbody", { parent: r });
+  e.forEach(({ text: p, percent: c, amount: l }) => {
+    const d = i("tr", { parent: a });
+    i("td", { text: p, parent: d });
+    const m = c === "Not eligible for refund" ? "Not eligible for a refund" : `$${l} refund`;
+    i("td", { text: m, parent: d });
   });
 }
-function E(s, e, t) {
-  const o = i("div", {
+function k(s, e, t) {
+  const r = i("div", {
     className: "spot-selection__options",
     parent: s
   }), n = i("label", {
     className: `spot-selection__option ${t ? "selected" : ""}`,
-    parent: o
-  }), r = i("input", { parent: n });
-  r.type = "radio", r.name = "selection", r.value = "yes", t && (r.checked = !0), i("strong", {
+    parent: r
+  }), o = i("input", { parent: n });
+  o.type = "radio", o.name = "selection", o.value = "yes", t && (o.checked = !0), i("strong", {
     text: `Yes, protect my booking for $${e}`,
     parent: n
   }), i("span", {
@@ -165,26 +168,26 @@ function E(s, e, t) {
   });
   const a = i("label", {
     className: "spot-selection__option",
-    parent: o
+    parent: r
   }), p = i("input", { parent: a });
-  return p.type = "radio", p.name = "selection", p.value = "no", i("span", { text: "No, do not protect my booking", parent: a }), o;
+  return p.type = "radio", p.name = "selection", p.value = "no", i("span", { text: "No, do not protect my booking", parent: a }), r;
 }
-function k(s, e) {
+function q(s, e) {
   const t = i("div", {
     className: "spot-footer__container",
     parent: s
-  }), o = i("div", {
+  }), r = i("div", {
     className: "spot-footer__terms",
     parent: t
   });
   i("span", {
     innerHTML: e.communication.legalDisclaimer,
-    parent: o
-  }), i("br", { parent: o }), i("a", {
+    parent: r
+  }), i("br", { parent: r }), i("a", {
     href: e.communication.termsAndConditionsUrl,
     className: "spot-footer__terms-link",
     text: "Refund Guarantee Terms and Conditions",
-    parent: o
+    parent: r
   });
   const n = i("p", {
     className: "spot-footer__powered-by",
@@ -213,11 +216,11 @@ function H(s) {
   e.textContent = s, document.head.appendChild(e);
 }
 H(x);
-const q = {
+const w = {
   sandbox: "https://api.sandbox.getspot.com/api/v1/quote",
   production: "https://api.getspot.com/api/v1/quote"
 };
-class M {
+class I {
   constructor(e = {}) {
     this.options = {
       location: "body",
@@ -230,16 +233,16 @@ class M {
     }, 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, t, o, n;
+    var e, t, r, n, o;
     try {
       _(this.options);
       const {
-        environment: r,
-        partnerId: a,
-        endpoint: p
-      } = this.options.apiConfig, l = p || q[r], d = await b(
+        environment: a,
+        partnerId: p,
+        endpoint: c
+      } = this.options.apiConfig, l = c || w[a], d = await b(
         l,
-        a,
+        p,
         this.options.quoteRequestData
       );
       if (d.status !== "QUOTE_AVAILABLE") {
@@ -253,44 +256,44 @@ class M {
         status: "QUOTE_ACCEPTED",
         spotPrice: this.quote.spotPrice,
         quoteId: this.quote.id
-      }), (o = this.options.callbacks) != null && o.onQuoteRetrieved && this.options.callbacks.onQuoteRetrieved(this.quote);
-    } catch (r) {
-      (n = this.options.callbacks) == null || n.onError({
-        message: r.message,
-        status: r.status,
-        responseBody: r.responseBody
-      });
+      }), (r = this.options.callbacks) != null && r.onQuoteRetrieved && this.options.callbacks.onQuoteRetrieved(this.quote);
+    } catch (a) {
+      (n = this.options.callbacks) != null && n.onError && ((o = this.options.callbacks) == null || o.onError({
+        message: a.message,
+        status: a.status,
+        responseBody: a.responseBody
+      }));
     }
   }
   _renderWidget() {
-    this.container = document.createElement("div"), this.container.className = "spot-refund-guarantee", this.root.appendChild(this.container), Object.entries(this.options.theme || {}).forEach(([o, n]) => {
-      const r = `--${o}`;
-      this.container.style.setProperty(r, n);
-    }), y(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(([r, n]) => {
+      const o = `--${r}`;
+      this.container.style.setProperty(o, n);
+    }), C(this.container, this.quote.communication);
     const e = document.createElement("div");
-    e.className = "spot-content__wrapper", this.container.appendChild(e), C(e, this.quote.communication.bulletPoints), this.options.showTable && v(e, this.quote.payoutSchedule);
-    const t = E(
+    e.className = "spot-content__wrapper", this.container.appendChild(e), v(e, this.quote.communication.bulletPoints), this.options.showTable && E(e, this.quote.payoutSchedule);
+    const t = k(
       e,
       this.quote.spotPrice,
       this.options.optInSelected
     );
-    e.appendChild(t), k(this.container, this.quote), window.addEventListener("resize", this._onResize), this._updateLayout(), this._setupOptionListeners(t);
+    e.appendChild(t), q(this.container, this.quote), window.addEventListener("resize", this._onResize), this._updateLayout(), this._setupOptionListeners(t);
   }
   _updateLayout() {
     const e = window.matchMedia("(min-width: 768px)").matches;
     this.container.querySelector(".spot-content__wrapper").classList.toggle("desktop-layout", e && this.options.showTable);
   }
   _setupOptionListeners(e) {
-    const t = e.querySelectorAll('input[type="radio"]'), o = e.querySelectorAll(".spot-selection__option");
+    const t = e.querySelectorAll('input[type="radio"]'), r = e.querySelectorAll(".spot-selection__option");
     t.forEach((n) => {
-      n.addEventListener("change", (r) => {
-        var p, l, d;
-        const a = r.target.value;
-        this.hideSelectionError(), this.currentSelection = a, o.forEach((m) => m.classList.remove("selected")), (p = r.target.closest(".spot-selection__option")) == null || p.classList.add("selected"), a === "yes" && ((l = this.options.callbacks) != null && l.onOptIn) && this.options.callbacks.onOptIn({
+      n.addEventListener("change", (o) => {
+        var p, c, l;
+        const a = o.target.value;
+        this.hideSelectionError(), this.currentSelection = a, r.forEach((d) => d.classList.remove("selected")), (p = o.target.closest(".spot-selection__option")) == null || p.classList.add("selected"), a === "yes" && ((c = this.options.callbacks) != null && c.onOptIn) && this.options.callbacks.onOptIn({
           status: "QUOTE_ACCEPTED",
           spotPrice: this.quote.spotPrice,
           quoteId: this.quote.id
-        }), a === "no" && ((d = this.options.callbacks) != null && d.onOptOut) && this.options.callbacks.onOptOut({
+        }), a === "no" && ((l = this.options.callbacks) != null && l.onOptOut) && this.options.callbacks.onOptOut({
           status: "QUOTE_DECLINED",
           quoteId: this.quote.id
         });
@@ -318,6 +321,38 @@ class M {
     );
     return e ? this.hideSelectionError() : this.showSelectionError(), e;
   }
+  async updateQuote(e) {
+    var t, r, n;
+    try {
+      const o = {
+        ...this.options,
+        quoteRequestData: {
+          ...this.options.quoteRequestData,
+          ...e
+        }
+      };
+      _(o);
+      const {
+        environment: a,
+        partnerId: p,
+        endpoint: c
+      } = this.options.apiConfig, l = c || w[a], d = await b(
+        l,
+        p,
+        o.quoteRequestData
+      );
+      return d.status !== "QUOTE_AVAILABLE" ? (d.status === "NO_MATCHING_QUOTE" && ((t = this.options.callbacks) != null && t.noMatchingQuote) && this.options.callbacks.noMatchingQuote({
+        status: "NO_MATCHING_QUOTE",
+        data: o.quoteRequestData
+      }), !1) : (this.options.quoteRequestData = o.quoteRequestData, this.quote = d.data, this.currentSelection = null, this.destroy(), this._renderWidget(), (r = this.options.callbacks) != null && r.onQuoteRetrieved && this.options.callbacks.onQuoteRetrieved(this.quote), !0);
+    } catch (o) {
+      return (n = this.options.callbacks) == null || n.onError({
+        message: o.message,
+        status: o.status,
+        responseBody: o.responseBody
+      }), !1;
+    }
+  }
   getSelection() {
     var e, t;
     return this.currentSelection == null ? null : {
@@ -332,5 +367,5 @@ class M {
   }
 }
 export {
-  M as default
+  I as default
 };

package/dist/index.umd.js

@@ -1,8 +1,8 @@
-(function(f,m){typeof exports=="object"&&typeof module<"u"?module.exports=m():typeof define=="function"&&define.amd?define(m):(f=typeof globalThis<"u"?globalThis:f||self,f.SpotWidget=m())})(this,function(){"use strict";async function f(s,e,t){try{const o=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json","X-Spot-Partner-Id":e},body:JSON.stringify(t)}),n=await o.json();if(!o.ok){const r=new Error((n==null?void 0:n.message)||"Failed to fetch quote");throw r.status=o.status,r.responseBody=n,r}return n}catch(o){throw o instanceof Error?o:new Error("Unknown error occurred while fetching quote")}}const m={sandbox:"https://api.sandbox.getspot.com/v1/quote",production:"https://api.getspot.com/v1/quote"};function _(s){const{apiConfig:e={},quoteRequestData:t,callbacks:o={},location:n,theme:r}=s,{environment:a="sandbox",partnerId:p,endpoint:l}=e;if(!p||typeof p!="string")throw new Error("Invalid or missing partnerId in apiConfig");if(!(l||m[a]))throw new Error(`Invalid environment in apiConfig: ${a}`);if(!t||typeof t!="object")throw new Error("quoteRequestData must be a non-null object");["startDate","endDate","currencyCode","eventType","productType","productDuration","productPrice","productId","productName"].forEach(c=>{if(!Object.prototype.hasOwnProperty.call(t,c)||t[c]===void 0||t[c]===null)throw new Error(`Missing required quoteRequestData field: '${c}'`)});const h=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;if(!h.test(t.startDate))throw new Error("startDate must be a valid ISO8601 string");if(!h.test(t.endDate))throw new Error("endDate must be a valid ISO8601 string");if(typeof t.currencyCode!="string")throw new Error("currencyCode must be a string");if(!["USD","CAD","AUD"].includes(t.currencyCode))throw new Error(`Invalid currency code: ${t.currencyCode}`);if(typeof t.eventType!="string")throw new Error("eventType must be a string");if(typeof t.productType!="string")throw new Error("productType must be a string");const g=["Pass","Trip","Registration"];if(!g.includes(t.productType))throw new Error(`productType must be one of ${g.join(", ")}`);if(typeof t.productDuration!="string")throw new Error("productDuration must be a string");const b=["Daily","Seasonal","Trip","Event"];if(!b.includes(t.productDuration))throw new Error(`productDuration must be one of ${b.join(", ")}`);if(typeof t.productPrice!="number"||isNaN(t.productPrice))throw new Error("productPrice must be a valid number");if(typeof t.productId!="string")throw new Error("productId must be a string");if(typeof t.productName!="string")throw new Error("productName must be a string");if(["onOptIn","onOptOut","onQuoteRetrieved","onError","noMatchingQuote"].forEach(c=>{const w=o[c];if(w&&typeof w!="function")throw new Error(`Callback '${c}' must be a function.`)}),typeof n=="string"&&!document.querySelector(n))throw new Error(`Invalid location selector: '${n}'`);if(r&&typeof r!="object")throw new Error("Theme must be an object with CSS variables, do not include the '--' prefix")}function i(s,{text:e,className:t,parent:o,innerHTML:n}={}){const r=document.createElement(s);return t&&(r.className=t),e!=null&&(r.textContent=e),n!=null&&(r.innerHTML=n),o&&o.appendChild(r),r}function y(s,{name:e,description:t}){i("div",{className:"spot-header__title",text:e,parent:s}),i("div",{className:"spot-header__description",text:t,parent:s})}function C(s,e=[]){const t=i("ul",{className:"spot-benefits__list",parent:s});e.forEach(o=>{const n=i("li",{parent:t});n.innerHTML=`
+(function(f,m){typeof exports=="object"&&typeof module<"u"?module.exports=m():typeof define=="function"&&define.amd?define(m):(f=typeof globalThis<"u"?globalThis:f||self,f.SpotWidget=m())})(this,function(){"use strict";async function f(s,e,t){try{const r=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json","X-Spot-Partner-Id":e},body:JSON.stringify(t)}),n=await r.json();if(!r.ok){const o=new Error((n==null?void 0:n.message)||"Failed to fetch quote");throw o.status=r.status,o.responseBody=n,o}return n}catch(r){throw r instanceof Error?r:new Error("Unknown error occurred while fetching quote")}}const m={sandbox:"https://api.sandbox.getspot.com/v1/quote",production:"https://api.getspot.com/v1/quote"};function g(s){const{apiConfig:e={},quoteRequestData:t,callbacks:r={},location:n,theme:o}=s,{environment:a="sandbox",partnerId:p,endpoint:c}=e;if(!p||typeof p!="string")throw new Error("Invalid or missing partnerId in apiConfig");if(!(c||m[a]))throw new Error(`Invalid environment in apiConfig: ${a}`);if(!t||typeof t!="object")throw new Error("quoteRequestData must be a non-null object");["startDate","endDate","currencyCode","eventType","productType","productDuration","productPrice","productId","cartId","productName"].forEach(u=>{if(!Object.prototype.hasOwnProperty.call(t,u)||t[u]===void 0||t[u]===null)throw new Error(`Missing required quoteRequestData field: '${u}'`)});const h=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;if(!h.test(t.startDate))throw new Error("startDate must be a valid ISO8601 string");if(!h.test(t.endDate))throw new Error("endDate must be a valid ISO8601 string");if(typeof t.currencyCode!="string")throw new Error("currencyCode must be a string");if(!["USD","CAD","AUD"].includes(t.currencyCode))throw new Error(`Invalid currency code: ${t.currencyCode}`);if(typeof t.eventType!="string")throw new Error("eventType must be a string");if(typeof t.productType!="string")throw new Error("productType must be a string");const _=["Pass","Trip","Registration"];if(!_.includes(t.productType))throw new Error(`productType must be one of ${_.join(", ")}`);if(typeof t.productDuration!="string")throw new Error("productDuration must be a string");const w=["Daily","Seasonal","Trip","Event"];if(!w.includes(t.productDuration))throw new Error(`productDuration must be one of ${w.join(", ")}`);if(typeof t.productPrice!="number"||isNaN(t.productPrice))throw new Error("productPrice must be a valid number");if(typeof t.productId!="string")throw new Error("productId must be a string");if(typeof t.cartId!="string")throw new Error("cartId must be a string");if(typeof t.productName!="string")throw new Error("productName must be a string");if(["onOptIn","onOptOut","onQuoteRetrieved","onError","noMatchingQuote"].forEach(u=>{const y=r[u];if(y&&typeof y!="function")throw new Error(`Callback '${u}' must be a function.`)}),typeof n=="string"&&!document.querySelector(n))throw new Error(`Invalid location selector: '${n}'`);if(o&&typeof o!="object")throw new Error("Theme must be an object with CSS variables, do not include the '--' prefix")}function i(s,{text:e,className:t,parent:r,innerHTML:n}={}){const o=document.createElement(s);return t&&(o.className=t),e!=null&&(o.textContent=e),n!=null&&(o.innerHTML=n),r&&r.appendChild(o),o}function C(s,{name:e,description:t}){i("div",{className:"spot-header__title",text:e,parent:s}),i("div",{className:"spot-header__description",text:t,parent:s})}function v(s,e=[]){const t=i("ul",{className:"spot-benefits__list",parent:s});e.forEach(r=>{const n=i("li",{parent:t});n.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:o,parent:n})})}function v(s,e=[]){const t=i("div",{className:"spot-table__container",parent:s}),o=i("table",{className:"spot-refund__table spot-table--dynamic",parent:t}),n=i("thead",{parent:o}),r=i("tr",{parent:n});i("th",{text:"When you cancel",parent:r}),i("th",{text:"You will receive",parent:r});const a=i("tbody",{parent:o});e.forEach(({text:p,percent:l,amount:d})=>{const u=i("tr",{parent:a});i("td",{text:p,parent:u});const h=l==="Not eligible for refund"?"Not eligible for a refund":`$${d} refund`;i("td",{text:h,parent:u})})}function E(s,e,t){const o=i("div",{className:"spot-selection__options",parent:s}),n=i("label",{className:`spot-selection__option ${t?"selected":""}`,parent:o}),r=i("input",{parent:n});r.type="radio",r.name="selection",r.value="yes",t&&(r.checked=!0),i("strong",{text:`Yes, protect my booking for $${e}`,parent:n}),i("span",{className:"spot-selection__recommended-tag",text:"Recommended",parent:n});const a=i("label",{className:"spot-selection__option",parent:o}),p=i("input",{parent:a});return p.type="radio",p.name="selection",p.value="no",i("span",{text:"No, do not protect my booking",parent:a}),o}function k(s,e){const t=i("div",{className:"spot-footer__container",parent:s}),o=i("div",{className:"spot-footer__terms",parent:t});i("span",{innerHTML:e.communication.legalDisclaimer,parent:o}),i("br",{parent:o}),i("a",{href:e.communication.termsAndConditionsUrl,className:"spot-footer__terms-link",text:"Refund Guarantee Terms and Conditions",parent:o});const n=i("p",{className:"spot-footer__powered-by",parent:t});return n.innerHTML=`
+            </svg>`,i("span",{text:r,parent:n})})}function E(s,e=[]){const t=i("div",{className:"spot-table__container",parent:s}),r=i("table",{className:"spot-refund__table spot-table--dynamic",parent:t}),n=i("thead",{parent:r}),o=i("tr",{parent:n});i("th",{text:"When you cancel",parent:o}),i("th",{text:"You will receive",parent:o});const a=i("tbody",{parent:r});e.forEach(({text:p,percent:c,amount:l})=>{const d=i("tr",{parent:a});i("td",{text:p,parent:d});const h=c==="Not eligible for refund"?"Not eligible for a refund":`$${l} refund`;i("td",{text:h,parent:d})})}function k(s,e,t){const r=i("div",{className:"spot-selection__options",parent:s}),n=i("label",{className:`spot-selection__option ${t?"selected":""}`,parent:r}),o=i("input",{parent:n});o.type="radio",o.name="selection",o.value="yes",t&&(o.checked=!0),i("strong",{text:`Yes, protect my booking for $${e}`,parent:n}),i("span",{className:"spot-selection__recommended-tag",text:"Recommended",parent:n});const a=i("label",{className:"spot-selection__option",parent:r}),p=i("input",{parent:a});return p.type="radio",p.name="selection",p.value="no",i("span",{text:"No, do not protect my booking",parent:a}),r}function x(s,e){const t=i("div",{className:"spot-footer__container",parent:s}),r=i("div",{className:"spot-footer__terms",parent:t});i("span",{innerHTML:e.communication.legalDisclaimer,parent:r}),i("br",{parent:r}),i("a",{href:e.communication.termsAndConditionsUrl,className:"spot-footer__terms-link",text:"Refund Guarantee Terms and Conditions",parent:r});const n=i("p",{className:"spot-footer__powered-by",parent:t});return n.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"/>
@@ -17,4 +17,4 @@
                 <rect width="45.405" height="14.8867" fill="white" transform="translate(87 8)"/>
               </clipPath>
             </defs>
-          </svg>`,t}const x=":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-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-selection__options{grid-row:2}.desktop-layout .spot-table__container{grid-row:1 / span 2}}@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-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-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 H(s){const e=document.createElement("style");e.textContent=s,document.head.appendChild(e)}H(x);const q={sandbox:"https://api.sandbox.getspot.com/api/v1/quote",production:"https://api.getspot.com/api/v1/quote"};class T{constructor(e={}){this.options={location:"body",showTable:!0,optInSelected:!1,apiConfig:{environment:"production",partnerId:""},quoteRequestData:{},callbacks:{},...e},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,t,o,n;try{_(this.options);const{environment:r,partnerId:a,endpoint:p}=this.options.apiConfig,l=p||q[r],d=await f(l,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({status:"NO_MATCHING_QUOTE",data:this.options.quoteRequestData});return}this.quote=d.data,this._renderWidget(),this.options.optInSelected&&((t=this.options.callbacks)!=null&&t.onOptIn)&&this.options.callbacks.onOptIn({status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id}),(o=this.options.callbacks)!=null&&o.onQuoteRetrieved&&this.options.callbacks.onQuoteRetrieved(this.quote)}catch(r){(n=this.options.callbacks)==null||n.onError({message:r.message,status:r.status,responseBody:r.responseBody})}}_renderWidget(){this.container=document.createElement("div"),this.container.className="spot-refund-guarantee",this.root.appendChild(this.container),Object.entries(this.options.theme||{}).forEach(([o,n])=>{const r=`--${o}`;this.container.style.setProperty(r,n)}),y(this.container,this.quote.communication);const e=document.createElement("div");e.className="spot-content__wrapper",this.container.appendChild(e),C(e,this.quote.communication.bulletPoints),this.options.showTable&&v(e,this.quote.payoutSchedule);const t=E(e,this.quote.spotPrice,this.options.optInSelected);e.appendChild(t),k(this.container,this.quote),window.addEventListener("resize",this._onResize),this._updateLayout(),this._setupOptionListeners(t)}_updateLayout(){const e=window.matchMedia("(min-width: 768px)").matches;this.container.querySelector(".spot-content__wrapper").classList.toggle("desktop-layout",e&&this.options.showTable)}_setupOptionListeners(e){const t=e.querySelectorAll('input[type="radio"]'),o=e.querySelectorAll(".spot-selection__option");t.forEach(n=>{n.addEventListener("change",r=>{var p,l,d;const a=r.target.value;this.hideSelectionError(),this.currentSelection=a,o.forEach(u=>u.classList.remove("selected")),(p=r.target.closest(".spot-selection__option"))==null||p.classList.add("selected"),a==="yes"&&((l=this.options.callbacks)!=null&&l.onOptIn)&&this.options.callbacks.onOptIn({status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id}),a==="no"&&((d=this.options.callbacks)!=null&&d.onOptOut)&&this.options.callbacks.onOptOut({status:"QUOTE_DECLINED",quoteId:this.quote.id})})})}showSelectionError(){var e;if(!this.errorEl){this.errorEl=document.createElement("div"),this.errorEl.className="spot-selection__error",this.errorEl.textContent="Please make a selection";const t=(e=this.container)==null?void 0:e.querySelector(".spot-selection__options");t&&t.insertAdjacentElement("afterend",this.errorEl)}this.errorEl.style.display="block"}hideSelectionError(){this.errorEl&&(this.errorEl.style.display="none")}validateSelection(){if(!this.container)return!1;const e=!!this.container.querySelector('input[name="selection"]:checked');return e?this.hideSelectionError():this.showSelectionError(),e}getSelection(){var e,t;return this.currentSelection==null?null:{selection:this.currentSelection,quoteId:(e=this.quote)==null?void 0:e.id,spotPrice:(t=this.quote)==null?void 0:t.spotPrice,status:this.currentSelection==="yes"?"QUOTE_ACCEPTED":"QUOTE_DECLINED"}}destroy(){window.removeEventListener("resize",this._onResize),this.container&&this.container.parentNode&&this.container.parentNode.removeChild(this.container)}}return T});
+          </svg>`,t}const q=":root{--spot-font-family: Arial;--spot-padding: 1.25rem;--spot-background-color: #ffffff;--spot-font-color: #000000;--spot-border-radius: .5rem;--spot-title-font-size: 1.25rem;--spot-title-font-weight: 700;--spot-title-padding: 0 0 1.25rem 0;--spot-description-font-size: .875rem;--spot-description-font-weight: 400;--spot-description-padding: 0 0 .5rem 0;--spot-bullets-font-size: .875rem;--spot-bullets-font-weight: 400;--spot-bullets-padding: .3125rem;--spot-table-border-radius: .625rem;--spot-table-header-font-size: .875rem;--spot-table-header-font-weight: 700;--spot-table-header-padding: 0 .5rem .625rem;--spot-table-cell-font-size: .815rem;--spot-table-cell-font-weight: 400;--spot-table-cell-padding: 0 .625rem;--spot-radio-border: #000000;--spot-radio-border-radius: .625rem;--spot-radio-checked-background: #000000;--spot-radio-text-font-size: .875rem;--spot-radio-text-font-weight: 400;--spot-radio-text-padding: .625rem;--spot-radio-selection-background: #f4f4f4;--spot-radio-selection-border-radius: .625rem;--spot-radio-selection-padding: .625rem;--spot-recommended-tag-background: #000000;--spot-recommended-tag-font-color: #ffffff;--spot-recommended-tag-font-size: .875rem;--spot-recommended-tag-font-weight: 700;--spot-recommended-tag-padding: .25rem .5rem;--spot-recommended-tag-border-radius: .5rem;--spot-selection-error-font-color: #ff0000;--spot-selection-error-font-size: .875rem;--spot-selection-error-padding: .5rem;--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-selection__options{grid-row:2}.desktop-layout .spot-table__container{grid-row:1 / span 2}}@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-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-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 H(s){const e=document.createElement("style");e.textContent=s,document.head.appendChild(e)}H(q);const b={sandbox:"https://api.sandbox.getspot.com/api/v1/quote",production:"https://api.getspot.com/api/v1/quote"};class T{constructor(e={}){this.options={location:"body",showTable:!0,optInSelected:!1,apiConfig:{environment:"production",partnerId:""},quoteRequestData:{},callbacks:{},...e},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,t,r,n,o;try{g(this.options);const{environment:a,partnerId:p,endpoint:c}=this.options.apiConfig,l=c||b[a],d=await f(l,p,this.options.quoteRequestData);if(d.status!=="QUOTE_AVAILABLE"){d.status==="NO_MATCHING_QUOTE"&&((e=this.options.callbacks)!=null&&e.noMatchingQuote)&&this.options.callbacks.noMatchingQuote({status:"NO_MATCHING_QUOTE",data:this.options.quoteRequestData});return}this.quote=d.data,this._renderWidget(),this.options.optInSelected&&((t=this.options.callbacks)!=null&&t.onOptIn)&&this.options.callbacks.onOptIn({status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id}),(r=this.options.callbacks)!=null&&r.onQuoteRetrieved&&this.options.callbacks.onQuoteRetrieved(this.quote)}catch(a){(n=this.options.callbacks)!=null&&n.onError&&((o=this.options.callbacks)==null||o.onError({message:a.message,status:a.status,responseBody:a.responseBody}))}}_renderWidget(){this.container=document.createElement("div"),this.container.className="spot-refund-guarantee",this.root.appendChild(this.container),Object.entries(this.options.theme||{}).forEach(([r,n])=>{const o=`--${r}`;this.container.style.setProperty(o,n)}),C(this.container,this.quote.communication);const e=document.createElement("div");e.className="spot-content__wrapper",this.container.appendChild(e),v(e,this.quote.communication.bulletPoints),this.options.showTable&&E(e,this.quote.payoutSchedule);const t=k(e,this.quote.spotPrice,this.options.optInSelected);e.appendChild(t),x(this.container,this.quote),window.addEventListener("resize",this._onResize),this._updateLayout(),this._setupOptionListeners(t)}_updateLayout(){const e=window.matchMedia("(min-width: 768px)").matches;this.container.querySelector(".spot-content__wrapper").classList.toggle("desktop-layout",e&&this.options.showTable)}_setupOptionListeners(e){const t=e.querySelectorAll('input[type="radio"]'),r=e.querySelectorAll(".spot-selection__option");t.forEach(n=>{n.addEventListener("change",o=>{var p,c,l;const a=o.target.value;this.hideSelectionError(),this.currentSelection=a,r.forEach(d=>d.classList.remove("selected")),(p=o.target.closest(".spot-selection__option"))==null||p.classList.add("selected"),a==="yes"&&((c=this.options.callbacks)!=null&&c.onOptIn)&&this.options.callbacks.onOptIn({status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id}),a==="no"&&((l=this.options.callbacks)!=null&&l.onOptOut)&&this.options.callbacks.onOptOut({status:"QUOTE_DECLINED",quoteId:this.quote.id})})})}showSelectionError(){var e;if(!this.errorEl){this.errorEl=document.createElement("div"),this.errorEl.className="spot-selection__error",this.errorEl.textContent="Please make a selection";const t=(e=this.container)==null?void 0:e.querySelector(".spot-selection__options");t&&t.insertAdjacentElement("afterend",this.errorEl)}this.errorEl.style.display="block"}hideSelectionError(){this.errorEl&&(this.errorEl.style.display="none")}validateSelection(){if(!this.container)return!1;const e=!!this.container.querySelector('input[name="selection"]:checked');return e?this.hideSelectionError():this.showSelectionError(),e}async updateQuote(e){var t,r,n;try{const o={...this.options,quoteRequestData:{...this.options.quoteRequestData,...e}};g(o);const{environment:a,partnerId:p,endpoint:c}=this.options.apiConfig,l=c||b[a],d=await f(l,p,o.quoteRequestData);return d.status!=="QUOTE_AVAILABLE"?(d.status==="NO_MATCHING_QUOTE"&&((t=this.options.callbacks)!=null&&t.noMatchingQuote)&&this.options.callbacks.noMatchingQuote({status:"NO_MATCHING_QUOTE",data:o.quoteRequestData}),!1):(this.options.quoteRequestData=o.quoteRequestData,this.quote=d.data,this.currentSelection=null,this.destroy(),this._renderWidget(),(r=this.options.callbacks)!=null&&r.onQuoteRetrieved&&this.options.callbacks.onQuoteRetrieved(this.quote),!0)}catch(o){return(n=this.options.callbacks)==null||n.onError({message:o.message,status:o.status,responseBody:o.responseBody}),!1}}getSelection(){var e,t;return this.currentSelection==null?null:{selection:this.currentSelection,quoteId:(e=this.quote)==null?void 0:e.id,spotPrice:(t=this.quote)==null?void 0:t.spotPrice,status:this.currentSelection==="yes"?"QUOTE_ACCEPTED":"QUOTE_DECLINED"}}destroy(){window.removeEventListener("resize",this._onResize),this.container&&this.container.parentNode&&this.container.parentNode.removeChild(this.container)}}return T});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getspot/spot-widget",
-  "version": "0.1.4",
+  "version": "1.0.0",
   "publishConfig": {
     "access": "public"
   },

package/src/index.js

@@ -90,11 +90,13 @@ class SpotWidget {
         this.options.callbacks.onQuoteRetrieved(this.quote);
       }
     } catch (err) {
-      this.options.callbacks?.onError({
-        message: err.message,
-        status: err.status,
-        responseBody: err.responseBody,
-      });
+      if (this.options.callbacks?.onError) {
+        this.options.callbacks?.onError({
+          message: err.message,
+          status: err.status,
+          responseBody: err.responseBody,
+        });
+      }
     }
   }
 
@@ -205,6 +207,68 @@ class SpotWidget {
     return isSelected;
   }
 
+  async updateQuote(newQuoteRequestData) {
+    try {
+      const updatedOptions = {
+        ...this.options,
+        quoteRequestData: {
+          ...this.options.quoteRequestData,
+          ...newQuoteRequestData,
+        },
+      };
+
+      validateOptions(updatedOptions);
+
+      const {
+        environment,
+        partnerId,
+        endpoint: customEndpoint,
+      } = this.options.apiConfig;
+
+      const endpoint = customEndpoint || apiEndpoint[environment];
+
+      const response = await fetchQuote(
+        endpoint,
+        partnerId,
+        updatedOptions.quoteRequestData
+      );
+
+      if (response.status !== "QUOTE_AVAILABLE") {
+        if (
+          response.status === "NO_MATCHING_QUOTE" &&
+          this.options.callbacks?.noMatchingQuote
+        ) {
+          this.options.callbacks.noMatchingQuote({
+            status: "NO_MATCHING_QUOTE",
+            data: updatedOptions.quoteRequestData,
+          });
+        }
+        return false;
+      }
+
+      this.options.quoteRequestData = updatedOptions.quoteRequestData;
+      this.quote = response.data;
+      this.currentSelection = null;
+
+      this.destroy();
+
+      this._renderWidget();
+
+      if (this.options.callbacks?.onQuoteRetrieved) {
+        this.options.callbacks.onQuoteRetrieved(this.quote);
+      }
+
+      return true;
+    } catch (err) {
+      this.options.callbacks?.onError({
+        message: err.message,
+        status: err.status,
+        responseBody: err.responseBody,
+      });
+      return false;
+    }
+  }
+
   getSelection() {
     if (this.currentSelection == null) return null;
 

package/src/validateOptions.js

@@ -41,6 +41,7 @@ export function validateOptions(options) {
     "productDuration",
     "productPrice",
     "productId",
+    "cartId",
     "productName",
   ];
 
@@ -108,6 +109,10 @@ export function validateOptions(options) {
     throw new Error("productId must be a string");
   }
 
+  if (typeof quoteRequestData.cartId !== "string") {
+    throw new Error("cartId must be a string");
+  }
+
   if (typeof quoteRequestData.productName !== "string") {
     throw new Error("productName must be a string");
   }