@zeniai/client-epic-state 5.0.32-betaRD3 → 5.0.33-betaRR0

package/lib/esm/init.js

@@ -1,4 +1,3 @@
-import Pusher from 'pusher-js/with-encryption';
 import configureNewStore from './configureStore';
 import { ZeniAPIClient } from './zeniAPI';
 export let zeniAPI;
@@ -27,7 +26,15 @@ let isPusherInitialized = false;
 /**
  * Call initializePusher before using pusher in web-app
  */
-export function initializePusher(pusherClientSecret, options, headers, reInitialize = false) {
+export async function initializePusher(pusherClientSecret, options, headers, reInitialize = false) {
+    // Pusher subscribes/decrypts only make sense in the browser. `pusher-js/
+    // with-encryption` resolves to a browser-only bundle that references
+    // `window` at module init, so even *importing* it on the server crashes.
+    // Bail out early on SSR/Node so the dynamic import below never executes.
+    if (typeof window === 'undefined') {
+        console.warn(`initializePusher called on server-side; pusher-js/with-encryption is browser-only — skipping.`);
+        return undefined;
+    }
     if (Boolean(zeniAPI.userId) === false ||
         Boolean(zeniAPI.tenantId) === false ||
         !initialized) {
@@ -38,8 +45,18 @@ export function initializePusher(pusherClientSecret, options, headers, reInitial
         console.warn(`Already initialized pusher`);
         return pusher;
     }
+    // Dynamic import so the browser-only bundle is loaded only when this
+    // function actually runs (browser path). Works in both build outputs:
+    //   • ESM (lib/esm): preserved as native `import()` → Vite/Rollup code-split
+    //   • CJS (lib): TypeScript lowers to `Promise.resolve().then(() => require(...))`
+    // The pusher-js UMD wrapper does `module.exports = factory()` for CJS, so
+    // the module result is the Pusher class directly. Some bundlers wrap CJS in
+    // `{ default: ... }` for ESM interop — fall back to the module itself when
+    // `.default` is absent.
+    const pusherModule = (await import('pusher-js/with-encryption'));
+    const PusherConstructor = 'default' in pusherModule ? pusherModule.default : pusherModule;
     const endpoint = `${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/notifications/push_notification/auth`;
-    pusher = new Pusher(pusherClientSecret, {
+    pusher = new PusherConstructor(pusherClientSecret, {
         ...options,
         channelAuthorization: {
             endpoint,

package/lib/init.d.ts

@@ -1,4 +1,5 @@
-import Pusher, { Options } from 'pusher-js/with-encryption';
+import type Pusher from 'pusher-js/with-encryption';
+import type { Options } from 'pusher-js/with-encryption';
 import { Store } from 'redux';
 import { ID } from './commonStateTypes/common';
 import { RootState } from './reducer';
@@ -6,7 +7,7 @@ import { RESTAPIEndpoints, ZeniAPI } from './zeniAPI';
 export type ZeniStore = Store<RootState>;
 export declare let zeniAPI: ZeniAPI;
 export declare let store: ZeniStore;
-declare let pusher: Pusher;
+declare let pusher: Pusher | undefined;
 /**
  * Call initialize before using any of the functionalities in this module
  * Note: This version SHOULD BE used only in the client side. Not intended to be used
@@ -25,7 +26,7 @@ export declare function initializePusher(pusherClientSecret: ID, options: Option
     sessionId: ID;
     tenantId: ID;
     userId: ID;
-}, reInitialize?: boolean): Pusher | undefined;
+}, reInitialize?: boolean): Promise<Pusher | undefined>;
 export declare function disconnectPusher(): void;
 export { pusher };
 export { injectFeatureModules, injectFeatureEpics } from './configureStore';

package/lib/init.js

@@ -44,7 +44,6 @@ exports.updateZeniAPIClientConfig = updateZeniAPIClientConfig;
 exports.zeniAPIClientConfig = zeniAPIClientConfig;
 exports.initializeWithNewStore = initializeWithNewStore;
 exports.initialize3rdPartyExtensions = initialize3rdPartyExtensions;
-const with_encryption_1 = __importDefault(require("pusher-js/with-encryption"));
 const configureStore_1 = __importDefault(require("./configureStore"));
 const zeniAPI_1 = require("./zeniAPI");
 let pusher;
@@ -71,7 +70,15 @@ let isPusherInitialized = false;
 /**
  * Call initializePusher before using pusher in web-app
  */
-function initializePusher(pusherClientSecret, options, headers, reInitialize = false) {
+async function initializePusher(pusherClientSecret, options, headers, reInitialize = false) {
+    // Pusher subscribes/decrypts only make sense in the browser. `pusher-js/
+    // with-encryption` resolves to a browser-only bundle that references
+    // `window` at module init, so even *importing* it on the server crashes.
+    // Bail out early on SSR/Node so the dynamic import below never executes.
+    if (typeof window === 'undefined') {
+        console.warn(`initializePusher called on server-side; pusher-js/with-encryption is browser-only — skipping.`);
+        return undefined;
+    }
     if (Boolean(exports.zeniAPI.userId) === false ||
         Boolean(exports.zeniAPI.tenantId) === false ||
         !initialized) {
@@ -82,8 +89,18 @@ function initializePusher(pusherClientSecret, options, headers, reInitialize = f
         console.warn(`Already initialized pusher`);
         return pusher;
     }
+    // Dynamic import so the browser-only bundle is loaded only when this
+    // function actually runs (browser path). Works in both build outputs:
+    //   • ESM (lib/esm): preserved as native `import()` → Vite/Rollup code-split
+    //   • CJS (lib): TypeScript lowers to `Promise.resolve().then(() => require(...))`
+    // The pusher-js UMD wrapper does `module.exports = factory()` for CJS, so
+    // the module result is the Pusher class directly. Some bundlers wrap CJS in
+    // `{ default: ... }` for ESM interop — fall back to the module itself when
+    // `.default` is absent.
+    const pusherModule = (await Promise.resolve().then(() => __importStar(require('pusher-js/with-encryption'))));
+    const PusherConstructor = 'default' in pusherModule ? pusherModule.default : pusherModule;
     const endpoint = `${exports.zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/notifications/push_notification/auth`;
-    exports.pusher = pusher = new with_encryption_1.default(pusherClientSecret, {
+    exports.pusher = pusher = new PusherConstructor(pusherClientSecret, {
         ...options,
         channelAuthorization: {
             endpoint,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.0.32-betaRD3",
+  "version": "5.0.33-betaRR0",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",