@getspot/spot-widget-react 3.0.1 → 3.0.2

package/dist/ReactSpotWidget.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type SpotWidgetOptions, type SelectionData, type Quote, type QuoteUpdates } from "@getspot/spot-widget";
+import { type SpotWidgetOptions, type SelectionData, type Quote } from "@getspot/spot-widget";
 /**
  * Props for the ReactSpotWidget component
  */
@@ -15,7 +15,7 @@ interface ReactSpotWidgetProps extends Omit<SpotWidgetOptions, 'location' | 'cal
     /** Theme customization options for styling the widget */
     theme?: SpotWidgetOptions['theme'];
     /** Callback fired when a quote is successfully retrieved */
-    onQuoteRetrieved?: (quote: Quote) => QuoteUpdates | void;
+    onQuoteRetrieved?: (quote: Quote) => void;
     /** Callback fired when user opts in to the refund guarantee */
     onOptIn?: (data: SelectionData) => void;
     /** Callback fired when user opts out of the refund guarantee */

package/dist/ReactSpotWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactSpotWidget.d.ts","sourceRoot":"","sources":["../src/ReactSpotWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAmB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,KAAK,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE7H;;GAEG;AACH,UAAU,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACtF,0EAA0E;IAC1E,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC1C,iEAAiE;IACjE,gBAAgB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxD,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,YAAY,GAAG,IAAI,CAAC;IACzD,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,gDAAgD;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,WAAW,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9F,qCAAqC;IACrC,YAAY,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IACzC,kDAAkD;IAClD,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,yDAAyD;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,eAAe,iGAuFnB,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ReactSpotWidget.d.ts","sourceRoot":"","sources":["../src/ReactSpotWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AA+BxG,OAAmB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE1G;;GAEG;AACH,UAAU,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACtF,0EAA0E;IAC1E,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC1C,iEAAiE;IACjE,gBAAgB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxD,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,gDAAgD;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,WAAW,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9F,qCAAqC;IACrC,YAAY,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IACzC,kDAAkD;IAClD,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,yDAAyD;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,eAAe,iGAoLnB,CAAC;AAIH,eAAe,eAAe,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type SpotWidgetOptions, type SelectionData, type Quote, type QuoteUpdates } from "@getspot/spot-widget";
+import { type SpotWidgetOptions, type SelectionData, type Quote } from "@getspot/spot-widget";
 /**
  * Props for the ReactSpotWidget component
  */
@@ -15,7 +15,7 @@ interface ReactSpotWidgetProps extends Omit<SpotWidgetOptions, 'location' | 'cal
     /** Theme customization options for styling the widget */
     theme?: SpotWidgetOptions['theme'];
     /** Callback fired when a quote is successfully retrieved */
-    onQuoteRetrieved?: (quote: Quote) => QuoteUpdates | void;
+    onQuoteRetrieved?: (quote: Quote) => void;
     /** Callback fired when user opts in to the refund guarantee */
     onOptIn?: (data: SelectionData) => void;
     /** Callback fired when user opts out of the refund guarantee */

package/dist/index.es.js

