@wavemaker-ai/react-runtime 1.0.0-rc.322 → 1.0.0-rc.326

package/core/util/index.js

@@ -1,4 +1,5 @@
 import get from "lodash-es/get";
+import has from "lodash-es/has";
 import { store } from "../../store";
 import { isArray, isObject, isString } from "lodash-es";
 const VALIDATOR = {
@@ -89,8 +90,37 @@ const getTimezone = () => {
   return timezone || "UTC";
 };
 const formatMessage = (fragment, expression) => {
-  return get(fragment, `appLocale.${expression}`, expression);
+  const path = `appLocale.${expression}`;
+  return has(fragment, path) ? get(fragment, path) : void 0;
 };
+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 +216,7 @@ export {
   reload,
   replace,
   setSessionStorageItem,
+  syncLocaleMessages,
   toBoolean,
   toNumber
 };

package/higherOrder/BasePage.js

@@ -35,7 +35,10 @@ import { redirectToLogin } from "../store/slices/authSlice";
 import {
   VariableEvents
 } from "../types";
-import { createStateProxy } from "../core/proxy-service";
+import {
+  clearPageWidgetProxyCache,
+  createStateProxy
+} from "../core/proxy-service";
 import {
   accordionExpansionHandler,
   mergeVariablesAndActions,
@@ -49,6 +52,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 +61,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 +117,8 @@ 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 appliedLocaleRef = useRef(void 0);
     const [isPageReady, setIsPageReady] = useState(false);
     const pageReady = useCallback(() => {
       setIsPageReady(true);
@@ -140,7 +147,8 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
         date: i18n.dateFormat,
         time: i18n.timeFormat,
         currency: i18n.currencyCode
-      }
+      },
+      i18n
     }, prefabInfo), props), componentInfo), {
       executeStartup,
       formatters,
@@ -150,7 +158,18 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
       layoutReady,
       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 +308,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,
@@ -300,15 +325,17 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
           pageProxy.Variables = Variables;
           pageProxy.Actions = Actions;
           pageProxy.pageReady = pageReady;
-          pageProxy.App = __spreadValues(__spreadValues({}, appProxy), initialAppConfig);
+          pageProxy.App = appProxy != null ? appProxy : appContext;
           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);
             appProxy.activePage = pageProxy;
             appProxy.activePageName = pageName2;
