@wavemaker-ai/react-runtime 1.0.0-rc.319 → 1.0.0-rc.324

package/components/navigation/menu/props.d.ts

@@ -9,6 +9,7 @@ export interface WmMenuProps extends BaseProps {
     menuclass?: string;
     linktarget?: string;
     iconclass?: string;
+    iconurl?: string;
     animateitems?: string;
     disableMenuContext?: boolean;
     showonhover?: boolean;

package/components/navigation/popover/index.d.ts

@@ -95,5 +95,6 @@ declare const _default: React.ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/components/navigation/popover/index.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect, useMemo, Suspense, useCallback } from "react";
+import { useRef, useState, useEffect, useMemo, Suspense, useCallback, useLayoutEffect } from "react";
 import clsx from "clsx";
 import debounce from "lodash-es/debounce";
 import Popover from "@mui/material/Popover";
@@ -33,6 +33,7 @@ const WmPopover = (Props) => {
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const anchorRef = useRef(null);
   const popoverContentRef = useRef(null);
+  const popoverActionsRef = useRef(null);
   const loadedRef = useRef(false);
   const [open, setOpen] = useState(false);
   const isOpen = Boolean(anchorEl);
@@ -100,6 +101,11 @@ const WmPopover = (Props) => {
       setPlacement("left");
     else setPlacement(props.popoverplacement || "bottom");
   };
+  useLayoutEffect(() => {
+    var _a2, _b2;
+    if (!isOpen) return;
+    (_b2 = (_a2 = popoverActionsRef.current) == null ? void 0 : _a2.updatePosition) == null ? void 0 : _b2.call(_a2);
+  }, [props.children]);
   useEffect(() => {
     if (!isOpen || props.autoclose === "disabled") return;
     const handleOutsideClick = (event) => {
@@ -202,7 +208,6 @@ const WmPopover = (Props) => {
           "disable-popover": props.disabled,
           "app-popover-wrapper": true
         }),
-        style: props.styles,
         hidden: props.hidden
       }, { name: props.name }), {
         children: /* @__PURE__ */ jsx(
@@ -242,6 +247,7 @@ const WmPopover = (Props) => {
     /* @__PURE__ */ jsxs(
       Popover,
       {
+        action: popoverActionsRef,
         hidden: props.hidden,
         open: isOpen,
         anchorEl,

package/components/page/partial/index.d.ts

@@ -59,5 +59,6 @@ declare const _default: import("react").ComponentType<{
     prefabName?: string;
     loading?: boolean;
     showSkeleton?: boolean;
+    widget?: string;
 }>;
 export default _default;

package/core/appstore.d.ts

@@ -1,8 +1,18 @@
 interface I18nService {
     selectedLocale?: string;
+    messages?: Record<string, string>;
+    formats?: {
+        currency?: string;
+        date?: string;
+        time?: string;
+    };
+    prefabMessages?: Record<string, string>;
     getSelectedLocale: () => string;
     isRTLLocale: (newLocale?: string) => any;
     setRTL: (locale?: string) => any;
+    setSelectedLocale: (locale: string | {
+        datavalue: string;
+    }) => unknown;
 }
 interface DialogServiceInterface {
     registerDialog: (name: string, dialogInstance: any) => void;

package/core/appstore.js

@@ -1,4 +1,7 @@
+import { isObject } from "lodash-es";
 import { getSessionLocaleSafe } from "./util";
+import { store } from "../store";
+import { setSelectedLocaleAndLoadBundle } from "../store/slices/i18nSlice";
 const map = /* @__PURE__ */ new Map();
 const get = (t) => {
   return map.get(t);
@@ -35,12 +38,13 @@ const appstore = {
   remove,
   getDependency,
   getApp,
-  I18nService: getInstance("I18nService"),
+  I18nService: getInstance("i18nService"),
   DialogService: getInstance("DialogService")
 };
 if (!appstore.I18nService.get()) {
   appstore.I18nService.set({
     selectedLocale: getSessionLocaleSafe() || "en",
+    messages: {},
     getSelectedLocale: function() {
       try {
         const sessionLocale = getSessionLocaleSafe();
@@ -63,6 +67,10 @@ if (!appstore.I18nService.get()) {
         const isRTL = (_a = appstore.I18nService.get()) == null ? void 0 : _a.isRTLLocale(locale);
         document.body.style.direction = isRTL ? "rtl" : "ltr";
       }
+    },
+    setSelectedLocale: (locale) => {
+      const localeValue = isObject(locale) ? locale.datavalue : locale;
+      return store.dispatch(setSelectedLocaleAndLoadBundle({ locale: localeValue }));
     }
   });
 }

package/core/constants/events.d.ts

@@ -21,4 +21,7 @@ export declare const EVENTEMITTER_METHODS: {
         layout: Record<string, any>;
         proxy: any;
     }) => boolean;
+    ACTIVE_PAGE_SYNC_ON: (callback: () => void) => EventEmitter<[never]>;
+    ACTIVE_PAGE_SYNC_OFF: (callback: () => void) => EventEmitter<[never]>;
+    ACTIVE_PAGE_SYNC_EMIT: () => boolean;
 };

package/core/constants/events.js

@@ -2,13 +2,16 @@ import EventEmitter from "events";
 const partialStateSyncEmitter = new EventEmitter();
 const prefabStateSyncEmitter = new EventEmitter();
 const layoutSyncEmitter = new EventEmitter();
+const activePageSyncEmitter = new EventEmitter();
 partialStateSyncEmitter.setMaxListeners(50);
 prefabStateSyncEmitter.setMaxListeners(50);
 layoutSyncEmitter.setMaxListeners(50);
+activePageSyncEmitter.setMaxListeners(50);
 const EVENTEMITTER = {
   LAYOUT_STATE_REFRESH: "layout-state-refresh",
   PARTIAL_STATE_SYNC: "partial-state-sync",
-  PREFAB_STATE_SYNC: "prefab-state-sync"
+  PREFAB_STATE_SYNC: "prefab-state-sync",
+  ACTIVE_PAGE_SYNC: "active-page-sync"
 };
 const EVENTEMITTER_METHODS = {
   PREFAB_STATE_SYNC_ON: (name = "", callback) => {
@@ -46,6 +49,15 @@ const EVENTEMITTER_METHODS = {
   },
   LAYOUT_STATE_REFRESH_EMIT: (data) => {
     return layoutSyncEmitter.emit(EVENTEMITTER.LAYOUT_STATE_REFRESH, data);
+  },
+  ACTIVE_PAGE_SYNC_ON: (callback) => {
+    return activePageSyncEmitter.on(EVENTEMITTER.ACTIVE_PAGE_SYNC, callback);
+  },
+  ACTIVE_PAGE_SYNC_OFF: (callback) => {
+    return activePageSyncEmitter.off(EVENTEMITTER.ACTIVE_PAGE_SYNC, callback);
+  },
+  ACTIVE_PAGE_SYNC_EMIT: () => {
+    return activePageSyncEmitter.emit(EVENTEMITTER.ACTIVE_PAGE_SYNC);
   }
 };
 export {

package/core/proxy-service.js

@@ -431,7 +431,7 @@ const createStateProxy = (obj, path = [], setPageContext, overriddenPropsRegistr
       if (descriptor && !descriptor.configurable && !descriptor.writable) {
         return value;
       }
-      if (value instanceof ServiceVariable || value instanceof LiveVariable) {
+      if (value instanceof ServiceVariable || value instanceof LiveVariable || value instanceof ModelVariable || value instanceof CrudVariable) {
         return value;
       }
       if (isDOMElement(value)) {

package/core/util/index.d.ts

@@ -38,6 +38,8 @@ export declare const getSessionStorageItem: (key: string) => any;
 export declare const getSessionLocaleSafe: () => string | undefined;
 export declare const getTimezone: () => string;
 export declare const formatMessage: (fragment: any, expression: string) => any;
+/** Angular parity: same appLocale object, swap message keys in place so bindings stay valid. */
+export declare function syncLocaleMessages(target: Record<string, any> | undefined, messages: Record<string, any>): boolean;
 export declare function reload(): void;
 export declare const toNumber: (value: any) => number;
 export declare const _get: {

package/core/util/index.js

@@ -91,6 +91,34 @@ const getTimezone = () => {
 const formatMessage = (fragment, expression) => {
   return get(fragment, `appLocale.${expression}`, expression);
 };
+function syncLocaleMessages(target, messages) {
+  if (!target || typeof target !== "object") {
+    return false;
+  }
+  let synced = true;
+  Object.keys(target).forEach((key) => {
+    if (!(key in messages)) {
+      try {
+        delete target[key];
+      } catch (e) {
+        synced = false;
+      }
+    }
+  });
+  Object.keys(messages).forEach((key) => {
+    try {
+      const descriptor = Object.getOwnPropertyDescriptor(target, key);
+      if (descriptor && !descriptor.configurable && !descriptor.writable) {
+        synced = false;
+        return;
+      }
+      target[key] = messages[key];
+    } catch (e) {
+      synced = false;
+    }
+  });
+  return synced;
+}
 function reload() {
   window.location.reload();
 }
@@ -186,6 +214,7 @@ export {
   reload,
   replace,
   setSessionStorageItem,
+  syncLocaleMessages,
   toBoolean,
   toNumber
 };

package/higherOrder/BasePage.js

@@ -49,6 +49,7 @@ import {
 } from "../core/script-registry";
 import formatters from "../core/formatters";
 import { useAppProxy } from "../context/AppContext";
+import { syncLocaleMessages } from "../core/util";
 import {
   computeMergedPageParams,
   computePartialParamKey,
@@ -57,12 +58,13 @@ import {
 import { useAppSpinner } from "../context/AppSpinnerProvider";
 import get from "lodash-es/get";
 import { EVENTEMITTER_METHODS } from "../core/constants/events";
+import { useActivePageReactivity } from "./useActivePageReactivity";
 import { wrapWithThirdPartyErrorGuard } from "../utils/lib-error-skipper";
 import { viewportService } from "../store/viewport.service";
 import { formatMessage } from "../core/util";
 const withPageContext = (WrappedComponent, addPageScript, getVariables, componentInfo, prefabInfo) => {
   const PageContextComponent = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
     const dispatch = useAppDispatch();
     const { show, hide } = (_a = useAppSpinner()) != null ? _a : {};
     const i18n = useAppSelector((state) => state.i18n);
@@ -112,6 +114,7 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
     const subscribedVariableNamesRef = useRef(/* @__PURE__ */ new Set());
     const overriddenPropsRegistryRef = useRef(null);
     const onStartupCompletedRef = useRef(false);
+    const lastSyncedLocaleRevisionRef = useRef(-1);
     const [isPageReady, setIsPageReady] = useState(false);
     const pageReady = useCallback(() => {
       setIsPageReady(true);
@@ -151,6 +154,18 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
       activePageName: componentInfo == null ? void 0 : componentInfo.componentName
     }));
     const initialAppConfig = useMemo(() => appContext, [appContext]);
+    useActivePageReactivity({
+      componentType: componentInfo == null ? void 0 : componentInfo.componentType,
+      appProxy,
+      setPageContext,
+      isMountedRef,
+      activePageDeps: componentInfo == null ? void 0 : componentInfo.activePageDeps
+    });
+    useEffect(() => {
+      if ((componentInfo == null ? void 0 : componentInfo.componentType) === "PAGE" && (appProxy == null ? void 0 : appProxy.activePageName) === (componentInfo == null ? void 0 : componentInfo.componentName)) {
+        EVENTEMITTER_METHODS.ACTIVE_PAGE_SYNC_EMIT();
+      }
+    }, [pageContext, componentInfo == null ? void 0 : componentInfo.componentType, componentInfo == null ? void 0 : componentInfo.componentName, appProxy]);
     const partialParamValuesKey = computePartialParamKey(
       componentInfo == null ? void 0 : componentInfo.componentType,
       props.params,
@@ -289,7 +304,13 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
             pageProxy.partialParams = newParams;
             (_a2 = props.onLoad) == null ? void 0 : _a2.call(props, pageProxy);
           }
-          appProxy.appLocale = i18n.appLocale || {};
+          const mergedAppLocale = i18n.appLocale || {};
+          if (!appProxy.appLocale) {
+            appProxy.appLocale = {};
+          }
+          if (!syncLocaleMessages(appProxy.appLocale, mergedAppLocale)) {
+            appProxy.appLocale = __spreadValues({}, mergedAppLocale);
+          }
           const localeFormats = {
             date: i18n.dateFormat,
             time: i18n.timeFormat,
@@ -304,6 +325,7 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
           pageProxy.selectedLocale = i18n.selectedLocale || "en";
           pageProxy.overriddenPropsRegistry = overriddenPropsRegistryRef.current;
           setupVariableSubscriptions(pageVariables.Variables);
+          await executeStartupVariables(pageVariables.Variables);
           if ((componentInfo == null ? void 0 : componentInfo.componentType) === "PAGE" && appProxy) {
             const pageName2 = componentInfo == null ? void 0 : componentInfo.componentName;
             appProxy.updateActivePage(pageName2);
@@ -457,21 +479,11 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
         setupVariableSubscriptions(appVarsOnly);
       }
     };
-    const executeStartupOperations = async (Variables, Actions) => {
-      const { startUpActions = [], startUpVariables = [] } = componentInfo || {};
+    const executeStartupVariables = async (Variables) => {
+      const startUpVariables = (componentInfo == null ? void 0 : componentInfo.startUpVariables) || [];
+      if (!startUpVariables.length) return;
       startUpVariables.forEach((name) => pendingStartupOpsRef.current.add(name));
-      startUpActions.forEach((name) => pendingStartupOpsRef.current.add(name));
-      if (startUpActions.length === 0 && startUpVariables.length === 0) {
-        return;
-      }
       try {
-        startUpActions.forEach((actionName) => {
-          var _a2;
-          if ((_a2 = Actions[actionName]) == null ? void 0 : _a2.invoke) {
-            Actions[actionName].invoke();
-          }
-          pendingStartupOpsRef.current.delete(String(actionName));
-        });
         const variablePromises = startUpVariables.map((varName) => {
           var _a2;
           if ((_a2 = Variables[varName]) == null ? void 0 : _a2.invoke) {
@@ -493,7 +505,24 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
           }
         }, 0);
       } catch (error) {
-        console.error("Error during startup operations:", error);
+        console.error("Error during startup variables:", error);
+      }
+    };
+    const executeStartupActions = async (Actions) => {
+      const startUpActions = (componentInfo == null ? void 0 : componentInfo.startUpActions) || [];
+      if (!startUpActions.length) return;
+      startUpActions.forEach((name) => pendingStartupOpsRef.current.add(name));
+      try {
+        startUpActions.forEach((actionName) => {
+          var _a2;
+          if ((_a2 = Actions[actionName]) == null ? void 0 : _a2.invoke) {
+            Actions[actionName].invoke();
+          }
+          pendingStartupOpsRef.current.delete(String(actionName));
+        });
+        pendingStartupOpsRef.current.clear();
+      } catch (error) {
+        console.error("Error during startup actions:", error);
       }
     };
     function layoutReady() {
@@ -538,19 +567,45 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
     async function executeStartup() {
       await (appContext == null ? void 0 : appContext.executeStartAppOperations());
     }
-    async function executePageStartup() {
-      await executeStartupOperations(pageContext.Variables, pageContext.Actions);
+    const applyLocaleToProxies = useCallback(
+      (newAppLocale) => {
+        var _a2;
+        if (appProxy) {
+          if (!appProxy.appLocale) {
+            appProxy.appLocale = {};
+          }
+          if (!syncLocaleMessages(appProxy.appLocale, newAppLocale)) {
+            appProxy.appLocale = __spreadValues({}, newAppLocale);
+          }
+        }
+        if (pageProxyRef.current) {
+          if (!pageProxyRef.current.appLocale) {
+            pageProxyRef.current.appLocale = {};
+          }
+          if (!syncLocaleMessages(pageProxyRef.current.appLocale, newAppLocale)) {
+            pageProxyRef.current.appLocale = __spreadValues({}, newAppLocale);
+          }
+          if (pageProxyRef.current.App) {
+            pageProxyRef.current.App.appLocale = (_a2 = appProxy == null ? void 0 : appProxy.appLocale) != null ? _a2 : newAppLocale;
+          }
+        }
+      },
+      [appProxy == null ? void 0 : appProxy.appLocale]
+    );
+    if (isInitialized && pageProxyRef.current && ((_c = i18n.localeRevision) != null ? _c : 0) !== lastSyncedLocaleRevisionRef.current) {
+      const isLocaleChange = lastSyncedLocaleRevisionRef.current >= 0;
+      lastSyncedLocaleRevisionRef.current = (_d = i18n.localeRevision) != null ? _d : 0;
+      applyLocaleToProxies(i18n.appLocale);
+      if (isLocaleChange && (componentInfo == null ? void 0 : componentInfo.componentType) === "PAGE") {
+        addPageScript(appProxy, pageProxyRef.current);
+      }
     }
     useEffect(() => {
-      var _a2;
       const newAppLocale = merge({}, i18n.appLocale || {}, (prefabInfo == null ? void 0 : prefabInfo.appLocale) || {});
       if (!isEqual(pageContext.appLocale, newAppLocale)) {
         setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
           appLocale: newAppLocale
         }));
-        if ((_a2 = pageProxyRef.current) == null ? void 0 : _a2.App) {
-          pageProxyRef.current.App.appLocale = newAppLocale;
-        }
       }
     }, [i18n.appLocale]);
     useEffect(() => {
@@ -586,9 +641,9 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
           if ((securityConfig == null ? void 0 : securityConfig.authenticated) && (appProxy == null ? void 0 : appProxy.executeSessionFailureRequests)) {
             await appProxy.executeSessionFailureRequests();
           }
-          await executeStartup();
+          await (appContext == null ? void 0 : appContext.executeStartAppOperations());
           await onContentReady();
-          await executePageStartup();
+          executeStartupActions(pageContext.Actions);
           onStartupCompletedRef.current = true;
           if (pendingAccordionExpansion) {
             accordionExpansionHandler(pageProxyRef, pendingAccordionExpansion, dispatch);
@@ -626,14 +681,14 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
         ((_a2 = appVariables[value]) == null ? void 0 : _a2.invokeOnParamChange) && ((_b2 = appVariables[value]) == null ? void 0 : _b2.invokeOnParamChange());
       });
     }
-    if (((_c = componentInfo == null ? void 0 : componentInfo.autoUpdateVariables) == null ? void 0 : _c.length) && onStartupCompletedRef.current) {
+    if (((_e = componentInfo == null ? void 0 : componentInfo.autoUpdateVariables) == null ? void 0 : _e.length) && onStartupCompletedRef.current) {
       const pageVariables = pageContext.Variables;
       componentInfo.autoUpdateVariables.forEach((value) => {
         var _a2, _b2;
         (_b2 = (_a2 = pageVariables[value]) == null ? void 0 : _a2.invokeOnParamChange) == null ? void 0 : _b2.call(_a2);
       });
     }
-    return /* @__PURE__ */ jsx(WidgetProvider, { value: { value: pageContext, proxy: pageProxyRef.current }, children: /* @__PURE__ */ jsx(WrappedComponent, __spreadValues({}, props)) });
+    return /* @__PURE__ */ jsx(WidgetProvider, { value: { value: pageContext, proxy: pageProxyRef.current }, children: /* @__PURE__ */ jsx(WrappedComponent, __spreadValues({}, props), `locale-${(_f = i18n.localeRevision) != null ? _f : 0}`) });
   };
   PageContextComponent.displayName = `WithPageContext(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
   return PageContextComponent;

package/higherOrder/props.d.ts

@@ -77,6 +77,7 @@ export interface Props {
      * Not emitted by codegen — omit (default) to show skeleton when `loading` is true.
      */
     showSkeleton?: boolean;
+    widget?: string;
 }
 /**
  * Interface for props injected by the BaseDialog (withDialogWrapper) HOC.

package/higherOrder/useActivePageReactivity.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { PageContextState } from "@wavemaker-ai/react-runtime/types";
+interface UseActivePageReactivityParams {
+    componentType?: string;
+    appProxy: any;
+    setPageContext: React.Dispatch<React.SetStateAction<PageContextState>>;
+    isMountedRef: React.RefObject<boolean>;
+    /** Active-page dependency paths this component reads (`App.activePage.*`), declared by codegen. */
+    activePageDeps?: string[];
+}
+/**
+ * Cross-context reactivity (value-gated): the active page broadcasts on every commit; this hook
+ * re-renders the consuming partial/prefab only when one of its codegen-declared `App.activePage.*`
+ * dependency paths actually changed. Works for Variables, Widgets, or anything after `activePage`,
+ * since the comparison is on the resolved value (the runtime creates new references on change).
+ *
+ * Propagation is page -> island only (acyclic). Partials with no declared deps never subscribe, so
+ * unrelated partials (header/footer) stay untouched. Re-subscribes/resets on navigation.
+ */
+export declare const useActivePageReactivity: ({ componentType, appProxy, setPageContext, isMountedRef, activePageDeps, }: UseActivePageReactivityParams) => void;
+export default useActivePageReactivity;

package/higherOrder/useActivePageReactivity.js

@@ -0,0 +1,57 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { useEffect, useRef } from "react";
+import { EVENTEMITTER_METHODS } from "../core/constants/events";
+const resolvePath = (root, path) => path.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], root);
+const useActivePageReactivity = ({
+  componentType,
+  appProxy,
+  setPageContext,
+  isMountedRef,
+  activePageDeps
+}) => {
+  var _a;
+  const snapshotRef = useRef([]);
+  const activePage = appProxy == null ? void 0 : appProxy.activePage;
+  const declaredKey = (_a = activePageDeps == null ? void 0 : activePageDeps.join("|")) != null ? _a : "";
+  useEffect(() => {
+    if (componentType === "PAGE" || !(activePageDeps == null ? void 0 : activePageDeps.length)) return;
+    const readValues = () => activePageDeps.map((path) => resolvePath(activePage, path));
+    snapshotRef.current = readValues();
+    const onActivePageChange = () => {
+      if (!isMountedRef.current) return;
+      const next = readValues();
+      if (next.some((value, i) => !Object.is(value, snapshotRef.current[i]))) {
+        snapshotRef.current = next;
+        setPageContext((prev) => __spreadProps(__spreadValues({}, prev), { App: __spreadValues({}, prev.App) }));
+      }
+    };
+    EVENTEMITTER_METHODS.ACTIVE_PAGE_SYNC_ON(onActivePageChange);
+    return () => {
+      EVENTEMITTER_METHODS.ACTIVE_PAGE_SYNC_OFF(onActivePageChange);
+    };
+  }, [componentType, activePage, declaredKey]);
+};
+var useActivePageReactivity_default = useActivePageReactivity;
+export {
+  useActivePageReactivity_default as default,
+  useActivePageReactivity
+};

package/higherOrder/withBaseWrapper.js

@@ -122,6 +122,8 @@ const withBaseWrapper = (WrappedComponent) => {
           delete propsForComparison.listener;
           delete stateForComparison.viewParent;
           delete propsForComparison.viewParent;
+          delete stateForComparison.children;
+          delete propsForComparison.children;
           if (!isEqual(stateForComparison, propsForComparison)) {
             updateWidgetState(name, mergedProps);
           }

package/higherOrder/withRenderLogger.d.ts

@@ -0,0 +1,15 @@
+import { ComponentType } from "react";
+/**
+ * Dev HOC that logs why a component re-rendered.
+ *
+ * On every render it diffs the current props against the previous render's
+ * props (shallow, by reference) and logs which keys changed, with prev/next
+ * values. Useful for spotting unstable props (new object/array/fn identity)
+ * that cause avoidable re-renders.
+ *
+ * Pure React (no jsx-runtime patching, no external dep), so it works in any
+ * bundler/runtime — unlike why-did-you-render.
+ *
+ * NOTE: no NODE_ENV gate for now (per request) — logs in all environments.
+ */
+export declare function withRenderLogger<P extends Record<string, any>>(WrappedComponent: ComponentType<P>, label?: string): ComponentType<P>;

package/higherOrder/withRenderLogger.js

@@ -0,0 +1,53 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+function withRenderLogger(WrappedComponent, label) {
+  const name = label || WrappedComponent.displayName || WrappedComponent.name || "Component";
+  const WithRenderLogger = (props) => {
+    const prevProps = useRef(null);
+    const renderCount = useRef(0);
+    renderCount.current += 1;
+    const changed = {};
+    if (prevProps.current) {
+      const keys = /* @__PURE__ */ new Set([...Object.keys(prevProps.current), ...Object.keys(props)]);
+      keys.forEach((key) => {
+        if (prevProps.current[key] !== props[key]) {
+          changed[key] = { prev: prevProps.current[key], next: props[key] };
+        }
+      });
+    }
+    const changedKeys = Object.keys(changed);
+    if (prevProps.current === null) {
+      console.log(`%c[render] ${name} #${renderCount.current} (mount)`, "color:#888");
+    } else {
+      console.log(
+        `%c[render] ${name} #${renderCount.current} \u2014 ${changedKeys.length ? `changed: ${changedKeys.join(", ")}` : "no prop changes (state/context/parent re-render)"}`,
+        changedKeys.length ? "color:#d9480f" : "color:#1971c2",
+        changedKeys.length ? changed : ""
+      );
+    }
+    prevProps.current = props;
+    return /* @__PURE__ */ jsx(WrappedComponent, __spreadValues({}, props));
+  };
+  WithRenderLogger.displayName = `withRenderLogger(${name})`;
+  return WithRenderLogger;
+}
+export {
+  withRenderLogger
+};

package/hooks/useAuth.js

@@ -36,6 +36,12 @@ const useAuth = () => {
   const { isLoggedIn, loggedInUser, securityConfig, isPageLoading, error } = useAppSelector(
     (state) => state.auth
   );
+  const securityEnabled = useAppSelector(
+    (state) => {
+      var _a, _b, _c;
+      return !!((_c = (_b = (_a = state.info) == null ? void 0 : _a.appConfig) == null ? void 0 : _b.appProperties) == null ? void 0 : _c.securityEnabled);
+    }
+  );
   const handleLogin = async (options) => {
     try {
       const loginResponse = await dispatch(login(options)).unwrap();
@@ -76,7 +82,7 @@ const useAuth = () => {
     return widgetRoles.some((role) => includes(userRoles, role));
   };
   const getLoggedInUserDetails = async (baseURL) => {
-    if (!baseURL) {
+    if (!securityEnabled) {
       dispatch(setPageLoading(true));
       await dispatch(getServiceDefinitions(baseURL)).unwrap();
       dispatch(setPageLoading(false));