@akinon/app-client 0.5.1 → 0.6.0

package/dist/{app-client-provider.d.ts → cjs/app-client-provider.d.ts}

@@ -3,6 +3,7 @@ import React from 'react';
 /**
  * Defines the context state for the AppClient, including application data,
  * loading status, and methods for invoking actions and navigating.
+ *
  * @typedef {Object} AppClientContextState
  * @property {ApplicationData} [data] - Optional application data shared across micro frontends.
  * @property {ApplicationParams} [params] - Optional. Additional parameters to be passed to the application.
@@ -24,6 +25,7 @@ interface AppClientContextState {
 }
 /**
  * Props for the AppClientProvider component.
+ *
  * @typedef {Object} AppClientProviderProps
  * @property {React.ReactNode} children - Children components to be rendered within the provider.
  * @property {ApplicationConfig} config - Configuration for the application, including settings like `isDev` and `forceRedirect`.
@@ -34,12 +36,14 @@ interface AppClientProviderProps {
 }
 /**
  * Custom hook to access the AppClient context.
+ *
  * @returns {AppClientContextState} The current context state.
  */
 declare const useAppClient: () => AppClientContextState;
 /**
  * Component providing the context for AppClient. It initializes communication
  * with the AppShell and provides methods for action invocation and navigation.
+ *
  * @param {AppClientProviderProps} props - The props for the AppClientProvider component.
  */
 declare const AppClientProvider: ({ children, config }: AppClientProviderProps) => React.JSX.Element;

package/dist/cjs/app-client-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAGjB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E;;;;;;;;;;;GAWG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,KAC1D,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;GAMG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;CAC7D;AAaD;;;;GAIG;AACH,QAAA,MAAM,YAAY,6BAAqC,CAAC;AA6ExD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBA4GtE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,CAAC"}

package/dist/cjs/app-client-provider.js

@@ -0,0 +1,189 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppClient = exports.AppClientProvider = void 0;
+const app_shared_1 = require("@akinon/app-shared");
+const framebus_1 = require("framebus");
+const react_1 = require("react");
+const defaultContextState = {
+    isLoading: true,
+    invokeAction: () => __awaiter(void 0, void 0, void 0, function* () {
+        return Promise.reject('Action functionality not initialized.');
+    }),
+    navigate: () => { }
+};
+const AppClientContext = (0, react_1.createContext)(defaultContextState);
+/**
+ * Custom hook to access the AppClient context.
+ *
+ * @returns {AppClientContextState} The current context state.
+ */
+const useAppClient = () => (0, react_1.useContext)(AppClientContext);
+exports.useAppClient = useAppClient;
+/**
+ * This method communicates with the AppShell to perform
+ * the navigation on the shell.
+ *
+ * @param {string} path - The path to navigate to.
+ */
+const navigate = (payload) => {
+    const bus = new framebus_1.default();
+    bus.emit(app_shared_1.EVENTS.NAVIGATE, Object.assign({}, payload));
+};
+/**
+ * Shows a modal dialog with the specified title and content. This method communicates
+ * with the AppShell to display the modal dialog.
+ *
+ * @param {string} title - The title of the modal dialog.
+ * @param {string} content - The content of the modal dialog.
+ */
+const showModalDialog = (title, content) => {
+    const bus = new framebus_1.default();
+    bus.emit(app_shared_1.EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: app_shared_1.DEFAULT_ACTION_KEYS.showModalDialog,
+        args: [title, content]
+    });
+};
+/**
+ * Shows a confirmation dialog with the specified title and content. This method communicates
+ * with the AppShell to display the confirmation dialog and waits for user input.
+ *
+ * @param {string} title - The title of the confirmation dialog.
+ * @param {string} content - The content of the confirmation dialog.
+ * @returns The result of the confirmation dialog action.
+ */
+const showConfirmationDialog = (title, content) => {
+    const bus = new framebus_1.default();
+    return bus.emit(app_shared_1.EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: app_shared_1.DEFAULT_ACTION_KEYS.showConfirmationDialog,
+        args: [title, content]
+    });
+};
+/**
+ * Displays a toast message with the specified content and type. This method communicates
+ * with the AppShell to display the toast message.
+ *
+ * @param {string} content - The content of the toast message.
+ * @param {'success' | 'warning' | 'error' | 'loading' | 'destroy'} type - The type of the toast message.
+ */
+const showToast = (content, type) => {
+    const bus = new framebus_1.default();
+    bus.emit(app_shared_1.EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: app_shared_1.DEFAULT_ACTION_KEYS.showToast,
+        args: [content, type]
+    });
+};
+/**
+ * Displays an error message dialog with the specified title and content.
+ * This method communicateswith the AppShell to display the error message.
+ *
+ * @param {string} title - The title of the error message dialog.
+ * @param {string} content - The content of the error message dialog.
+ */
+const showErrorMessage = (title, content) => {
+    const bus = new framebus_1.default();
+    bus.emit(app_shared_1.EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: app_shared_1.DEFAULT_ACTION_KEYS.showErrorMessage,
+        args: [title, content]
+    });
+};
+/**
+ * Component providing the context for AppClient. It initializes communication
+ * with the AppShell and provides methods for action invocation and navigation.
+ *
+ * @param {AppClientProviderProps} props - The props for the AppClientProvider component.
+ */
+const AppClientProvider = ({ children, config }) => {
+    const [, setAppId] = (0, react_1.useState)(undefined);
+    const [data, setData] = (0, react_1.useState)(undefined);
+    const [params, setParams] = (0, react_1.useState)(undefined);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    // Function to invoke an action in the AppShell
+    const invokeAction = (actionKey, ...args) => {
+        return new Promise((resolve, reject) => {
+            const bus = new framebus_1.default();
+            bus.emit(app_shared_1.EVENTS.INVOKE_ACTION, { actionKey, args }, (response) => {
+                if (response.success) {
+                    resolve(response.result);
+                }
+                else {
+                    reject(new Error(response.error));
+                }
+            });
+        });
+    };
+    const isFullPageApplication = () => {
+        const castedConfig = config;
+        return Array.isArray(castedConfig.menu);
+    };
+    (0, react_1.useEffect)(() => {
+        // In production, enforce running in an iframe if forceRedirect is true
+        if (config.forceRedirect && !config.isDev && window.self === window.top) {
+            console.error('This app must be run inside an iframe when forceRedirect is true.');
+            return;
+        }
+        // Get c from the url of the iframe containing the application.
+        const url = new URL(window.location.href);
+        const channel = url.searchParams.get('c');
+        const bus = channel ? new framebus_1.default({ channel }) : new framebus_1.default();
+        // Send data from the AppShell upon initialization.
+        // Pass apps config data.
+        bus.emit(app_shared_1.EVENTS.SET_CONFIG, { config });
+        bus.on(app_shared_1.EVENTS.SET_DATA, (receivedData) => {
+            setData(receivedData);
+            setIsLoading(false);
+        });
+        bus.on(app_shared_1.EVENTS.SET_PARAMS, message => {
+            const passedParams = message;
+            setParams(passedParams);
+        });
+        bus.on(app_shared_1.EVENTS.SET_APP_ID, data => {
+            const { appId } = data;
+            setAppId(appId);
+        });
+        if (!isFullPageApplication()) {
+            // Get computed height of iframe element.
+            const height = document.getElementsByTagName('html')[0].offsetHeight;
+            if (height > 0 && window.name) {
+                bus.emit(app_shared_1.EVENTS.SET_HEIGHT, { height, id: window.name });
+            }
+        }
+        // Only listen to navigation events if application type is
+        // fullpage. plugin type apps should not have the ability to navigate.
+        if (isFullPageApplication()) {
+            // Listen for navigation events.
+            bus.on(app_shared_1.EVENTS.NAVIGATE_CHILD, message => {
+                const { path } = message;
+                const { navigation } = config;
+                if (navigation) {
+                    const { navigate } = navigation;
+                    navigate({ path });
+                }
+            });
+        }
+        return () => {
+            bus.teardown();
+        };
+    }, [config]);
+    const contextValue = {
+        data,
+        params,
+        isLoading,
+        invokeAction,
+        navigate,
+        showModalDialog,
+        showConfirmationDialog,
+        showToast,
+        showErrorMessage
+    };
+    return (react_1.default.createElement(AppClientContext.Provider, { value: contextValue }, children));
+};
+exports.AppClientProvider = AppClientProvider;

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+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 });
+__exportStar(require("./app-client-provider"), exports);