@@ -1,72 +1,128 @@
-import { jsx as P } from "react/jsx-runtime";
-import { forwardRef as b, useRef as R, useImperativeHandle as p, useEffect as z } from "react";
-import A from "@getspot/spot-widget";
-const B = b(({
-  apiConfig: m,
-  quoteRequestData: i,
-  showTable: y = !0,
-  optInSelected: W = !1,
-  theme: a,
-  callbacks: v = {},
-  onQuoteRetrieved: c,
-  onOptIn: s,
-  onOptOut: t,
-  onError: f,
-  onNoMatchingQuote: d,
-  onSelectionChange: e,
-  ...w
-}, j) => {
-  const l = R(null), u = R(null), k = {
-    ...v,
-    ...c && { onQuoteRetrieved: c },
-    ...s && {
-      onOptIn: (r) => {
-        s == null || s(r), e == null || e(r);
-      }
-    },
-    ...t && {
-      onOptOut: (r) => {
-        t == null || t(r), e == null || e(r);
-      }
-    },
-    ...f && { onError: f },
-    ...d && { noMatchingQuote: d }
-  }, H = {
-    apiConfig: m,
-    quoteRequestData: i,
-    showTable: y,
-    optInSelected: W,
-    theme: a,
-    callbacks: k,
-    ...w
-  };
-  return p(j, () => ({
-    updateQuote: (r) => {
-      var x;
-      return ((x = u.current) == null ? void 0 : x.updateQuote(r)) ?? Promise.resolve(!1);
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as A, useRef as p, useCallback as O, useMemo as B, useImperativeHandle as H, useEffect as W } from "react";
+import N from "@getspot/spot-widget";
+function i(c, u) {
+  if (c === u) return !0;
+  if (c == null || u == null || typeof c != "object" || typeof u != "object") return !1;
+  const s = Object.keys(c), d = Object.keys(u);
+  if (s.length !== d.length) return !1;
+  for (let f of s)
+    if (!d.includes(f) || !i(c[f], u[f])) return !1;
+  return !0;
+}
+function K(c, u) {
+  const s = p();
+  return (!s.current || !i(s.current.deps, u)) && (s.current = { deps: u, value: c() }), s.current.value;
+}
+const T = A(({
+  apiConfig: c,
+  quoteRequestData: u,
+  showTable: s = !0,
+  optInSelected: d = !1,
+  theme: f,
+  callbacks: k = {},
+  onQuoteRetrieved: R,
+  onOptIn: m,
+  onOptOut: v,
+  onError: Q,
+  onNoMatchingQuote: h,
+  onSelectionChange: S
+}, P) => {
+  const g = p(null), n = p(null), o = p({
+    onQuoteRetrieved: R,
+    onOptIn: m,
+    onOptOut: v,
+    onError: Q,
+    onNoMatchingQuote: h,
+    onSelectionChange: S
+  }), C = p(k);
+  o.current = {
+    onQuoteRetrieved: R,
+    onOptIn: m,
+    onOptOut: v,
+    onError: Q,
+    onNoMatchingQuote: h,
+    onSelectionChange: S
+  }, C.current = k;
+  const I = O((e) => {
+    var t, r;
+    return (r = (t = o.current).onQuoteRetrieved) == null ? void 0 : r.call(t, e);
+  }, []), w = O((e) => {
+    var t, r, a, l;
+    (r = (t = o.current).onOptIn) == null || r.call(t, e), (l = (a = o.current).onSelectionChange) == null || l.call(a, e);
+  }, []), E = O((e) => {
+    var t, r, a, l;
+    (r = (t = o.current).onOptOut) == null || r.call(t, e), (l = (a = o.current).onSelectionChange) == null || l.call(a, e);
+  }, []), M = O((e) => {
+    var t, r;
+    (r = (t = o.current).onError) == null || r.call(t, e);
+  }, []), j = O((e) => {
+    var t, r;
+    (r = (t = o.current).onNoMatchingQuote) == null || r.call(t, e);
+  }, []), q = B(() => {
+    const e = {}, t = [
+      "onQuoteRetrieved",
+      "onOptIn",
+      "onOptOut",
+      "onError",
+      "noMatchingQuote"
+    ];
+    for (const r of t)
+      e[r] = (...a) => {
+        var D;
+        const l = (D = C.current) == null ? void 0 : D[r];
+        if (l) return l(...a);
+      };
+    return {
+      ...e,
+      ...o.current.onQuoteRetrieved && { onQuoteRetrieved: I },
+      ...o.current.onOptIn && { onOptIn: w },
+      ...o.current.onOptOut && { onOptOut: E },
+      ...o.current.onError && { onError: M },
+      ...o.current.onNoMatchingQuote && { noMatchingQuote: j }
+    };
+  }, [I, w, E, M, j]), b = K(() => ({
+    apiConfig: c,
+    quoteRequestData: u,
+    showTable: s,
+    optInSelected: d,
+    theme: f,
+    callbacks: q
+  }), [c, u, s, d, f, q]);
+  H(P, () => ({
+    updateQuote: (e) => {
+      var t;
+      return ((t = n.current) == null ? void 0 : t.updateQuote(e)) ?? Promise.resolve(!1);
     },
     getSelection: () => {
-      var r;
-      return ((r = u.current) == null ? void 0 : r.getSelection()) ?? null;
+      var e;
+      return ((e = n.current) == null ? void 0 : e.getSelection()) ?? null;
     },
     validateSelection: () => {
-      var r;
-      return ((r = u.current) == null ? void 0 : r.validateSelection()) ?? !1;
+      var e;
+      return ((e = n.current) == null ? void 0 : e.validateSelection()) ?? !1;
     },
     destroy: () => {
-      u.current && (u.current.destroy(), u.current = null);
+      n.current && (n.current.destroy(), n.current = null);
     }
-  })), z(() => {
-    if (l.current)
-      return u.current && u.current.destroy(), u.current = new A({
-        location: l.current,
-        ...H
-      }), () => {
-        u.current && (u.current.destroy(), u.current = null);
-      };
-  }, [m, i, y, W, a, v, c, s, t, f, d, e, w]), /* @__PURE__ */ P("div", { ref: l });
+  }));
+  const y = p();
+  return W(() => (g.current && !n.current && (n.current = new N({
+    location: g.current,
+    ...b
+  }), y.current = b), () => {
+    n.current && (n.current.destroy(), n.current = null);
+  }), []), W(() => {
+    if (n.current && y.current) {
+      const e = y.current, t = b;
+      i(e.apiConfig, t.apiConfig) && i(e.theme, t.theme) && e.showTable === t.showTable && e.optInSelected === t.optInSelected && i(e.callbacks, t.callbacks) && !i(e.quoteRequestData, t.quoteRequestData) ? n.current.updateQuote(t.quoteRequestData) : i(e, t) || (n.current.destroy(), n.current = new N({
+        location: g.current,
+        ...t
+      })), y.current = t;
+    }
+  }, [b]), /* @__PURE__ */ x("div", { ref: g });
 });
-B.displayName = "ReactSpotWidget";
+T.displayName = "ReactSpotWidget";
 export {
-  B as default
+  T as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(u,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("react/jsx-runtime"),require("react"),require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["react/jsx-runtime","react","@getspot/spot-widget"],t):(u=typeof globalThis<"u"?globalThis:u||self,u.ReactSpotWidget=t(u.React,u.React,u.SpotWidget))})(this,function(u,t,n){"use strict";const p=t.forwardRef(({apiConfig:y,quoteRequestData:R,showTable:x=!0,optInSelected:W=!1,theme:j,callbacks:w={},onQuoteRetrieved:i,onOptIn:d,onOptOut:f,onError:c,onNoMatchingQuote:l,onSelectionChange:s,...v},q)=>{const m=t.useRef(null),r=t.useRef(null),H={...w,...i&&{onQuoteRetrieved:i},...d&&{onOptIn:e=>{d==null||d(e),s==null||s(e)}},...f&&{onOptOut:e=>{f==null||f(e),s==null||s(e)}},...c&&{onError:c},...l&&{noMatchingQuote:l}},P={apiConfig:y,quoteRequestData:R,showTable:x,optInSelected:W,theme:j,callbacks:H,...v};return t.useImperativeHandle(q,()=>({updateQuote:e=>{var k;return((k=r.current)==null?void 0:k.updateQuote(e))??Promise.resolve(!1)},getSelection:()=>{var e;return((e=r.current)==null?void 0:e.getSelection())??null},validateSelection:()=>{var e;return((e=r.current)==null?void 0:e.validateSelection())??!1},destroy:()=>{r.current&&(r.current.destroy(),r.current=null)}})),t.useEffect(()=>{if(m.current)return r.current&&r.current.destroy(),r.current=new n({location:m.current,...P}),()=>{r.current&&(r.current.destroy(),r.current=null)}},[y,R,x,W,j,w,i,d,f,c,l,s,v]),u.jsx("div",{ref:m})});return p.displayName="ReactSpotWidget",p});
+(function(i,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("react/jsx-runtime"),require("react"),require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["react/jsx-runtime","react","@getspot/spot-widget"],n):(i=typeof globalThis<"u"?globalThis:i||self,i.ReactSpotWidget=n(i.React,i.React,i.SpotWidget))})(this,function(i,n,k){"use strict";function a(s,c){if(s===c)return!0;if(s==null||c==null||typeof s!="object"||typeof c!="object")return!1;const l=Object.keys(s),R=Object.keys(c);if(l.length!==R.length)return!1;for(let d of l)if(!R.includes(d)||!a(s[d],c[d]))return!1;return!0}function N(s,c){const l=n.useRef();return(!l.current||!a(l.current.deps,c))&&(l.current={deps:c,value:s()}),l.current.value}const y=n.forwardRef(({apiConfig:s,quoteRequestData:c,showTable:l=!0,optInSelected:R=!1,theme:d,callbacks:h={},onQuoteRetrieved:v,onOptIn:Q,onOptOut:m,onError:C,onNoMatchingQuote:S,onSelectionChange:j},P)=>{const O=n.useRef(null),u=n.useRef(null),o=n.useRef({onQuoteRetrieved:v,onOptIn:Q,onOptOut:m,onError:C,onNoMatchingQuote:S,onSelectionChange:j}),q=n.useRef(h);o.current={onQuoteRetrieved:v,onOptIn:Q,onOptOut:m,onError:C,onNoMatchingQuote:S,onSelectionChange:j},q.current=h;const w=n.useCallback(e=>{var t,r;return(r=(t=o.current).onQuoteRetrieved)==null?void 0:r.call(t,e)},[]),E=n.useCallback(e=>{var t,r,p,f;(r=(t=o.current).onOptIn)==null||r.call(t,e),(f=(p=o.current).onSelectionChange)==null||f.call(p,e)},[]),I=n.useCallback(e=>{var t,r,p,f;(r=(t=o.current).onOptOut)==null||r.call(t,e),(f=(p=o.current).onSelectionChange)==null||f.call(p,e)},[]),M=n.useCallback(e=>{var t,r;(r=(t=o.current).onError)==null||r.call(t,e)},[]),x=n.useCallback(e=>{var t,r;(r=(t=o.current).onNoMatchingQuote)==null||r.call(t,e)},[]),D=n.useMemo(()=>{const e={},t=["onQuoteRetrieved","onOptIn","onOptOut","onError","noMatchingQuote"];for(const r of t)e[r]=(...p)=>{var W;const f=(W=q.current)==null?void 0:W[r];if(f)return f(...p)};return{...e,...o.current.onQuoteRetrieved&&{onQuoteRetrieved:w},...o.current.onOptIn&&{onOptIn:E},...o.current.onOptOut&&{onOptOut:I},...o.current.onError&&{onError:M},...o.current.onNoMatchingQuote&&{noMatchingQuote:x}}},[w,E,I,M,x]),g=N(()=>({apiConfig:s,quoteRequestData:c,showTable:l,optInSelected:R,theme:d,callbacks:D}),[s,c,l,R,d,D]);n.useImperativeHandle(P,()=>({updateQuote:e=>{var t;return((t=u.current)==null?void 0:t.updateQuote(e))??Promise.resolve(!1)},getSelection:()=>{var e;return((e=u.current)==null?void 0:e.getSelection())??null},validateSelection:()=>{var e;return((e=u.current)==null?void 0:e.validateSelection())??!1},destroy:()=>{u.current&&(u.current.destroy(),u.current=null)}}));const b=n.useRef();return n.useEffect(()=>(O.current&&!u.current&&(u.current=new k({location:O.current,...g}),b.current=g),()=>{u.current&&(u.current.destroy(),u.current=null)}),[]),n.useEffect(()=>{if(u.current&&b.current){const e=b.current,t=g;a(e.apiConfig,t.apiConfig)&&a(e.theme,t.theme)&&e.showTable===t.showTable&&e.optInSelected===t.optInSelected&&a(e.callbacks,t.callbacks)&&!a(e.quoteRequestData,t.quoteRequestData)?u.current.updateQuote(t.quoteRequestData):a(e,t)||(u.current.destroy(),u.current=new k({location:O.current,...t})),b.current=t}},[g]),i.jsx("div",{ref:O})});return y.displayName="ReactSpotWidget",y});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getspot/spot-widget-react",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "publishConfig": {
     "access": "public"
   },
