chayns-api 1.0.10-beta.1 → 1.0.11

package/dist/esm/hooks/useLanguage.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useLanguage = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);

package/dist/esm/hooks/usePages.js

@@ -1,8 +1,8 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
 import { moduleWrapper } from "../components/ChaynsProvider";
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const usePages = function () {
   let {
@@ -16,8 +16,8 @@ export const usePages = function () {
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const usePage = _ref => {
   let {

package/dist/esm/hooks/useParameters.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useParameters = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);

package/dist/esm/hooks/useSite.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useSite = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);

package/dist/esm/hooks/useUser.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useUser = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});

package/dist/esm/hooks/useValues.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useValues = () => {
   const t = useContextSelector(ChaynsContext, v => v || {});

package/dist/esm/hooks/windowMetricsListener.js

@@ -2,8 +2,8 @@ import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { ScreenSize } from '../types/IChaynsReact';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useWindowMetricsListener = () => {
   const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addWindowMetricsListener);
@@ -18,8 +18,8 @@ export const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useWindowMetrics = function () {
   let {

package/dist/esm/host/ChaynsHost.js

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

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

@@ -22,8 +22,7 @@ const HostIframe = _ref => {
     parameters,
     environment,
     customData,
-    preventStagingReplacement,
-    dialog
+    preventStagingReplacement
   } = _ref;
   const eventTarget = useRef();
   const ref = useRef();
@@ -49,8 +48,7 @@ const HostIframe = _ref => {
     language,
     parameters,
     environment,
-    customData,
-    dialog
+    customData
   };
   // endregion
 
@@ -110,7 +108,6 @@ 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({
@@ -123,7 +120,7 @@ const HostIframe = _ref => {
     },
     title: " "
   }, iFrameProps, {
-    src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.runtimeEnvironment)
+    src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.buildEnvironment)
   }));
 };
 export default HostIframe;

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

@@ -68,7 +68,7 @@ const ModuleHost = _ref2 => {
   }), /*#__PURE__*/React.createElement(System, {
     system: {
       scope: system.scope,
-      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.runtimeEnvironment),
+      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.buildEnvironment),
       module: system.module
     },
     data: initialData,

package/dist/esm/types/IChaynsReact.js

@@ -1,9 +1,3 @@
-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";
@@ -241,16 +235,4 @@ var selectType;
 (function (selectType) {
   selectType[selectType["DEFAULT"] = 0] = "DEFAULT";
   selectType[selectType["ICON"] = 1] = "ICON";
-})(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 = {}));
+})(selectType || (selectType = {}));

package/dist/esm/util/deviceHelper.js

@@ -29,7 +29,7 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
   result.accessToken = undefined; // TODO
   result.os = parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.os;
   if (typeof window !== 'undefined') {
-    result.screenSize = getScreenSize(window.innerWidth, window.innerHeight);
+    result.screenSize = getScreenSize(window.innerWidth);
   } else {
     // estimate size over user agent, very inaccurate, could be improved by setting a cookie with the screensize
     const screenSizeByUA = /mobi/i.test(userAgent) ? ScreenSize.SM : ScreenSize.XL;
@@ -42,16 +42,15 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
 export const getClientDeviceInfo = () => ({
   isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
 });
-export const getScreenSize = (width, height) => {
-  const size = Math.max(width, height);
+export const getScreenSize = width => {
   let value;
-  if (size > 1200) {
+  if (width > 1200) {
     value = ScreenSize.XL;
-  } else if (size > 993) {
+  } else if (width > 993) {
     value = ScreenSize.LG;
-  } else if (size > 769) {
+  } else if (width > 769) {
     value = ScreenSize.MD;
-  } else if (size > 556) {
+  } else if (width > 556) {
     value = ScreenSize.SM;
   } else {
     value = ScreenSize.XS;

package/dist/esm/wrapper/AppWrapper.js

@@ -11,7 +11,6 @@ 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;
@@ -88,7 +87,6 @@ export class AppWrapper {
     };
   }
   constructor() {
-    var _this = this;
     _defineProperty(this, "values", null);
     _defineProperty(this, "accessToken", '');
     _defineProperty(this, "counter", 0);
@@ -429,44 +427,12 @@ export class AppWrapper {
         void this.appCall(19, value, {
           awaitResult: false
         });
-      },
-      openDialog: async function () {
-        return _this.openDialog(...arguments);
-      },
-      createDialog: config => {
-        return {
-          close: async value => {
-            this.dialogs.find(x => x.dialogId === dialogId).eventTarget.dispatchEvent(new CustomEvent('close', {
-              detail: data
-            }));
-          },
-          open: async () => {
-            return await this.openDialog(config);
-          }
-        };
-      },
-      closeDialog: (dialogId, data) => {
-        try {
-          this.dialogs.find(x => x.dialogId === dialogId).eventTarget.dispatchEvent(new CustomEvent('requestClose', {
-            detail: data
-          }));
-        } catch (e) {
-          console.error(e);
-        }
       }
     });
-    _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 {
@@ -499,23 +465,6 @@ export class AppWrapper {
       });
     });
   }
-  async openDialog(config) {
-    const currentDialogId = appWrapperDialogId;
-    const res = await new Promise(resolve => {
-      const eventTarget = new EventTarget();
-      this.dispatchDialogChange([...(this.dialogs || []), {
-        config,
-        resolve,
-        dialogId: appWrapperDialogId++,
-        eventTarget
-      }]);
-    });
-    this.dispatchDialogChange(this.dialogs.filter(x => x.dialogId !== currentDialogId));
-    return res;
-  }
-  getDialogEventTarget() {
-    return this.dialogEventTarget;
-  }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
     return undefined;
@@ -533,13 +482,4 @@ export class AppWrapper {
   getInitialData() {
     return this.values;
   }
-  createDialog(config) {
-    return {
-      close: () => {},
-      open: async () => {
-        const dialog = await functions.openDialog(config);
-        return dialog;
-      }
-    };
-  }
 }

package/dist/esm/wrapper/FrameWrapper.js

@@ -227,22 +227,7 @@ export class FrameWrapper {
       scrollByY: async (value, duration) => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.scrollByY(value, duration);
-      },
-      createDialog: config => {
-        return {
-          close: async (buttonType, data) => {
-            await this.exposedFunctions.closeDialog(buttonType, data);
-          },
-          open: async () => {
-            return await this.exposedFunctions.openDialog(config);
-          }
-        };
-      },
-      closeDialog: async (buttonType, value) => {
-        if (!this.initialized) await this.ready;
-        return this.exposedFunctions.closeDialog(buttonType, value);
-      },
-      openDialog: async value => {}
+      }
     });
     _defineProperty(this, "initialized", false);
     const initialDataTag = document.querySelector('#__CHAYNS_DATA__');

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -20,17 +20,6 @@ export class ModuleFederationWrapper {
         return fn(...arguments);
       };
     });
-    this.functions.createDialog = config => {
-      return {
-        close: (buttonType, data) => {
-          return functions.closeDialog(buttonType, data);
-        },
-        open: async () => {
-          const dialog = await functions.openDialog(config);
-          return dialog;
-        }
-      };
-    };
     this.functions.addWindowMetricsListener = async callback => {
       const {
         id,

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 { 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 {};
+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 {};

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

@@ -1,96 +1,96 @@
-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 {};
+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 {};