@okyrychenko-dev/react-action-guard 1.0.1 → 1.0.3

package/README.md

@@ -434,8 +434,6 @@ Provides an isolated store instance for SSR, testing, or micro-frontends. Withou
 **Props:**
 
 - `children: ReactNode` - Child components
-- `enableDevtools?: boolean` - Enable Redux DevTools (default: true in development)
-- `devtoolsName?: string` - Name for DevTools (default: "UIBlocking")
 - `middlewares?: Middleware[]` - Initial middlewares to register
 
 **Example:**
@@ -462,7 +460,7 @@ function renderWithProvider(ui) {
 // Micro-frontends - each app has its own blocking state
 function MicroFrontend() {
   return (
-    <UIBlockingProvider devtoolsName="MicroApp-Blocking">
+    <UIBlockingProvider>
       <MicroApp />
     </UIBlockingProvider>
   );

package/dist/index.cjs

@@ -463,8 +463,6 @@ function useUIBlockingStoreFromContext(selector, equalityFn) {
 }
 function UIBlockingProvider({
   children,
-  enableDevtools = process.env.NODE_ENV === "development",
-  devtoolsName = "UIBlocking",
   middlewares = []
 }) {
   const handleStoreInit = (store) => {
@@ -472,15 +470,7 @@ function UIBlockingProvider({
       store.getState().registerMiddleware(`provider-middleware-${index.toString()}`, mw);
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseUIBlockingProvider,
-    {
-      enableDevtools,
-      devtoolsName,
-      onStoreInit: handleStoreInit,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseUIBlockingProvider, { onStoreInit: handleStoreInit, children });
 }
 
 // src/store/uiBlockingStore.config.ts
@@ -540,6 +530,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.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,
@@ -562,22 +586,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 = zustand.useStore(store, (state) => state.activeBlockers);