@j2inn/fin5-ui-utils 6.0.5-beta.0 → 6.1.0

package/dist/index.js

@@ -1,70 +1,70 @@
-"use strict";
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-//////////////////////////////////////////////////////////////////////////
-// Fin5 APIs related modules
-//////////////////////////////////////////////////////////////////////////
-__exportStar(require("./fin5Top/fin5FileUpload"), exports);
-__exportStar(require("./fin5Top/fin5Top"), exports);
-__exportStar(require("./fin5Top/finEdge2Cloud"), exports);
-__exportStar(require("./fin5Top/getFin5BinUrl"), exports);
-__exportStar(require("./fin5Top/openFin5Alarm"), exports);
-__exportStar(require("./fin5Top/openFin5Historian"), exports);
-__exportStar(require("./fin5Top/useFin5AppURLHashParameter"), exports);
-//////////////////////////////////////////////////////////////////////////
-// Fin5 features related modules
-//////////////////////////////////////////////////////////////////////////
-__exportStar(require("./jobs/jobUtils"), exports);
-//////////////////////////////////////////////////////////////////////////
-// React components
-//////////////////////////////////////////////////////////////////////////
-__exportStar(require("./react/components/ErrorBoundary"), exports);
-__exportStar(require("./react/components/ErrorDisplayer"), exports);
-__exportStar(require("./react/components/Loader"), exports);
-__exportStar(require("./react/components/LoadingSpinner"), exports);
-__exportStar(require("./react/components/graphics/GraphicViewer"), exports);
-__exportStar(require("./react/components/graphics/GraphicsTabViewer"), exports);
-__exportStar(require("./react/components/navigation/BasicLayout"), exports);
-__exportStar(require("./react/components/navigation/MenuPage"), exports);
-__exportStar(require("./react/components/navigation/ReactRouterLayout"), exports);
-__exportStar(require("./react/components/navigation/ReactRouterHeaderSiderLayout"), exports);
-__exportStar(require("./react/components/navigation/customRouting/RouterLayout"), exports);
-__exportStar(require("./react/components/navigation/customRouting/Router"), exports);
-__exportStar(require("./react/components/resolvable/configurationForm/ConfigurationForm"), exports);
-__exportStar(require("./react/components/resolvable/configurationForm/ConfigurationFormEntry"), exports);
-__exportStar(require("./react/components/resolvable/configurationForm/getSectionDefault"), exports);
-__exportStar(require("./react/components/RecordImage"), exports);
-__exportStar(require("./react/components/charts/QRCode"), exports);
-__exportStar(require("./react/components/charts/line-bar/Chart"), exports);
-__exportStar(require("./react/components/charts/line-bar/HGridChart"), exports);
-__exportStar(require("./react/components/charts/pie/PieChart"), exports);
-__exportStar(require("./react/components/charts/pie/SimplePieChart"), exports);
-__exportStar(require("./react/components/makeCustomElement"), exports);
-//////////////////////////////////////////////////////////////////////////
-// React hooks
-//////////////////////////////////////////////////////////////////////////
-__exportStar(require("./react/hooks/useFin5BinUrl"), exports);
-__exportStar(require("./react/hooks/useFin5ColorScheme"), exports);
-__exportStar(require("./react/hooks/useScreenSize"), exports);
-//////////////////////////////////////////////////////////////////////////
-// j2inn/app support for FIN5
-//////////////////////////////////////////////////////////////////////////
-__exportStar(require("./react/app/Fin5AppContainer"), exports);
-__exportStar(require("./react/app/Fin5AppRootStore"), exports);
+"use strict";
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+//////////////////////////////////////////////////////////////////////////
+// Fin5 APIs related modules
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./fin5Top/fin5FileUpload"), exports);
+__exportStar(require("./fin5Top/fin5Top"), exports);
+__exportStar(require("./fin5Top/finEdge2Cloud"), exports);
+__exportStar(require("./fin5Top/getFin5BinUrl"), exports);
+__exportStar(require("./fin5Top/openFin5Alarm"), exports);
+__exportStar(require("./fin5Top/openFin5Historian"), exports);
+__exportStar(require("./fin5Top/useFin5AppURLHashParameter"), exports);
+//////////////////////////////////////////////////////////////////////////
+// Fin5 features related modules
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./jobs/jobUtils"), exports);
+//////////////////////////////////////////////////////////////////////////
+// React components
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./react/components/ErrorBoundary"), exports);
+__exportStar(require("./react/components/ErrorDisplayer"), exports);
+__exportStar(require("./react/components/Loader"), exports);
+__exportStar(require("./react/components/LoadingSpinner"), exports);
+__exportStar(require("./react/components/graphics/GraphicViewer"), exports);
+__exportStar(require("./react/components/graphics/GraphicsTabViewer"), exports);
+__exportStar(require("./react/components/navigation/BasicLayout"), exports);
+__exportStar(require("./react/components/navigation/MenuPage"), exports);
+__exportStar(require("./react/components/navigation/ReactRouterLayout"), exports);
+__exportStar(require("./react/components/navigation/ReactRouterHeaderSiderLayout"), exports);
+__exportStar(require("./react/components/navigation/customRouting/RouterLayout"), exports);
+__exportStar(require("./react/components/navigation/customRouting/Router"), exports);
+__exportStar(require("./react/components/resolvable/configurationForm/ConfigurationForm"), exports);
+__exportStar(require("./react/components/resolvable/configurationForm/ConfigurationFormEntry"), exports);
+__exportStar(require("./react/components/resolvable/configurationForm/getSectionDefault"), exports);
+__exportStar(require("./react/components/RecordImage"), exports);
+__exportStar(require("./react/components/charts/QRCode"), exports);
+__exportStar(require("./react/components/charts/line-bar/Chart"), exports);
+__exportStar(require("./react/components/charts/line-bar/HGridChart"), exports);
+__exportStar(require("./react/components/charts/pie/PieChart"), exports);
+__exportStar(require("./react/components/charts/pie/SimplePieChart"), exports);
+__exportStar(require("./react/components/makeCustomElement"), exports);
+//////////////////////////////////////////////////////////////////////////
+// React hooks
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./react/hooks/useFin5BinUrl"), exports);
+__exportStar(require("./react/hooks/useFin5ColorScheme"), exports);
+__exportStar(require("./react/hooks/useScreenSize"), exports);
+//////////////////////////////////////////////////////////////////////////
+// j2inn/app support for FIN5
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./react/app/Fin5AppContainer"), exports);
+__exportStar(require("./react/app/Fin5AppRootStore"), exports);
 //# sourceMappingURL=index.js.map

