@getspot/spot-widget-react 0.1.4 → 1.0.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @getspot/spot-widget-react@0.1.4 build /builds/getspot/spot-widget/packages/react
+> @getspot/spot-widget-react@1.0.0 build /builds/getspot/spot-widget/packages/react
 > 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.
@@ -9,6 +9,6 @@ transforming...
 No name was provided for external module "@getspot/spot-widget" in "output.globals" – guessing "SpotWidget".
 rendering chunks...
 computing gzip size...
-dist/index.umd.js  0.52 kB │ gzip: 0.32 kB
-dist/index.es.js  0.41 kB │ gzip: 0.26 kB
-✓ built in 160ms
+dist/index.umd.js  1.41 kB │ gzip: 0.65 kB
+dist/index.es.js  1.71 kB │ gzip: 0.68 kB
+✓ built in 115ms

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @getspot/spot-widget-react
 
+## 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.
+
+### Patch Changes
+
+- Updated dependencies [4f9e10e]
+  - @getspot/spot-widget@1.0.0
+
+## 0.2.0
+
+### Minor Changes
+
+- 25bba43: Making cartId required on quoteRequest
+
+### Patch Changes
+
+- Updated dependencies [25bba43]
+  - @getspot/spot-widget@0.2.0
+
 ## 0.1.4
 
 ### Patch Changes

package/dist/index.es.js

@@ -1,19 +1,70 @@
-import o, { useRef as c, useEffect as n } from "react";
-import f from "@getspot/spot-widget";
-const d = ({ options: t }) => {
-  const e = c(null);
-  return n(() => {
-    if (e.current) {
-      const r = new f({
-        location: e.current,
-        ...t
-      });
-      return () => {
-        r.destroy();
-      };
+import z, { forwardRef as A, useRef as x, useImperativeHandle as B, useEffect as E } from "react";
+import F from "@getspot/spot-widget";
+const K = A(({
+  apiConfig: m,
+  quoteRequestData: y,
+  showTable: i = !0,
+  optInSelected: W = !1,
+  theme: v,
+  callbacks: w = {},
+  onQuoteRetrieved: s,
+  onOptIn: t,
+  onOptOut: c,
+  onError: f,
+  onNoMatchingQuote: d,
+  onSelectionChange: e,
+  ...R
+}, H) => {
+  const l = x(null), u = x(null), b = {
+    ...w,
+    ...s && { onQuoteRetrieved: s },
+    ...t && {
+      onOptIn: (r) => {
+        t == null || t(r), e == null || e(r);
+      }
+    },
+    ...c && {
+      onOptOut: (r) => {
+        c == null || c(r), e == null || e(r);
+      }
+    },
+    ...f && { onError: f },
+    ...d && { onNoMatchingQuote: d }
+  }, j = {
+    apiConfig: m,
+    quoteRequestData: y,
+    showTable: i,
+    optInSelected: W,
+    theme: v,
+    callbacks: b,
+    ...R
+  };
+  return B(H, () => ({
+    updateQuote: (r) => {
+      var k;
+      return (k = u.current) == null ? void 0 : k.updateQuote(r);
+    },
+    getSelection: () => {
+      var r;
+      return (r = u.current) == null ? void 0 : r.getSelection();
+    },
+    validateSelection: () => {
+      var r;
+      return (r = u.current) == null ? void 0 : r.validateSelection();
+    },
+    destroy: () => {
+      u.current && (u.current.destroy(), u.current = null);
     }
-  }, [t]), /* @__PURE__ */ o.createElement("div", { ref: e });
-};
+  })), E(() => {
+    if (l.current)
+      return u.current && u.current.destroy(), u.current = new F({
+        location: l.current,
+        ...j
+      }), () => {
+        u.current && (u.current.destroy(), u.current = null);
+      };
+  }, [m, y, i, W, v, w, s, t, c, f, d, e, R]), /* @__PURE__ */ z.createElement("div", { ref: l });
+});
 export {
-  d as default
+  K as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("react"),require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["react","@getspot/spot-widget"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.ReactSpotWidget=t(e.React,e.SpotWidget))})(this,function(e,t){"use strict";return({options:n})=>{const i=e.useRef(null);return e.useEffect(()=>{if(i.current){const d=new t({location:i.current,...n});return()=>{d.destroy()}}},[n]),e.createElement("div",{ref:i})}});
+(function(r,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("react"),require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["react","@getspot/spot-widget"],s):(r=typeof globalThis<"u"?globalThis:r||self,r.ReactSpotWidget=s(r.React,r.SpotWidget))})(this,function(r,s){"use strict";return r.forwardRef(({apiConfig:y,quoteRequestData:m,showTable:W=!0,optInSelected:w=!1,theme:v,callbacks:x={},onQuoteRetrieved:c,onOptIn:d,onOptOut:f,onError:i,onNoMatchingQuote:l,onSelectionChange:u,...j},H)=>{const p=r.useRef(null),t=r.useRef(null),T={...x,...c&&{onQuoteRetrieved:c},...d&&{onOptIn:e=>{d==null||d(e),u==null||u(e)}},...f&&{onOptOut:e=>{f==null||f(e),u==null||u(e)}},...i&&{onError:i},...l&&{onNoMatchingQuote:l}},q={apiConfig:y,quoteRequestData:m,showTable:W,optInSelected:w,theme:v,callbacks:T,...j};return r.useImperativeHandle(H,()=>({updateQuote:e=>{var k;return(k=t.current)==null?void 0:k.updateQuote(e)},getSelection:()=>{var e;return(e=t.current)==null?void 0:e.getSelection()},validateSelection:()=>{var e;return(e=t.current)==null?void 0:e.validateSelection()},destroy:()=>{t.current&&(t.current.destroy(),t.current=null)}})),r.useEffect(()=>{if(p.current)return t.current&&t.current.destroy(),t.current=new s({location:p.current,...q}),()=>{t.current&&(t.current.destroy(),t.current=null)}},[y,m,W,w,v,x,c,d,f,i,l,u,j]),r.createElement("div",{ref:p})})});

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getspot/spot-widget-react",
-  "version": "0.1.4",
+  "version": "1.0.0",
   "publishConfig": {
     "access": "public"
   },
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "dependencies": {
-    "@getspot/spot-widget": "0.1.4"
+    "@getspot/spot-widget": "1.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/ReactSpotWidget.jsx

@@ -1,23 +1,93 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useImperativeHandle, forwardRef } from "react";
 import SpotWidget from "@getspot/spot-widget";
 