package/dist/esm/app-client-provider.d.ts

@@ -0,0 +1,52 @@
+import { ApplicationData, ApplicationNavigation, ApplicationParams, FullpageApplicationConfig, PluginApplicationConfig, RegisteredApp, RegisteredAppType, ShellNavigation, ShellNavigationPayload } from '@akinon/app-shared';
+import React from 'react';
+/**
+ * Defines the context state for the AppClient, including application data,
+ * loading status, and methods for invoking actions and navigating.
+ *
+ * @typedef {Object} AppClientContextState
+ * @property {ApplicationData} [data] - Optional application data shared across micro frontends.
+ * @property {ApplicationParams} [params] - Optional. Additional parameters to be passed to the application.
+ * @property {boolean} isLoading - Indicates whether the application data is currently loading.
+ * @property {Function} invokeAction - Method to invoke an action defined in the AppShell.
+ * @property {Function} navigate - Method to navigate to a specified path within the application.
+ * Additional helper methods for invoking default actions like showing dialogs or toasts.
+ */
+interface AppClientContextState {
+    data?: ApplicationData;
+    params?: ApplicationParams;
+    isLoading: boolean;
+    invokeAction: <T = any>(actionKey: string, ...args: any[]) => Promise<T>;
+    navigate: (payload: ShellNavigationPayload) => void;
+    showModalDialog?: (title: string, content: string) => void;
+    showConfirmationDialog?: (title: string, content: string) => boolean;
+    showToast?: (content: string, type: 'success' | 'warning' | 'error' | 'loading' | 'destroy') => void;
+    showErrorMessage?: (title: string, content: string) => void;
+}
+/**
+ * Props for the AppClientProvider component.
+ *
+ * @typedef {Object} AppClientProviderProps
+ * @property {React.ReactNode} children - Children components to be rendered within the provider.
+ * @property {ApplicationConfig} config - Configuration for the application, including settings like `isDev` and `forceRedirect`.
+ */
+interface AppClientProviderProps {
+    children: React.ReactNode;
+    config: FullpageApplicationConfig | PluginApplicationConfig;
+}
+/**
+ * Custom hook to access the AppClient context.
+ *
+ * @returns {AppClientContextState} The current context state.
+ */
+declare const useAppClient: () => AppClientContextState;
+/**
+ * Component providing the context for AppClient. It initializes communication
+ * with the AppShell and provides methods for action invocation and navigation.
+ *
+ * @param {AppClientProviderProps} props - The props for the AppClientProvider component.
+ */
+declare const AppClientProvider: ({ children, config }: AppClientProviderProps) => React.JSX.Element;
+export { AppClientProvider, useAppClient };
+export type { ApplicationNavigation, FullpageApplicationConfig, PluginApplicationConfig, RegisteredApp, RegisteredAppType, ShellNavigation };
+//# sourceMappingURL=app-client-provider.d.ts.map

package/dist/esm/app-client-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAGjB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E;;;;;;;;;;;GAWG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,KAC1D,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;GAMG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;CAC7D;AAaD;;;;GAIG;AACH,QAAA,MAAM,YAAY,6BAAqC,CAAC;AA6ExD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBA4GtE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,CAAC"}

package/dist/esm/app-client-provider.js

