@compilot/react-sdk 2.2.6-dev → 2.3.1-dev

package/dist/compilot-react-sdk.cjs.dev.js

@@ -121,23 +121,51 @@ function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
 var toStateKey = function toStateKey(key) {
   return key.join(":");
 };
 var GlobalStateContext = /*#__PURE__*/react.createContext({
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  set: function set() {},
+  set: function set(_state) {
+    return _state;
+  },
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   get: function get() {}
 });
+var compareState = function compareState(a, b) {
+  if (a === b) {
+    return 0;
+  }
+  if (_typeof(a) === "object" && _typeof(b) === "object") {
+    return JSON.stringify(a) === JSON.stringify(b) ? 0 : -1;
+  }
+  return -1;
+};
 var GlobalStateProvider = function GlobalStateProvider(_ref) {
   var children = _ref.children;
   var _useState = react.useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var set = react.useCallback(function (key, value) {
-    return setState(_objectSpread2(_objectSpread2({}, state), {}, _defineProperty({}, toStateKey(key), value)));
+  var set = react.useCallback(function (key, setterFn) {
+    setState(function (state) {
+      var stateKey = toStateKey(key);
+      var keyValue = state[stateKey];
+      var newValue = setterFn(state[stateKey]);
+      if (compareState(keyValue, newValue) !== 0) {
+        return _objectSpread2(_objectSpread2({}, state), {}, _defineProperty({}, stateKey, newValue));
+      }
+      return state;
+    });
   }, [state, setState]);
   var get = react.useCallback(function (key) {
     return state[toStateKey(key)];
@@ -155,11 +183,7 @@ var GlobalStateProvider = function GlobalStateProvider(_ref) {
 };
 function useGlobalState(_ref2) {
   var key = _ref2.key,
-    defaultValue = _ref2.defaultValue,
-    _ref2$compareState = _ref2.compareState,
-    compareState = _ref2$compareState === void 0 ? function (a, b) {
-      return a === b ? 0 : 1;
-    } : _ref2$compareState;
+    defaultValue = _ref2.defaultValue;
   var _useContext = react.useContext(GlobalStateContext),
     set = _useContext.set,
     get = _useContext.get;
@@ -170,17 +194,10 @@ function useGlobalState(_ref2) {
     var _ref3;
     return (_ref3 = get(key)) !== null && _ref3 !== void 0 ? _ref3 : memoizedDefaultValue;
   }, [key, get, memoizedDefaultValue]);
-  var setter = react.useCallback(function (valueOrSetterFn) {
-    var newValue;
-    if (typeof valueOrSetterFn === "function") {
-      var setterFn = valueOrSetterFn;
-      newValue = setterFn(keyValue);
-    } else {
-      newValue = valueOrSetterFn;
-    }
-    if (compareState(keyValue, newValue) !== 0) {
-      set(key, newValue);
-    }
+  var setter = react.useCallback(function (setterFn) {
+    set(key, function (maybeState) {
+      return setterFn(maybeState !== null && maybeState !== void 0 ? maybeState : defaultValue);
+    });
   }, [key, set, get]);
   return react.useMemo(function () {
     return [keyValue, setter];
@@ -623,7 +640,7 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
       }
     }),
     _useGlobalState2 = _slicedToArray(_useGlobalState, 2),
-    state = _useGlobalState2[0],
+    globalState = _useGlobalState2[0],
     setState = _useGlobalState2[1];
   var mutateAsync = react.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var result,
@@ -631,26 +648,30 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          setState({
-            data: state.data,
-            isIdle: false,
-            isPending: true,
-            isError: false,
-            isSuccess: false,
-            error: null
+          setState(function (state) {
+            return {
+              data: state.data,
+              isIdle: false,
+              isPending: true,
+              isError: false,
+              isSuccess: false,
+              error: null
+            };
           });
           _context.prev = 1;
           _context.next = 4;
           return mutationFn.apply(void 0, _args);
         case 4:
           result = _context.sent;
-          setState({
-            data: result,
-            isIdle: false,
-            isPending: false,
-            isError: false,
-            isSuccess: true,
-            error: null
+          setState(function (_state) {
+            return {
+              data: result,
+              isIdle: false,
+              isPending: false,
+              isError: false,
+              isSuccess: true,
+              error: null
+            };
           });
 
           // eslint-disable-next-line @typescript-eslint/no-unsafe-return
@@ -658,13 +679,15 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
         case 9:
           _context.prev = 9;
           _context.t0 = _context["catch"](1);
-          setState({
-            data: state.data,
-            isIdle: false,
-            isPending: false,
-            isError: true,
-            isSuccess: false,
-            error: _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0))
+          setState(function (state) {
+            return {
+              data: state.data,
+              isIdle: false,
+              isPending: false,
+              isError: true,
+              isSuccess: false,
+              error: _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0))
+            };
           });
         case 12:
         case "end":
@@ -673,38 +696,42 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
     }, _callee, null, [[1, 9]]);
   })), [setState, mutationFn]);
   var setData = react.useCallback(function (data) {
-    setState({
-      data: data,
-      isIdle: false,
-      isPending: false,
-      isError: false,
-      isSuccess: true,
-      error: null
+    setState(function (_state) {
+      return {
+        data: data,
+        isIdle: false,
+        isPending: false,
+        isError: false,
+        isSuccess: true,
+        error: null
+      };
     });
   }, [setState]);
   var startPending = react.useCallback(function () {
-    if (state.isPending) {
+    if (globalState.isPending) {
       return;
     }
-    setState({
-      data: undefined,
-      isIdle: false,
-      isPending: true,
-      isError: false,
-      isSuccess: false,
-      error: null
+    setState(function (_state) {
+      return {
+        data: undefined,
+        isIdle: false,
+        isPending: true,
+        isError: false,
+        isSuccess: false,
+        error: null
+      };
     });
-  }, [setState, state.isPending]);
+  }, [setState, globalState.isPending]);
   var stopPending = react.useCallback(function () {
-    if (!state.isPending) {
+    if (!globalState.isPending) {
       return;
     }
-    setState(function (s) {
-      return _objectSpread2(_objectSpread2({}, s), {}, {
+    setState(function (state) {
+      return _objectSpread2(_objectSpread2({}, state), {}, {
         isPending: false
       });
     });
-  }, [setState, state.isPending]);
+  }, [setState, globalState.isPending]);
   var setPending = react.useCallback(function (isPending) {
     if (isPending) {
       startPending();
@@ -712,7 +739,7 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
       stopPending();
     }
   }, [startPending, stopPending]);
-  return _objectSpread2(_objectSpread2({}, state), {}, _defineProperty(_defineProperty(_defineProperty({}, mutationName, mutateAsync), "setData", setData), "setPending", setPending));
+  return _objectSpread2(_objectSpread2({}, globalState), {}, _defineProperty(_defineProperty(_defineProperty({}, mutationName, mutateAsync), "setData", setData), "setPending", setPending));
 };
 
 /**
@@ -987,33 +1014,39 @@ var useAsyncQueryState = function useAsyncQueryState(_ref) {
     state = _useGlobalState2[0],
     setState = _useGlobalState2[1];
   var setResult = react.useCallback(function (result) {
-    setState({
-      isLoading: false,
-      isError: false,
-      isSuccess: true,
-      error: null,
-      data: result
+    setState(function (_state) {
+      return {
+        isLoading: false,
+        isError: false,
+        isSuccess: true,
+        error: null,
+        data: result
+      };
     });
   }, [setState]);
   var setError = react.useCallback(function (error) {
-    setState({
-      isLoading: false,
-      isError: true,
-      isSuccess: false,
-      error: error,
-      data: undefined
+    setState(function (_state) {
+      return {
+        isLoading: false,
+        isError: true,
+        isSuccess: false,
+        error: error,
+        data: undefined
+      };
     });
   }, [setState]);
   var startLoading = react.useCallback(function () {
     if (state.isLoading) {
       return;
     }
-    setState({
-      isLoading: true,
-      isError: false,
-      isSuccess: false,
-      error: null,
-      data: undefined
+    setState(function (_state) {
+      return {
+        isLoading: true,
+        isError: false,
+        isSuccess: false,
+        error: null,
+        data: undefined
+      };
     });
   }, [setState]);
   var stopLoading = react.useCallback(function () {
@@ -1077,8 +1110,10 @@ var useAsyncQueryState = function useAsyncQueryState(_ref) {
  */
 var useCustomerStatus = function useCustomerStatus() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      refreshOnMount: true,
       refreshInterval: 10000
     },
+    refreshOnMount = _ref.refreshOnMount,
     refreshInterval = _ref.refreshInterval;
   var config = useComPilotConfig();
   var _useAsyncQueryState = useAsyncQueryState({
@@ -1099,18 +1134,47 @@ var useCustomerStatus = function useCustomerStatus() {
     };
   }, [config._internal.externalEventEmitter, config._internal.identifier]);
   react.useEffect(function () {
-    startLoading();
+    var updateStatus = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var status;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return webSdk.getCustomerStatus(config);
+            case 3:
+              status = _context.sent;
+              setResult(status);
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              setError(_context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0)));
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7]]);
+      }));
+      return function updateStatus() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    if (refreshOnMount) {
+      if (state.data === undefined) {
+        startLoading();
+        void updateStatus();
+      }
+    }
     var interval = setInterval(function () {
-      webSdk.getCustomerStatus(config).then(function (status) {
-        setResult(status);
-      })["catch"](function (error) {
-        setError(error instanceof Error ? error : new Error(String(error)));
-      });
+      return void updateStatus();
     }, refreshInterval);
     return function () {
       clearInterval(interval);
     };