-const ReactSpotWidget = ({ options }) => {
+const ReactSpotWidget = forwardRef(({ 
+  apiConfig,
+  quoteRequestData,
+  showTable = true,
+  optInSelected = false,
+  theme,
+  callbacks = {},
+  onQuoteRetrieved,
+  onOptIn,
+  onOptOut,
+  onError,
+  onNoMatchingQuote,
+  onSelectionChange,
+  ...otherOptions 
+}, ref) => {
   const widgetRef = useRef(null);
+  const spotWidgetInstance = useRef(null);
+
+  // Merge callbacks from props with callbacks object
+  const mergedCallbacks = {
+    ...callbacks,
+    ...(onQuoteRetrieved && { onQuoteRetrieved }),
+    ...(onOptIn && { 
+      onOptIn: (data) => {
+        onOptIn?.(data);
+        onSelectionChange?.(data);
+      }
+    }),
+    ...(onOptOut && { 
+      onOptOut: (data) => {
+        onOptOut?.(data);
+        onSelectionChange?.(data);
+      }
+    }),
+    ...(onError && { onError }),
+    ...(onNoMatchingQuote && { onNoMatchingQuote }),
+  };
+
+  const options = {
+    apiConfig,
+    quoteRequestData,
+    showTable,
+    optInSelected,
+    theme,
+    callbacks: mergedCallbacks,
+    ...otherOptions,
+  };
+
+  useImperativeHandle(ref, () => ({
+    updateQuote: (newQuoteRequestData) => {
+      return spotWidgetInstance.current?.updateQuote(newQuoteRequestData);
+    },
+    getSelection: () => {
+      return spotWidgetInstance.current?.getSelection();
+    },
+    validateSelection: () => {
+      return spotWidgetInstance.current?.validateSelection();
+    },
+    destroy: () => {
+      if (spotWidgetInstance.current) {
+        spotWidgetInstance.current.destroy();
+        spotWidgetInstance.current = null;
+      }
+    },
+  }));
 
   useEffect(() => {
     if (widgetRef.current) {
-      const widget = new SpotWidget({
+      if (spotWidgetInstance.current) {
+        spotWidgetInstance.current.destroy();
+      }
+      
+      spotWidgetInstance.current = new SpotWidget({
         location: widgetRef.current,
         ...options,
       });
 
       return () => {
-        widget.destroy();
+        if (spotWidgetInstance.current) {
+          spotWidgetInstance.current.destroy();
+          spotWidgetInstance.current = null;
+        }
       };
     }
-  }, [options]);
+  }, [apiConfig, quoteRequestData, showTable, optInSelected, theme, callbacks, onQuoteRetrieved, onOptIn, onOptOut, onError, onNoMatchingQuote, onSelectionChange, otherOptions]);
 
   return <div ref={widgetRef}></div>;
-};
+});
 
 export default ReactSpotWidget;