@@ -0,0 +1,185 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { DEFAULT_ACTION_KEYS, EVENTS } from '@akinon/app-shared';
+import Framebus from 'framebus';
+import React, { createContext, useContext, useEffect, useState } from 'react';
+const defaultContextState = {
+    isLoading: true,
+    invokeAction: () => __awaiter(void 0, void 0, void 0, function* () {
+        return Promise.reject('Action functionality not initialized.');
+    }),
+    navigate: () => { }
+};
+const AppClientContext = createContext(defaultContextState);
+/**
+ * Custom hook to access the AppClient context.
+ *
+ * @returns {AppClientContextState} The current context state.
+ */
+const useAppClient = () => useContext(AppClientContext);
+/**
+ * This method communicates with the AppShell to perform
+ * the navigation on the shell.
+ *
+ * @param {string} path - The path to navigate to.
+ */
+const navigate = (payload) => {
+    const bus = new Framebus();
+    bus.emit(EVENTS.NAVIGATE, Object.assign({}, payload));
+};
+/**
+ * Shows a modal dialog with the specified title and content. This method communicates
+ * with the AppShell to display the modal dialog.
+ *
+ * @param {string} title - The title of the modal dialog.
+ * @param {string} content - The content of the modal dialog.
+ */
+const showModalDialog = (title, content) => {
+    const bus = new Framebus();
+    bus.emit(EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: DEFAULT_ACTION_KEYS.showModalDialog,
+        args: [title, content]
+    });
+};
+/**
+ * Shows a confirmation dialog with the specified title and content. This method communicates
+ * with the AppShell to display the confirmation dialog and waits for user input.
+ *
+ * @param {string} title - The title of the confirmation dialog.
+ * @param {string} content - The content of the confirmation dialog.
+ * @returns The result of the confirmation dialog action.
+ */
+const showConfirmationDialog = (title, content) => {
+    const bus = new Framebus();
+    return bus.emit(EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: DEFAULT_ACTION_KEYS.showConfirmationDialog,
+        args: [title, content]
+    });
+};
+/**
+ * Displays a toast message with the specified content and type. This method communicates
+ * with the AppShell to display the toast message.
+ *
+ * @param {string} content - The content of the toast message.
+ * @param {'success' | 'warning' | 'error' | 'loading' | 'destroy'} type - The type of the toast message.
+ */
+const showToast = (content, type) => {
+    const bus = new Framebus();
+    bus.emit(EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: DEFAULT_ACTION_KEYS.showToast,
+        args: [content, type]
+    });
+};
+/**
+ * Displays an error message dialog with the specified title and content.
+ * This method communicateswith the AppShell to display the error message.
+ *
+ * @param {string} title - The title of the error message dialog.
+ * @param {string} content - The content of the error message dialog.
+ */
+const showErrorMessage = (title, content) => {
+    const bus = new Framebus();
+    bus.emit(EVENTS.INVOKE_DEFAULT_ACTION, {
+        actionKey: DEFAULT_ACTION_KEYS.showErrorMessage,
+        args: [title, content]
+    });
+};
+/**
+ * Component providing the context for AppClient. It initializes communication
+ * with the AppShell and provides methods for action invocation and navigation.
+ *
+ * @param {AppClientProviderProps} props - The props for the AppClientProvider component.
+ */
+const AppClientProvider = ({ children, config }) => {
+    const [, setAppId] = useState(undefined);
+    const [data, setData] = useState(undefined);
+    const [params, setParams] = useState(undefined);
+    const [isLoading, setIsLoading] = useState(true);
+    // Function to invoke an action in the AppShell
+    const invokeAction = (actionKey, ...args) => {
+        return new Promise((resolve, reject) => {
+            const bus = new Framebus();
+            bus.emit(EVENTS.INVOKE_ACTION, { actionKey, args }, (response) => {
+                if (response.success) {
+                    resolve(response.result);
+                }
+                else {
+                    reject(new Error(response.error));
+                }
+            });
+        });
+    };
+    const isFullPageApplication = () => {
+        const castedConfig = config;
+        return Array.isArray(castedConfig.menu);
+    };
+    useEffect(() => {
+        // In production, enforce running in an iframe if forceRedirect is true
+        if (config.forceRedirect && !config.isDev && window.self === window.top) {
+            console.error('This app must be run inside an iframe when forceRedirect is true.');
+            return;
+        }
+        // Get c from the url of the iframe containing the application.
+        const url = new URL(window.location.href);
+        const channel = url.searchParams.get('c');
+        const bus = channel ? new Framebus({ channel }) : new Framebus();
+        // Send data from the AppShell upon initialization.
+        // Pass apps config data.
+        bus.emit(EVENTS.SET_CONFIG, { config });
+        bus.on(EVENTS.SET_DATA, (receivedData) => {
+            setData(receivedData);
+            setIsLoading(false);
+        });
+        bus.on(EVENTS.SET_PARAMS, message => {
+            const passedParams = message;
+            setParams(passedParams);
+        });
+        bus.on(EVENTS.SET_APP_ID, data => {
+            const { appId } = data;
+            setAppId(appId);
+        });
+        if (!isFullPageApplication()) {
+            // Get computed height of iframe element.
+            const height = document.getElementsByTagName('html')[0].offsetHeight;
+            if (height > 0 && window.name) {
+                bus.emit(EVENTS.SET_HEIGHT, { height, id: window.name });
+            }
+        }
+        // Only listen to navigation events if application type is
+        // fullpage. plugin type apps should not have the ability to navigate.
+        if (isFullPageApplication()) {
+            // Listen for navigation events.
+            bus.on(EVENTS.NAVIGATE_CHILD, message => {
+                const { path } = message;
+                const { navigation } = config;
+                if (navigation) {
+                    const { navigate } = navigation;
+                    navigate({ path });
+                }
+            });
+        }
+        return () => {
+            bus.teardown();
+        };
+    }, [config]);
+    const contextValue = {
+        data,
+        params,
+        isLoading,
+        invokeAction,
+        navigate,
+        showModalDialog,
+        showConfirmationDialog,
+        showToast,
+        showErrorMessage
+    };
+    return (React.createElement(AppClientContext.Provider, { value: contextValue }, children));
+};
+export { AppClientProvider, useAppClient };

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-client-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './app-client-provider';

package/package.json