package/dist/jobs/jobUtils.d.ts

@@ -1,14 +1,14 @@
-import { HDict, HNum, HStr } from 'haystack-core';
-export declare enum JobStatus {
-    doneOk = "doneOk",
-    doneErr = "doneErr",
-    running = "running"
-}
-export interface JobStatusDict extends HDict {
-    jobStatus: HStr;
-    progress: HNum;
-    progressMsg: HStr;
-}
-export declare const isJobSuccessful: (jobStatus: JobStatusDict) => boolean;
-export declare const isJobError: (jobStatus: JobStatusDict) => boolean;
-export declare const isJobRunning: (jobStatus: JobStatusDict) => boolean;
+import { HDict, HNum, HStr } from 'haystack-core';
+export declare enum JobStatus {
+    doneOk = "doneOk",
+    doneErr = "doneErr",
+    running = "running"
+}
+export interface JobStatusDict extends HDict {
+    jobStatus: HStr;
+    progress: HNum;
+    progressMsg: HStr;
+}
+export declare const isJobSuccessful: (jobStatus: JobStatusDict) => boolean;
+export declare const isJobError: (jobStatus: JobStatusDict) => boolean;
+export declare const isJobRunning: (jobStatus: JobStatusDict) => boolean;

package/dist/jobs/jobUtils.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isJobRunning = exports.isJobError = exports.isJobSuccessful = exports.JobStatus = void 0;
-var JobStatus;
-(function (JobStatus) {
-    JobStatus["doneOk"] = "doneOk";
-    JobStatus["doneErr"] = "doneErr";
-    JobStatus["running"] = "running";
-})(JobStatus = exports.JobStatus || (exports.JobStatus = {}));
-const isJobSuccessful = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneOk;
-exports.isJobSuccessful = isJobSuccessful;
-const isJobError = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneErr;
-exports.isJobError = isJobError;
-const isJobRunning = (jobStatus) => jobStatus.jobStatus.value === JobStatus.running;
-exports.isJobRunning = isJobRunning;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isJobRunning = exports.isJobError = exports.isJobSuccessful = exports.JobStatus = void 0;
+var JobStatus;
+(function (JobStatus) {
+    JobStatus["doneOk"] = "doneOk";
+    JobStatus["doneErr"] = "doneErr";
+    JobStatus["running"] = "running";
+})(JobStatus = exports.JobStatus || (exports.JobStatus = {}));
+const isJobSuccessful = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneOk;
+exports.isJobSuccessful = isJobSuccessful;
+const isJobError = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneErr;
+exports.isJobError = isJobError;
+const isJobRunning = (jobStatus) => jobStatus.jobStatus.value === JobStatus.running;
+exports.isJobRunning = isJobRunning;
 //# sourceMappingURL=jobUtils.js.map