-  }, [config._internal.identifier, refreshInterval, config, setError, setResult, startLoading]);
+  }, [config._internal.identifier, refreshInterval, state.data, config, setError, setResult, startLoading]);
   return state;
 };
 

package/dist/compilot-react-sdk.cjs.prod.js

@@ -121,23 +121,51 @@ function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
 var toStateKey = function toStateKey(key) {
   return key.join(":");
 };
 var GlobalStateContext = /*#__PURE__*/react.createContext({
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  set: function set() {},
+  set: function set(_state) {
+    return _state;
+  },
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   get: function get() {}
 });
+var compareState = function compareState(a, b) {
+  if (a === b) {
+    return 0;
+  }
+  if (_typeof(a) === "object" && _typeof(b) === "object") {
+    return JSON.stringify(a) === JSON.stringify(b) ? 0 : -1;
+  }
+  return -1;
+};
 var GlobalStateProvider = function GlobalStateProvider(_ref) {
   var children = _ref.children;
   var _useState = react.useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var set = react.useCallback(function (key, value) {
-    return setState(_objectSpread2(_objectSpread2({}, state), {}, _defineProperty({}, toStateKey(key), value)));
+  var set = react.useCallback(function (key, setterFn) {
+    setState(function (state) {
+      var stateKey = toStateKey(key);
+      var keyValue = state[stateKey];
+      var newValue = setterFn(state[stateKey]);
+      if (compareState(keyValue, newValue) !== 0) {
+        return _objectSpread2(_objectSpread2({}, state), {}, _defineProperty({}, stateKey, newValue));
+      }
+      return state;
+    });
   }, [state, setState]);
   var get = react.useCallback(function (key) {
     return state[toStateKey(key)];
@@ -155,11 +183,7 @@ var GlobalStateProvider = function GlobalStateProvider(_ref) {
 };
 function useGlobalState(_ref2) {
   var key = _ref2.key,
-    defaultValue = _ref2.defaultValue,
-    _ref2$compareState = _ref2.compareState,
-    compareState = _ref2$compareState === void 0 ? function (a, b) {
-      return a === b ? 0 : 1;
-    } : _ref2$compareState;
+    defaultValue = _ref2.defaultValue;
   var _useContext = react.useContext(GlobalStateContext),
     set = _useContext.set,
     get = _useContext.get;
@@ -170,17 +194,10 @@ function useGlobalState(_ref2) {
     var _ref3;
     return (_ref3 = get(key)) !== null && _ref3 !== void 0 ? _ref3 : memoizedDefaultValue;
   }, [key, get, memoizedDefaultValue]);
-  var setter = react.useCallback(function (valueOrSetterFn) {
-    var newValue;
-    if (typeof valueOrSetterFn === "function") {
-      var setterFn = valueOrSetterFn;
-      newValue = setterFn(keyValue);
-    } else {
-      newValue = valueOrSetterFn;
-    }
-    if (compareState(keyValue, newValue) !== 0) {
-      set(key, newValue);
-    }
+  var setter = react.useCallback(function (setterFn) {
+    set(key, function (maybeState) {
+      return setterFn(maybeState !== null && maybeState !== void 0 ? maybeState : defaultValue);
+    });
   }, [key, set, get]);
   return react.useMemo(function () {
     return [keyValue, setter];
@@ -623,7 +640,7 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
       }
     }),
     _useGlobalState2 = _slicedToArray(_useGlobalState, 2),
-    state = _useGlobalState2[0],
+    globalState = _useGlobalState2[0],
     setState = _useGlobalState2[1];
   var mutateAsync = react.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var result,
@@ -631,26 +648,30 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          setState({
-            data: state.data,
-            isIdle: false,
-            isPending: true,
-            isError: false,
-            isSuccess: false,
-            error: null
+          setState(function (state) {
+            return {
+              data: state.data,
+              isIdle: false,
+              isPending: true,
+              isError: false,
+              isSuccess: false,
+              error: null
+            };
           });
           _context.prev = 1;
           _context.next = 4;
           return mutationFn.apply(void 0, _args);
         case 4:
           result = _context.sent;
-          setState({
-            data: result,
-            isIdle: false,
-            isPending: false,
-            isError: false,
-            isSuccess: true,
-            error: null
+          setState(function (_state) {
+            return {
+              data: result,
+              isIdle: false,
+              isPending: false,
+              isError: false,
+              isSuccess: true,
+              error: null
+            };
           });
 
           // eslint-disable-next-line @typescript-eslint/no-unsafe-return
@@ -658,13 +679,15 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
         case 9:
           _context.prev = 9;
           _context.t0 = _context["catch"](1);
-          setState({
-            data: state.data,
-            isIdle: false,
-            isPending: false,
-            isError: true,
-            isSuccess: false,
-            error: _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0))
+          setState(function (state) {
+            return {
+              data: state.data,
+              isIdle: false,
+              isPending: false,
+              isError: true,
+              isSuccess: false,
+              error: _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0))
+            };
           });
         case 12:
         case "end":
@@ -673,38 +696,42 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
     }, _callee, null, [[1, 9]]);
   })), [setState, mutationFn]);
   var setData = react.useCallback(function (data) {
-    setState({
-      data: data,
-      isIdle: false,
-      isPending: false,
-      isError: false,
-      isSuccess: true,
-      error: null
+    setState(function (_state) {
+      return {
+        data: data,
+        isIdle: false,
+        isPending: false,
+        isError: false,
+        isSuccess: true,
+        error: null
+      };
     });
   }, [setState]);
   var startPending = react.useCallback(function () {
-    if (state.isPending) {
+    if (globalState.isPending) {
       return;
     }
-    setState({
-      data: undefined,
-      isIdle: false,
-      isPending: true,
-      isError: false,
-      isSuccess: false,
-      error: null
+    setState(function (_state) {
+      return {
+        data: undefined,
+        isIdle: false,
+        isPending: true,
+        isError: false,
+        isSuccess: false,
+        error: null
+      };
     });
-  }, [setState, state.isPending]);
+  }, [setState, globalState.isPending]);
   var stopPending = react.useCallback(function () {
-    if (!state.isPending) {
+    if (!globalState.isPending) {
       return;
     }
-    setState(function (s) {
-      return _objectSpread2(_objectSpread2({}, s), {}, {
+    setState(function (state) {
+      return _objectSpread2(_objectSpread2({}, state), {}, {
         isPending: false
       });
     });
-  }, [setState, state.isPending]);
+  }, [setState, globalState.isPending]);
   var setPending = react.useCallback(function (isPending) {
     if (isPending) {
       startPending();
@@ -712,7 +739,7 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
       stopPending();
     }
   }, [startPending, stopPending]);
-  return _objectSpread2(_objectSpread2({}, state), {}, _defineProperty(_defineProperty(_defineProperty({}, mutationName, mutateAsync), "setData", setData), "setPending", setPending));
+  return _objectSpread2(_objectSpread2({}, globalState), {}, _defineProperty(_defineProperty(_defineProperty({}, mutationName, mutateAsync), "setData", setData), "setPending", setPending));
 };
 
 /**
@@ -987,33 +1014,39 @@ var useAsyncQueryState = function useAsyncQueryState(_ref) {
     state = _useGlobalState2[0],
     setState = _useGlobalState2[1];
   var setResult = react.useCallback(function (result) {
-    setState({
-      isLoading: false,
-      isError: false,
-      isSuccess: true,
-      error: null,
-      data: result
+    setState(function (_state) {
+      return {
+        isLoading: false,
+        isError: false,
+        isSuccess: true,
+        error: null,
+        data: result
+      };
     });
   }, [setState]);
   var setError = react.useCallback(function (error) {
-    setState({
-      isLoading: false,
-      isError: true,
-      isSuccess: false,
-      error: error,
-      data: undefined
+    setState(function (_state) {
+      return {
+        isLoading: false,
+        isError: true,
+        isSuccess: false,
+        error: error,
+        data: undefined
+      };
     });
   }, [setState]);
   var startLoading = react.useCallback(function () {
     if (state.isLoading) {
       return;
     }
-    setState({
-      isLoading: true,
-      isError: false,
-      isSuccess: false,
-      error: null,
-      data: undefined
+    setState(function (_state) {
+      return {
+        isLoading: true,
+        isError: false,
+        isSuccess: false,
+        error: null,
+        data: undefined
+      };
     });
   }, [setState]);
   var stopLoading = react.useCallback(function () {
@@ -1077,8 +1110,10 @@ var useAsyncQueryState = function useAsyncQueryState(_ref) {
  */
 var useCustomerStatus = function useCustomerStatus() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      refreshOnMount: true,
       refreshInterval: 10000
     },
+    refreshOnMount = _ref.refreshOnMount,
     refreshInterval = _ref.refreshInterval;
   var config = useComPilotConfig();
   var _useAsyncQueryState = useAsyncQueryState({
@@ -1099,18 +1134,47 @@ var useCustomerStatus = function useCustomerStatus() {
     };
   }, [config._internal.externalEventEmitter, config._internal.identifier]);
   react.useEffect(function () {
-    startLoading();
+    var updateStatus = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var status;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return webSdk.getCustomerStatus(config);
+            case 3:
+              status = _context.sent;
+              setResult(status);
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              setError(_context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0)));
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7]]);
+      }));
+      return function updateStatus() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    if (refreshOnMount) {
+      if (state.data === undefined) {
+        startLoading();
+        void updateStatus();
+      }
+    }
     var interval = setInterval(function () {
-      webSdk.getCustomerStatus(config).then(function (status) {
-        setResult(status);
-      })["catch"](function (error) {
-        setError(error instanceof Error ? error : new Error(String(error)));
-      });
+      return void updateStatus();
     }, refreshInterval);
     return function () {
       clearInterval(interval);
     };