@@ -1,43 +1,45 @@
 {
   "name": "@akinon/app-client",
-  "description": "Akinon UI App Client. This library is used to create a new plugin or an application which will reside in Akinon's applications.",
-  "version": "0.5.1",
+  "description": "Akinon AppClient library. This library is used to create a new plugin or an application which will reside in Akinon's applications.",
+  "version": "0.6.0",
   "private": false,
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
   "dependencies": {
     "framebus": "^6.0.0",
-    "postmate": "^1.5.2",
-    "use-immer": "^0.9.0",
-    "@akinon/app-shared": "^0.4.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@akinon/app-shared": "0.6.0"
   },
   "devDependencies": {
-    "@types/postmate": "^1.5.3",
     "clean-package": "2.2.0",
-    "eslint-config-custom": "0.1.0",
-    "@akinon/vite-config": "^0.1.1",
-    "tsconfig": "0.0.0"
-  },
-  "peerDependencies": {
-    "react": "18.x",
-    "react-dom": "18.x"
+    "copyfiles": "^2.4.1",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.2.2",
+    "@akinon/vite-config": "0.2.0",
+    "@akinon/eslint-config": "0.1.0",
+    "@akinon/typescript-config": "0.0.0"
   },
   "clean-package": "../../clean-package.config.json",
-  "types": "dist/index.d.ts",
+  "types": "dist/esm/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
+    "build:esm": "tsc --outDir dist/esm",
+    "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
+    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
+    "clean": "rimraf dist/",
     "lint": "eslint *.ts*",
     "test": "vitest run",
     "test:ui": "vitest --ui",

package/dist/app-client-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E;;;;;;;;;;GAUG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,KAC1D,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;GAKG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;CAC7D;AAaD;;;GAGG;AACH,QAAA,MAAM,YAAY,6BAAqC,CAAC;AA4ExD;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBA4GtE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,CAAC"}

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react/jsx-runtime"),b=require("react");var m=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Z(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var R={},g={},q;function ee(){if(q)return g;q=1,Object.defineProperty(g,"__esModule",{value:!0}),g.detach=g.attach=void 0;var r=l(),o=!1;function n(){o||typeof window>"u"||(o=!0,window.addEventListener("message",r.onMessage,!1))}g.attach=n;function t(){o=!1,window.removeEventListener("message",r.onMessage,!1)}return g.detach=t,g}var w={},L;function re(){if(L)return w;L=1,Object.defineProperty(w,"__esModule",{value:!0}),w.broadcastToChildWindows=void 0;var r=l();function o(n,t,e){for(var i=r.childWindows.length-1;i>=0;i--){var s=r.childWindows[i];s.closed?r.childWindows.splice(i,1):e!==s&&(0,r.broadcast)(n,{origin:t,frame:s.top})}}return w.broadcastToChildWindows=o,w}var P={},k;function te(){if(k)return P;k=1,Object.defineProperty(P,"__esModule",{value:!0}),P.broadcast=void 0;var r=l();function o(n,t){var e=0,i,s=t.origin,a=t.frame;try{for(a.postMessage(n,s),(0,r.hasOpener)(a)&&a.opener.top!==window.top&&o(n,{origin:s,frame:a.opener.top});i=a.frames[e];)o(n,{origin:s,frame:i}),e++}catch{}}return P.broadcast=o,P}var p={};Object.defineProperty(p,"__esModule",{value:!0});p.subscribers=p.childWindows=p.prefix=void 0;p.prefix="/*framebus*/";p.childWindows=[];p.subscribers={};var A={},B;function ie(){if(B)return A;B=1,Object.defineProperty(A,"__esModule",{value:!0}),A.dispatch=void 0;var r=l();function o(n,t,e,i,s){if(r.subscribers[n]&&r.subscribers[n][t]){var a=[];e&&a.push(e),i&&a.push(i);for(var u=0;u<r.subscribers[n][t].length;u++)r.subscribers[n][t][u].apply(s,a)}}return A.dispatch=o,A}var C={};Object.defineProperty(C,"__esModule",{value:!0});C.hasOpener=void 0;function ne(r){return!(r.top!==r||r.opener==null||r.opener===r||r.opener.closed===!0)}C.hasOpener=ne;var j={};Object.defineProperty(j,"__esModule",{value:!0});j.isntString=void 0;function ae(r){return typeof r!="string"}j.isntString=ae;var O={},W;function se(){if(W)return O;W=1,Object.defineProperty(O,"__esModule",{value:!0}),O.onMessage=void 0;var r=l();function o(n){if(!(0,r.isntString)(n.data)){var t=(0,r.unpackPayload)(n);if(t){var e=t.eventData,i=t.reply;(0,r.dispatch)("*",t.event,e,i,n),(0,r.dispatch)(n.origin,t.event,e,i,n),(0,r.broadcastToChildWindows)(n.data,t.origin,n.source)}}}return O.onMessage=o,O}var M={},$;function oe(){if($)return M;$=1,Object.defineProperty(M,"__esModule",{value:!0}),M.packagePayload=void 0;var r=l();function o(n,t,e,i){var s,a={event:n,origin:t};typeof i=="function"&&(a.reply=(0,r.subscribeReplier)(i,t)),a.eventData=e;try{s=r.prefix+JSON.stringify(a)}catch(u){throw new Error("Could not stringify event: ".concat(u.message))}return s}return M.packagePayload=o,M}var I={};Object.defineProperty(I,"__esModule",{value:!0});I.sendMessage=void 0;function ue(r,o,n){try{r.postMessage(o,n)}catch{}}I.sendMessage=ue;var T={},D={},V;function G(){if(V)return D;V=1,Object.defineProperty(D,"__esModule",{value:!0}),D.Framebus=void 0;var r=l(),o=typeof window<"u"&&window.Promise,n=function(){function t(e){e===void 0&&(e={}),this.origin=e.origin||"*",this.channel=e.channel||"",this.verifyDomain=e.verifyDomain,this.targetFrames=e.targetFrames||[],this.limitBroadcastToFramesArray=!!e.targetFrames,this.isDestroyed=!1,this.listeners=[],this.hasAdditionalChecksForOnListeners=!!(this.verifyDomain||this.limitBroadcastToFramesArray)}return t.setPromise=function(e){t.Promise=e},t.target=function(e){return new t(e)},t.prototype.addTargetFrame=function(e){this.limitBroadcastToFramesArray&&this.targetFrames.push(e)},t.prototype.include=function(e){return e==null||e.Window==null||e.constructor!==e.Window?!1:(r.childWindows.push(e),!0)},t.prototype.target=function(e){return t.target(e)},t.prototype.emit=function(e,i,s){if(this.isDestroyed)return!1;var a=this.origin;if(e=this.namespaceEvent(e),(0,r.isntString)(e)||(0,r.isntString)(a))return!1;typeof i=="function"&&(s=i,i=void 0);var u=(0,r.packagePayload)(e,a,i,s);return u?(this.limitBroadcastToFramesArray?this.targetFramesAsWindows().forEach(function(c){(0,r.sendMessage)(c,u,a)}):(0,r.broadcast)(u,{origin:a,frame:window.top||window.self}),!0):!1},t.prototype.emitAsPromise=function(e,i){var s=this;return new t.Promise(function(a,u){var c=s.emit(e,i,function(f){a(f)});c||u(new Error('Listener not added for "'.concat(e,'"')))})},t.prototype.on=function(e,i){if(this.isDestroyed)return!1;var s=this,a=this.origin,u=i;return e=this.namespaceEvent(e),(0,r.subscriptionArgsInvalid)(e,u,a)?!1:(this.hasAdditionalChecksForOnListeners&&(u=function(){for(var c=[],f=0;f<arguments.length;f++)c[f]=arguments[f];s.passesVerifyDomainCheck(this&&this.origin)&&s.hasMatchingTargetFrame(this&&this.source)&&i.apply(void 0,c)}),this.listeners.push({eventName:e,handler:u,originalHandler:i}),r.subscribers[a]=r.subscribers[a]||{},r.subscribers[a][e]=r.subscribers[a][e]||[],r.subscribers[a][e].push(u),!0)},t.prototype.off=function(e,i){var s=i;if(this.isDestroyed)return!1;if(this.verifyDomain)for(var a=0;a<this.listeners.length;a++){var u=this.listeners[a];u.originalHandler===i&&(s=u.handler)}e=this.namespaceEvent(e);var c=this.origin;if((0,r.subscriptionArgsInvalid)(e,s,c))return!1;var f=r.subscribers[c]&&r.subscribers[c][e];if(!f)return!1;for(var a=0;a<f.length;a++)if(f[a]===s)return f.splice(a,1),!0;return!1},t.prototype.teardown=function(){if(!this.isDestroyed){this.isDestroyed=!0;for(var e=0;e<this.listeners.length;e++){var i=this.listeners[e];this.off(i.eventName,i.handler)}this.listeners.length=0}},t.prototype.passesVerifyDomainCheck=function(e){return this.verifyDomain?this.checkOrigin(e):!0},t.prototype.targetFramesAsWindows=function(){return this.limitBroadcastToFramesArray?this.targetFrames.map(function(e){return e instanceof HTMLIFrameElement?e.contentWindow:e}).filter(function(e){return e}):[]},t.prototype.hasMatchingTargetFrame=function(e){if(!this.limitBroadcastToFramesArray)return!0;var i=this.targetFramesAsWindows().find(function(s){return s===e});return!!i},t.prototype.checkOrigin=function(e){var i,s=document.createElement("a");s.href=location.href,s.protocol==="https:"?i=s.host.replace(/:443$/,""):s.protocol==="http:"?i=s.host.replace(/:80$/,""):i=s.host;var a=s.protocol+"//"+i;return a===e?!0:this.verifyDomain?this.verifyDomain(e):!0},t.prototype.namespaceEvent=function(e){return this.channel?"".concat(this.channel,":").concat(e):e},t.Promise=o,t}();return D.Framebus=n,D}function ce(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(r){var o=Math.random()*16|0,n=r==="x"?o:o&3|8;return n.toString(16)})}var fe=ce,K;function de(){if(K)return T;K=1;var r=m&&m.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(T,"__esModule",{value:!0}),T.subscribeReplier=void 0;var o=G(),n=r(fe);function t(e,i){var s=(0,n.default)();function a(u,c){e(u,c),o.Framebus.target({origin:i}).off(s,a)}return o.Framebus.target({origin:i}).on(s,a),s}return T.subscribeReplier=t,T}var E={},U;function le(){if(U)return E;U=1,Object.defineProperty(E,"__esModule",{value:!0}),E.subscriptionArgsInvalid=void 0;var r=l();function o(n,t,e){return(0,r.isntString)(n)||typeof t!="function"?!0:(0,r.isntString)(e)}return E.subscriptionArgsInvalid=o,E}var J={};Object.defineProperty(J,"__esModule",{value:!0});var F={},N;function he(){if(N)return F;N=1,Object.defineProperty(F,"__esModule",{value:!0}),F.unpackPayload=void 0;var r=l();function o(n){var t;if(n.data.slice(0,r.prefix.length)!==r.prefix)return!1;try{t=JSON.parse(n.data.slice(r.prefix.length))}catch{return!1}if(t.reply){var e=n.origin,i=n.source,s=t.reply;t.reply=function(u){if(i){var c=(0,r.packagePayload)(s,e,u);c&&i.postMessage(c,e)}}}return t}return F.unpackPayload=o,F}var H;function l(){return H||(H=1,function(r){var o=m&&m.__createBinding||(Object.create?function(t,e,i,s){s===void 0&&(s=i);var a=Object.getOwnPropertyDescriptor(e,i);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,s,a)}:function(t,e,i,s){s===void 0&&(s=i),t[s]=e[i]}),n=m&&m.__exportStar||function(t,e){for(var i in t)i!=="default"&&!Object.prototype.hasOwnProperty.call(e,i)&&o(e,t,i)};Object.defineProperty(r,"__esModule",{value:!0}),n(ee(),r),n(re(),r),n(te(),r),n(p,r),n(ie(),r),n(C,r),n(j,r),n(se(),r),n(oe(),r),n(I,r),n(de(),r),n(le(),r),n(J,r),n(he(),r)}(R)),R}var pe=l(),ve=G();(0,pe.attach)();var ge=ve.Framebus;const v=Z(ge),be={isLoading:!0,invokeAction:async()=>Promise.reject("Action functionality not initialized."),navigate:()=>{}},z=b.createContext(be),ye=()=>b.useContext(z),me=r=>{new v().emit("NAVIGATE",{...r})},_e=(r,o)=>{new v().emit("INVOKE_DEFAULT_ACTION",{actionKey:"showModalDialog",args:[r,o]})},we=(r,o)=>new v().emit("INVOKE_DEFAULT_ACTION",{actionKey:"showConfirmationDialog",args:[r,o]}),Pe=(r,o)=>{new v().emit("INVOKE_DEFAULT_ACTION",{actionKey:"showToast",args:[r,o]})},Ae=(r,o)=>{new v().emit("INVOKE_DEFAULT_ACTION",{actionKey:"showErrorMessage",args:[r,o]})},Oe=({children:r,config:o})=>{const[,n]=b.useState(void 0),[t,e]=b.useState(void 0),[i,s]=b.useState(void 0),[a,u]=b.useState(!0),c=(S,...x)=>new Promise((h,d)=>{new v().emit("INVOKE_ACTION",{actionKey:S,args:x},y=>{y.success?h(y.result):d(new Error(y.error))})}),f=()=>{const S=o;return Array.isArray(S.menu)};b.useEffect(()=>{if(o.forceRedirect&&!o.isDev&&window.self===window.top){console.error("This app must be run inside an iframe when forceRedirect is true.");return}const x=new URL(window.location.href).searchParams.get("c"),h=x?new v({channel:x}):new v;if(h.emit("REQUEST_DATA",{config:o}),h.on("DATA_RESPONSE",d=>{e(d),u(!1)}),h.on("PARAMS_RESPONSE",d=>{s(d)}),h.on("SET_APP_ID",d=>{const{appId:_}=d;n(_)}),!f()){const d=document.getElementsByTagName("html")[0].offsetHeight;d>0&&window.name&&h.emit("SET_HEIGHT",{height:d,id:window.name})}return f()&&h.on("NAVIGATE_CHILD",d=>{const{path:_}=d,{navigation:y}=o;if(y){const{navigate:X}=y;X({path:_})}}),()=>{h.teardown()}},[o]);const Q={data:t,params:i,isLoading:a,invokeAction:c,navigate:me,showModalDialog:_e,showConfirmationDialog:we,showToast:Pe,showErrorMessage:Ae};return Y.jsx(z.Provider,{value:Q,children:r})};exports.AppClientProvider=Oe;exports.useAppClient=ye;

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -1,429 +0,0 @@
-import { jsx as Y } from "react/jsx-runtime";
-import { createContext as Z, useContext as ee, useState as C, useEffect as re } from "react";
-var y = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function te(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
-}
-var R = {}, g = {}, q;
-function ie() {
-  if (q)
-    return g;
-  q = 1, Object.defineProperty(g, "__esModule", { value: !0 }), g.detach = g.attach = void 0;
-  var r = l(), o = !1;
-  function n() {
-    o || typeof window > "u" || (o = !0, window.addEventListener("message", r.onMessage, !1));
-  }
-  g.attach = n;
-  function t() {
-    o = !1, window.removeEventListener("message", r.onMessage, !1);
-  }
-  return g.detach = t, g;
-}
-var _ = {}, L;
-function ne() {
-  if (L)
-    return _;
-  L = 1, Object.defineProperty(_, "__esModule", { value: !0 }), _.broadcastToChildWindows = void 0;
-  var r = l();
-  function o(n, t, e) {
-    for (var i = r.childWindows.length - 1; i >= 0; i--) {
-      var s = r.childWindows[i];
-      s.closed ? r.childWindows.splice(i, 1) : e !== s && (0, r.broadcast)(n, {
-        origin: t,
-        frame: s.top
-      });
-    }
-  }
-  return _.broadcastToChildWindows = o, _;
-}
-var w = {}, k;
-function ae() {
-  if (k)
-    return w;
-  k = 1, Object.defineProperty(w, "__esModule", { value: !0 }), w.broadcast = void 0;
-  var r = l();
-  function o(n, t) {
-    var e = 0, i, s = t.origin, a = t.frame;
-    try {
-      for (a.postMessage(n, s), (0, r.hasOpener)(a) && a.opener.top !== window.top && o(n, {
-        origin: s,
-        frame: a.opener.top
-      }); i = a.frames[e]; )
-        o(n, {
-          origin: s,
-          frame: i
-        }), e++;
-    } catch {
-    }
-  }
-  return w.broadcast = o, w;
-}
-var p = {};
-Object.defineProperty(p, "__esModule", { value: !0 });
-p.subscribers = p.childWindows = p.prefix = void 0;
-p.prefix = "/*framebus*/";
-p.childWindows = [];
-p.subscribers = {};
-var P = {}, B;
-function se() {
-  if (B)
-    return P;
-  B = 1, Object.defineProperty(P, "__esModule", { value: !0 }), P.dispatch = void 0;
-  var r = l();
-  function o(n, t, e, i, s) {
-    if (r.subscribers[n] && r.subscribers[n][t]) {
-      var a = [];
-      e && a.push(e), i && a.push(i);
-      for (var u = 0; u < r.subscribers[n][t].length; u++)
-        r.subscribers[n][t][u].apply(s, a);
-    }
-  }
-  return P.dispatch = o, P;
-}
-var I = {};
-Object.defineProperty(I, "__esModule", { value: !0 });
-I.hasOpener = void 0;
-function oe(r) {
-  return !(r.top !== r || r.opener == null || r.opener === r || r.opener.closed === !0);
-}
-I.hasOpener = oe;
-var S = {};
-Object.defineProperty(S, "__esModule", { value: !0 });
-S.isntString = void 0;
-function ue(r) {
-  return typeof r != "string";
-}
-S.isntString = ue;
-var A = {}, W;
-function ce() {
-  if (W)
-    return A;
-  W = 1, Object.defineProperty(A, "__esModule", { value: !0 }), A.onMessage = void 0;
-  var r = l();
-  function o(n) {
-    if (!(0, r.isntString)(n.data)) {
-      var t = (0, r.unpackPayload)(n);
-      if (t) {
-        var e = t.eventData, i = t.reply;
-        (0, r.dispatch)("*", t.event, e, i, n), (0, r.dispatch)(n.origin, t.event, e, i, n), (0, r.broadcastToChildWindows)(n.data, t.origin, n.source);
-      }
-    }
-  }
-  return A.onMessage = o, A;
-}
-var O = {}, $;
-function fe() {
-  if ($)
-    return O;
-  $ = 1, Object.defineProperty(O, "__esModule", { value: !0 }), O.packagePayload = void 0;
-  var r = l();
-  function o(n, t, e, i) {
-    var s, a = {
-      event: n,
-      origin: t
-    };
-    typeof i == "function" && (a.reply = (0, r.subscribeReplier)(i, t)), a.eventData = e;
-    try {
-      s = r.prefix + JSON.stringify(a);
-    } catch (u) {
-      throw new Error("Could not stringify event: ".concat(u.message));
-    }
-    return s;
-  }
-  return O.packagePayload = o, O;
-}
-var j = {};
-Object.defineProperty(j, "__esModule", { value: !0 });
-j.sendMessage = void 0;
-function de(r, o, n) {
-  try {
-    r.postMessage(o, n);
-  } catch {
-  }
-}
-j.sendMessage = de;
-var M = {}, T = {}, V;
-function G() {
-  if (V)
-    return T;
-  V = 1, Object.defineProperty(T, "__esModule", { value: !0 }), T.Framebus = void 0;
-  var r = l(), o = typeof window < "u" && window.Promise, n = (
-    /** @class */
-    function() {
-      function t(e) {
-        e === void 0 && (e = {}), this.origin = e.origin || "*", this.channel = e.channel || "", this.verifyDomain = e.verifyDomain, this.targetFrames = e.targetFrames || [], this.limitBroadcastToFramesArray = !!e.targetFrames, this.isDestroyed = !1, this.listeners = [], this.hasAdditionalChecksForOnListeners = !!(this.verifyDomain || this.limitBroadcastToFramesArray);
-      }
-      return t.setPromise = function(e) {
-        t.Promise = e;
-      }, t.target = function(e) {
-        return new t(e);
-      }, t.prototype.addTargetFrame = function(e) {
-        this.limitBroadcastToFramesArray && this.targetFrames.push(e);
-      }, t.prototype.include = function(e) {
-        return e == null || e.Window == null || e.constructor !== e.Window ? !1 : (r.childWindows.push(e), !0);
-      }, t.prototype.target = function(e) {
-        return t.target(e);
-      }, t.prototype.emit = function(e, i, s) {
-        if (this.isDestroyed)
-          return !1;
-        var a = this.origin;
-        if (e = this.namespaceEvent(e), (0, r.isntString)(e) || (0, r.isntString)(a))
-          return !1;
-        typeof i == "function" && (s = i, i = void 0);
-        var u = (0, r.packagePayload)(e, a, i, s);
-        return u ? (this.limitBroadcastToFramesArray ? this.targetFramesAsWindows().forEach(function(c) {
-          (0, r.sendMessage)(c, u, a);
-        }) : (0, r.broadcast)(u, {
-          origin: a,
-          frame: window.top || window.self
-        }), !0) : !1;
-      }, t.prototype.emitAsPromise = function(e, i) {
-        var s = this;
-        return new t.Promise(function(a, u) {
-          var c = s.emit(e, i, function(f) {
-            a(f);
-          });
-          c || u(new Error('Listener not added for "'.concat(e, '"')));
-        });
-      }, t.prototype.on = function(e, i) {
-        if (this.isDestroyed)
-          return !1;
-        var s = this, a = this.origin, u = i;
-        return e = this.namespaceEvent(e), (0, r.subscriptionArgsInvalid)(e, u, a) ? !1 : (this.hasAdditionalChecksForOnListeners && (u = function() {
-          for (var c = [], f = 0; f < arguments.length; f++)
-            c[f] = arguments[f];
-          s.passesVerifyDomainCheck(this && this.origin) && s.hasMatchingTargetFrame(this && this.source) && i.apply(void 0, c);
-        }), this.listeners.push({
-          eventName: e,
-          handler: u,
-          originalHandler: i
-        }), r.subscribers[a] = r.subscribers[a] || {}, r.subscribers[a][e] = r.subscribers[a][e] || [], r.subscribers[a][e].push(u), !0);
-      }, t.prototype.off = function(e, i) {
-        var s = i;
-        if (this.isDestroyed)
-          return !1;
-        if (this.verifyDomain)
-          for (var a = 0; a < this.listeners.length; a++) {
-            var u = this.listeners[a];
-            u.originalHandler === i && (s = u.handler);
-          }
-        e = this.namespaceEvent(e);
-        var c = this.origin;
-        if ((0, r.subscriptionArgsInvalid)(e, s, c))
-          return !1;
-        var f = r.subscribers[c] && r.subscribers[c][e];
-        if (!f)
-          return !1;
-        for (var a = 0; a < f.length; a++)
-          if (f[a] === s)
-            return f.splice(a, 1), !0;
-        return !1;
-      }, t.prototype.teardown = function() {
-        if (!this.isDestroyed) {
-          this.isDestroyed = !0;
-          for (var e = 0; e < this.listeners.length; e++) {
-            var i = this.listeners[e];
-            this.off(i.eventName, i.handler);
-          }
-          this.listeners.length = 0;
-        }
-      }, t.prototype.passesVerifyDomainCheck = function(e) {
-        return this.verifyDomain ? this.checkOrigin(e) : !0;
-      }, t.prototype.targetFramesAsWindows = function() {
-        return this.limitBroadcastToFramesArray ? this.targetFrames.map(function(e) {
-          return e instanceof HTMLIFrameElement ? e.contentWindow : e;
-        }).filter(function(e) {
-          return e;
-        }) : [];
-      }, t.prototype.hasMatchingTargetFrame = function(e) {
-        if (!this.limitBroadcastToFramesArray)
-          return !0;
-        var i = this.targetFramesAsWindows().find(function(s) {
-          return s === e;
-        });
-        return !!i;
-      }, t.prototype.checkOrigin = function(e) {
-        var i, s = document.createElement("a");
-        s.href = location.href, s.protocol === "https:" ? i = s.host.replace(/:443$/, "") : s.protocol === "http:" ? i = s.host.replace(/:80$/, "") : i = s.host;
-        var a = s.protocol + "//" + i;
-        return a === e ? !0 : this.verifyDomain ? this.verifyDomain(e) : !0;
-      }, t.prototype.namespaceEvent = function(e) {
-        return this.channel ? "".concat(this.channel, ":").concat(e) : e;
-      }, t.Promise = o, t;
-    }()
-  );
-  return T.Framebus = n, T;
-}
-function le() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(r) {
-    var o = Math.random() * 16 | 0, n = r === "x" ? o : o & 3 | 8;
-    return n.toString(16);
-  });
-}
-var he = le, K;
-function pe() {
-  if (K)
-    return M;
-  K = 1;
-  var r = y && y.__importDefault || function(e) {
-    return e && e.__esModule ? e : { default: e };
-  };
-  Object.defineProperty(M, "__esModule", { value: !0 }), M.subscribeReplier = void 0;
-  var o = G(), n = r(he);
-  function t(e, i) {
-    var s = (0, n.default)();
-    function a(u, c) {
-      e(u, c), o.Framebus.target({
-        origin: i
-      }).off(s, a);
-    }
-    return o.Framebus.target({
-      origin: i
-    }).on(s, a), s;
-  }
-  return M.subscribeReplier = t, M;
-}
-var D = {}, U;
-function ve() {
-  if (U)
-    return D;
-  U = 1, Object.defineProperty(D, "__esModule", { value: !0 }), D.subscriptionArgsInvalid = void 0;
-  var r = l();
-  function o(n, t, e) {
-    return (0, r.isntString)(n) || typeof t != "function" ? !0 : (0, r.isntString)(e);
-  }
-  return D.subscriptionArgsInvalid = o, D;
-}
-var J = {};
-Object.defineProperty(J, "__esModule", { value: !0 });
-var E = {}, N;
-function ge() {
-  if (N)
-    return E;
-  N = 1, Object.defineProperty(E, "__esModule", { value: !0 }), E.unpackPayload = void 0;
-  var r = l();
-  function o(n) {
-    var t;
-    if (n.data.slice(0, r.prefix.length) !== r.prefix)
-      return !1;
-    try {
-      t = JSON.parse(n.data.slice(r.prefix.length));
-    } catch {
-      return !1;
-    }
-    if (t.reply) {
-      var e = n.origin, i = n.source, s = t.reply;
-      t.reply = function(u) {
-        if (i) {
-          var c = (0, r.packagePayload)(s, e, u);
-          c && i.postMessage(c, e);
-        }
-      };
-    }
-    return t;
-  }
-  return E.unpackPayload = o, E;
-}
-var H;
-function l() {
-  return H || (H = 1, function(r) {
-    var o = y && y.__createBinding || (Object.create ? function(t, e, i, s) {
-      s === void 0 && (s = i);
-      var a = Object.getOwnPropertyDescriptor(e, i);
-      (!a || ("get" in a ? !e.__esModule : a.writable || a.configurable)) && (a = { enumerable: !0, get: function() {
-        return e[i];
-      } }), Object.defineProperty(t, s, a);
-    } : function(t, e, i, s) {
-      s === void 0 && (s = i), t[s] = e[i];
-    }), n = y && y.__exportStar || function(t, e) {
-      for (var i in t)
-        i !== "default" && !Object.prototype.hasOwnProperty.call(e, i) && o(e, t, i);
-    };
-    Object.defineProperty(r, "__esModule", { value: !0 }), n(ie(), r), n(ne(), r), n(ae(), r), n(p, r), n(se(), r), n(I, r), n(S, r), n(ce(), r), n(fe(), r), n(j, r), n(pe(), r), n(ve(), r), n(J, r), n(ge(), r);
-  }(R)), R;
-}
-var be = l(), ye = G();
-(0, be.attach)();
-var me = ye.Framebus;
-const v = /* @__PURE__ */ te(me), _e = {
-  isLoading: !0,
-  invokeAction: async () => Promise.reject("Action functionality not initialized."),
-  navigate: () => {
-  }
-}, z = Z(_e), Ee = () => ee(z), we = (r) => {
-  new v().emit("NAVIGATE", { ...r });
-}, Pe = (r, o) => {
-  new v().emit("INVOKE_DEFAULT_ACTION", {
-    actionKey: "showModalDialog",
-    args: [r, o]
-  });
-}, Ae = (r, o) => new v().emit("INVOKE_DEFAULT_ACTION", {
-  actionKey: "showConfirmationDialog",
-  args: [r, o]
-}), Oe = (r, o) => {
-  new v().emit("INVOKE_DEFAULT_ACTION", {
-    actionKey: "showToast",
-    args: [r, o]
-  });
-}, Me = (r, o) => {
-  new v().emit("INVOKE_DEFAULT_ACTION", {
-    actionKey: "showErrorMessage",
-    args: [r, o]
-  });
-}, Fe = ({ children: r, config: o }) => {
-  const [, n] = C(void 0), [t, e] = C(void 0), [i, s] = C(
-    void 0
-  ), [a, u] = C(!0), c = (F, ...x) => new Promise((h, d) => {
-    new v().emit("INVOKE_ACTION", { actionKey: F, args: x }, (b) => {
-      b.success ? h(b.result) : d(new Error(b.error));
-    });
-  }), f = () => {
-    const F = o;
-    return Array.isArray(F.menu);
-  };
-  re(() => {
-    if (o.forceRedirect && !o.isDev && window.self === window.top) {
-      console.error(
-        "This app must be run inside an iframe when forceRedirect is true."
-      );
-      return;
-    }
-    const x = new URL(window.location.href).searchParams.get("c"), h = x ? new v({ channel: x }) : new v();
-    if (h.emit("REQUEST_DATA", { config: o }), h.on("DATA_RESPONSE", (d) => {
-      e(d), u(!1);
-    }), h.on("PARAMS_RESPONSE", (d) => {
-      s(d);
-    }), h.on("SET_APP_ID", (d) => {
-      const { appId: m } = d;
-      n(m);
-    }), !f()) {
-      const d = document.getElementsByTagName("html")[0].offsetHeight;
-      d > 0 && window.name && h.emit("SET_HEIGHT", { height: d, id: window.name });
-    }
-    return f() && h.on("NAVIGATE_CHILD", (d) => {
-      const { path: m } = d, { navigation: b } = o;
-      if (b) {
-        const { navigate: X } = b;
-        X({ path: m });
-      }
-    }), () => {
-      h.teardown();
-    };
-  }, [o]);
-  const Q = {
-    data: t,
-    params: i,
-    isLoading: a,
-    invokeAction: c,
-    navigate: we,
-    showModalDialog: Pe,
-    showConfirmationDialog: Ae,
-    showToast: Oe,
-    showErrorMessage: Me
-  };
-  return /* @__PURE__ */ Y(z.Provider, { value: Q, children: r });
-};
-export {
-  Fe as AppClientProvider,
-  Ee as useAppClient
-};