chayns-api 1.0.13 → 1.1.0-2

package/dist/cjs/hooks/useCustomData.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCustomData = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useCustomData = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.customData);
 exports.useCustomData = useCustomData;

package/dist/cjs/hooks/useDevice.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDevice = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useDevice = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.device);
 exports.useDevice = useDevice;

package/dist/cjs/hooks/useDialogState.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialogState = exports.useDialogData = void 0;
+var _useContextSelector = require("use-context-selector");
+var _ChaynsContext = require("../components/ChaynsContext");
+/**
+ * @category Hooks
+ */
+const useDialogState = () => {
+  const setResult = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
+  const sendData = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.dispatchEventToDialogHost);
+  const addDataListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addDialogHostEventListener);
+  const isClosingRequested = (0, _useContextSelector.useContextSelector)(_ChaynsContext.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
+ */
+exports.useDialogState = useDialogState;
+const useDialogData = () => {
+  const inputData = (0, _useContextSelector.useContextSelector)(_ChaynsContext.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;
+};
+exports.useDialogData = useDialogData;

package/dist/cjs/hooks/useEnvironment.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEnvironment = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useEnvironment = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);
 exports.useEnvironment = useEnvironment;

package/dist/cjs/hooks/useFunctions.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useFunctions = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useFunctions = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, f => f || {});

package/dist/cjs/hooks/useIsAdminMode.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIsAdminMode = void 0;
 var _useContextSelector2 = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useIsAdminMode = () => {
   var _useContextSelector;

package/dist/cjs/hooks/useLanguage.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useLanguage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useLanguage = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);
 exports.useLanguage = useLanguage;

package/dist/cjs/hooks/usePages.js

