chayns-api 1.1.0-9 → 1.1.4

package/dist/cjs/wrapper/AppWrapper.js

@@ -12,9 +12,11 @@ var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
+var _languages = require("../constants/languages");
+var _is = require("../util/is");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable */
 // @ts-nocheck
 
@@ -26,13 +28,15 @@ class AppWrapper {
     var _window, _colorMode, _window2, _AppInfo$TappSelected;
     const {
       AppInfo,
-      AppUser
+      AppUser,
+      Device
     } = retVal;
     this.accessToken = AppUser.TobitAccessToken;
     const urlParams = new URLSearchParams(location.search);
     const urlParamsLowerCase = new URLSearchParams(location.search.toLowerCase());
     let tappId = urlParamsLowerCase.get('tappid');
     let colorMode = urlParamsLowerCase.get('colormode');
+    let color = AppInfo.color;
     if (colorMode) {
       try {
         colorMode = Number.parseInt(colorMode, 10);
@@ -45,6 +49,24 @@ class AppWrapper {
         // ignore
       }
     }
+    if (!color && urlParamsLowerCase.has('color')) {
+      color = urlParamsLowerCase.get('color');
+      if (!color.startsWith('#')) {
+        color = `#${color}`;
+      }
+    }
+    let userId = AppUser.TobitUserID;
+    if (typeof userId === 'string') {
+      try {
+        userId = Number.parseInt(userId, 10);
+      } catch {
+        // ignore
+      }
+    }
+    let language = AppInfo.Language;
+    if (!language) {
+      language = _languages.DeviceLanguage[Number.parseInt(Device === null || Device === void 0 ? void 0 : Device.LanguageID, 10)] || 'de';
+    }
     return {
       device: (0, _deviceHelper.default)(navigator.userAgent, 'image/webp'),
       environment: {
@@ -52,12 +74,11 @@ class AppWrapper {
         runtimeEnvironment: _IChaynsReact.RuntimeEnviroment.Unknown
       },
       language: {
-        site: AppInfo.Language,
+        site: language,
         translation: null,
-        device: AppInfo.Language,
-        active: AppInfo.Language
+        device: language,
+        active: language
       },
-      // ToDo: Find better way to detect
       site: {
         id: AppInfo.SiteID,
         locationId: AppInfo.LocationID,
@@ -73,7 +94,7 @@ class AppWrapper {
         },
         title: AppInfo.Title,
         colorMode: (_colorMode = colorMode) !== null && _colorMode !== void 0 ? _colorMode : AppInfo.colorMode,
-        color: AppInfo.color,
+        color,
         domain: AppInfo.domain,
         font: {
           id: _IChaynsReact.Font.Roboto,
@@ -89,7 +110,7 @@ class AppWrapper {
         firstName: AppUser.FirstName,
         lastName: AppUser.LastName,
         gender: _IChaynsReact.Gender.Unknown,
-        userId: AppUser.TobitUserID,
+        userId: userId,
         personId: AppUser.PersonID,
         uacGroups: []
       },
@@ -116,12 +137,6 @@ 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,
@@ -313,7 +328,7 @@ class AppWrapper {
       (0, _appCall.default)(callObj);
     },
     login: async (value, callback, closeCallback) => {
-      const res = await this.appCall({}, callback);
+      const res = await this.appCall(54, value);
       return {
         loginState: res === null || res === void 0 ? void 0 : res.loginState
       };
@@ -365,7 +380,8 @@ class AppWrapper {
         shouldRemove
       } = (0, _apiListenerHelper.removeApiListener)('geoLocationListener', id);
       if (shouldRemove) {
-        // App does not support removal of request geo location call with permanent true which makes this a no-op
+        // App does not support removal of request geo location call with permanent true which makes this a
+        // no-op
       }
     },
     removeScrollListener: async id => {
@@ -520,51 +536,78 @@ class AppWrapper {
       });
     },
     createDialog: config => {
-      return new _DialogHandler.default(config, this.functions.openDialog, this.functions.closeDialog);
+      return new _DialogHandler.default(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
     },
     openDialog: async (config, callback) => {
       const currentDialogId = appWrapperDialogId++;
-      const eventTarget = new EventTarget();
-      const resolve = result => {
+      const isSupported = (0, _is.isAppCallSupported)({
+        minAndroidVersion: 7137,
+        minIOSVersion: 6934
+      });
+      this.appCall(184, {
+        dialogContent: {
+          apiVersion: 5,
+          config
+        },
+        externalDialogUrl: isSupported ? undefined : 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
+      }, {
+        awaitResult: true
+      }).then(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 => {
+    closeDialog: (dialogId, result, buttonType = -1) => {
       const dialog = this.dialogs.find(x => x.dialogId === dialogId);
       if (dialog) {
         dialog.resolve({
-          buttonType: -1
+          buttonType,
+          result
         });
       }
+    },
+    dispatchEventToDialogClient: () => this.notImplemented('dispatchEventToDialogClient'),
+    addDialogClientEventListener: () => this.notImplemented('addDialogClientEventListener'),
+    addAnonymousAccount: async () => {
+      return this.appCall(302);
     }
   };
   dialogs = [];
-  dialogEventTarget = new EventTarget();
-  getDialogEventTarget() {
-    return this.dialogEventTarget;
-  }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
-    const callbackName = `chaynsApiV5Callback_${this.counter++}`;
-    window.disablev4AccessTokenChangeListener = true;
-    window[callbackName] = ({
-      retVal: value
-    }) => {
-      this.mapOldApiToNew(value);
-    };
     this.appCall(66, {
-      enabled: true,
-      callback: callbackName
+      enabled: true
+    }, {
+      callback: async () => {
+        this.values = this.mapOldApiToNew(await this.appCall(18));
+        document.dispatchEvent(new CustomEvent('chayns_api_data', {
+          detail: {
+            type: 'user',
+            value: this.values.user
+          }
+        }));
+      },
+      awaitResult: true
+    });
+    window.disablev4DesignSettingsChangeListener = true;
+    this.appCall(254, {
+      enabled: true
     }, {
-      awaitResult: false
+      callback: ({
+        colorMode
+      }) => {
+        this.values.site = {
+          ...this.values.site,
+          colorMode
+        };
+        document.dispatchEvent(new CustomEvent('chayns_api_data', {
+          detail: {
+            type: 'site',
+            value: this.values.site
+          }
+        }));
+      },
+      awaitResult: true
     });
     return undefined;
   }

package/dist/cjs/wrapper/FrameWrapper.js

@@ -11,7 +11,7 @@ var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _heightHelper = require("../util/heightHelper");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
@@ -296,7 +296,11 @@ class FrameWrapper {
         // this.exposedFunctions.removeDialogHostEventListener(0);
       }
     },
-    removeDialogClientEventListener: async () => {}
+    removeDialogClientEventListener: async () => {},
+    addAnonymousAccount: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.addAnonymousAccount();
+    }
   };
   initialized = false;
   constructor() {

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -9,7 +9,7 @@ var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class ModuleFederationWrapper {
   constructor(values, functions) {
     this.values = values;

package/dist/cjs/wrapper/StaticChaynsApi.js

@@ -17,6 +17,13 @@ class StaticChaynsApi {
       this[k] = v;
     });
   }
+  getUser = () => this._wrapper.values.user;
   getSite = () => this._wrapper.values.site;
+  getCurrentPage = () => this._wrapper.values.currentPage;
+  getDevice = () => this._wrapper.values.device;
+  getLanguage = () => this._wrapper.values.language;
+  getParameters = () => this._wrapper.values.parameters;
+  getPages = () => this._wrapper.values.pages;
+  getEnvironment = () => this._wrapper.values.environment;
 }
 var _default = exports.default = StaticChaynsApi;

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,