@getspot/spot-widget-react 2.1.1 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @getspot/spot-widget-react
 
+## 3.1.0
+
+### Minor Changes
+
+- 7b695ae: Fix re-rendering issues
+
+## 3.0.1
+
+### Patch Changes
+
+- a7c82e3: Update to possible values of QuoteUpdates; Also, handle the yesOptionText replacement for spotPriceWithFees
+- Updated dependencies [a7c82e3]
+  - @getspot/spot-widget@3.0.1
+
+## 3.0.0
+
+### Major Changes
+
+- c1cce5f: Add ability to override displayed price in onQuoteRetrieved callback
+
+### Patch Changes
+
+- Updated dependencies [c1cce5f]
+  - @getspot/spot-widget@3.0.0
+
 ## 2.1.1
 
 ### Patch Changes

package/dist/ReactSpotWidget.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getspot/spot-widget-react",
-  "version": "2.1.1",
+  "version": "3.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -13,7 +13,7 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@getspot/spot-widget": "2.1.1"
+    "@getspot/spot-widget": "3.0.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0",