@wavemaker-ai/react-runtime 1.0.0-next.27766

package/higherOrder/BasePage.js

@@ -0,0 +1,721 @@
+"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 { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useMemo, useCallback } from "react";
+import { useSearchParams } from "next/navigation";
+import isEqual from "lodash-es/isEqual";
+import cloneDeep from "lodash-es/cloneDeep";
+import merge from "lodash-es/merge";
+import compare from "../core/util/compare";
+import { WidgetProvider } from "../context/WidgetProvider";
+import { WmSpinner } from "../components/basic/spinner";
+import { getAppVariablesInstance } from "../core/appVariablesStore";
+import { useAppSelector, useAppDispatch } from "../store";
+import { useAppContext } from "../context/AppContext";
+import useAccess from "../hooks/useAccess";
+import { redirectToLogin } from "../store/slices/authSlice";
+import {
+  VariableEvents
+} from "../types";
+import {
+  clearPageWidgetProxyCache,
+  createStateProxy
+} from "../core/proxy-service";
+import {
+  accordionExpansionHandler,
+  mergeVariablesAndActions,
+  tabSelectionHandler
+} from "./helper";
+import { toastService } from "../actions/toast.service";
+import appstore from "../core/appstore";
+import {
+  createOverriddenPropsRegistry,
+  withSuspendedTracking
+} from "../core/script-registry";
+import formatters from "../core/formatters";
+import { useAppProxy } from "../context/AppContext";
+import { syncLocaleMessages } from "../core/util";
+import {
+  computeMergedPageParams,
+  computePartialParamKey,
+  extractPartialParamValues
+} from "../utils/page-params-util";
+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, _d, _e, _f;
+    const dispatch = useAppDispatch();
+    const { show, hide } = (_a = useAppSpinner()) != null ? _a : {};
+    const i18n = useAppSelector((state) => state.i18n);
+    const info = useAppSelector((state) => state.info);
+    const pageParams = useSearchParams();
+    const appContext = useAppContext();
+    const appProxy = useAppProxy();
+    const {
+      hasAccess,
+      loading: accessLoading,
+      error: accessError
+    } = useAccess({
+      componentName: (componentInfo == null ? void 0 : componentInfo.componentName) || "Main",
+      type: (componentInfo == null ? void 0 : componentInfo.componentType) || "PAGE"
+    });
+    const isSecurityEnabled = useAppSelector(
+      (state) => {
+        var _a2;
+        return (_a2 = state.auth.securityConfig) == null ? void 0 : _a2.isSecurityEnabled;
+      }
+    );
+    const securityConfig = useAppSelector((state) => state.auth.securityConfig);
+    const isAuthenticated = useAppSelector(
+      (state) => {
+        var _a2;
+        return (_a2 = state.auth.loggedInUser) == null ? void 0 : _a2.isAuthenticated;
+      }
+    );
+    const appConfig = useAppSelector((state) => state.info.appConfig);
+    const pendingAccordionExpansion = useAppSelector(
+      (state) => state.navigation.pendingAccordionExpansion
+    );
+    const pendingTabSelection = useAppSelector(
+      (state) => state.navigation.pendingTabSelection
+    );
+    const [isInitialized, setIsInitialized] = useState(false);
+    const [isLayoutReady, setIsLayoutReady] = useState(false);
+    const redirectHandledRef = useRef(false);
+    const subscriptionsRef = useRef([]);
+    const pendingStartupOpsRef = useRef(/* @__PURE__ */ new Set());
+    const startUpVariableLoadedRef = useRef(false);
+    const pageProxyRef = useRef(null);
+    const urlTabProcessedRef = useRef(false);
+    const isInitializingRef = useRef(false);
+    const isMountedRef = useRef(true);
+    const appVarSubscriptionsDoneRef = useRef(false);
+    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);
+    }, []);
+    const [pageContext, setPageContext] = useState(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
+      Widgets: {},
+      Variables: {},
+      Actions: {},
+      onReady: () => {
+      },
+      serviceDefinitions: cloneDeep(
+        (prefabInfo == null ? void 0 : prefabInfo.serviceDefs) || (appContext == null ? void 0 : appContext.serviceDefinitions) || {}
+      ),
+      pageParams: props.pageParams || {},
+      baseUrl: (prefabInfo == null ? void 0 : prefabInfo.baseUrl) || ((_b = info == null ? void 0 : info.appConfig) == null ? void 0 : _b.url) || "",
+      appConfig: appContext == null ? void 0 : appContext.appConfig,
+      notification: {},
+      toaster: toastService,
+      onContentReady,
+      onChange: updateWidgetState,
+      pageReady,
+      App: {},
+      eval: appContext == null ? void 0 : appContext.eval,
+      appLocale: (componentInfo == null ? void 0 : componentInfo.appLocale) || i18n.appLocale || {},
+      localeFormats: {
+        date: i18n.dateFormat,
+        time: i18n.timeFormat,
+        currency: i18n.currencyCode
+      },
+      i18n
+    }, prefabInfo), props), componentInfo), {
+      executeStartup,
+      formatters,
+      Viewport: viewportService.getViewport(),
+      formatMessage,
+      overriddenPropsRegistryRef: overriddenPropsRegistryRef.current,
+      layoutReady,
+      activePageName: componentInfo == null ? void 0 : componentInfo.componentName
+    }));
+    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,
+      props
+    );
+    const authLoggedInUser = useAppSelector((state) => state.auth.loggedInUser);
+    useEffect(() => {
+      if (!pageProxyRef.current) return;
+      pageProxyRef.current.appConfig.loggedInUser = authLoggedInUser;
+      setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
+        appConfig: __spreadProps(__spreadValues({}, prev.appConfig), { loggedInUser: authLoggedInUser })
+      }));
+    }, [authLoggedInUser]);
+    useEffect(() => {
+      pageContext.serviceDefinitions = cloneDeep(
+        (prefabInfo == null ? void 0 : prefabInfo.serviceDefs) || (appContext == null ? void 0 : appContext.serviceDefinitions) || {}
+      );
+      setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
+        serviceDefinitions: cloneDeep(
+          (prefabInfo == null ? void 0 : prefabInfo.serviceDefs) || (appContext == null ? void 0 : appContext.serviceDefinitions) || {}
+        )
+      }));
+    }, [appContext == null ? void 0 : appContext.serviceDefinitions, prefabInfo == null ? void 0 : prefabInfo.serviceDefs]);
+    useEffect(() => {
+      if ((componentInfo == null ? void 0 : componentInfo.componentType) !== "PARTIAL" || !pageProxyRef.current) {
+        return;
+      }
+      const paramValues = extractPartialParamValues(
+        props.params || [],
+        props
+      );
+      Object.entries(paramValues).forEach(([key, newValue]) => {
+        var _a2;
+        if (!isEqual((_a2 = pageProxyRef.current.pageParams) == null ? void 0 : _a2[key], newValue)) {
+          if (!pageProxyRef.current.pageParams) {
+            pageProxyRef.current.pageParams = {};
+          }
+          pageProxyRef.current.pageParams[key] = newValue;
+        }
+      });
+    }, [partialParamValuesKey]);
+    useEffect(() => {
+      var _a2;
+      if ((componentInfo == null ? void 0 : componentInfo.componentType) !== "PAGE" || redirectHandledRef.current || accessLoading || !isSecurityEnabled) {
+        return;
+      }
+      const pageConfig = (_a2 = appConfig == null ? void 0 : appConfig.pages) == null ? void 0 : _a2.find(
+        (p) => {
+          var _a3;
+          return p.name.toLowerCase() === ((_a3 = componentInfo == null ? void 0 : componentInfo.componentName) == null ? void 0 : _a3.toLowerCase());
+        }
+      );
+      const requiresAuth = (pageConfig == null ? void 0 : pageConfig.permission) === "Authenticated" || (pageConfig == null ? void 0 : pageConfig.permission) === "Role";
+      if (requiresAuth && !isAuthenticated) {
+        redirectHandledRef.current = true;
+        dispatch(
+          redirectToLogin({
+            redirectTo: componentInfo == null ? void 0 : componentInfo.componentName,
+            securityConfig
+          })
+        );
+      }
+    }, [
+      accessLoading,
+      isSecurityEnabled,
+      isAuthenticated,
+      appConfig,
+      componentInfo == null ? void 0 : componentInfo.componentType,
+      componentInfo == null ? void 0 : componentInfo.componentName,
+      dispatch,
+      securityConfig
+    ]);
+    const shouldInitialize = useMemo(() => {
+      if (appContext && !appContext.isAppReady) {
+        return false;
+      }
+      if (accessLoading) {
+        return false;
+      }
+      return true;
+    }, [appContext == null ? void 0 : appContext.isAppReady, accessLoading, hasAccess, isSecurityEnabled, isAuthenticated]);
+    useEffect(() => {
+      if (!(appContext == null ? void 0 : appContext.isAppReady) || !pageProxyRef.current) {
+        return;
+      }
+      setPageContext((prev) => {
+        const updatedVariables = __spreadValues(__spreadValues({}, prev.Variables), appContext.Variables || {});
+        const updatedActions = __spreadValues(__spreadValues({}, prev.Actions), appContext.Actions || {});
+        pageProxyRef.current.Variables = updatedVariables;
+        pageProxyRef.current.Actions = updatedActions;
+        return __spreadProps(__spreadValues({}, prev), {
+          App: __spreadProps(__spreadValues({}, prev.App), {
+            Variables: appContext.Variables || {},
+            Actions: appContext.Actions || {}
+          }),
+          Variables: updatedVariables,
+          Actions: updatedActions
+        });
+      });
+    }, [appContext == null ? void 0 : appContext.isAppReady, appContext == null ? void 0 : appContext.Variables, appContext == null ? void 0 : appContext.Actions]);
+    useEffect(() => {
+      if (!shouldInitialize || isInitialized || isInitializingRef.current || !isMountedRef.current) {
+        return;
+      }
+      isInitializingRef.current = true;
+      const initializeComponent = async () => {
+        var _a2;
+        try {
+          overriddenPropsRegistryRef.current = createOverriddenPropsRegistry();
+          const pageProxy = createStateProxy(
+            pageContext,
+            [],
+            setPageContext,
+            overriddenPropsRegistryRef.current
+          );
+          pageProxyRef.current = pageProxy;
+          const pageVariables = getVariables(pageProxy);
+          let appVariables = { Variables: {}, Actions: {} };
+          if (appContext == null ? void 0 : appContext.isAppReady) {
+            appVariables = {
+              Variables: appContext.Variables || {},
+              Actions: appContext.Actions || {}
+            };
+          } else {
+            const APP_VARIABLES = appstore.get("AppConfig").appVariables;
+            appVariables = APP_VARIABLES ? getAppVariablesInstance(pageProxy, APP_VARIABLES) : { Variables: {}, Actions: {} };
+          }
+          const { Variables, Actions } = mergeVariablesAndActions(pageVariables, appVariables);
+          const urlParams = Object.fromEntries(pageParams.entries());
+          const newParams = computeMergedPageParams(urlParams, {
+            componentType: componentInfo == null ? void 0 : componentInfo.componentType,
+            props
+          });
+          pageProxy.pageParams = newParams;
+          if ((componentInfo == null ? void 0 : componentInfo.componentType) !== "PAGE") {
+            pageProxy.partialParams = newParams;
+            (_a2 = props.onLoad) == null ? void 0 : _a2.call(props, pageProxy);
+          }
+          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,
+            currency: i18n.currencyCode
+          };
+          appProxy.localeFormats = localeFormats;
+          pageProxy.localeFormats = localeFormats;
+          pageProxy.Variables = Variables;
+          pageProxy.Actions = Actions;
+          pageProxy.pageReady = pageReady;
+          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) => {
+              appProxy.Widgets[key] = pageProxy.Widgets[key];
+            });
+          }
+          addPageScript(appProxy, pageProxy);
+          wrapWithThirdPartyErrorGuard(
+            pageProxy,
+            appContext,
+            (componentInfo == null ? void 0 : componentInfo.componentName) || "Prefab"
+          );
+          if ((componentInfo == null ? void 0 : componentInfo.componentType) === "PAGE") {
+            global.wm = appProxy ? __spreadProps(__spreadValues({}, pageProxy), { App: appProxy }) : pageProxy;
+          }
+          setIsInitialized(true);
+        } catch (error) {
+          console.error("Error during component initialization:", error);
+          setIsInitialized(true);
+        } finally {
+          isInitializingRef.current = false;
+        }
+      };
+      initializeComponent();
+      return () => {
+        var _a2;
+        if (pageProxyRef.current) {
+          const { Variables = {}, Actions = {} } = getVariables(pageProxyRef.current) || {};
+          Object.values(Variables).forEach((variable) => {
+            if ((variable == null ? void 0 : variable.cancel) && typeof variable.cancel === "function") {
+              try {
+                variable.cancel();
+              } catch (error) {
+                console.warn("Failed to cancel page variable:", error);
+              }
+            }
+          });
+          Object.values(Actions).forEach((action) => {
+            if ((action == null ? void 0 : action.cancel) && typeof action.cancel === "function") {
+              try {
+                action.cancel();
+              } catch (error) {
+                console.warn("Failed to cancel page timer action:", error);
+              }
+            }
+          });
+        }
+        pendingStartupOpsRef.current.clear();
+        (_a2 = overriddenPropsRegistryRef.current) == null ? void 0 : _a2.clear();
+        subscriptionsRef.current.forEach(({ variable, event, handler }) => {
+          if (variable == null ? void 0 : variable.unsubscribe) {
+            try {
+              variable.unsubscribe(event, handler);
+            } catch (error) {
+              console.warn(`Failed to unsubscribe from ${event}:`, error);
+            }
+          }
+        });
+        subscriptionsRef.current = [];
+      };
+    }, [shouldInitialize]);
+    useEffect(() => {
+      if (!(appContext == null ? void 0 : appContext.isAppReady) || !pageProxyRef.current || appVarSubscriptionsDoneRef.current) {
+        return;
+      }
+      try {
+        const { Variables: pageVars = {} } = getVariables(pageProxyRef.current) || {
+          Variables: {}
+        };
+        const pageVarNames = new Set(Object.keys(pageVars || {}));
+        subscribeAppVariablesIfNeeded(
+          appContext.Variables || {},
+          pageVarNames
+        );
+        appVarSubscriptionsDoneRef.current = true;
+      } catch (e) {
+      }
+    }, [appContext == null ? void 0 : appContext.isAppReady]);
+    useEffect(() => {
+      if (prefabInfo && (componentInfo == null ? void 0 : componentInfo.componentType) === "PREFAB") {
+        const handlePrefabStateRefresh = (data) => {
+          const proxy = pageProxyRef.current;
+          Object.keys(data).forEach((key) => {
+            var _a2;
+            const propKey = data[key].key;
+            let newValue = (_a2 = data[key].newValue) != null ? _a2 : data[key].oldValue;
+            if (newValue && typeof newValue === "object") {
+              newValue = cloneDeep(newValue);
+            }
+            if (proxy && proxy.onPropertyChange) {
+              proxy[propKey] = newValue;
+              proxy.onPropertyChange(propKey, newValue, data[key].oldValue);
+            }
+          });
+        };
+        EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_ON(prefabInfo == null ? void 0 : prefabInfo.name, handlePrefabStateRefresh);
+        return () => {
+          EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_OFF(prefabInfo == null ? void 0 : prefabInfo.name, handlePrefabStateRefresh);
+        };
+      }
+    }, [prefabInfo, componentInfo == null ? void 0 : componentInfo.componentType]);
+    const setupVariableSubscriptions = (variables) => {
+      const handleVariableEvent = (variableName, event, variable) => {
+        const updateState = variable;
+        updateState.loading = event === VariableEvents.BEFORE_INVOKE;
+        updateState.error = event === VariableEvents.ERROR ? variable : null;
+        if (get(variable, "spinnerContext") === "page") {
+          if (updateState.loading) {
+            const message = get(variable, "spinnerMessage");
+            show(message);
+          } else {
+            hide();
+          }
+        }
+        setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
+          Variables: __spreadProps(__spreadValues({}, prev.Variables), {
+            [variableName]: updateState
+          })
+        }));
+        if (event === VariableEvents.AFTER_INVOKE) {
+          pendingStartupOpsRef.current.delete(variableName);
+        }
+      };
+      Object.entries(variables).forEach(([name, variable]) => {
+        if (subscribedVariableNamesRef.current.has(name)) {
+          return;
+        }
+        Object.values(VariableEvents).forEach((event) => {
+          const handler = () => handleVariableEvent(name, event, variable);
+          if (variable && typeof variable.subscribe === "function") {
+            variable.subscribe(event, handler);
+            subscriptionsRef.current.push({ variable, event, handler });
+          }
+        });
+        subscribedVariableNamesRef.current.add(name);
+      });
+    };
+    const subscribeAppVariablesIfNeeded = (appVars, pageVarNames) => {
+      const appVarsOnly = {};
+      Object.entries(appVars || {}).forEach(([name, variable]) => {
+        if (!pageVarNames.has(name) && !subscribedVariableNamesRef.current.has(name)) {
+          appVarsOnly[name] = variable;
+        }
+      });
+      if (Object.keys(appVarsOnly).length) {
+        setupVariableSubscriptions(appVarsOnly);
+      }
+    };
+    const executeStartupVariables = async (Variables) => {
+      const startUpVariables = (componentInfo == null ? void 0 : componentInfo.startUpVariables) || [];
+      if (!startUpVariables.length) return;
+      startUpVariables.forEach((name) => pendingStartupOpsRef.current.add(name));
+      try {
+        const variablePromises = startUpVariables.map((varName) => {
+          var _a2;
+          if ((_a2 = Variables[varName]) == null ? void 0 : _a2.invoke) {
+            return Variables[varName].invoke().catch((error) => {
+              console.log(`Error invoking ${varName}:`, error);
+              return null;
+            });
+          }
+          return Promise.resolve();
+        });
+        await Promise.allSettled(variablePromises);
+        startUpVariableLoadedRef.current = true;
+        pendingStartupOpsRef.current.clear();
+        setTimeout(() => {
+          if ((componentInfo == null ? void 0 : componentInfo.componentType) === "PAGE") {
+            appContext == null ? void 0 : appContext.notify("page-variables-data-loaded", {
+              pageName: componentInfo == null ? void 0 : componentInfo.componentName
+            });
+          }
+        }, 0);
+      } catch (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() {
+      setIsLayoutReady(true);
+    }
+    function updateWidgetState(widgetName, newProps) {
+      if (!widgetName || !newProps || Object.keys(newProps).length === 0) return;
+      if (compare(pageContext.Widgets[widgetName], newProps)) return;
+      const registry = overriddenPropsRegistryRef.current;
+      if (registry) {
+        Object.keys(newProps).forEach((key) => {
+          if (newProps[key] !== void 0) {
+            registry.trackInternalUpdate(widgetName, key, newProps[key]);
+          }
+        });
+      }
+      setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
+        Widgets: __spreadProps(__spreadValues({}, prev.Widgets), {
+          [widgetName]: __spreadValues(__spreadValues({}, prev.Widgets[widgetName]), newProps)
+        })
+      }));
+      withSuspendedTracking(overriddenPropsRegistryRef.current, () => {
+        Object.keys(newProps).forEach((key) => {
+          var _a2, _b2, _c2;
+          if (!isEqual((_a2 = pageContext.Widgets[widgetName]) == null ? void 0 : _a2[key], newProps == null ? void 0 : newProps[key]) && (newProps == null ? void 0 : newProps[key]) !== void 0) {
+            if ((_c2 = (_b2 = pageProxyRef.current) == null ? void 0 : _b2.Widgets) == null ? void 0 : _c2[widgetName]) {
+              pageProxyRef.current.Widgets[widgetName][key] = newProps[key];
+            }
+          }
+        });
+      });
+    }
+    async function onContentReady() {
+      if (pageContext.onReady) {
+        await pageContext.onReady();
+      }
+      if ((appContext == null ? void 0 : appContext.onPageReady) && pageContext.componentType === "PAGE") {
+        appContext.onPageReady(pageContext.componentName, pageProxyRef.current, void 0);
+      }
+      return Promise.resolve();
+    }
+    async function executeStartup() {
+      await (appContext == null ? void 0 : appContext.executeStartAppOperations());
+    }
+    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(() => {
+      const newAppLocale = merge({}, i18n.appLocale || {}, (prefabInfo == null ? void 0 : prefabInfo.appLocale) || {});
+      if (!isEqual(pageContext.appLocale, newAppLocale)) {
+        setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
+          appLocale: newAppLocale
+        }));
+      }
+    }, [i18n.appLocale]);
+    useEffect(() => {
+      const localeFormats = {
+        date: i18n.dateFormat,
+        time: i18n.timeFormat,
+        currency: i18n.currencyCode
+      };
+      setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
+        localeFormats
+      }));
+      if (pageProxyRef.current) {
+        pageProxyRef.current.localeFormats = localeFormats;
+        if (pageProxyRef.current.App) {
+          pageProxyRef.current.App.localeFormats = localeFormats;
+        }
+      }
+    }, [i18n.dateFormat, i18n.timeFormat, i18n.currencyCode]);
+    const pageName = (appProxy == null ? void 0 : appProxy.activePageName) || "";
+    useEffect(() => {
+      if ((componentInfo == null ? void 0 : componentInfo.componentType) === "PARTIAL" && pageName) {
+        setPageContext((prev) => __spreadProps(__spreadValues({}, prev), {
+          App: __spreadProps(__spreadValues({}, prev.App), {
+            activePageName: pageName
+          })
+        }));
+      }
+    }, [pageName]);
+    useEffect(() => {
+      if (isInitialized && isPageReady && isMountedRef.current && !onStartupCompletedRef.current && pageProxyRef.current) {
+        const runStartup = async () => {
+          if (!isMountedRef.current) return;
+          if ((securityConfig == null ? void 0 : securityConfig.authenticated) && (appProxy == null ? void 0 : appProxy.executeSessionFailureRequests)) {
+            await appProxy.executeSessionFailureRequests();
+          }
+          await (appContext == null ? void 0 : appContext.executeStartAppOperations());
+          await onContentReady();
+          executeStartupActions(pageContext.Actions);
+          onStartupCompletedRef.current = true;
+          if (pendingAccordionExpansion) {
+            accordionExpansionHandler(pageProxyRef, pendingAccordionExpansion, dispatch);
+          }
+          const tabNameFromUrl = !urlTabProcessedRef.current ? pageParams == null ? void 0 : pageParams.get("tabName") : null;
+          const tabNameToSelect = tabNameFromUrl || pendingTabSelection;
+          if (tabNameToSelect) {
+            tabSelectionHandler(pageProxyRef, tabNameToSelect, dispatch);
+          }
+        };
+        runStartup();
+      }
+    }, [isInitialized, isPageReady]);
+    useEffect(() => {
+      isMountedRef.current = true;
+      return () => {
+        isMountedRef.current = false;
+        viewportService.destroy();
+      };
+    }, []);
+    if (!accessLoading && !hasAccess && !(componentInfo == null ? void 0 : componentInfo.isPartOfPrefab)) {
+      return null;
+    }
+    if (accessError && !accessLoading) {
+      console.error(`Access check failed for ${componentInfo == null ? void 0 : componentInfo.componentName}:`, accessError);
+      return null;
+    }
+    if (accessLoading || appContext && !appContext.isAppReady || !isInitialized) {
+      return /* @__PURE__ */ jsx(WmSpinner, { name: "page", caption: "", listener: {} });
+    }
+    if ((appContext == null ? void 0 : appContext.autoUpdateVariables) && onStartupCompletedRef.current) {
+      const appVariables = appContext.Variables;
+      appContext.autoUpdateVariables.forEach((value) => {
+        var _a2, _b2;
+        ((_a2 = appVariables[value]) == null ? void 0 : _a2.invokeOnParamChange) && ((_b2 = appVariables[value]) == null ? void 0 : _b2.invokeOnParamChange());
+      });
+    }
+    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), `locale-${(_f = i18n.localeRevision) != null ? _f : 0}`) });
+  };
+  PageContextComponent.displayName = `WithPageContext(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return PageContextComponent;
+};
+var BasePage_default = withPageContext;
+export {
+  BasePage_default as default,
+  withPageContext
+};