bs-unified-ui 1.0.929 → 1.0.930

package/components/Notification/index.d.ts

@@ -4,3 +4,4 @@ export * from './NotificationContext';
 export * from './NotificationService';
 export type { AuthConfig } from './AuthManager';
 export type { UseNotificationsResult, UseNotificationsOptions, } from './useNotifications';
+export type { UseNotificationsV2Result, UseNotificationsOptions as UseNotificationsV2Options, } from './useNotificationsV2';

package/index.js

@@ -45775,12 +45775,10 @@ var ObservableSet = /** @class */ (function () {
     return ObservableSet;
 }());
 
-// Constant empty array to avoid recreating on each render
-var EMPTY_WAREHOUSES_CONFIG = [];
 var useNotificationsV2 = function (options) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (options === void 0) { options = {}; }
-    var onNotification = options.onNotification, onConnectionChange = options.onConnectionChange, onError = options.onError, _k = options.timezone, timezone = _k === void 0 ? 'America/Vancouver' : _k, navigate = options.navigate, bsOrgId = options.bsOrgId, cfWsId = options.cfWsId, soundConfig = options.soundConfig, triggerEvents = options.triggerEvents, _l = options.warehousesConfig, warehousesConfig = _l === void 0 ? EMPTY_WAREHOUSES_CONFIG : _l;
+    var onNotification = options.onNotification, onConnectionChange = options.onConnectionChange, onError = options.onError, _k = options.timezone, timezone = _k === void 0 ? 'America/Vancouver' : _k, navigate = options.navigate, bsOrgId = options.bsOrgId, cfWsId = options.cfWsId, soundConfig = options.soundConfig, triggerEvents = options.triggerEvents, _l = options.warehousesConfig, warehousesConfig = _l === void 0 ? [] : _l;
     var _m = React.useState([]), popoverNotifications = _m[0], setPopoverNotifications = _m[1];
     var _o = React.useState(true), popoverLoading = _o[0], setPopoverLoading = _o[1];
     var _p = React.useState(false), popoverHasNextPage = _p[0], setPopoverHasNextPage = _p[1];
@@ -45849,10 +45847,11 @@ var useNotificationsV2 = function (options) {
     var playAudioForGroupRef = React.useRef(function () { });
     var fetchIndicatorsInFlightRef = React.useRef(false);
     var fetchAudioRepeatInFlightRef = React.useRef(false);
+    var loadPopoverNotificationsInFlightRef = React.useRef(false);
     var onErrorRef = React.useRef(onError);
     var onNotificationRef = React.useRef(onNotification);
     var onConnectionChangeRef = React.useRef(onConnectionChange);
-    var warehousesConfigRef = React.useRef(warehousesConfig);
+    var warehousesConfigRef = React.useRef([]);
     // Track current pathname for display indicators
     var currentPath = useCurrentPath();
     // Check which page user is currently on
@@ -45935,7 +45934,14 @@ var useNotificationsV2 = function (options) {
         memoizedTriggerEvents === null || memoizedTriggerEvents === void 0 ? void 0 : memoizedTriggerEvents[DELIVERY_EVENTS.NEW_DRIVER],
     ]);
     // Memoize warehousesConfig to prevent recreating when array content is the same
-    var memoizedWarehousesConfig = React.useMemo(function () { return warehousesConfig; }, [JSON.stringify(warehousesConfig)]);
+    var memoizedWarehousesConfig = React.useMemo(function () {
+        var prev = warehousesConfigRef.current;
+        if (prev.length === warehousesConfig.length &&
+            prev.every(function (val, idx) { return val === warehousesConfig[idx]; })) {
+            return prev;
+        }
+        return warehousesConfig;
+    }, [warehousesConfig]);
     var markAsRead = React.useCallback(function (notificationId) { return __awaiter(void 0, void 0, void 0, function () {
         var err_1, errorMessage;
         var _a;
@@ -46083,9 +46089,14 @@ var useNotificationsV2 = function (options) {
                 case 0:
                     if (!serviceRef.current)
                         return [2 /*return*/];
+                    // Guard: Skip if already loading to prevent duplicate calls
+                    if (loadPopoverNotificationsInFlightRef.current) {
+                        return [2 /*return*/];
+                    }
                     _b.label = 1;
                 case 1:
                     _b.trys.push([1, 3, 4, 5]);
+                    loadPopoverNotificationsInFlightRef.current = true;
                     return [4 /*yield*/, serviceRef.current.loadNotifications(params)];
                 case 2:
                     data_1 = _b.sent();
@@ -46110,6 +46121,7 @@ var useNotificationsV2 = function (options) {
                 case 4:
                     if (!(params === null || params === void 0 ? void 0 : params.lastNotificationId))
                         setPopoverLoading(false);
+                    loadPopoverNotificationsInFlightRef.current = false;
                     return [7 /*endfinally*/];
                 case 5: return [2 /*return*/];
             }
@@ -46268,7 +46280,6 @@ var useNotificationsV2 = function (options) {
         });
     }); }, [
         bsOrgId,
-        memoizedWarehousesConfig,
         memoizedTriggerEvents,
         playAudioForGroup,
         startAudioRepeatForGroup,
@@ -46907,7 +46918,12 @@ var useNotificationsV2 = function (options) {
                 fetchAudioRepeatTimerRef.current = null;
             }, 3000);
         }