@@ -7,8 +7,8 @@ exports.usePages = exports.usePage = exports.getPage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _ChaynsProvider = require("../components/ChaynsProvider");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const usePages = ({
   siteId
@@ -21,8 +21,8 @@ const usePages = ({
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.usePages = usePages;
 const usePage = ({

package/dist/cjs/hooks/useParameters.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useParameters = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useParameters = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);
 exports.useParameters = useParameters;

package/dist/cjs/hooks/useSite.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSite = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useSite = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);
 exports.useSite = useSite;

package/dist/cjs/hooks/useUser.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useUser = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useUser = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});
 exports.useUser = useUser;

package/dist/cjs/hooks/useValues.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useValues = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useValues = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v || {});

package/dist/cjs/hooks/windowMetricsListener.js

@@ -8,8 +8,8 @@ var _useContextSelector = require("use-context-selector");
 var _react = require("react");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _IChaynsReact = require("../types/IChaynsReact");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useWindowMetricsListener = () => {
   const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addWindowMetricsListener);
@@ -24,8 +24,8 @@ const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useWindowMetricsListener = useWindowMetricsListener;
 const useWindowMetrics = ({

package/dist/cjs/host/ChaynsHost.js

@@ -28,7 +28,8 @@ const ChaynsHost = ({
   parameters,
   customData,
   environment,
-  preventStagingReplacement
+  preventStagingReplacement,
+  dialog
 }) => {
   switch (type) {
     case 'client-iframe':
@@ -47,7 +48,8 @@ const ChaynsHost = ({
         parameters: parameters,
         environment: environment,
         customData: customData,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'client-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
@@ -64,7 +66,8 @@ const ChaynsHost = ({
         parameters: parameters,
         customData: customData,
         environment: environment,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'server-iframe':
       return /*#__PURE__*/_react.default.createElement(_HostIframe.default, {
@@ -83,7 +86,8 @@ const ChaynsHost = ({
         parameters: parameters,
         environment: environment,
         customData: customData,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'server-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
@@ -99,7 +103,8 @@ const ChaynsHost = ({
         parameters: parameters,
         customData: customData,
         environment: environment,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       }, children);
     default:
       return null;

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

@@ -30,7 +30,8 @@ const HostIframe = ({
   parameters,
   environment,
   customData,
-  preventStagingReplacement
+  preventStagingReplacement,
+  dialog
 }) => {
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
@@ -56,7 +57,8 @@ const HostIframe = ({
     language,
     parameters,
     environment,
-    customData
+    customData,
+    dialog
   };
   // endregion
 
@@ -116,6 +118,7 @@ const HostIframe = ({
   (0, _useUpdateData.default)(eventTarget.current, 'parameters', parameters);
   (0, _useUpdateData.default)(eventTarget.current, 'environment', environment);
   (0, _useUpdateData.default)(eventTarget.current, 'customData', customData);
+  (0, _useUpdateData.default)(eventTarget.current, 'dialog', dialog);
   // endregion
 
   return /*#__PURE__*/_react.default.createElement("iframe", _extends({

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

@@ -50,6 +50,7 @@ const ModuleHost = ({
   language,
   parameters,
   customData,
+  dialog,
   environment,
   preventStagingReplacement
 }) => {
@@ -68,6 +69,9 @@ const ModuleHost = ({
   if (user) {
     initialData.user = user;
   }
+  if (dialog) {
+    initialData.dialog = dialog;
+  }
   // endregion
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {

package/dist/cjs/types/IChaynsReact.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DeviceOs = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
+exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DialogType = exports.DialogButtonType = exports.DeviceOs = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
+let DialogButtonType;
+exports.DialogButtonType = DialogButtonType;
+(function (DialogButtonType) {
+  DialogButtonType[DialogButtonType["OK"] = 1] = "OK";
+  DialogButtonType[DialogButtonType["CANCEL"] = -1] = "CANCEL";
+  DialogButtonType[DialogButtonType["NEGATIVE"] = 0] = "NEGATIVE";
+})(DialogButtonType || (exports.DialogButtonType = DialogButtonType = {}));
 let ScreenSize;
 exports.ScreenSize = ScreenSize;
 (function (ScreenSize) {
@@ -258,4 +265,17 @@ var selectType;
 (function (selectType) {
   selectType[selectType["DEFAULT"] = 0] = "DEFAULT";
   selectType[selectType["ICON"] = 1] = "ICON";
-})(selectType || (selectType = {}));
+})(selectType || (selectType = {}));
+let DialogType;
+exports.DialogType = 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 || (exports.DialogType = DialogType = {}));

package/dist/cjs/util/deviceHelper.js

@@ -35,7 +35,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) ? _IChaynsReact.ScreenSize.SM : _IChaynsReact.ScreenSize.XL;
@@ -49,15 +49,16 @@ const getClientDeviceInfo = () => ({
   isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
 });
 exports.getClientDeviceInfo = getClientDeviceInfo;
-const getScreenSize = width => {
+const getScreenSize = (width, height) => {
+  const size = Math.max(width, height);
   let value;
-  if (width > 1200) {
+  if (size > 1200) {
     value = _IChaynsReact.ScreenSize.XL;
-  } else if (width > 993) {
+  } else if (size > 993) {
     value = _IChaynsReact.ScreenSize.LG;
-  } else if (width > 769) {
+  } else if (size > 769) {
     value = _IChaynsReact.ScreenSize.MD;
-  } else if (width > 556) {
+  } else if (size > 556) {
     value = _IChaynsReact.ScreenSize.SM;
   } else {
     value = _IChaynsReact.ScreenSize.XS;

package/dist/cjs/wrapper/AppWrapper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AppWrapper = void 0;
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
 var _IChaynsReact = require("../types/IChaynsReact");
 var _appCall = _interopRequireDefault(require("../util/appCall"));
 var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
@@ -17,6 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* eslint-disable */
 // @ts-nocheck
 
+let appWrapperDialogId = 0;
 class AppWrapper {
   values = null;
   accessToken = '';
@@ -98,6 +100,12 @@ class AppWrapper {
   notImplemented(call) {
     console.warn(`call ${call} not implement in app`);
   }
+  dispatchDialogChange(detail) {
+    this.dialogs = detail;
+    this.dialogEventTarget.dispatchEvent(new CustomEvent('change', {
+      detail
+    }));
+  }
   counter = 0;
   appCall(action, value = {}, {
     callback,
@@ -143,13 +151,12 @@ class AppWrapper {
           permanent: true
         }, {
           callback: v => {
-            var _v$accuracy, _v$isAccurate, _v$code;
+            var _v$accuracy, _v$code;
             (0, _apiListenerHelper.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
             });
           }
@@ -220,15 +227,13 @@ 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 => {
@@ -468,8 +473,39 @@ class AppWrapper {
       void this.appCall(19, value, {
         awaitResult: false
       });
+    },
+    createDialog: config => {
+      return new _DialogHandler.default(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
+        });
+      }
     }
   };
+  dialogs = [];
+  dialogEventTarget = new EventTarget();
+  getDialogEventTarget() {
+    return this.dialogEventTarget;
+  }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
     return undefined;

package/dist/cjs/wrapper/FrameWrapper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FrameWrapper = void 0;
 var comlink = _interopRequireWildcard(require("comlink"));
+var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
 var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
@@ -233,7 +234,57 @@ class FrameWrapper {
     scrollByY: async (value, duration) => {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.scrollByY(value, duration);
-    }
+    },
+    createDialog: config => {
+      return new _DialogHandler.default(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
+      } = (0, _apiListenerHelper.addApiListener)(listenerKey, callback);
+      if (shouldInitialize) {
+        this.exposedFunctions.addDialogHostEventListener(comlink.proxy(data => {
+          (0, _apiListenerHelper.dispatchApiEvent)(listenerKey, data);
+        }));
+      }
+      return id;
+    },
+    removeDialogHostEventListener: async id => {
+      if (!this.initialized) await this.ready;
+      const listenerKey = `dialogHostEventListener`;
+      const shouldRemove = (0, _apiListenerHelper.removeApiListener)(listenerKey, id);
+      if (shouldRemove) {
+        // this.exposedFunctions.removeDialogHostEventListener(0);
+      }
+    },
+    removeDialogClientEventListener: async () => {}
   };
   initialized = false;
   constructor() {

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ModuleFederationWrapper = void 0;
+var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
 var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
@@ -24,6 +25,9 @@ class ModuleFederationWrapper {
       // eslint-disable-next-line
       this.functions[k] = async (...args) => fn(...args);
     });
+    this.functions.createDialog = config => {
+      return new _DialogHandler.default(config, functions.openDialog, functions.closeDialog, functions.dispatchEventToDialogClient, functions.addDialogClientEventListener);
+    };
     this.functions.addWindowMetricsListener = async callback => {
       const {
         id,

package/dist/esm/calls/dialogs/date.js

@@ -3,32 +3,32 @@ import { isDate, isNumber, isObject } from './utils/is';
 import { open } from './open';
 import { getDevice } from "../index";
 
-/**
- * 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
+/**
+ * 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);
- * });
+/**
+ * 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);
+ * });
  */
 
 export function date() {
@@ -165,18 +165,18 @@ export function advancedDate() {
   });
 }
 
-/**
- * @typedef {number} dateDialogType
+/**
+ * @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}}
+/**
+ * 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 const dateType = {
   'DATE': 1,