package/dist/react/app/Fin5AppContainer.d.ts

@@ -1,36 +1,36 @@
-import React from 'react';
-import { AppStore } from '@j2inn/app';
-import { Client } from 'haystack-nclient';
-import { ThemeDef } from '@j2inn/ui';
-/**
- * Properties for the dev application container component.
- */
-export interface Fin5AppContainerProps {
-    /**
-     * The children to render.
-     */
-    children?: React.ReactNode;
-    /**
-     * The app store.
-     */
-    appStore?: AppStore;
-    /**
-     * The network client object.
-     */
-    client?: Client;
-    /**
-     * Optional project name. Typically this is only specified
-     * in development mode. It's typically picked up from the URL.
-     */
-    project?: string;
-    /**
-     * The optional theme to use.
-     */
-    theme?: ThemeDef;
-}
-/**
- * Creates a basic application container environment to run a view in FIN5.
- */
-export declare const Fin5AppContainer: (({ children, appStore, client, project, theme, }: Fin5AppContainerProps) => JSX.Element) & {
-    displayName: string;
-};
+import React from 'react';
+import { AppStore } from '@j2inn/app';
+import { Client } from 'haystack-nclient';
+import { ThemeDef } from '@j2inn/ui';
+/**
+ * Properties for the dev application container component.
+ */
+export interface Fin5AppContainerProps {
+    /**
+     * The children to render.
+     */
+    children?: React.ReactNode;
+    /**
+     * The app store.
+     */
+    appStore?: AppStore;
+    /**
+     * The network client object.
+     */
+    client?: Client;
+    /**
+     * Optional project name. Typically this is only specified
+     * in development mode. It's typically picked up from the URL.
+     */
+    project?: string;
+    /**
+     * The optional theme to use.
+     */
+    theme?: ThemeDef;
+}
+/**
+ * Creates a basic application container environment to run a view in FIN5.
+ */
+export declare const Fin5AppContainer: (({ children, appStore, client, project, theme, }: Fin5AppContainerProps) => JSX.Element) & {
+    displayName: string;
+};

package/dist/react/app/Fin5AppContainer.js