-    }, [fetchAudioRepeat, memoizedSoundConfig, memoizedReminderEvents, memoizedWarehousesConfig]);
+    }, [
+        fetchAudioRepeat,
+        memoizedSoundConfig,
+        memoizedReminderEvents,
+        memoizedWarehousesConfig,
+    ]);
     // Restart interval when repeatingInterval or mute changes per group
     React.useEffect(function () {
         if (!memoizedSoundConfig)
@@ -47213,6 +47229,66 @@ var NotificationToast = React.forwardRef(function (props, ref) {
 });
 
 var NotificationContext = React.createContext(null);
+/**
+ * Creates a default notification context with safe default values
+ * Used when Provider is not mounted or not yet initialized
+ */
+function createDefaultNotificationContext() {
+    var _this = this;
+    return {
+        popoverLoading: false,
+        popoverHasNextPage: false,
+        isUnreadPopover: false,
+        popoverNotifications: [],
+        timezone: 'America/Vancouver',
+        filter: undefined,
+        notifications: [],
+        notificationLoading: false,
+        unreadCount: 0,
+        isConnected: false,
+        loading: false,
+        error: null,
+        isInitialized: false,
+        hasNextPage: false,
+        indicators: {
+            order: false,
+            chat: false,
+            task_update: false,
+            new_driver: false,
+        },
+        allReminders: new ObservableSet(),
+        setIsUnreadPopover: function () { },
+        connect: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+        disconnect: function () { },
+        loadNotifications: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+        loadMorePopoverNotifications: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+        markAsRead: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+        markAllAsRead: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+        retry: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+        refreshAuth: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+        handleClickNotification: function () { },
+        handleApplyFilter: function () { },
+        redirectToNotificationPage: function () { },
+        setIsActiveNotificationPage: function () { },
+        updateIndicators: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); },
+    };
+}
 var NotificationProviderBase = function (_a) {
     var children = _a.children, config = _a.config, useNotificationsHook = _a.useNotificationsHook;
     // Use refs to store callbacks to avoid recreating them
@@ -47296,13 +47372,15 @@ var NotificationProvider = function (_a) {
     }, [config]);
     // Memoize the hook selection
     var useNotificationsHook = React.useMemo(function () { return (isV2 ? useNotificationsV2 : useNotifications); }, [isV2]);
-    return (React.createElement(NotificationProviderBase, { config: restConfig, useNotificationsHook: useNotificationsHook }, children));
+    return (React.createElement(NotificationProviderBase, { key: isV2 ? 'v2' : 'v1', config: restConfig, useNotificationsHook: useNotificationsHook }, children));
 };
 var useNotificationContext = function () {
     var context = React.useContext(NotificationContext);
     if (!context) {
-        throw new Error('useNotificationContext must be used within NotificationProvider. ' +
-            'Wrap your app with <NotificationProvider> at the root level.');
+        // eslint-disable-next-line no-console
+        console.warn('useNotificationContext: No NotificationProvider found. ' +
+            'Returning default values. Wrap your app with <NotificationProvider> at the root level.');
+        return createDefaultNotificationContext();
     }
     return context;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bs-unified-ui",
-  "version": "1.0.929",
+  "version": "1.0.930",
   "license": "MIT",
   "author": "Advesa",
   "description": "UI Components for Unified Breadstack UI",