chayns-api 1.0.12 → 1.1.0-0

package/dist/esm/wrapper/Dialog.js

@@ -0,0 +1,31 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+export default class DialogHandler {
+  constructor(config, open, close) {
+    _defineProperty(this, "isOpen", false);
+    this._open = open;
+    this._close = close;
+    this._config = config;
+  }
+  async open() {
+    if (this.isOpen) {
+      throw new Error('cannot open a dialog which is already open');
+    }
+    return new Promise(async resolve => {
+      const callback = data => {
+        this.isOpen = false;
+        resolve(data);
+      };
+      this.isOpen = true;
+      this.dialogId = await this._open(this._config, callback);
+    });
+  }
+  close(buttonType, data) {
+    if (!this.isOpen) {
+      return;
+    }
+    this.isOpen = false;
+    this._close(this.dialogId, data);
+  }
+}

package/dist/esm/wrapper/DialogHandler.js

@@ -0,0 +1,31 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+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); }
+export default class DialogHandler {
+  constructor(config, open, close) {
+    _defineProperty(this, "isOpen", false);
+    this._open = open;
+    this._close = close;
+    this._config = config;
+  }
+  async open() {
+    if (this.isOpen) {
+      throw new Error('cannot open a dialog which is already open');
+    }
+    return new Promise(async resolve => {
+      const callback = data => {
+        this.isOpen = false;
+        resolve(data);
+      };
+      this.isOpen = true;
+      this.dialogId = await this._open(this._config, callback);
+    });
+  }
+  close(buttonType, data) {
+    if (!this.isOpen) {
+      return;
+    }
+    this.isOpen = false;
+    this._close(this.dialogId, data);
+  }
+}

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,6 +228,22 @@ export class FrameWrapper {
       scrollByY: async (value, duration) => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.scrollByY(value, duration);
+      },
+      createDialog: config => {
+        const openDialog = (config, callback) => this.exposedFunctions.openDialog(config, comlink.proxy(callback));
+        return new DialogHandler(config, openDialog, this.exposedFunctions.closeDialog);
+      },
+      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 result => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.setDialogResult(result);
       }
     });
     _defineProperty(this, "initialized", false);

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);
+    };
     this.functions.addWindowMetricsListener = async callback => {
       const {
         id,

package/dist/types/bootstrap.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1 @@
-export declare function alert(title?: string, message?: string): Promise<any> | "unsupported";
+export declare function alert(title?: string, message?: string): Promise<any> | "unsupported";

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

@@ -1,24 +1,24 @@
-export declare const buttonText: {
-    YES: string;
-    NO: string;
-    OK: string;
-    CANCEL: string;
-};
-export declare const buttonType: {
-    CANCEL: number;
-    NEGATIVE: number;
-    POSITIVE: number;
-};
-export declare const dialogAction: {
-    ALERT_CONFIRM: number;
-    INPUT: number;
-    SELECT: number;
-    DATE: number;
-    ADVANCED_DATE: number;
-    DROP_UP_ALERT: number;
-    MEDIA_SELECT: number;
-    FILE_SELECT: number;
-    SIGNATURE: number;
-    IFRAME: number;
-};
-export declare function chaynsDialog(config: any): Promise<any> | "unsupported";
+export declare const buttonText: {
+    YES: string;
+    NO: string;
+    OK: string;
+    CANCEL: string;
+};
+export declare const buttonType: {
+    CANCEL: number;
+    NEGATIVE: number;
+    POSITIVE: number;
+};
+export declare const dialogAction: {
+    ALERT_CONFIRM: number;
+    INPUT: number;
+    SELECT: number;
+    DATE: number;
+    ADVANCED_DATE: number;
+    DROP_UP_ALERT: number;
+    MEDIA_SELECT: number;
+    FILE_SELECT: number;
+    SIGNATURE: number;
+    IFRAME: number;
+};
+export declare function chaynsDialog(config: any): Promise<any> | "unsupported";

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

@@ -1 +1 @@
-export declare function close(): Promise<any>;
+export declare function close(): Promise<any>;

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

@@ -1,3 +1,3 @@
-export declare function sendData(data: any, isApiEvent: any): Promise<any>;
-export declare function addDialogDataListener(callback: any, getApiEvents?: boolean): boolean;
-export declare function removeDialogDataListener(callback: any, getApiEvents?: boolean): boolean;
+export declare function sendData(data: any, isApiEvent: any): Promise<any>;
+export declare function addDialogDataListener(callback: any, getApiEvents?: boolean): boolean;
+export declare function removeDialogDataListener(callback: any, getApiEvents?: boolean): boolean;

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

@@ -1,13 +1,13 @@
-import { DialogButton } from "../../types/dialog";
-type Confirm = {
-    headline?: string;
-    text?: string;
-    buttons?: DialogButton[] | {
-        buttons?: DialogButton[];
-        links?: DialogButton[];
-    };
-    links?: unknown;
-    select?: unknown;
-};
-export declare function confirm(title?: string, message?: string, config?: Confirm): Promise<any> | "unsupported";
-export {};
+import { DialogButtonOld } from "../../types/dialog";
+type Confirm = {
+    headline?: string;
+    text?: string;
+    buttons?: DialogButtonOld[] | {
+        buttons?: DialogButtonOld[];
+        links?: DialogButtonOld[];
+    };
+    links?: unknown;
+    select?: unknown;
+};
+export declare function confirm(title?: string, message?: string, config?: Confirm): Promise<any> | "unsupported";
+export {};

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

@@ -1,96 +1,96 @@
-import { DialogButton, DialogTextBlock, IntervalItem, WeekDayIntervalObject } from "../../types/dialog";
-/**
- * The config object for date dialog
- * @typedef {Object} dateConfig
- * @property {Date} preSelect  - The date object which should be preselected.
- * @property {Date} minDate   - The min date which you could select.
- * @property {Date} maxDate  - The max date which you could select.
- * @property {dateDialogType} dateType  - The type of dialog you want to display.
- * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
- * @property {string} message - The message that is displayed above the date dialog, only in apps supported
- * @property {string} title - The title that is displayed above the message, only in apps supported
- */
-/**
- * This call will open a date select dialog.
- * <div>Call: 30</div>
- * @param {dateConfig} config - Define the configuration of this call
- * @return {Promise} contains a timestamp as result
- * @example chayns.dialog.date({
- *  'dateType': chayns.dialog.dateType.DATE_TIME,
- *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
- *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
- *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
- *  'minuteInterval': 15
- * ).then(function (data) {
- *  console.log(data);
- * });
- */
-type DateConfig = {
-    title?: string;
-    message?: string;
-    buttons?: DialogButton[];
-    minDate?: Date | number;
-    maxDate?: Date | number;
-    minuteInterval?: number;
-    preSelect?: Date | undefined | number;
-    multiselect?: boolean;
-    disabledDates?: Date[] | number[];
-    textBlocks?: DialogTextBlock[];
-    yearSelect?: boolean;
-    monthSelect?: boolean;
-    interval?: boolean;
-    minInterval?: number;
-    maxInterval?: number;
-    disabledIntervals?: Array<IntervalItem>;
-    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
-    getLocalTime?: boolean;
-    dateType?: number;
-    autoSelectDate?: boolean;
-};
-export declare function date(config?: DateConfig): Promise<any>;
-type preSelectObj = {
-    start?: number | undefined | Date;
-    end?: number | undefined | Date;
-};
-type preSelect = preSelectObj | Date | undefined | number | number[];
-type AdvancedDateConfig = {
-    title?: string;
-    message?: string;
-    buttons?: DialogButton[];
-    minDate?: Date | number;
-    maxDate?: Date | number;
-    minuteInterval?: number;
-    preSelect?: preSelect;
-    multiselect?: boolean;
-    disabledDates?: Date[] | number[];
-    textBlocks?: DialogTextBlock[];
-    yearSelect?: boolean;
-    monthSelect?: boolean;
-    interval?: boolean;
-    minInterval?: number;
-    maxInterval?: number;
-    disabledIntervals?: Array<IntervalItem>;
-    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
-    getLocalTime?: boolean;
-    dateType?: number;
-    autoSelectDate?: boolean;
-};
-export declare function advancedDate(config?: AdvancedDateConfig): Promise<unknown>;
-/**
- * @typedef {number} dateDialogType
- */
-/**
- * Enum for date dialog
- * <div>DATE will open a dialog where you can select a special day</div>
- * <div>TIME will open a dialog where you can only select a special time</div>
- * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
- * @readonly
- * @enum {dateDialogType}
- * @type {{DATE: number, TIME: number, DATE_TIME: number}}
- */
-export declare const dateType: {
-    DATE: number;
-    TIME: number;
-    DATE_TIME: number;
-};
-export {};
+import { DialogButtonOld, DialogTextBlock, IntervalItem, WeekDayIntervalObject } from "../../types/dialog";
+/**
+ * The config object for date dialog
+ * @typedef {Object} dateConfig
+ * @property {Date} preSelect  - The date object which should be preselected.
+ * @property {Date} minDate   - The min date which you could select.
+ * @property {Date} maxDate  - The max date which you could select.
+ * @property {dateDialogType} dateType  - The type of dialog you want to display.
+ * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
+ * @property {string} message - The message that is displayed above the date dialog, only in apps supported
+ * @property {string} title - The title that is displayed above the message, only in apps supported
+ */
+/**
+ * This call will open a date select dialog.
+ * <div>Call: 30</div>
+ * @param {dateConfig} config - Define the configuration of this call
+ * @return {Promise} contains a timestamp as result
+ * @example chayns.dialog.date({
+ *  'dateType': chayns.dialog.dateType.DATE_TIME,
+ *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
+ *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
+ *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
+ *  'minuteInterval': 15
+ * ).then(function (data) {
+ *  console.log(data);
+ * });
+ */
+type DateConfig = {
+    title?: string;
+    message?: string;
+    buttons?: DialogButtonOld[];
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    minuteInterval?: number;
+    preSelect?: Date | undefined | number;
+    multiselect?: boolean;
+    disabledDates?: Date[] | number[];
+    textBlocks?: DialogTextBlock[];
+    yearSelect?: boolean;
+    monthSelect?: boolean;
+    interval?: boolean;
+    minInterval?: number;
+    maxInterval?: number;
+    disabledIntervals?: Array<IntervalItem>;
+    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
+    getLocalTime?: boolean;
+    dateType?: number;
+    autoSelectDate?: boolean;
+};
+export declare function date(config?: DateConfig): Promise<any>;
+type preSelectObj = {
+    start?: number | undefined | Date;
+    end?: number | undefined | Date;
+};
+type preSelect = preSelectObj | Date | undefined | number | number[];
+type AdvancedDateConfig = {
+    title?: string;
+    message?: string;
+    buttons?: DialogButtonOld[];
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    minuteInterval?: number;
+    preSelect?: preSelect;
+    multiselect?: boolean;
+    disabledDates?: Date[] | number[];
+    textBlocks?: DialogTextBlock[];
+    yearSelect?: boolean;
+    monthSelect?: boolean;
+    interval?: boolean;
+    minInterval?: number;
+    maxInterval?: number;
+    disabledIntervals?: Array<IntervalItem>;
+    disabledWeekDayIntervals?: Array<WeekDayIntervalObject>[7];
+    getLocalTime?: boolean;
+    dateType?: number;
+    autoSelectDate?: boolean;
+};
+export declare function advancedDate(config?: AdvancedDateConfig): Promise<unknown>;
+/**
+ * @typedef {number} dateDialogType
+ */
+/**
+ * Enum for date dialog
+ * <div>DATE will open a dialog where you can select a special day</div>
+ * <div>TIME will open a dialog where you can only select a special time</div>
+ * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
+ * @readonly
+ * @enum {dateDialogType}
+ * @type {{DATE: number, TIME: number, DATE_TIME: number}}
+ */
+export declare const dateType: {
+    DATE: number;
+    TIME: number;
+    DATE_TIME: number;
+};
+export {};

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

@@ -1,5 +1,5 @@
-type DropUpAlert = {
-    callType?: number;
-};
-export declare function dropUpAlert(dialog?: DropUpAlert): Promise<unknown>;
-export {};
+type DropUpAlert = {
+    callType?: number;
+};
+export declare function dropUpAlert(dialog?: DropUpAlert): Promise<unknown>;
+export {};

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

@@ -1,16 +1,16 @@
-import { DialogButton } from "../../types/dialog";
-export declare const fileType: {
-    IMAGE: string;
-    VIDEO: string;
-    AUDIO: string;
-    DOCUMENT: string[];
-};
-type FileSelectInput = {
-    buttons?: DialogButton[];
-    callType?: number;
-    multiselect?: boolean;
-    directory?: boolean;
-    chaynsToken?: string;
-};
-export declare function fileSelect(dialog?: FileSelectInput): Promise<unknown>;
-export {};
+import { DialogButtonOld } from "../../types/dialog";
+export declare const fileType: {
+    IMAGE: string;
+    VIDEO: string;
+    AUDIO: string;
+    DOCUMENT: string[];
+};
+type FileSelectInput = {
+    buttons?: DialogButtonOld[];
+    callType?: number;
+    multiselect?: boolean;
+    directory?: boolean;
+    chaynsToken?: string;
+};
+export declare function fileSelect(dialog?: FileSelectInput): Promise<unknown>;
+export {};

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

@@ -1,10 +1,10 @@
-import { DialogButton } from "../../types/dialog";
-type iFrameDialog = {
-    buttons?: DialogButton[];
-    callType?: number;
-    tappIframeName?: string;
-    url: string;
-};
-export declare function iFrame(dialog?: iFrameDialog): Promise<unknown>;
-export declare function _chaynsCallResponder(obj: any): void;
-export {};
+import { DialogButtonOld } from "../../types/dialog";
+type iFrameDialog = {
+    buttons?: DialogButtonOld[];
+    callType?: number;
+    tappIframeName?: string;
+    url: string;
+};
+export declare function iFrame(dialog?: iFrameDialog): Promise<unknown>;
+export declare function _chaynsCallResponder(obj: any): void;
+export {};

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

@@ -1,14 +1,14 @@
-export { buttonText, buttonType } from './chaynsDialog';
-export * from './alert';
-export * from './confirm';
-export * from './select';
-export * from './date';
-export * from './input';
-export * from './close';
-export * from './dropUpAlert';
-export * from './iFrame';
-export * from './mediaSelect';
-export * from './fileSelect';
-export * from './communication';
-export * from './toast';
-export * from './signature';
+export { buttonText, buttonType } from './chaynsDialog';
+export * from './alert';
+export * from './confirm';
+export * from './select';
+export * from './date';
+export * from './input';
+export * from './close';
+export * from './dropUpAlert';
+export * from './iFrame';
+export * from './mediaSelect';
+export * from './fileSelect';
+export * from './communication';
+export * from './toast';
+export * from './signature';

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

@@ -1,15 +1,15 @@
-import { DialogButton } from "../../types/dialog";
-type InputDialog = {
-    buttons?: DialogButton[];
-    callType?: number;
-    formatter?: string;
-};
-export declare function input(dialog?: InputDialog): Promise<unknown>;
-export declare const inputType: {
-    DEFAULT: number;
-    PASSWORD: number;
-    TEXTAREA: number;
-    INPUT: number;
-    NUMBER: number;
-};
-export {};
+import { DialogButtonOld } from "../../types/dialog";
+type InputDialog = {
+    buttons?: DialogButtonOld[];
+    callType?: number;
+    formatter?: string;
+};
+export declare function input(dialog?: InputDialog): Promise<unknown>;
+export declare const inputType: {
+    DEFAULT: number;
+    PASSWORD: number;
+    TEXTAREA: number;
+    INPUT: number;
+    NUMBER: number;
+};
+export {};

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

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

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

@@ -1 +1 @@
-export declare function open(json: any): Promise<unknown>;
+export declare function open(json: any): Promise<unknown>;

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

@@ -1,6 +1,6 @@
-import { SelectInput } from '../../types/IChaynsReact';
-export declare function select(config: SelectInput): Promise<unknown>;
-export declare const selectType: {
-    DEFAULT: number;
-    ICON: number;
-};
+import { SelectInput } from '../../types/IChaynsReact';
+export declare function select(config: SelectInput): Promise<unknown>;
+export declare const selectType: {
+    DEFAULT: number;
+    ICON: number;
+};

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

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

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

@@ -1 +1 @@
-export declare function toast(config?: {}): Promise<any>;
+export declare function toast(config?: {}): Promise<any>;

package/dist/types/calls/dialogs/utils/callback.d.ts

@@ -1 +1 @@
-export declare function getCallbackName(fnName: any, framePrefix?: string): string;
+export declare function getCallbackName(fnName: any, framePrefix?: string): string;

package/dist/types/calls/dialogs/utils/is.d.ts

@@ -1,4 +1,4 @@
-export declare function isObject(value: any): boolean;
-export declare function isNumber(value: any): boolean;
-export declare function isDate(value: any): boolean;
-export declare function isPresent(value: any): boolean;
+export declare function isObject(value: any): boolean;
+export declare function isNumber(value: any): boolean;
+export declare function isDate(value: any): boolean;
+export declare function isPresent(value: any): boolean;

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

@@ -1,9 +1,9 @@
-import type { IChaynsReact, UserInfoQuery } from '../types/IChaynsReact';
-declare const getUserInfo: (api: IChaynsReact, value: UserInfoQuery) => Promise<{
-    firstName: string;
-    lastName: string;
-    userId: number;
-    personId: string;
-    name: string;
-} | null>;
-export default getUserInfo;
+import type { IChaynsReact, UserInfoQuery } from '../types/IChaynsReact';
+declare const getUserInfo: (api: IChaynsReact, value: UserInfoQuery) => Promise<{
+    firstName: string;
+    lastName: string;
+    userId: number;
+    personId: string;
+    name: string;
+} | null>;
+export default getUserInfo;