@@ -1,103 +1,146 @@
-"use strict";
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Fin5AppContainer = void 0;
-const react_1 = __importStar(require("react"));
-const app_react_1 = require("@j2inn/app-react");
-const mobx_react_lite_1 = require("mobx-react-lite");
-const Fin5AppRootStore_1 = require("./Fin5AppRootStore");
-const haystack_nclient_1 = require("haystack-nclient");
-const haystack_react_1 = require("haystack-react");
-const utils_1 = require("@j2inn/utils");
-const react_jss_1 = require("react-jss");
-const ui_1 = require("@j2inn/ui");
-const fin5Top_1 = require("../../fin5Top/fin5Top");
-const useFin5AppURLHashParameter_1 = require("../../fin5Top/useFin5AppURLHashParameter");
-const haystack_core_1 = require("haystack-core");
-const ErrorBoundary_1 = require("../components/ErrorBoundary");
-const Loader_1 = __importDefault(require("../components/Loader"));
-const PATH_PREFIX = 'finApp';
-const getServiceUrl = ({ origin, path }) => `${origin}/${PATH_PREFIX}/api/${path}`;
-const getOpUrl = ({ origin, project, op }) => `${origin}/api/${project}/${op}`;
-const getHaystackServiceUrl = ({ origin, project, path, }) => `${origin}/${PATH_PREFIX}/api/haystack${project ? `/${project}` : ''}/${path}`;
-const getHostServiceUrl = ({ origin, path, }) => `${origin}/${PATH_PREFIX}/api/host/${path}`;
-/**
- * Creates a basic application container environment to run a view in FIN5.
- */
-exports.Fin5AppContainer = (0, mobx_react_lite_1.observer)(({ children, appStore, client, project, theme = (0, ui_1.GenerateTheme)(ui_1.DEFAULT_THEME).light, }) => {
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [loadingi18n, setLoadingi18n] = (0, react_1.useState)(true);
-    const rootStoreRef = (0, react_1.useRef)(null);
-    rootStoreRef.current ??= new Fin5AppRootStore_1.Fin5AppRootStore();
-    const rootStore = rootStoreRef.current;
-    const [hashProjName] = (0, useFin5AppURLHashParameter_1.useFin5AppURLHashParameter)('projectName');
-    const containerProject = project || hashProjName || fin5Top_1.fin5Top?.finstack?.projectName || '';
-    const locale = fin5Top_1.fin5Top?.languageManager?.currentLang ?? navigator?.language;
-    rootStore.locale = locale;
-    if (!rootStore.allLocales.includes(locale)) {
-        rootStore.allLocales.push(locale);
-    }
-    const target = fin5Top_1.fin5Top?.app?.TargetRef?.() || '';
-    rootStore.target = target ? haystack_core_1.HRef.make(target).value : '';
-    const getClient = () => client ??
-        new haystack_nclient_1.Client({
-            base: new URL(window.location.href),
-            project: containerProject,
-            options: { headers: { accept: 'text/zinc' } },
-            getServiceUrl,
-            getOpUrl,
-            getHaystackServiceUrl,
-            getHostServiceUrl,
-        });
-    const [containerClient, setContainerClient] = (0, react_1.useState)(getClient);
-    (0, react_1.useEffect)(() => {
-        setLoading(true);
-        const newClient = getClient();
-        setContainerClient(newClient);
-        // Load everything network wise before we load
-        // the application.
-        Promise.all([
-            newClient.ext.eval('finGetCurrentUser()'),
-            newClient.ext.loadDefs(),
-        ]).then(([userGrid]) => {
-            rootStore.currentUser = userGrid.first;
-            setLoading(false);
-        });
-    }, [client, containerProject]);
-    return (react_1.default.createElement(app_react_1.AppRootStoreContext.Provider, { value: rootStore },
-        react_1.default.createElement(app_react_1.AppStoreContext.Provider, { value: appStore },
-            react_1.default.createElement(haystack_react_1.ClientContext.Provider, { value: containerClient },
-                react_1.default.createElement(utils_1.I18NProvider, { locale: locale, setLoading: setLoadingi18n },
-                    react_1.default.createElement(react_jss_1.ThemeProvider, { theme: theme },
-                        react_1.default.createElement(Loader_1.default, { loading: loading || loadingi18n },
-                            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
-});
+"use strict";
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fin5AppContainer = void 0;
+const react_1 = __importStar(require("react"));
+const app_react_1 = require("@j2inn/app-react");
+const mobx_react_lite_1 = require("mobx-react-lite");
+const Fin5AppRootStore_1 = require("./Fin5AppRootStore");
+const haystack_nclient_1 = require("haystack-nclient");
+const haystack_react_1 = require("haystack-react");
+const utils_1 = require("@j2inn/utils");
+const react_jss_1 = require("react-jss");
+const ui_1 = require("@j2inn/ui");
+const fin5Top_1 = require("../../fin5Top/fin5Top");
+const useFin5AppURLHashParameter_1 = require("../../fin5Top/useFin5AppURLHashParameter");
+const haystack_core_1 = require("haystack-core");
+const ErrorBoundary_1 = require("../components/ErrorBoundary");
+const Loader_1 = __importDefault(require("../components/Loader"));
+const PATH_PREFIX = 'finApp';
+const getServiceUrl = ({ origin, path }) => `${origin}/${PATH_PREFIX}/api/${path}`;
+const getOpUrl = ({ origin, project, op }) => `${origin}/api/${project}/${op}`;
+const getHaystackServiceUrl = ({ origin, project, path, }) => `${origin}/${PATH_PREFIX}/api/haystack${project ? `/${project}` : ''}/${path}`;
+const getHostServiceUrl = ({ origin, path, }) => `${origin}/${PATH_PREFIX}/api/host/${path}`;
+/**
+ * Runtime type guard that checks whether a store instance
+ * exposes a boolean `initialized` flag.
+ *
+ * @param {AppStore | null | undefined} appStore - The store instance to test
+ * @returns {appStore is AppStore & { initialized: boolean }} True if `appStore` has a boolean `initialized` property
+ *
+ * @remarks
+ * To use the FINX onMessage feature, ensure the concrete store declares `initialized` ahead of time,
+ * and set to true when children components have fully rendered.
+ */
+function hasInitialized(appStore) {
+    return (!!appStore &&
+        'initialized' in appStore &&
+        typeof appStore.initialized === 'boolean');
+}
+/**
+ * Creates a basic application container environment to run a view in FIN5.
+ */
+exports.Fin5AppContainer = (0, mobx_react_lite_1.observer)(({ children, appStore, client, project, theme = (0, ui_1.GenerateTheme)(ui_1.DEFAULT_THEME).light, }) => {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [loadingi18n, setLoadingi18n] = (0, react_1.useState)(true);
+    const rootStoreRef = (0, react_1.useRef)(null);
+    rootStoreRef.current ??= new Fin5AppRootStore_1.Fin5AppRootStore();
+    const rootStore = rootStoreRef.current;
+    const [hashProjName] = (0, useFin5AppURLHashParameter_1.useFin5AppURLHashParameter)('projectName');
+    const containerProject = project || hashProjName || fin5Top_1.fin5Top?.finstack?.projectName || '';
+    const locale = fin5Top_1.fin5Top?.languageManager?.currentLang ?? navigator?.language;
+    rootStore.locale = locale;
+    if (!rootStore.allLocales.includes(locale)) {
+        rootStore.allLocales.push(locale);
+    }
+    const target = fin5Top_1.fin5Top?.app?.TargetRef?.() || '';
+    rootStore.target = target ? haystack_core_1.HRef.make(target).value : '';
+    const initialized = hasInitialized(appStore)
+        ? appStore.initialized
+        : false;
+    const getClient = () => client ??
+        new haystack_nclient_1.Client({
+            base: new URL(window.location.href),
+            project: containerProject,
+            options: { headers: { accept: 'text/zinc' } },
+            getServiceUrl,
+            getOpUrl,
+            getHaystackServiceUrl,
+            getHostServiceUrl,
+        });
+    const [containerClient, setContainerClient] = (0, react_1.useState)(getClient);
+    (0, react_1.useEffect)(() => {
+        setLoading(true);
+        const newClient = getClient();
+        setContainerClient(newClient);
+        // Load everything network wise before we load
+        // the application.
+        Promise.all([
+            newClient.ext.eval('finGetCurrentUser()'),
+            newClient.ext.loadDefs(),
+        ]).then(([userGrid]) => {
+            rootStore.currentUser = userGrid.first;
+            setLoading(false);
+        });
+    }, [client, containerProject]);
+    (0, react_1.useEffect)(() => {
+        const onMessage = (event) => {
+            if (fin5Top_1.fin5Top?.location.origin === event.origin &&
+                appStore?.onMessage) {
+                appStore.onMessage({
+                    message: event.data.message,
+                    params: event.data,
+                    client: getClient(),
+                    appRootStore: rootStore,
+                });
+            }
+        };
+        window.addEventListener('message', onMessage);
+        return () => window.removeEventListener('message', onMessage);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        // tell the top level app its ready
+        if (initialized) {
+            fin5Top_1.fin5Top?.postMessage({
+                kind: 'iframeApp',
+                loading: false,
+            });
+        }
+    }, [initialized]);
+    return (react_1.default.createElement(app_react_1.AppRootStoreContext.Provider, { value: rootStore },
+        react_1.default.createElement(app_react_1.AppStoreContext.Provider, { value: appStore },
+            react_1.default.createElement(haystack_react_1.ClientContext.Provider, { value: containerClient },
+                react_1.default.createElement(utils_1.I18NProvider, { locale: locale, setLoading: setLoadingi18n },
+                    react_1.default.createElement(react_jss_1.ThemeProvider, { theme: theme },
+                        react_1.default.createElement(Loader_1.default, { loading: loading || loadingi18n },
+                            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
+});
 //# sourceMappingURL=Fin5AppContainer.js.map

package/dist/react/app/Fin5AppContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fin5AppContainer.js","sourceRoot":"","sources":["../../../src/react/app/Fin5AppContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Fin5AppContainer.js","sourceRoot":"","sources":["../../../src/react/app/Fin5AppContainer.tsx"],"names":[],"mappings":"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"}