-  }, [config._internal.identifier, refreshInterval, config, setError, setResult, startLoading]);
+  }, [config._internal.identifier, refreshInterval, state.data, config, setError, setResult, startLoading]);
   return state;
 };
 

package/dist/compilot-react-sdk.esm.js

@@ -118,23 +118,51 @@ function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
 var toStateKey = function toStateKey(key) {
   return key.join(":");
 };
 var GlobalStateContext = /*#__PURE__*/createContext({
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  set: function set() {},
+  set: function set(_state) {
+    return _state;
+  },
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   get: function get() {}
 });
+var compareState = function compareState(a, b) {
+  if (a === b) {
+    return 0;
+  }
+  if (_typeof(a) === "object" && _typeof(b) === "object") {
+    return JSON.stringify(a) === JSON.stringify(b) ? 0 : -1;
+  }
+  return -1;
+};
 var GlobalStateProvider = function GlobalStateProvider(_ref) {
   var children = _ref.children;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var set = useCallback(function (key, value) {
-    return setState(_objectSpread2(_objectSpread2({}, state), {}, _defineProperty({}, toStateKey(key), value)));
+  var set = useCallback(function (key, setterFn) {
+    setState(function (state) {
+      var stateKey = toStateKey(key);
+      var keyValue = state[stateKey];
+      var newValue = setterFn(state[stateKey]);
+      if (compareState(keyValue, newValue) !== 0) {
+        return _objectSpread2(_objectSpread2({}, state), {}, _defineProperty({}, stateKey, newValue));
+      }
+      return state;
+    });
   }, [state, setState]);
   var get = useCallback(function (key) {
     return state[toStateKey(key)];
@@ -152,11 +180,7 @@ var GlobalStateProvider = function GlobalStateProvider(_ref) {
 };
 function useGlobalState(_ref2) {
   var key = _ref2.key,
-    defaultValue = _ref2.defaultValue,
-    _ref2$compareState = _ref2.compareState,
-    compareState = _ref2$compareState === void 0 ? function (a, b) {
-      return a === b ? 0 : 1;
-    } : _ref2$compareState;
+    defaultValue = _ref2.defaultValue;
   var _useContext = useContext(GlobalStateContext),
     set = _useContext.set,
     get = _useContext.get;
@@ -167,17 +191,10 @@ function useGlobalState(_ref2) {
     var _ref3;
     return (_ref3 = get(key)) !== null && _ref3 !== void 0 ? _ref3 : memoizedDefaultValue;
   }, [key, get, memoizedDefaultValue]);
-  var setter = useCallback(function (valueOrSetterFn) {
-    var newValue;
-    if (typeof valueOrSetterFn === "function") {
-      var setterFn = valueOrSetterFn;
-      newValue = setterFn(keyValue);
-    } else {
-      newValue = valueOrSetterFn;
-    }
-    if (compareState(keyValue, newValue) !== 0) {
-      set(key, newValue);
-    }
+  var setter = useCallback(function (setterFn) {
+    set(key, function (maybeState) {
+      return setterFn(maybeState !== null && maybeState !== void 0 ? maybeState : defaultValue);
+    });
   }, [key, set, get]);
   return useMemo(function () {
     return [keyValue, setter];
@@ -620,7 +637,7 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
       }
     }),
     _useGlobalState2 = _slicedToArray(_useGlobalState, 2),
-    state = _useGlobalState2[0],
+    globalState = _useGlobalState2[0],
     setState = _useGlobalState2[1];
   var mutateAsync = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var result,
@@ -628,26 +645,30 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          setState({
-            data: state.data,
-            isIdle: false,
-            isPending: true,
-            isError: false,
-            isSuccess: false,
-            error: null
+          setState(function (state) {
+            return {
+              data: state.data,
+              isIdle: false,
+              isPending: true,
+              isError: false,
+              isSuccess: false,
+              error: null
+            };
           });
           _context.prev = 1;
           _context.next = 4;
           return mutationFn.apply(void 0, _args);
         case 4:
           result = _context.sent;
-          setState({
-            data: result,
-            isIdle: false,
-            isPending: false,
-            isError: false,
-            isSuccess: true,
-            error: null
+          setState(function (_state) {
+            return {
+              data: result,
+              isIdle: false,
+              isPending: false,
+              isError: false,
+              isSuccess: true,
+              error: null
+            };
           });
 
           // eslint-disable-next-line @typescript-eslint/no-unsafe-return
@@ -655,13 +676,15 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
         case 9:
           _context.prev = 9;
           _context.t0 = _context["catch"](1);
-          setState({
-            data: state.data,
-            isIdle: false,
-            isPending: false,
-            isError: true,
-            isSuccess: false,
-            error: _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0))
+          setState(function (state) {
+            return {
+              data: state.data,
+              isIdle: false,
+              isPending: false,
+              isError: true,
+              isSuccess: false,
+              error: _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0))
+            };
           });
         case 12:
         case "end":
@@ -670,38 +693,42 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
     }, _callee, null, [[1, 9]]);
   })), [setState, mutationFn]);
   var setData = useCallback(function (data) {
-    setState({
-      data: data,
-      isIdle: false,
-      isPending: false,
-      isError: false,
-      isSuccess: true,
-      error: null
+    setState(function (_state) {
+      return {
+        data: data,
+        isIdle: false,
+        isPending: false,
+        isError: false,
+        isSuccess: true,
+        error: null
+      };
     });
   }, [setState]);
   var startPending = useCallback(function () {
-    if (state.isPending) {
+    if (globalState.isPending) {
       return;
     }
-    setState({
-      data: undefined,
-      isIdle: false,
-      isPending: true,
-      isError: false,
-      isSuccess: false,
-      error: null
+    setState(function (_state) {
+      return {
+        data: undefined,
+        isIdle: false,
+        isPending: true,
+        isError: false,
+        isSuccess: false,
+        error: null
+      };
     });
-  }, [setState, state.isPending]);
+  }, [setState, globalState.isPending]);
   var stopPending = useCallback(function () {
-    if (!state.isPending) {
+    if (!globalState.isPending) {
       return;
     }
-    setState(function (s) {
-      return _objectSpread2(_objectSpread2({}, s), {}, {
+    setState(function (state) {
+      return _objectSpread2(_objectSpread2({}, state), {}, {
         isPending: false
       });
     });
-  }, [setState, state.isPending]);
+  }, [setState, globalState.isPending]);
   var setPending = useCallback(function (isPending) {
     if (isPending) {
       startPending();
@@ -709,7 +736,7 @@ var useAsyncMutationState = function useAsyncMutationState(_ref) {
       stopPending();
     }
   }, [startPending, stopPending]);
-  return _objectSpread2(_objectSpread2({}, state), {}, _defineProperty(_defineProperty(_defineProperty({}, mutationName, mutateAsync), "setData", setData), "setPending", setPending));
+  return _objectSpread2(_objectSpread2({}, globalState), {}, _defineProperty(_defineProperty(_defineProperty({}, mutationName, mutateAsync), "setData", setData), "setPending", setPending));
 };
 
 /**
@@ -984,33 +1011,39 @@ var useAsyncQueryState = function useAsyncQueryState(_ref) {
     state = _useGlobalState2[0],
     setState = _useGlobalState2[1];
   var setResult = useCallback(function (result) {
-    setState({
-      isLoading: false,
-      isError: false,
-      isSuccess: true,
-      error: null,
-      data: result
+    setState(function (_state) {
+      return {
+        isLoading: false,
+        isError: false,
+        isSuccess: true,
+        error: null,
+        data: result
+      };
     });
   }, [setState]);
   var setError = useCallback(function (error) {
-    setState({
-      isLoading: false,
-      isError: true,
-      isSuccess: false,
-      error: error,
-      data: undefined
+    setState(function (_state) {
+      return {
+        isLoading: false,
+        isError: true,
+        isSuccess: false,
+        error: error,
+        data: undefined
+      };
     });
   }, [setState]);
   var startLoading = useCallback(function () {
     if (state.isLoading) {
       return;
     }
-    setState({
-      isLoading: true,
-      isError: false,
-      isSuccess: false,
-      error: null,
-      data: undefined
+    setState(function (_state) {
+      return {
+        isLoading: true,
+        isError: false,
+        isSuccess: false,
+        error: null,
+        data: undefined
+      };
     });
   }, [setState]);
   var stopLoading = useCallback(function () {
@@ -1074,8 +1107,10 @@ var useAsyncQueryState = function useAsyncQueryState(_ref) {
  */
 var useCustomerStatus = function useCustomerStatus() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      refreshOnMount: true,
       refreshInterval: 10000
     },
+    refreshOnMount = _ref.refreshOnMount,
     refreshInterval = _ref.refreshInterval;
   var config = useComPilotConfig();
   var _useAsyncQueryState = useAsyncQueryState({
@@ -1096,18 +1131,47 @@ var useCustomerStatus = function useCustomerStatus() {
     };
   }, [config._internal.externalEventEmitter, config._internal.identifier]);
   useEffect(function () {
-    startLoading();
+    var updateStatus = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var status;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getCustomerStatus(config);
+            case 3:
+              status = _context.sent;
+              setResult(status);
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              setError(_context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0)));
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7]]);
+      }));
+      return function updateStatus() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    if (refreshOnMount) {
+      if (state.data === undefined) {
+        startLoading();
+        void updateStatus();
+      }
+    }
     var interval = setInterval(function () {
-      getCustomerStatus(config).then(function (status) {
-        setResult(status);
-      })["catch"](function (error) {
-        setError(error instanceof Error ? error : new Error(String(error)));
-      });
+      return void updateStatus();
     }, refreshInterval);
     return function () {
       clearInterval(interval);
     };
-  }, [config._internal.identifier, refreshInterval, config, setError, setResult, startLoading]);
+  }, [config._internal.identifier, refreshInterval, state.data, config, setError, setResult, startLoading]);
   return state;
 };
 

