@okyrychenko-dev/react-action-guard 1.0.2 → 1.0.4

package/dist/index.js

@@ -2,7 +2,7 @@ import { createStoreProvider, createShallowStore } from '@okyrychenko-dev/react-
 import { useStore } from 'zustand';
 import 'zustand/react/shallow';
 import { jsx } from 'react/jsx-runtime';
-import { useShallow } from 'zustand/shallow';
+import { useShallow, shallow } from 'zustand/shallow';
 import { devtools } from 'zustand/middleware';
 import { useRef, useCallback, useEffect, useMemo, useState } from 'react';
 
@@ -528,6 +528,40 @@ function useAsyncAction(actionId, scope, options) {
   );
   return executeWithBlocking;
 }
+function createBlockerConfig(config) {
+  return {
+    scope: config.scope,
+    reason: config.reason,
+    priority: config.priority
+  };
+}
+function normalizeScopeSnapshot(scope) {
+  if (scope === void 0) {
+    return [DEFAULT_SCOPE];
+  }
+  if (typeof scope === "string") {
+    return [scope];
+  }
+  return scope;
+}
+function getScopeSnapshotKey(scope) {
+  return JSON.stringify(normalizeScopeSnapshot(scope));
+}
+function toBlockerConfigSnapshot(config) {
+  return [
+    getScopeSnapshotKey(config.scope),
+    config.reason,
+    config.priority,
+    config.timestamp,
+    config.timeout,
+    config.onTimeout
+  ];
+}
+function areBlockerConfigsEqual(first, second) {
+  return shallow(toBlockerConfigSnapshot(first), toBlockerConfigSnapshot(second));
+}
+
+// src/hooks/useBlocker/useBlocker.ts
 function useBlocker(blockerId, config, isActive = true) {
   const { addBlocker, removeBlocker, updateBlocker } = useResolvedValue((state) => ({
     addBlocker: state.addBlocker,
@@ -550,22 +584,13 @@ function useBlocker(blockerId, config, isActive = true) {
     if (!isActive || !blockerId) {
       return;
     }
-    if (lastConfigRef.current === config) {
+    if (lastConfigRef.current !== null && areBlockerConfigsEqual(lastConfigRef.current, config)) {
       return;
     }
     updateBlocker(blockerId, config);
     lastConfigRef.current = config;
   }, [blockerId, config, isActive, updateBlocker]);
 }
-
-// src/hooks/useBlocker/useBlocker.utils.ts
-function createBlockerConfig(config) {
-  return {
-    scope: config.scope,
-    reason: config.reason,
-    priority: config.priority
-  };
-}
 function useBlockingInfo(scope = DEFAULT_SCOPE) {
   const store = useResolvedStoreApi();
   const activeBlockers = useStore(store, (state) => state.activeBlockers);