chayns-api 1.0.13 → 1.0.15

package/dist/esm/hooks/useDialogState.js

@@ -0,0 +1,32 @@
+import { useContextSelector } from 'use-context-selector';
+import { ChaynsContext, ChaynsFunctionsContext } from '../components/ChaynsContext';
+
+/**
+ * @category Hooks
+ */
+export const useDialogState = () => {
+  const setResult = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
+  const sendData = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.dispatchEventToDialogHost);
+  const addDataListener = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addDialogHostEventListener);
+  const isClosingRequested = useContextSelector(ChaynsContext, v => {
+    var _v$dialog;
+    return v === null || v === void 0 ? void 0 : (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested;
+  });
+  return {
+    setResult,
+    sendData,
+    addDataListener,
+    isClosingRequested
+  };
+};
+
+/**
+ * @category Hooks
+ */
+export const useDialogData = () => {
+  const inputData = useContextSelector(ChaynsContext, v => {
+    var _v$dialog2;
+    return v === null || v === void 0 ? void 0 : (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
+  });
+  return inputData;
+};

package/dist/esm/host/ChaynsHost.js

@@ -22,7 +22,8 @@ const ChaynsHost = _ref => {
     parameters,
     customData,
     environment,
-    preventStagingReplacement
+    preventStagingReplacement,
+    dialog
   } = _ref;
   switch (type) {
     case 'client-iframe':
@@ -41,7 +42,8 @@ const ChaynsHost = _ref => {
         parameters: parameters,
         environment: environment,
         customData: customData,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'client-module':
       return /*#__PURE__*/React.createElement(ModuleHost, {
@@ -58,7 +60,8 @@ const ChaynsHost = _ref => {
         parameters: parameters,
         customData: customData,
         environment: environment,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'server-iframe':
       return /*#__PURE__*/React.createElement(HostIframe, {
@@ -77,7 +80,8 @@ const ChaynsHost = _ref => {
         parameters: parameters,
         environment: environment,
         customData: customData,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'server-module':
       return /*#__PURE__*/React.createElement(ModuleHost, {
@@ -93,7 +97,8 @@ const ChaynsHost = _ref => {
         parameters: parameters,
         customData: customData,
         environment: environment,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       }, children);
     default:
       return null;

package/dist/esm/host/iframe/HostIframe.js

@@ -22,7 +22,8 @@ const HostIframe = _ref => {
     parameters,
     environment,
     customData,
-    preventStagingReplacement
+    preventStagingReplacement,
+    dialog
   } = _ref;
   const eventTarget = useRef();
   const ref = useRef();
@@ -48,7 +49,8 @@ const HostIframe = _ref => {
     language,
     parameters,
     environment,
-    customData
+    customData,
+    dialog
   };
   // endregion
 
@@ -108,6 +110,7 @@ const HostIframe = _ref => {
   useUpdateData(eventTarget.current, 'parameters', parameters);
   useUpdateData(eventTarget.current, 'environment', environment);
   useUpdateData(eventTarget.current, 'customData', customData);
+  useUpdateData(eventTarget.current, 'dialog', dialog);
   // endregion
 
   return /*#__PURE__*/React.createElement("iframe", _extends({

package/dist/esm/host/module/ModuleHost.js

@@ -43,6 +43,7 @@ const ModuleHost = _ref2 => {
     language,
     parameters,
     customData,
+    dialog,
     environment,
     preventStagingReplacement
   } = _ref2;
@@ -61,6 +62,9 @@ const ModuleHost = _ref2 => {
   if (user) {
     initialData.user = user;
   }
+  if (dialog) {
+    initialData.dialog = dialog;
+  }
   // endregion
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/dist/esm/types/IChaynsReact.js

@@ -1,3 +1,9 @@
+export let DialogButtonType;
+(function (DialogButtonType) {
+  DialogButtonType[DialogButtonType["OK"] = 1] = "OK";
+  DialogButtonType[DialogButtonType["CANCEL"] = -1] = "CANCEL";
+  DialogButtonType[DialogButtonType["NEGATIVE"] = 0] = "NEGATIVE";
+})(DialogButtonType || (DialogButtonType = {}));
 export let ScreenSize;
 (function (ScreenSize) {
   ScreenSize[ScreenSize["XS"] = 0] = "XS";
@@ -235,4 +241,16 @@ var selectType;
 (function (selectType) {
   selectType[selectType["DEFAULT"] = 0] = "DEFAULT";
   selectType[selectType["ICON"] = 1] = "ICON";
-})(selectType || (selectType = {}));
+})(selectType || (selectType = {}));
+export let DialogType;
+(function (DialogType) {
+  DialogType["ALERT"] = "alert";
+  DialogType["CONFIRM"] = "confirm";
+  DialogType["DATE"] = "date";
+  DialogType["FILE_SELECT"] = "fileSelect";
+  DialogType["IFRAME"] = "iframe";
+  DialogType["MODULE"] = "module";
+  DialogType["INPUT"] = "input";
+  DialogType["SELECT"] = "select";
+  DialogType["TOAST"] = "toast";
+})(DialogType || (DialogType = {}));

package/dist/esm/wrapper/AppWrapper.js

@@ -5,12 +5,14 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 // @ts-nocheck
 
 import throttle from 'lodash.throttle';
+import DialogHandler from '../handler/DialogHandler';
 import { Environment, Font, Gender, IconType, RuntimeEnviroment, TappEvent } from '../types/IChaynsReact';
 import invokeAppCall from '../util/appCall';
 import getDeviceInfo, { getScreenSize } from '../util/deviceHelper';
 import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
+let appWrapperDialogId = 0;
 export class AppWrapper {
   mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
@@ -430,12 +432,46 @@ export class AppWrapper {
         void this.appCall(19, value, {
           awaitResult: false
         });
+      },
+      createDialog: config => {
+        return new DialogHandler(config, this.functions.openDialog, this.functions.closeDialog);
+      },
+      openDialog: async (config, callback) => {
+        const currentDialogId = appWrapperDialogId++;
+        const eventTarget = new EventTarget();
+        const resolve = result => {
+          callback(result);
+          this.dispatchDialogChange(this.dialogs.filter(x => x.dialogId !== currentDialogId));
+        };
+        this.dispatchDialogChange([...this.dialogs, {
+          config,
+          resolve,
+          dialogId: currentDialogId,
+          eventTarget
+        }]);
+        return currentDialogId;
+      },
+      closeDialog: dialogId => {
+        const dialog = this.dialogs.find(x => x.dialogId === dialogId);
+        if (dialog) {
+          dialog.resolve({
+            buttonType: -1
+          });
+        }
       }
     });
+    _defineProperty(this, "dialogs", []);
+    _defineProperty(this, "dialogEventTarget", new EventTarget());
   }
   notImplemented(call) {
     console.warn(`call ${call} not implement in app`);
   }
+  dispatchDialogChange(detail) {
+    this.dialogs = detail;
+    this.dialogEventTarget.dispatchEvent(new CustomEvent('change', {
+      detail
+    }));
+  }
   appCall(action) {
     let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     let {
@@ -468,6 +504,9 @@ export class AppWrapper {
       });
     });
   }
+  getDialogEventTarget() {
+    return this.dialogEventTarget;
+  }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
     return undefined;

package/dist/esm/wrapper/FrameWrapper.js

@@ -3,6 +3,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import * as comlink from 'comlink';
+import DialogHandler from '../handler/DialogHandler';
 import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
 import getUserInfo from '../calls/getUserInfo';
@@ -227,7 +228,57 @@ export class FrameWrapper {
       scrollByY: async (value, duration) => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.scrollByY(value, duration);
-      }
+      },
+      createDialog: config => {
+        return new DialogHandler(config, this.functions.openDialog, this.exposedFunctions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
+      },
+      closeDialog: async dialogId => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.closeDialog(dialogId);
+      },
+      openDialog: async (config, callback) => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.openDialog(config, comlink.proxy(callback));
+      },
+      setDialogResult: async (buttonType, result) => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.setDialogResult(buttonType, result);
+      },
+      dispatchEventToDialogClient: async (dialogId, data) => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.dispatchEventToDialogClient(dialogId, data);
+      },
+      addDialogClientEventListener: async (dialogId, callback) => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.addDialogClientEventListener(dialogId, comlink.proxy(callback));
+      },
+      dispatchEventToDialogHost: async data => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.dispatchEventToDialogHost(data);
+      },
+      addDialogHostEventListener: async callback => {
+        if (!this.initialized) await this.ready;
+        const listenerKey = `dialogHostEventListener`;
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener(listenerKey, callback);
+        if (shouldInitialize) {
+          this.exposedFunctions.addDialogHostEventListener(comlink.proxy(data => {
+            dispatchApiEvent(listenerKey, data);
+          }));
+        }
+        return id;
+      },
+      removeDialogHostEventListener: async id => {
+        if (!this.initialized) await this.ready;
+        const listenerKey = `dialogHostEventListener`;
+        const shouldRemove = removeApiListener(listenerKey, id);
+        if (shouldRemove) {
+          // this.exposedFunctions.removeDialogHostEventListener(0);
+        }
+      },
+      removeDialogClientEventListener: async () => {}
     });
     _defineProperty(this, "initialized", false);
     const initialDataTag = document.querySelector('#__CHAYNS_DATA__');

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -1,3 +1,4 @@
+import DialogHandler from '../handler/DialogHandler';
 import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
 import getUserInfo from '../calls/getUserInfo';
@@ -20,6 +21,9 @@ export class ModuleFederationWrapper {
         return fn(...arguments);
       };
     });
+    this.functions.createDialog = config => {
+      return new DialogHandler(config, functions.openDialog, functions.closeDialog, functions.dispatchEventToDialogClient, functions.addDialogClientEventListener);
+    };
     this.functions.addWindowMetricsListener = async callback => {
       const {
         id,

package/dist/types/calls/dialogs/confirm.d.ts

@@ -1,10 +1,10 @@
-import { DialogButton } from "../../types/dialog";
+import { DialogButtonOld } from "../../types/dialog";
 type Confirm = {
     headline?: string;
     text?: string;
-    buttons?: DialogButton[] | {
-        buttons?: DialogButton[];
-        links?: DialogButton[];
+    buttons?: DialogButtonOld[] | {
+        buttons?: DialogButtonOld[];
+        links?: DialogButtonOld[];
     };
     links?: unknown;
     select?: unknown;

package/dist/types/calls/dialogs/date.d.ts

@@ -1,4 +1,4 @@
-import { DialogButton, DialogTextBlock, IntervalItem, WeekDayIntervalObject } from "../../types/dialog";
+import { DialogButtonOld, DialogTextBlock, IntervalItem, WeekDayIntervalObject } from "../../types/dialog";
 /**
  * The config object for date dialog
  * @typedef {Object} dateConfig
@@ -28,7 +28,7 @@ import { DialogButton, DialogTextBlock, IntervalItem, WeekDayIntervalObject } fr
 type DateConfig = {
     title?: string;
     message?: string;
-    buttons?: DialogButton[];
+    buttons?: DialogButtonOld[];
     minDate?: Date | number;
     maxDate?: Date | number;
     minuteInterval?: number;
@@ -56,7 +56,7 @@ type preSelect = preSelectObj | Date | undefined | number | number[];
 type AdvancedDateConfig = {
     title?: string;
     message?: string;
-    buttons?: DialogButton[];
+    buttons?: DialogButtonOld[];
     minDate?: Date | number;
     maxDate?: Date | number;
     minuteInterval?: number;

package/dist/types/calls/dialogs/fileSelect.d.ts

@@ -1,4 +1,4 @@
-import { DialogButton } from "../../types/dialog";
+import { DialogButtonOld } from "../../types/dialog";
 export declare const fileType: {
     IMAGE: string;
     VIDEO: string;
@@ -6,7 +6,7 @@ export declare const fileType: {
     DOCUMENT: string[];
 };
 type FileSelectInput = {
-    buttons?: DialogButton[];
+    buttons?: DialogButtonOld[];
     callType?: number;
     multiselect?: boolean;
     directory?: boolean;

package/dist/types/calls/dialogs/iFrame.d.ts

@@ -1,6 +1,6 @@
-import { DialogButton } from "../../types/dialog";
+import { DialogButtonOld } from "../../types/dialog";
 type iFrameDialog = {
-    buttons?: DialogButton[];
+    buttons?: DialogButtonOld[];
     callType?: number;
     tappIframeName?: string;
     url: string;

package/dist/types/calls/dialogs/input.d.ts

@@ -1,6 +1,6 @@
-import { DialogButton } from "../../types/dialog";
+import { DialogButtonOld } from "../../types/dialog";
 type InputDialog = {
-    buttons?: DialogButton[];
+    buttons?: DialogButtonOld[];
     callType?: number;
     formatter?: string;
 };

package/dist/types/calls/dialogs/mediaSelect.d.ts

@@ -1,6 +1,6 @@
-import { DialogButton } from "../../types/dialog";
+import { DialogButtonOld } from "../../types/dialog";
 type MediaSelectInput = {
-    buttons?: DialogButton[];
+    buttons?: DialogButtonOld[];
     callType?: number;
     chaynsToken?: string;
 };

package/dist/types/calls/dialogs/signature.d.ts

@@ -1,6 +1,6 @@
-import { DialogButton } from "../../types/dialog";
+import { DialogButtonOld } from "../../types/dialog";
 type SignatureInput = {
-    buttons?: DialogButton[];
+    buttons?: DialogButtonOld[];
     callType?: number;
 };
 export declare function signature(dialog?: SignatureInput): Promise<unknown>;

package/dist/types/calls/index.d.ts

@@ -183,6 +183,10 @@ export declare const storageSetItem: ChaynsReactFunctions["storageSetItem"];
  * This method lets a smartphone vibrate for the given time.
  */
 export declare const vibrate: (value: import("../types/IChaynsReact").Vibrate) => Promise<void>;
+/**
+ * This method creates a dialog
+ */
+export declare const createDialog: (config: import("../types/IChaynsReact").Dialog) => import("../handler/DialogHandler").default;
 /**
  * Displays an overlay
  */

package/dist/types/components/AppDialogWrapper.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const AppDialogWrapper: ({ dialogEventTarget }: {
+    dialogEventTarget: any;
+}) => JSX.Element;
+export default AppDialogWrapper;

package/dist/types/components/WaitUntil.d.ts

@@ -1,8 +1,7 @@
 import { FC, ReactNode } from "react";
-type TaskList = (TaskList | Promise<unknown> | (() => Promise<unknown>))[];
+export type TaskList = (TaskList | Promise<unknown> | (() => Promise<unknown>))[];
 export declare const WaitUntil: FC<{
     tasks: TaskList;
     children?: ReactNode;
     loadingComponent?: ReactNode;
 }>;
-export {};

package/dist/types/handler/DialogHandler.d.ts

@@ -0,0 +1,19 @@
+export default class DialogHandler {
+    private dialogId;
+    private isOpen;
+    private result;
+    private readonly _open;
+    private readonly _close;
+    private readonly _config;
+    private readonly _dispatchEvent;
+    private readonly _addDataListener;
+    private readonly _removeDataListener;
+    private readonly listeners;
+    constructor(config: any, open: any, close: any, dispatchEvent: any, addDataListener: any);
+    open(): Promise<unknown>;
+    close(buttonType: any, data: any): void;
+    dispatchEvent(data: object): void;
+    addDataListener(listener: (data: any) => void): void;
+    removeDataListener(listener: (data: any) => void): void;
+    getResult(): any;
+}

package/dist/types/hooks/index.d.ts

@@ -14,3 +14,4 @@ export { useValues } from './useValues';
 export { useFunctions } from './useFunctions';
 export { useCurrentPage } from './useCurrentPage';
 export { useCustomData } from './useCustomData';
+export { useDialogState, useDialogData } from './useDialogState';

package/dist/types/hooks/useDialogState.d.ts

@@ -0,0 +1,9 @@
+import { DialogDataHookResult, DialogHookResult } from '../types/IChaynsReact';
+/**
+ * @category Hooks
+ */
+export declare const useDialogState: () => DialogHookResult;
+/**
+ * @category Hooks
+ */
+export declare const useDialogData: () => DialogDataHookResult;

package/dist/types/host/ChaynsHost.d.ts

@@ -3,16 +3,16 @@ import { TypeSystem } from './module/ModuleHost';
 import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, Page } from '../types/IChaynsReact';
 type ChaynsHostType = {
     type: string;
-    iFrameProps: {
+    iFrameProps?: {
         [key: string]: unknown;
         name: string;
     };
     functions: ChaynsReactFunctions;
-    src: string;
-    iFrameRef: React.MutableRefObject<HTMLIFrameElement | null> | undefined;
+    src?: string;
+    iFrameRef?: React.MutableRefObject<HTMLIFrameElement | null> | undefined;
     loadingComponent?: JSX.Element;
     children?: JSX.Element;
-    system: TypeSystem;
+    system?: TypeSystem;
     pages: Page[];
     isAdminModeActive: boolean;
     site: ChaynsApiSite;
@@ -24,6 +24,7 @@ type ChaynsHostType = {
     customData: any;
     environment: ChaynsReactValues["environment"];
     preventStagingReplacement?: boolean;
+    dialog: ChaynsReactValues["dialog"];
 };
 declare const ChaynsHost: FC<ChaynsHostType>;
 export default ChaynsHost;

package/dist/types/host/iframe/HostIframe.d.ts

@@ -20,6 +20,7 @@ type HostIframeProps = {
     environment: ChaynsReactValues["environment"];
     customData: ChaynsReactValues["customData"];
     preventStagingReplacement?: boolean;
+    dialog: ChaynsReactValues["dialog"];
 };
 declare const HostIframe: FC<HostIframeProps>;
 export default HostIframe;

package/dist/types/host/module/ModuleHost.d.ts

@@ -19,6 +19,7 @@ type ModulePropTypes = {
     customData: any;
     environment: ChaynsReactValues["environment"];
     preventStagingReplacement?: boolean;
+    dialog: ChaynsReactValues["dialog"];
     children?: ReactNode;
 };
 declare const ModuleHost: FC<ModulePropTypes>;

package/dist/types/types/IChaynsReact.d.ts

@@ -1,5 +1,50 @@
 import { Browser, OperatingSystem } from 'detect-browser';
-import { DialogButton, SelectDialogItem } from "./dialog";
+import DialogHandler from '../handler/DialogHandler';
+import { DialogButtonOld, SelectDialogItem } from './dialog';
+export type DialogButton = {
+    type: DialogButtonType;
+    text: string;
+};
+export type BaseDialog = {
+    text?: string;
+    buttons?: DialogButton[];
+    dialogId: number;
+};
+export type Dialog = BaseDialog & (DialogInput | DialogModule | DialogIFrame | DialogSelect);
+export type DialogModule = {
+    type: DialogType.MODULE;
+    system: {
+        url: string;
+        module: string;
+        scope: string;
+    };
+    dialogInput: object;
+    isClosingRequested: boolean;
+};
+export type DialogIFrame = {
+    type: DialogType.IFRAME;
+    url: string;
+    dialogInput: object;
+    isClosingRequested: boolean;
+};
+export type DialogInput = {
+    type: DialogType.INPUT;
+    placeholder: string;
+};
+export type DialogSelect = {
+    type: DialogType.SELECT;
+    list: {
+        id: number;
+        name: string;
+        disabled?: boolean;
+        isSelected?: boolean;
+    }[];
+};
+export declare enum DialogButtonType {
+    OK = 1,
+    CANCEL = -1,
+    NEGATIVE = 0
+}
 export type ChaynsApiUser = {
     firstName?: string;
     lastName?: string;
@@ -52,6 +97,17 @@ export type ChaynsApiDevice = {
     isTouch: boolean;
     screenSize: ScreenSize;
 };
+export type DialogHookResult = {
+    isClosingRequested: boolean;
+    setResult: ChaynsReactFunctions["setDialogResult"];
+    sendData: ChaynsReactFunctions["dispatchEventToDialogHost"];
+    addDataListener: ChaynsReactFunctions["addDialogHostEventListener"];
+};
+export type DialogDataHookResult = {
+    inputData: {
+        [key: string | symbol]: object;
+    };
+};
 /**
  * @ignore
  */
@@ -82,6 +138,10 @@ export interface ChaynsReactValues {
         runtimeEnvironment: RuntimeEnviroment | string;
     };
     customData: any;
+    dialog: {
+        dialogInput: any;
+        isClosingRequested: boolean;
+    };
 }
 /**
  * @ignore
@@ -139,7 +199,21 @@ export interface ChaynsReactFunctions {
     vibrate: (value: Vibrate) => Promise<void>;
     scrollByY: (position: number, duration?: number) => Promise<void>;
     setOverlay: (value: ShowOverlay, callback: () => void) => Promise<void>;
-}
+    createDialog: (config: Dialog) => DialogHandler;
+    openDialog: (value: any, callback: (data: any) => any) => Promise<any>;
+    closeDialog: (dialogId: number) => Promise<void>;
+    setDialogResult: (buttonType: DialogButtonType, result: any) => Promise<void>;
+    dispatchEventToDialogClient: (dialogId: number, data: object) => Promise<void>;
+    addDialogClientEventListener: (dialogId: number, callback: (data: object) => void) => Promise<number>;
+    removeDialogClientEventListener: (dialogId: number, id: number) => Promise<void>;
+    dispatchEventToDialogHost: (data: object) => Promise<void>;
+    addDialogHostEventListener: (callback: (data: object) => void) => Promise<number>;
+    removeDialogHostEventListener: (id: number) => Promise<void>;
+}
+export type DialogResult = {
+    open: () => Promise<any>;
+    close: (buttonType: DialogButtonType, data: any) => Promise<void>;
+};
 export type SelectPage = {
     id?: number;
     position?: number;
@@ -456,7 +530,7 @@ export type DataChangeValue = {
     value: ChaynsApiSite;
 } | {
     type: 'isAdminModeActive';
-    value: ChaynsReactValues["isAdminModeActive"];
+    value: ChaynsReactValues['isAdminModeActive'];
 };
 export type DataChangeCallback = ((value: DataChangeValue) => void);
 export type CleanupCallback = (() => void);
@@ -613,12 +687,23 @@ export interface SelectInput {
     quickfind?: boolean;
     type?: selectType;
     preventCloseOnClick?: boolean;
-    buttons?: DialogButton[];
-    links?: DialogButton[];
+    buttons?: DialogButtonOld[];
+    links?: DialogButtonOld[];
     selectAllButton?: string;
 }
 declare enum selectType {
     DEFAULT = 0,
     ICON = 1
 }
+export declare enum DialogType {
+    ALERT = "alert",
+    CONFIRM = "confirm",
+    DATE = "date",
+    FILE_SELECT = "fileSelect",
+    IFRAME = "iframe",
+    MODULE = "module",
+    INPUT = "input",
+    SELECT = "select",
+    TOAST = "toast"
+}
 export {};

package/dist/types/types/dialog.d.ts

@@ -20,7 +20,7 @@ export interface SelectDialogItem {
     isSelected?: boolean;
     icon?: string;
 }
-export interface DialogButton {
+export interface DialogButtonOld {
     text: buttonText | string;
     buttonType: buttonType | number;
     collapseTime?: number;