package/dist/declarations/src/hooks/useCustomerStatus.d.ts

@@ -6,6 +6,11 @@ import type { AsyncQueryState } from "../utils/useAsyncQueryState.js";
  * @category Parameter Types
  */
 export type UseCustomerStatusParams = {
+    /**
+     * Whether to refresh the customer status on mount.
+     * @default true
+     */
+    refreshOnMount: boolean;
     /**
      * The interval in milliseconds to refresh the customer status.
      * @default 10000
@@ -38,5 +43,5 @@ export type UseCustomerStatusParams = {
  * <div>User is verified: true</div>
  * ```
  */
-export declare const useCustomerStatus: ({ refreshInterval }?: UseCustomerStatusParams) => AsyncQueryState<CustomerStatus | null>;
+export declare const useCustomerStatus: ({ refreshOnMount, refreshInterval }?: UseCustomerStatusParams) => AsyncQueryState<CustomerStatus | null>;
 //# sourceMappingURL=useCustomerStatus.d.ts.map

package/dist/declarations/src/hooks/useCustomerStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomerStatus.d.ts","sourceRoot":"../../../../src/hooks","sources":["useCustomerStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAE,uCAAoC;AAGnE;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,iBAAiB,yBACP,uBAAuB,KAG3C,eAAe,CAAC,cAAc,GAAG,IAAI,CA6CvC,CAAC"}
+{"version":3,"file":"useCustomerStatus.d.ts","sourceRoot":"../../../../src/hooks","sources":["useCustomerStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAE,uCAAoC;AAGnE;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;OAGG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,iBAAiB,yCACS,uBAAuB,KAI3D,eAAe,CAAC,cAAc,GAAG,IAAI,CAoDvC,CAAC"}

package/dist/declarations/src/utils/useAsyncMutationState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncMutationState.d.ts","sourceRoot":"../../../../src/utils","sources":["useAsyncMutationState.ts"],"names":[],"mappings":"AAKA,KAAK,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;AAEpD,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,IAAI,CAAC;IACb,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,KAAK,yBAAyB,CAAC,WAAW,SAAS,WAAW,IAAI;IAChE,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;IACf,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,KAAK,uBAAuB,CAAC,WAAW,SAAS,WAAW,IAAI;IAC9D,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;IACnD,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,IAAI,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,WAAW,SAAS,WAAW,IAC7D,sBAAsB,GACtB,yBAAyB,CAAC,WAAW,CAAC,GACtC,yBAAyB,GACzB,uBAAuB,CAAC,WAAW,CAAC,CAAC;AAEzC,MAAM,MAAM,kBAAkB,CAC5B,WAAW,SAAS,WAAW,EAC/B,aAAa,SAAS,MAAM,IAC1B,qBAAqB,CAAC,WAAW,CAAC,GAAG;KACtC,CAAC,IAAI,aAAa,GAAG,WAAW;CAClC,GAAG;IACF,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1D,UAAU,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,WAAW,SAAS,WAAW,EAC/B,aAAa,SAAS,MAAM,4DAM3B;IACD,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,WAAW,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;CACjD,KAAG,kBAAkB,CAAC,WAAW,EAAE,aAAa,CA+GhD,CAAC"}
+{"version":3,"file":"useAsyncMutationState.d.ts","sourceRoot":"../../../../src/utils","sources":["useAsyncMutationState.ts"],"names":[],"mappings":"AAKA,KAAK,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;AAEpD,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,IAAI,CAAC;IACb,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,KAAK,yBAAyB,CAAC,WAAW,SAAS,WAAW,IAAI;IAChE,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;IACf,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,KAAK,uBAAuB,CAAC,WAAW,SAAS,WAAW,IAAI;IAC9D,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;IACnD,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,IAAI,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,WAAW,SAAS,WAAW,IAC7D,sBAAsB,GACtB,yBAAyB,CAAC,WAAW,CAAC,GACtC,yBAAyB,GACzB,uBAAuB,CAAC,WAAW,CAAC,CAAC;AAEzC,MAAM,MAAM,kBAAkB,CAC5B,WAAW,SAAS,WAAW,EAC/B,aAAa,SAAS,MAAM,IAC1B,qBAAqB,CAAC,WAAW,CAAC,GAAG;KACtC,CAAC,IAAI,aAAa,GAAG,WAAW;CAClC,GAAG;IACF,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1D,UAAU,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,WAAW,SAAS,WAAW,EAC/B,aAAa,SAAS,MAAM,4DAM3B;IACD,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,WAAW,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;CACjD,KAAG,kBAAkB,CAAC,WAAW,EAAE,aAAa,CAiHhD,CAAC"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compilot/react-sdk",
-  "version": "2.2.6",
+  "version": "2.3.1",
   "description": "ComPilot React SDK",
   "keywords": [],
   "license": "ISC",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compilot/react-sdk",
-  "version": "2.2.6-dev",
+  "version": "2.3.1-dev",
   "description": "ComPilot React SDK",
   "keywords": [],
   "license": "ISC",
@@ -26,10 +26,10 @@
   "dependencies": {
     "pino": "^9.4.0",
     "zod": "^3.23.8",
-    "@compilot/web-sdk": "2.2.6-dev",
-    "@nexeraid/identity-api-client": "2.2.4-dev",
-    "@nexeraid/identity-schemas": "2.2.6-dev",
-    "@nexeraid/logger": "2.2.4-dev"
+    "@compilot/web-sdk": "2.3.1-dev",
+    "@nexeraid/identity-schemas": "2.3.1-dev",
+    "@nexeraid/identity-api-client": "2.3.0-dev",
+    "@nexeraid/logger": "2.3.0-dev"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <20.0.0"