chayns-api 1.0.13 → 1.1.0-2

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/hooks/useEnvironment.js

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

package/dist/esm/hooks/useFunctions.js

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

package/dist/esm/hooks/useIsAdminMode.js

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

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,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/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);
+    result.screenSize = getScreenSize(window.innerWidth, window.innerHeight);
   } 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,15 +42,16 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
 export const getClientDeviceInfo = () => ({
   isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
 });
-export const getScreenSize = width => {
+export const getScreenSize = (width, height) => {
+  const size = Math.max(width, height);
   let value;
-  if (width > 1200) {
+  if (size > 1200) {
     value = ScreenSize.XL;
-  } else if (width > 993) {
+  } else if (size > 993) {
     value = ScreenSize.LG;
-  } else if (width > 769) {
+  } else if (size > 769) {
     value = ScreenSize.MD;
-  } else if (width > 556) {
+  } else if (size > 556) {
     value = ScreenSize.SM;
   } else {
     value = ScreenSize.XS;

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;
@@ -104,13 +106,12 @@ export class AppWrapper {
             permanent: true
           }, {
             callback: v => {
-              var _v$accuracy, _v$isAccurate, _v$code;
+              var _v$accuracy, _v$code;
               dispatchApiEvent('geoLocationListener', {
                 latitude: v.latitude,
                 longitude: v.longitude,
                 accuracy: (_v$accuracy = v.accuracy) !== null && _v$accuracy !== void 0 ? _v$accuracy : null,
                 speed: v.speed,
-                isAccurate: (_v$isAccurate = v.isAccurate) !== null && _v$isAccurate !== void 0 ? _v$isAccurate : null,
                 code: (_v$code = v.code) !== null && _v$code !== void 0 ? _v$code : null
               });
             }
@@ -181,15 +182,13 @@ export class AppWrapper {
         };
       },
       getGeoLocation: async () => {
-        var _res$accuracy, _res$isAccurate, _res$code;
         const res = await this.appCall(14);
         return {
           latitude: res.latitude,
           longitude: res.longitude,
           speed: res.speed,
-          accuracy: (_res$accuracy = res.accuracy) !== null && _res$accuracy !== void 0 ? _res$accuracy : null,
-          isAccurate: (_res$isAccurate = res.isAccurate) !== null && _res$isAccurate !== void 0 ? _res$isAccurate : null,
-          code: (_res$code = res.code) !== null && _res$code !== void 0 ? _res$code : null
+          code: res.code,
+          isAccurate: res.isAccurate
         };
       },
       getUserInfo: async query => {
@@ -430,12 +429,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 +501,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 result => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.setDialogResult(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/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 {};