@akinon/app-client 0.5.3 → 0.6.0

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

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
 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.
@@ -25,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`.
@@ -35,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,11 +1,11 @@
 {
   "name": "@akinon/app-client",
   "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.5.3",
+  "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"
   ],
@@ -13,26 +13,33 @@
     "framebus": "^6.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@akinon/app-shared": "^0.5.1"
+    "@akinon/app-shared": "0.6.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@akinon/vite-config": "^0.1.1",
-    "eslint-config-custom": "0.1.0",
-    "tsconfig": "0.0.0"
+    "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,EAGvB,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 ee=require("react/jsx-runtime"),y=require("react"),l={SET_APP_ID:"SET_APP_ID",SET_CONFIG:"SET_CONFIG",SET_DATA:"SET_DATA",SET_HEIGHT:"SET_HEIGHT",SET_PARAMS:"SET_PARAMS",INVOKE_ACTION:"INVOKE_ACTION",INVOKE_DEFAULT_ACTION:"INVOKE_DEFAULT_ACTION",NAVIGATE:"NAVIGATE",NAVIGATE_CHILD:"NAVIGATE_CHILD"},x={showConfirmationDialog:"showConfirmationDialog",showModalDialog:"showModalDialog",showToast:"showToast",showErrorMessage:"showErrorMessage"};var m=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function re(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var L={},b={},N;function te(){if(N)return b;N=1,Object.defineProperty(b,"__esModule",{value:!0}),b.detach=b.attach=void 0;var r=h(),o=!1;function n(){o||typeof window>"u"||(o=!0,window.addEventListener("message",r.onMessage,!1))}b.attach=n;function t(){o=!1,window.removeEventListener("message",r.onMessage,!1)}return b.detach=t,b}var A={},V;function ie(){if(V)return A;V=1,Object.defineProperty(A,"__esModule",{value:!0}),A.broadcastToChildWindows=void 0;var r=h();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 A.broadcastToChildWindows=o,A}var T={},k;function ne(){if(k)return T;k=1,Object.defineProperty(T,"__esModule",{value:!0}),T.broadcast=void 0;var r=h();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 T.broadcast=o,T}var v={};Object.defineProperty(v,"__esModule",{value:!0});v.subscribers=v.childWindows=v.prefix=void 0;v.prefix="/*framebus*/";v.childWindows=[];v.subscribers={};var P={},B;function ae(){if(B)return P;B=1,Object.defineProperty(P,"__esModule",{value:!0}),P.dispatch=void 0;var r=h();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 j={};Object.defineProperty(j,"__esModule",{value:!0});j.hasOpener=void 0;function se(r){return!(r.top!==r||r.opener==null||r.opener===r||r.opener.closed===!0)}j.hasOpener=se;var R={};Object.defineProperty(R,"__esModule",{value:!0});R.isntString=void 0;function oe(r){return typeof r!="string"}R.isntString=oe;var E={},G;function ue(){if(G)return E;G=1,Object.defineProperty(E,"__esModule",{value:!0}),E.onMessage=void 0;var r=h();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 E.onMessage=o,E}var O={},K;function ce(){if(K)return O;K=1,Object.defineProperty(O,"__esModule",{value:!0}),O.packagePayload=void 0;var r=h();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 q={};Object.defineProperty(q,"__esModule",{value:!0});q.sendMessage=void 0;function fe(r,o,n){try{r.postMessage(o,n)}catch{}}q.sendMessage=fe;var D={},M={},W;function z(){if(W)return M;W=1,Object.defineProperty(M,"__esModule",{value:!0}),M.Framebus=void 0;var r=h(),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 M.Framebus=n,M}function de(){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 le=de,$;function he(){if($)return D;$=1;var r=m&&m.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(D,"__esModule",{value:!0}),D.subscribeReplier=void 0;var o=z(),n=r(le);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 D.subscribeReplier=t,D}var I={},H;function pe(){if(H)return I;H=1,Object.defineProperty(I,"__esModule",{value:!0}),I.subscriptionArgsInvalid=void 0;var r=h();function o(n,t,e){return(0,r.isntString)(n)||typeof t!="function"?!0:(0,r.isntString)(e)}return I.subscriptionArgsInvalid=o,I}var Q={};Object.defineProperty(Q,"__esModule",{value:!0});var C={},U;function ve(){if(U)return C;U=1,Object.defineProperty(C,"__esModule",{value:!0}),C.unpackPayload=void 0;var r=h();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 C.unpackPayload=o,C}var J;function h(){return J||(J=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(te(),r),n(ie(),r),n(ne(),r),n(v,r),n(ae(),r),n(j,r),n(R,r),n(ue(),r),n(ce(),r),n(q,r),n(he(),r),n(pe(),r),n(Q,r),n(ve(),r)}(L)),L}var ge=h(),be=z();(0,ge.attach)();var ye=be.Framebus;const g=re(ye),_e={isLoading:!0,invokeAction:async()=>Promise.reject("Action functionality not initialized."),navigate:()=>{}},X=y.createContext(_e),me=()=>y.useContext(X),we=r=>{new g().emit(l.NAVIGATE,{...r})},Ae=(r,o)=>{new g().emit(l.INVOKE_DEFAULT_ACTION,{actionKey:x.showModalDialog,args:[r,o]})},Te=(r,o)=>new g().emit(l.INVOKE_DEFAULT_ACTION,{actionKey:x.showConfirmationDialog,args:[r,o]}),Pe=(r,o)=>{new g().emit(l.INVOKE_DEFAULT_ACTION,{actionKey:x.showToast,args:[r,o]})},Ee=(r,o)=>{new g().emit(l.INVOKE_DEFAULT_ACTION,{actionKey:x.showErrorMessage,args:[r,o]})},Oe=({children:r,config:o})=>{const[,n]=y.useState(void 0),[t,e]=y.useState(void 0),[i,s]=y.useState(void 0),[a,u]=y.useState(!0),c=(F,...S)=>new Promise((p,d)=>{new g().emit(l.INVOKE_ACTION,{actionKey:F,args:S},_=>{_.success?p(_.result):d(new Error(_.error))})}),f=()=>{const F=o;return Array.isArray(F.menu)};y.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 S=new URL(window.location.href).searchParams.get("c"),p=S?new g({channel:S}):new g;if(p.emit(l.SET_CONFIG,{config:o}),p.on(l.SET_DATA,d=>{e(d),u(!1)}),p.on(l.SET_PARAMS,d=>{s(d)}),p.on(l.SET_APP_ID,d=>{const{appId:w}=d;n(w)}),!f()){const d=document.getElementsByTagName("html")[0].offsetHeight;d>0&&window.name&&p.emit(l.SET_HEIGHT,{height:d,id:window.name})}return f()&&p.on(l.NAVIGATE_CHILD,d=>{const{path:w}=d,{navigation:_}=o;if(_){const{navigate:Z}=_;Z({path:w})}}),()=>{p.teardown()}},[o]);const Y={data:t,params:i,isLoading:a,invokeAction:c,navigate:we,showModalDialog:Ae,showConfirmationDialog:Te,showToast:Pe,showErrorMessage:Ee};return ee.jsx(X.Provider,{value:Y,children:r})};exports.AppClientProvider=Oe;exports.useAppClient=me;

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,499 +0,0 @@
-import { jsx as ee } from "react/jsx-runtime";
-import { createContext as re, useContext as te, useState as S, useEffect as ie } from "react";
-const l = {
-  /**
-   * The event that is emitted when the AppShell sends
-   * the application ID to the client application.
-   *
-   * AppShell → AppClient
-   */
-  SET_APP_ID: "SET_APP_ID",
-  /**
-   * The event that is emitted when client applications
-   * sends their configuration to the AppShell.
-   *
-   * AppClient → AppShell
-   */
-  SET_CONFIG: "SET_CONFIG",
-  /**
-   * The event that is emitted when the AppShell sends
-   * data to the client application.
-   *
-   * AppShell → AppClient
-   */
-  SET_DATA: "SET_DATA",
-  /**
-   * The event that is emitted when client applications
-   * loads and sends their css height information to the AppShell.
-   *
-   * AppClient → AppShell
-   */
-  SET_HEIGHT: "SET_HEIGHT",
-  /**
-   * The event that is emitted to client applications when params property
-   * passed to the PluginRenderer component is received or changed.
-   *
-   * AppShell → AppClient
-   */
-  SET_PARAMS: "SET_PARAMS",
-  /**
-   * The event that is emitted when client applications trigger
-   * custom actions defined on the AppShell.
-   *
-   * AppClient → AppShell
-   */
-  INVOKE_ACTION: "INVOKE_ACTION",
-  /**
-   * The event that is emitted when client applications trigger
-   * default actions defined on the AppShell.
-   *
-   * AppClient → AppShell
-   */
-  INVOKE_DEFAULT_ACTION: "INVOKE_DEFAULT_ACTION",
-  /**
-   * The event that is emitted when client applications trigger
-   * navigation for their shell application.
-   *
-   * AppClient → AppShell
-   */
-  NAVIGATE: "NAVIGATE",
-  /**
-   * The event that is emitted when shell applications trigger
-   * navigation for their child applications.
-   *
-   * AppShell → AppClient
-   */
-  NAVIGATE_CHILD: "NAVIGATE_CHILD"
-}, x = {
-  showConfirmationDialog: "showConfirmationDialog",
-  showModalDialog: "showModalDialog",
-  showToast: "showToast",
-  showErrorMessage: "showErrorMessage"
-};
-var m = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ne(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
-}
-var q = {}, b = {}, N;
-function ae() {
-  if (N)
-    return b;
-  N = 1, Object.defineProperty(b, "__esModule", { value: !0 }), b.detach = b.attach = void 0;
-  var r = h(), o = !1;
-  function n() {
-    o || typeof window > "u" || (o = !0, window.addEventListener("message", r.onMessage, !1));
-  }
-  b.attach = n;
-  function t() {
-    o = !1, window.removeEventListener("message", r.onMessage, !1);
-  }
-  return b.detach = t, b;
-}
-var w = {}, V;
-function se() {
-  if (V)
-    return w;
-  V = 1, Object.defineProperty(w, "__esModule", { value: !0 }), w.broadcastToChildWindows = void 0;
-  var r = h();
-  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 A = {}, k;
-function oe() {
-  if (k)
-    return A;
-  k = 1, Object.defineProperty(A, "__esModule", { value: !0 }), A.broadcast = void 0;
-  var r = h();
-  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 A.broadcast = o, A;
-}
-var v = {};
-Object.defineProperty(v, "__esModule", { value: !0 });
-v.subscribers = v.childWindows = v.prefix = void 0;
-v.prefix = "/*framebus*/";
-v.childWindows = [];
-v.subscribers = {};
-var T = {}, B;
-function ue() {
-  if (B)
-    return T;
-  B = 1, Object.defineProperty(T, "__esModule", { value: !0 }), T.dispatch = void 0;
-  var r = h();
-  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 T.dispatch = o, T;
-}
-var j = {};
-Object.defineProperty(j, "__esModule", { value: !0 });
-j.hasOpener = void 0;
-function ce(r) {
-  return !(r.top !== r || r.opener == null || r.opener === r || r.opener.closed === !0);
-}
-j.hasOpener = ce;
-var R = {};
-Object.defineProperty(R, "__esModule", { value: !0 });
-R.isntString = void 0;
-function fe(r) {
-  return typeof r != "string";
-}
-R.isntString = fe;
-var P = {}, G;
-function de() {
-  if (G)
-    return P;
-  G = 1, Object.defineProperty(P, "__esModule", { value: !0 }), P.onMessage = void 0;
-  var r = h();
-  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 P.onMessage = o, P;
-}
-var E = {}, K;
-function le() {
-  if (K)
-    return E;
-  K = 1, Object.defineProperty(E, "__esModule", { value: !0 }), E.packagePayload = void 0;
-  var r = h();
-  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 E.packagePayload = o, E;
-}
-var L = {};
-Object.defineProperty(L, "__esModule", { value: !0 });
-L.sendMessage = void 0;
-function he(r, o, n) {
-  try {
-    r.postMessage(o, n);
-  } catch {
-  }
-}
-L.sendMessage = he;
-var O = {}, D = {}, W;
-function z() {
-  if (W)
-    return D;
-  W = 1, Object.defineProperty(D, "__esModule", { value: !0 }), D.Framebus = void 0;
-  var r = h(), 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 D.Framebus = n, D;
-}
-function pe() {
-  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 ve = pe, $;
-function ge() {
-  if ($)
-    return O;
-  $ = 1;
-  var r = m && m.__importDefault || function(e) {
-    return e && e.__esModule ? e : { default: e };
-  };
-  Object.defineProperty(O, "__esModule", { value: !0 }), O.subscribeReplier = void 0;
-  var o = z(), n = r(ve);
-  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 O.subscribeReplier = t, O;
-}
-var I = {}, H;
-function be() {
-  if (H)
-    return I;
-  H = 1, Object.defineProperty(I, "__esModule", { value: !0 }), I.subscriptionArgsInvalid = void 0;
-  var r = h();
-  function o(n, t, e) {
-    return (0, r.isntString)(n) || typeof t != "function" ? !0 : (0, r.isntString)(e);
-  }
-  return I.subscriptionArgsInvalid = o, I;
-}
-var Q = {};
-Object.defineProperty(Q, "__esModule", { value: !0 });
-var M = {}, U;
-function ye() {
-  if (U)
-    return M;
-  U = 1, Object.defineProperty(M, "__esModule", { value: !0 }), M.unpackPayload = void 0;
-  var r = h();
-  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 M.unpackPayload = o, M;
-}
-var J;
-function h() {
-  return J || (J = 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(ae(), r), n(se(), r), n(oe(), r), n(v, r), n(ue(), r), n(j, r), n(R, r), n(de(), r), n(le(), r), n(L, r), n(ge(), r), n(be(), r), n(Q, r), n(ye(), r);
-  }(q)), q;
-}
-var me = h(), _e = z();
-(0, me.attach)();
-var we = _e.Framebus;
-const g = /* @__PURE__ */ ne(we), Ae = {
-  isLoading: !0,
-  invokeAction: async () => Promise.reject("Action functionality not initialized."),
-  navigate: () => {
-  }
-}, X = re(Ae), Fe = () => te(X), Te = (r) => {
-  new g().emit(l.NAVIGATE, { ...r });
-}, Pe = (r, o) => {
-  new g().emit(l.INVOKE_DEFAULT_ACTION, {
-    actionKey: x.showModalDialog,
-    args: [r, o]
-  });
-}, Ee = (r, o) => new g().emit(l.INVOKE_DEFAULT_ACTION, {
-  actionKey: x.showConfirmationDialog,
-  args: [r, o]
-}), Oe = (r, o) => {
-  new g().emit(l.INVOKE_DEFAULT_ACTION, {
-    actionKey: x.showToast,
-    args: [r, o]
-  });
-}, De = (r, o) => {
-  new g().emit(l.INVOKE_DEFAULT_ACTION, {
-    actionKey: x.showErrorMessage,
-    args: [r, o]
-  });
-}, Ce = ({ children: r, config: o }) => {
-  const [, n] = S(void 0), [t, e] = S(void 0), [i, s] = S(
-    void 0
-  ), [a, u] = S(!0), c = (F, ...C) => new Promise((p, d) => {
-    new g().emit(l.INVOKE_ACTION, { actionKey: F, args: C }, (y) => {
-      y.success ? p(y.result) : d(new Error(y.error));
-    });
-  }), f = () => {
-    const F = o;
-    return Array.isArray(F.menu);
-  };
-  ie(() => {
-    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 C = new URL(window.location.href).searchParams.get("c"), p = C ? new g({ channel: C }) : new g();
-    if (p.emit(l.SET_CONFIG, { config: o }), p.on(l.SET_DATA, (d) => {
-      e(d), u(!1);
-    }), p.on(l.SET_PARAMS, (d) => {
-      s(d);
-    }), p.on(l.SET_APP_ID, (d) => {
-      const { appId: _ } = d;
-      n(_);
-    }), !f()) {
-      const d = document.getElementsByTagName("html")[0].offsetHeight;
-      d > 0 && window.name && p.emit(l.SET_HEIGHT, { height: d, id: window.name });
-    }
-    return f() && p.on(l.NAVIGATE_CHILD, (d) => {
-      const { path: _ } = d, { navigation: y } = o;
-      if (y) {
-        const { navigate: Z } = y;
-        Z({ path: _ });
-      }
-    }), () => {
-      p.teardown();
-    };
-  }, [o]);
-  const Y = {
-    data: t,
-    params: i,
-    isLoading: a,
-    invokeAction: c,
-    navigate: Te,
-    showModalDialog: Pe,
-    showConfirmationDialog: Ee,
-    showToast: Oe,
-    showErrorMessage: De
-  };
-  return /* @__PURE__ */ ee(X.Provider, { value: Y, children: r });
-};
-export {
-  Ce as AppClientProvider,
-  Fe as useAppClient
-};