+            clearPageWidgetProxyCache(appProxy.Widgets);
             Object.setPrototypeOf(appProxy.Widgets, pageProxy.Widgets);
           } else if ((componentInfo == null ? void 0 : componentInfo.componentName) === "Common" && (componentInfo == null ? void 0 : componentInfo.componentType) === "PARTIAL" && appProxy) {
             Object.keys(pageProxy.Widgets).forEach((key) => {
@@ -457,21 +484,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 +510,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 +572,61 @@ 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);
+    useEffect(() => {
+      const prevLocale = appliedLocaleRef.current;
+      appliedLocaleRef.current = i18n.selectedLocale;
+      const isLocaleSwitch = prevLocale !== void 0 && prevLocale !== i18n.selectedLocale;
+      if (isLocaleSwitch && pageProxyRef.current) {
+        pageProxyRef.current.Widgets = {};
+      }
+      setPageContext((prev) => {
+        if (prev.selectedLocale === i18n.selectedLocale) {
+          return prev;
+        }
+        return __spreadValues(__spreadProps(__spreadValues({}, prev), {
+          selectedLocale: i18n.selectedLocale
+        }), isLocaleSwitch && { Widgets: {} });
+      });
+    }, [i18n.selectedLocale]);
+    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 +662,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 +702,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

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
 import React, { useEffect, useMemo, useCallback } from "react";
 import isEqual from "lodash-es/isEqual";
 import { useDeviceVisibility } from "../hooks/useDeviceVisibility";
@@ -48,7 +48,7 @@ const withBaseWrapper = (WrappedComponent) => {
     useEffect(() => {
       if (name && (props == null ? void 0 : props.iswidget) !== "false" && (pageContext == null ? void 0 : pageContext.Widgets)) {
         const widget = (widgetFromContext == null ? void 0 : widgetFromContext["data-widget-id"]) === componentWidgetId ? widgetFromContext : {};
-        const registryEntry = __spreadProps(__spreadValues(__spreadValues({}, props), widget), {
+        const registryEntry = __spreadProps(__spreadValues(__spreadValues({}, widget), props), {
           "data-widget-id": componentWidgetId || void 0,
           // Ensure widget-id is stored
           viewParent: proxy
@@ -57,6 +57,7 @@ const withBaseWrapper = (WrappedComponent) => {
       }
     }, [name, pageContext == null ? void 0 : pageContext.Widgets, componentWidgetId, props]);
     const mergedProps = useMemo(() => {
+      var _a2;
       if (!name || !(pageContext == null ? void 0 : pageContext.Widgets) || (props == null ? void 0 : props.iswidget) === "false") {
         return props;
       }
@@ -72,8 +73,8 @@ const withBaseWrapper = (WrappedComponent) => {
         const widgetOverrides = registry == null ? void 0 : registry.getWidgetOverrides(name, componentWidgetId || "");
         if (widgetOverrides) {
           Object.keys(widgetOverrides).forEach((key) => {
-            var _a2;
-            const internalValue = (_a2 = registry == null ? void 0 : registry.getLastInternalValue) == null ? void 0 : _a2.call(registry, name, key);
+            var _a3;
+            const internalValue = (_a3 = registry == null ? void 0 : registry.getLastInternalValue) == null ? void 0 : _a3.call(registry, name, key);
             mergedState[key] = internalValue !== void 0 ? internalValue : widgetOverrides[key];
             if (props.prefab && key !== "inbound" && key !== "outbound" && key !== "show") {
               const updatedInbound = __spreadProps(__spreadValues({}, props.inbound), {
@@ -94,7 +95,7 @@ const withBaseWrapper = (WrappedComponent) => {
           });
         }
       } else if (shouldMergeFromContext) {
-        mergedState = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, widget), props), (props == null ? void 0 : props.formfield) ? { datavalue: props.datavalue } : { datavalue: widgetDatavalue != null ? widgetDatavalue : props.datavalue }), component === "WmFormField" && !props["value"] && { value: datavalue, datavalue });
+        mergedState = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, widget), props), (props == null ? void 0 : props.formfield) ? { datavalue: props.datavalue } : { datavalue: (_a2 = props.datavalue) != null ? _a2 : widgetDatavalue }), component === "WmFormField" && !props["value"] && { value: datavalue, datavalue });
       } else {
         mergedState = __spreadValues(__spreadValues({}, props), component === "WmFormField" && !props["value"] && { value: datavalue, datavalue });
       }
@@ -122,6 +123,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);
           }
@@ -151,7 +154,7 @@ const withBaseWrapper = (WrappedComponent) => {
     }
     const shouldHide = !showValue && !isDeferLoad;
     const updateon = (props == null ? void 0 : props.updateon) === "default" ? "keypress" : props == null ? void 0 : props.updateon;
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ createElement(
       WrappedComponent,
       __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, rest), mergedProps), updateon && { updateon }), shouldHide && { hidden: true }), deferload !== void 0 && { deferload: deferload.toString() }), {
         show: (_d = mergedProps == null ? void 0 : mergedProps.show) == null ? void 0 : _d.toString(),
@@ -160,7 +163,8 @@ const withBaseWrapper = (WrappedComponent) => {
         styles: computedStyles
       }), (props == null ? void 0 : props.dataset) && { dataset: props == null ? void 0 : props.dataset }), {
         destroy,
-        viewParent: proxy
+        viewParent: proxy,
+        key: (pageContext == null ? void 0 : pageContext.selectedLocale) || "en"
       })
     );
   };

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));