@@ -12,8 +12,18 @@
     "README.md",
     "CHANGELOG.md"
   ],
+  "scripts": {
+    "build": "vite build && npx -p typescript tsc --emitDeclarationOnly && cp dist/ReactSpotWidget.d.ts dist/index.d.ts",
+    "docs": "npx -p typedoc -p typedoc-plugin-markdown typedoc --plugin typedoc-plugin-markdown --out docs src/ReactSpotWidget.tsx",
+    "docs:readme": "npm run docs && node scripts/generate-readme.js",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:ci": "jest --ci --coverage --watchAll=false",
+    "prepublishOnly": "npm run build"
+  },
   "dependencies": {
-    "@getspot/spot-widget": "3.0.1"
+    "@getspot/spot-widget": "workspace:*"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -38,14 +48,5 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "ts-jest": "^29.0.0"
-  },
-  "scripts": {
-    "build": "vite build && npx -p typescript tsc --emitDeclarationOnly && cp dist/ReactSpotWidget.d.ts dist/index.d.ts",
-    "docs": "npx -p typedoc -p typedoc-plugin-markdown typedoc --plugin typedoc-plugin-markdown --out docs src/ReactSpotWidget.tsx",
-    "docs:readme": "npm run docs && node scripts/generate-readme.js",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "test:ci": "jest --ci --coverage --watchAll=false"
   }
-}
+}