@getspot/spot-widget-react 3.3.2 → 4.0.1

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [4.0.1](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-react@4.0.0...@getspot/spot-widget-react@4.0.1) (2026-01-12)
+
+
+### Bug Fixes
+
+* when the selection is no we need to check the NO option ([628f5f4](https://gitlab.com/getspot/spot-widget/commit/628f5f453d95bf4956ed4328b8c1fceeb633edd2))
+
+# [4.0.0](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-react@3.3.2...@getspot/spot-widget-react@4.0.0) (2026-01-12)
+
+
+* feat!(core): replacing optInSelected prop with selection enum ([0d40913](https://gitlab.com/getspot/spot-widget/commit/0d409135aa50eaa98995b9c1e20ca05cc7e2b2fc))
+
+
+### BREAKING CHANGES
+
+* better preselection of widget optIn/optOut
+
 ## [3.3.2](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-react@3.3.1...@getspot/spot-widget-react@3.3.2) (2026-01-09)
 
 

package/README.md

@@ -79,7 +79,7 @@ This package includes full TypeScript definitions. All props are typed for bette
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `showTable` | `boolean` | `true` | Whether to show the payout table |
-| `optInSelected` | `boolean` | `false` | Whether the widget should be pre-selected for opt-in |
+| `selection` | `SelectionEnum` | `'unselected'` | Initial selection state for the widget |
 | `theme` | `Theme` | `undefined` | Theme customization options for styling the widget |
 
 ### Callback Props
@@ -184,11 +184,9 @@ For multiple items in a cart:
 
 ```tsx
 {
-  cartInfo: {
-    cartId: string,
-    cartName: string,
-    currencyCode: 'USD' | 'CAD' | 'AUD'
-  },
+  cartId: string,
+  cartName: string,
+  currencyCode: 'USD' | 'CAD' | 'AUD',
   items: Array<{
     // Same fields as single quote, minus cartId and currencyCode
     cartItemId?: string // Optional unique identifier for cart item

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, type QuoteUpdates, type QuoteRequestData, type ApiConfig, SelectionEnum } from "@getspot/spot-widget";
 /**
  * Props for the ReactSpotWidget component
  */
@@ -11,7 +11,7 @@ interface ReactSpotWidgetProps extends Omit<SpotWidgetOptions, 'location' | 'cal
     /** Whether to show the payout table. Defaults to true */
     showTable?: boolean;
     /** Whether the widget should be pre-selected for opt-in. Defaults to false */
-    optInSelected?: boolean;
+    selection?: SelectionEnum;
     /** Theme customization options for styling the widget */
     theme?: SpotWidgetOptions['theme'];
     /** Callback fired when a quote is successfully retrieved */
@@ -80,4 +80,6 @@ export interface ReactSpotWidgetRef {
  */
 declare const ReactSpotWidget: React.ForwardRefExoticComponent<ReactSpotWidgetProps & React.RefAttributes<ReactSpotWidgetRef>>;
 export default ReactSpotWidget;
+export type { Quote, QuoteUpdates, SelectionData, SpotWidgetOptions, QuoteRequestData, ApiConfig };
+export { SelectionEnum };
 //# sourceMappingURL=ReactSpotWidget.d.ts.map

package/dist/ReactSpotWidget.d.ts.map

@@ -1 +1 @@
-{"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,iGAwLnB,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,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEnL;;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,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,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,iGAwLnB,CAAC;AAIH,eAAe,eAAe,CAAC;AAC/B,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC;AACnG,OAAO,EAAE,aAAa,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, type QuoteUpdates, type QuoteRequestData, type ApiConfig, SelectionEnum } from "@getspot/spot-widget";
 /**
  * Props for the ReactSpotWidget component
  */
@@ -11,7 +11,7 @@ interface ReactSpotWidgetProps extends Omit<SpotWidgetOptions, 'location' | 'cal
     /** Whether to show the payout table. Defaults to true */
     showTable?: boolean;
     /** Whether the widget should be pre-selected for opt-in. Defaults to false */
-    optInSelected?: boolean;
+    selection?: SelectionEnum;
     /** Theme customization options for styling the widget */
     theme?: SpotWidgetOptions['theme'];
     /** Callback fired when a quote is successfully retrieved */
@@ -80,4 +80,6 @@ export interface ReactSpotWidgetRef {
  */
 declare const ReactSpotWidget: React.ForwardRefExoticComponent<ReactSpotWidgetProps & React.RefAttributes<ReactSpotWidgetRef>>;
 export default ReactSpotWidget;
+export type { Quote, QuoteUpdates, SelectionData, SpotWidgetOptions, QuoteRequestData, ApiConfig };
+export { SelectionEnum };
 //# sourceMappingURL=ReactSpotWidget.d.ts.map

package/dist/index.es.js

@@ -1,6 +1,7 @@
-import { jsx as B } from "react/jsx-runtime";
-import { forwardRef as H, useRef as p, useCallback as O, useMemo as K, useImperativeHandle as T, useEffect as P } from "react";
-import x from "@getspot/spot-widget";
+import { jsx as A } from "react/jsx-runtime";
+import { forwardRef as B, useRef as p, useCallback as O, useMemo as H, useImperativeHandle as K, useEffect as x } from "react";
+import P, { SelectionEnum as L } from "@getspot/spot-widget";
+import { SelectionEnum as Y } 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;
@@ -10,43 +11,43 @@ function i(c, u) {
     if (!d.includes(f) || !i(c[f], u[f])) return !1;
   return !0;
 }
-function z(c, u) {
+function U(c, u) {
   const s = p(void 0);
   return (!s.current || !i(s.current.deps, u)) && (s.current = { deps: u, value: c() }), s.current.value;
 }
-const F = H(({
+const z = B(({
   apiConfig: c,
   quoteRequestData: u,
   showTable: s = !0,
-  optInSelected: d = !1,
+  selection: d = L.UNSELECTED,
   theme: f,
-  callbacks: v = {},
-  useMockData: R,
-  mockData: Q,
-  onQuoteRetrieved: k,
-  onOptIn: m,
+  callbacks: m = {},
+  useMockData: v,
+  mockData: R,
+  onQuoteRetrieved: Q,
+  onOptIn: k,
   onOptOut: h,
-  onError: S,
-  onNoMatchingQuote: C,
-  onSelectionChange: I
-}, A) => {
+  onError: E,
+  onNoMatchingQuote: S,
+  onSelectionChange: C
+}, T) => {
   const g = p(null), n = p(null), o = p({
-    onQuoteRetrieved: k,
-    onOptIn: m,
+    onQuoteRetrieved: Q,
+    onOptIn: k,
     onOptOut: h,
-    onError: S,
-    onNoMatchingQuote: C,
-    onSelectionChange: I
-  }), w = p(v);
+    onError: E,
+    onNoMatchingQuote: S,
+    onSelectionChange: C
+  }), w = p(m);
   o.current = {
-    onQuoteRetrieved: k,
-    onOptIn: m,
+    onQuoteRetrieved: Q,
+    onOptIn: k,
     onOptOut: h,
-    onError: S,
-    onNoMatchingQuote: C,
-    onSelectionChange: I
-  }, w.current = v;
-  const E = O((e) => {
+    onError: E,
+    onNoMatchingQuote: S,
+    onSelectionChange: C
+  }, w.current = m;
+  const I = O((e) => {
     var t, r;
     return (r = (t = o.current).onQuoteRetrieved) == null ? void 0 : r.call(t, e);
   }, []), j = O((e) => {
@@ -58,10 +59,10 @@ const F = H(({
   }, []), M = O((e) => {
     var t, r;
     (r = (t = o.current).onError) == null || r.call(t, e);
-  }, []), W = O((e) => {
+  }, []), D = O((e) => {
     var t, r;
     (r = (t = o.current).onNoMatchingQuote) == null || r.call(t, e);
-  }, []), D = K(() => {
+  }, []), N = H(() => {
     const e = {}, t = [
       "onQuoteRetrieved",
       "onOptIn",
@@ -71,29 +72,29 @@ const F = H(({
     ];
     for (const r of t)
       e[r] = (...a) => {
-        var N;
-        const l = (N = w.current) == null ? void 0 : N[r];
+        var W;
+        const l = (W = w.current) == null ? void 0 : W[r];
         if (l) return l(...a);
       };
     return {
       ...e,
-      ...o.current.onQuoteRetrieved && { onQuoteRetrieved: E },
+      ...o.current.onQuoteRetrieved && { onQuoteRetrieved: I },
       ...o.current.onOptIn && { onOptIn: j },
       ...o.current.onOptOut && { onOptOut: q },
       ...o.current.onError && { onError: M },
-      ...o.current.onNoMatchingQuote && { noMatchingQuote: W }
+      ...o.current.onNoMatchingQuote && { noMatchingQuote: D }
     };
-  }, [E, j, q, M, W]), b = z(() => ({
+  }, [I, j, q, M, D]), b = U(() => ({
     apiConfig: c,
     quoteRequestData: u,
     showTable: s,
-    optInSelected: d,
+    selection: d,
     theme: f,
-    callbacks: D,
-    useMockData: R,
-    mockData: Q
-  }), [c, u, s, d, f, D, R, Q]);
-  T(A, () => ({
+    callbacks: N,
+    useMockData: v,
+    mockData: R
+  }), [c, u, s, d, f, N, v, R]);
+  K(T, () => ({
     updateQuote: (e) => {
       var t;
       return ((t = n.current) == null ? void 0 : t.updateQuote(e)) ?? Promise.resolve(!1);
@@ -111,22 +112,23 @@ const F = H(({
     }
   }));
   const y = p(void 0);
-  return P(() => (g.current && !n.current && (n.current = new x({
+  return x(() => (g.current && !n.current && (n.current = new P({
     location: g.current,
     ...b
   }), y.current = b), () => {
     n.current && (n.current.destroy(), n.current = null);
-  }), []), P(() => {
+  }), []), x(() => {
     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 x({
+      i(e.apiConfig, t.apiConfig) && i(e.theme, t.theme) && e.showTable === t.showTable && e.selection === t.selection && i(e.callbacks, t.callbacks) && !i(e.quoteRequestData, t.quoteRequestData) ? n.current.updateQuote(t.quoteRequestData) : i(e, t) || (n.current.destroy(), n.current = new P({
         location: g.current,
         ...t
       })), y.current = t;
     }
-  }, [b]), /* @__PURE__ */ B("div", { ref: g });
+  }, [b]), /* @__PURE__ */ A("div", { ref: g });
 });
-F.displayName = "ReactSpotWidget";
+z.displayName = "ReactSpotWidget";
 export {
-  F as default
+  Y as SelectionEnum,
+  z as default
 };

package/dist/index.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getspot/spot-widget-react",
-  "version": "3.3.2",
+  "version": "4.0.1",
   "description": "React wrapper for Spot Widget",
   "publishConfig": {
     "access": "public"
@@ -14,7 +14,7 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@getspot/spot-widget": "^3.3.2"
+    "@getspot/spot-widget": "^4.0.1"
   },
   "peerDependencies": {
     "@types/react": ">=18.0.0",
@@ -48,8 +48,8 @@
     "vite": "^5.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",
+    "build": "vite build && npx -p typescript tsc -p tsconfig.build.json --emitDeclarationOnly && cp dist/ReactSpotWidget.d.ts dist/index.d.ts",
+    "docs": "npx -p typedoc -p typedoc-plugin-markdown typedoc --plugin typedoc-plugin-markdown --tsconfig tsconfig.build.json --out docs src/ReactSpotWidget.tsx",
     "docs:readme": "npm run docs && node scripts/generate-readme.js",
     "test": "jest --watchAll=false",
     "test:watch": "jest --watch",

package/dist/setupTests.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}