chayns-api 1.0.1 → 1.0.3

package/dist/esm/wrapper/AppWrapper.js

@@ -1,73 +1,97 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/* eslint-disable */
+// @ts-nocheck
 
-import { Environment, Font, Gender, IconType, RuntimeEnviroment } from '../types/IChaynsReact';
+import { Environment, Font, Gender, IconType, RuntimeEnviroment, TappEvent } from '../types/IChaynsReact';
 import invokeAppCall from "../util/appCall";
-import getDeviceInfo from "../util/deviceHelper";
-import { removeVisibilityChangeListener as _removeVisibilityChangeListener } from "../calls/visibilityChangeListener";
-import _getUserInfo from "../calls/getUserInfo";
-export var AppWrapper = /*#__PURE__*/function () {
-  function AppWrapper() {
-    var _this = this;
-
-    _classCallCheck(this, AppWrapper);
-
+import getDeviceInfo, { getScreenSize } from "../util/deviceHelper";
+import { removeVisibilityChangeListener } from "../calls/visibilityChangeListener";
+import getUserInfo from "../calls/getUserInfo";
+import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from "../calls/sendMessage";
+import { addApiListener, dispatchApiEvent } from "../helper/apiListenerHelper";
+export class AppWrapper {
+  mapOldApiToNew(retVal) {
+    var _window, _window2, _AppInfo$TappSelected;
+    const {
+      AppInfo,
+      AppUser
+    } = retVal;
+    this.accessToken = AppUser.TobitAccessToken;
+    return {
+      device: getDeviceInfo(navigator.userAgent, 'image/webp'),
+      environment: {
+        buildEnvironment: Environment.Production,
+        runtimeEnvironment: RuntimeEnviroment.Unknown
+      },
+      language: {
+        site: AppInfo.Language,
+        translation: null,
+        device: AppInfo.Language,
+        active: AppInfo.Language
+      },
+      // ToDo: Find better way to detect
+      site: {
+        id: AppInfo.SiteID,
+        locationId: AppInfo.LocationID,
+        url: (_window = window) === null || _window === void 0 ? void 0 : _window.location.href.split('#')[0],
+        layoutDisposition: {
+          contentWide: false,
+          barOnTop: false,
+          barWide: false,
+          coverDetached: false,
+          coverHidden: false,
+          coverWide: false,
+          docked: false
+        },
+        title: AppInfo.Title,
+        colorMode: AppInfo.colorMode,
+        color: AppInfo.color,
+        domain: AppInfo.domain,
+        font: {
+          id: Font.Roboto,
+          headlineFont: Font.Roboto,
+          dynamicFontSize: false
+        },
+        dynamicFontSize: false,
+        locationPersonId: AppInfo.LocationPersonId,
+        urlHash: (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.location.hash.replace('#', '')
+      },
+      parameters: [...new URLSearchParams(location.search)],
+      user: {
+        firstName: AppUser.FirstName,
+        lastName: AppUser.LastName,
+        gender: Gender.Unknown,
+        userId: AppUser.TobitUserID,
+        personId: AppUser.PersonID,
+        uacGroups: []
+      },
+      customData: null,
+      isAdminModeActive: AppUser.AdminMode,
+      currentPage: {
+        id: (_AppInfo$TappSelected = AppInfo.TappSelected) === null || _AppInfo$TappSelected === void 0 ? void 0 : _AppInfo$TappSelected.TappID,
+        siteId: AppInfo.SiteID
+      },
+      pages: AppInfo.Tapps.map(x => ({
+        id: x.TappID,
+        icon: '',
+        iconType: IconType.Font,
+        customUrl: '',
+        isExclusive: x.isExclusiveView,
+        isHiddenFromMenu: x.isHiddenFromMenu,
+        minAge: null,
+        name: x.ShowName,
+        sortId: x.SortUID
+      }))
+    };
+  }
+  constructor() {
     _defineProperty(this, "values", null);
-
     _defineProperty(this, "accessToken", "");
-
     _defineProperty(this, "counter", 0);
-
     _defineProperty(this, "functions", {
-      getAccessToken: function () {
-        var _getAccessToken = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(accessToken) {
-          return regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  return _context.abrupt("return", {
-                    accessToken: _this.accessToken
-                  });
-
-                case 1:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee);
-        }));
-
-        function getAccessToken(_x) {
-          return _getAccessToken.apply(this, arguments);
-        }
-
-        return getAccessToken;
-      }(),
+      getAccessToken: async () => ({
+        accessToken: this.accessToken
+      }),
       // addGeoLocationListener: async (value , callback) => {
       //     return invokeAppCall({
       //         'action': 14,
@@ -80,7 +104,22 @@ export var AppWrapper = /*#__PURE__*/function () {
       // addScrollListener: async (value, callback) => {
       //
       // },
-      //   addVisibilityChangeListener: async (callback) => addVisibilityChangeListener(callback),
+      addVisibilityChangeListener: async callback => {
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('windowMetricsListener', callback);
+        this.appCall(60, {}, {
+          callback: v => {
+            console.log("v", v);
+            dispatchApiEvent("windowMetricsListener", {
+              isVisible: v.tappEvent === TappEvent.OnShow,
+              tappEvent: v.tappEvent
+            });
+          }
+        });
+        return id;
+      },
       // addWindowMetricsListener: async (callback) => {
       //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
       //
@@ -95,730 +134,295 @@ export var AppWrapper = /*#__PURE__*/function () {
       //     }
       //     return id;
       // },
-      customCallbackFunction: function () {
-        var _customCallbackFunction = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(type, data) {
-          return regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                case "end":
-                  return _context2.stop();
-              }
-            }
-          }, _callee2);
-        }));
-
-        function customCallbackFunction(_x2, _x3) {
-          return _customCallbackFunction.apply(this, arguments);
-        }
-
-        return customCallbackFunction;
-      }(),
-      // getAvailableSharingServices: async () => {
-      // },
-      // getGeoLocation: async (value) => {
-      // },
-      getUserInfo: function () {
-        var _getUserInfo2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(query) {
-          return regeneratorRuntime.wrap(function _callee3$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  return _context3.abrupt("return", _getUserInfo(_this, query));
-
-                case 1:
-                case "end":
-                  return _context3.stop();
-              }
-            }
-          }, _callee3);
-        }));
-
-        function getUserInfo(_x4) {
-          return _getUserInfo2.apply(this, arguments);
-        }
-
-        return getUserInfo;
-      }(),
-      // getScrollPosition: async () => {
+      customCallbackFunction: async () => {
+        this.notImplemented("customCallbackFunction");
+      },
+      getAvailableSharingServices: async () => {
+        const res = await this.appCall(79);
+        return {
+          availableSharingApps: res.availableSharingApps,
+          availableAndroidApps: res.availableAndroidApps
+        };
+      },
+      getGeoLocation: async () => {
+        const res = await this.appCall(14);
+        return {
+          latitude: res.latitude,
+          longitude: res.longitude,
+          speed: res.speed,
+          code: res.code,
+          isAccurate: res.isAccurate
+        };
+      },
+      getUserInfo: async query => {
+        return getUserInfo(this, query);
+      },
+      getScrollPosition: async () => {
+        return {
+          scrollX: window.scrollX,
+          scrollY: window.scrollY
+        };
+      },
+      getWindowMetrics: async () => ({
+        bottomBarHeight: 0,
+        windowHeight: window.innerHeight,
+        offsetTop: 0,
+        pageHeight: window.innerHeight,
+        pageSize: getScreenSize(window.innerWidth),
+        pageWidth: window.innerWidth,
+        topBarHeight: 0
+      }),
+      invokeCall: async (value, callback) => {
+        return this.appCall(value.action, value.value, {
+          callback
+        });
+      },
+      invokeDialogCall: async (value, callback) => {
+        const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+        window[callbackName] = _ref => {
+          let {
+            retVal
+          } = _ref;
+          callback === null || callback === void 0 ? void 0 : callback(retVal);
+          delete window[callbackName];
+        };
+        const callObj = {
+          ...value,
+          value: {
+            ...value.value,
+            callback: callbackName
+          }
+        };
+        invokeAppCall(callObj);
+      },
+      login: async (value, callback, closeCallback) => {
+        const res = await this.appCall({}, callback);
+        return {
+          loginState: res === null || res === void 0 ? void 0 : res.loginState
+        };
+      },
+      logout: async () => {
+        this.appCall(56, undefined, {
+          awaitResult: false
+        });
+      },
+      navigateBack: async () => {
+        this.appCall(20, undefined, {
+          awaitResult: false
+        });
+      },
+      openImage: async value => {
+        this.appCall(4, {
+          items: value.items.map(x => ({
+            url: x.url,
+            title: x.title,
+            description: x.description,
+            preventCache: x.preventCache
+          })),
+          startIndex: value.startIndex
+        }, {
+          awaitResult: false
+        });
+      },
+      // openUrl: async (value) => {
+      //
       // },
-      // getWindowMetrics: async () => {
+      openVideo: async value => {
+        this.appCall(15, {
+          url: value.url
+        }, {
+          awaitResult: false
+        });
+      },
+      refreshAccessToken: async () => {
+        this.appCall(55, undefined, {
+          awaitResult: false
+        });
+      },
+      refreshData: async value => {
+        this.notImplemented("refreshData");
+      },
+      // removeGeoLocationListener: async (id) => {
       // },
-      invokeCall: function () {
-        var _invokeCall = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(value, callback) {
-          return regeneratorRuntime.wrap(function _callee4$(_context4) {
-            while (1) {
-              switch (_context4.prev = _context4.next) {
-                case 0:
-                case "end":
-                  return _context4.stop();
-              }
-            }
-          }, _callee4);
-        }));
-
-        function invokeCall(_x5, _x6) {
-          return _invokeCall.apply(this, arguments);
-        }
-
-        return invokeCall;
-      }(),
-      invokeDialogCall: function () {
-        var _invokeDialogCall = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(value, callback) {
-          var callbackName, callObj;
-          return regeneratorRuntime.wrap(function _callee5$(_context5) {
-            while (1) {
-              switch (_context5.prev = _context5.next) {
-                case 0:
-                  callbackName = "chaynsApiV5Callback_".concat(_this.counter++);
-
-                  window[callbackName] = function (_ref) {
-                    var retVal = _ref.retVal;
-                    callback === null || callback === void 0 ? void 0 : callback(retVal);
-                    delete window[callbackName];
-                  };
-
-                  callObj = _objectSpread(_objectSpread({}, value), {}, {
-                    value: _objectSpread(_objectSpread({}, value.value), {}, {
-                      callback: callbackName
-                    })
-                  });
-                  invokeAppCall(callObj);
-
-                case 4:
-                case "end":
-                  return _context5.stop();
-              }
-            }
-          }, _callee5);
-        }));
-
-        function invokeDialogCall(_x7, _x8) {
-          return _invokeDialogCall.apply(this, arguments);
-        }
-
-        return invokeDialogCall;
-      }(),
-      // login: async(value, callback, closeCallback) => {
+      // removeScrollListener: async (id) => {
       // },
-      logout: function () {
-        var _logout = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-          return regeneratorRuntime.wrap(function _callee6$(_context6) {
-            while (1) {
-              switch (_context6.prev = _context6.next) {
-                case 0:
-                case "end":
-                  return _context6.stop();
-              }
-            }
-          }, _callee6);
-        }));
-
-        function logout() {
-          return _logout.apply(this, arguments);
-        }
-
-        return logout;
-      }(),
-      navigateBack: function () {
-        var _navigateBack = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
-          return regeneratorRuntime.wrap(function _callee7$(_context7) {
-            while (1) {
-              switch (_context7.prev = _context7.next) {
-                case 0:
-                case "end":
-                  return _context7.stop();
-              }
-            }
-          }, _callee7);
-        }));
-
-        function navigateBack() {
-          return _navigateBack.apply(this, arguments);
-        }
-
-        return navigateBack;
-      }(),
-      openImage: function () {
-        var _openImage = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(value) {
-          return regeneratorRuntime.wrap(function _callee8$(_context8) {
-            while (1) {
-              switch (_context8.prev = _context8.next) {
-                case 0:
-                case "end":
-                  return _context8.stop();
-              }
-            }
-          }, _callee8);
-        }));
-
-        function openImage(_x9) {
-          return _openImage.apply(this, arguments);
-        }
-
-        return openImage;
-      }(),
-      openUrl: function () {
-        var _openUrl = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(value) {
-          return regeneratorRuntime.wrap(function _callee9$(_context9) {
-            while (1) {
-              switch (_context9.prev = _context9.next) {
-                case 0:
-                case "end":
-                  return _context9.stop();
-              }
-            }
-          }, _callee9);
-        }));
-
-        function openUrl(_x10) {
-          return _openUrl.apply(this, arguments);
-        }
-
-        return openUrl;
-      }(),
-      openVideo: function () {
-        var _openVideo = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(value) {
-          return regeneratorRuntime.wrap(function _callee10$(_context10) {
-            while (1) {
-              switch (_context10.prev = _context10.next) {
-                case 0:
-                case "end":
-                  return _context10.stop();
-              }
-            }
-          }, _callee10);
-        }));
-
-        function openVideo(_x11) {
-          return _openVideo.apply(this, arguments);
-        }
-
-        return openVideo;
-      }(),
-      refreshAccessToken: function () {
-        var _refreshAccessToken = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
-          return regeneratorRuntime.wrap(function _callee11$(_context11) {
-            while (1) {
-              switch (_context11.prev = _context11.next) {
-                case 0:
-                case "end":
-                  return _context11.stop();
-              }
-            }
-          }, _callee11);
-        }));
-
-        function refreshAccessToken() {
-          return _refreshAccessToken.apply(this, arguments);
-        }
-
-        return refreshAccessToken;
-      }(),
-      refreshData: function () {
-        var _refreshData = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12(value) {
-          return regeneratorRuntime.wrap(function _callee12$(_context12) {
-            while (1) {
-              switch (_context12.prev = _context12.next) {
-                case 0:
-                case "end":
-                  return _context12.stop();
-              }
-            }
-          }, _callee12);
-        }));
-
-        function refreshData(_x12) {
-          return _refreshData.apply(this, arguments);
-        }
-
-        return refreshData;
-      }(),
-      removeGeoLocationListener: function () {
-        var _removeGeoLocationListener = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13(id) {
-          return regeneratorRuntime.wrap(function _callee13$(_context13) {
-            while (1) {
-              switch (_context13.prev = _context13.next) {
-                case 0:
-                case "end":
-                  return _context13.stop();
-              }
-            }
-          }, _callee13);
-        }));
-
-        function removeGeoLocationListener(_x13) {
-          return _removeGeoLocationListener.apply(this, arguments);
-        }
-
-        return removeGeoLocationListener;
-      }(),
-      removeScrollListener: function () {
-        var _removeScrollListener = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee14(id) {
-          return regeneratorRuntime.wrap(function _callee14$(_context14) {
-            while (1) {
-              switch (_context14.prev = _context14.next) {
-                case 0:
-                case "end":
-                  return _context14.stop();
-              }
-            }
-          }, _callee14);
-        }));
-
-        function removeScrollListener(_x14) {
-          return _removeScrollListener.apply(this, arguments);
-        }
-
-        return removeScrollListener;
-      }(),
-      removeVisibilityChangeListener: function removeVisibilityChangeListener(number) {
-        _removeVisibilityChangeListener(number);
-
+      removeVisibilityChangeListener(number) {
+        removeVisibilityChangeListener(number);
         return Promise.resolve();
       },
-      removeWindowMetricsListener: function () {
-        var _removeWindowMetricsListener = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee15(id) {
-          return regeneratorRuntime.wrap(function _callee15$(_context15) {
-            while (1) {
-              switch (_context15.prev = _context15.next) {
-                case 0:
-                case "end":
-                  return _context15.stop();
-              }
-            }
-          }, _callee15);
-        }));
-
-        function removeWindowMetricsListener(_x15) {
-          return _removeWindowMetricsListener.apply(this, arguments);
-        }
-
-        return removeWindowMetricsListener;
-      }(),
-      selectPage: function () {
-        var _selectPage = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee16(options) {
-          return regeneratorRuntime.wrap(function _callee16$(_context16) {
-            while (1) {
-              switch (_context16.prev = _context16.next) {
-                case 0:
-                case "end":
-                  return _context16.stop();
-              }
-            }
-          }, _callee16);
-        }));
-
-        function selectPage(_x16) {
-          return _selectPage.apply(this, arguments);
-        }
-
-        return selectPage;
-      }(),
-      scrollToY: function () {
-        var _scrollToY = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee17(position, duration) {
-          return regeneratorRuntime.wrap(function _callee17$(_context17) {
-            while (1) {
-              switch (_context17.prev = _context17.next) {
-                case 0:
-                case "end":
-                  return _context17.stop();
-              }
-            }
-          }, _callee17);
-        }));
-
-        function scrollToY(_x17, _x18) {
-          return _scrollToY.apply(this, arguments);
-        }
-
-        return scrollToY;
-      }(),
-      // sendMessageToGroup: async (groupId, message) => {
-      // },
-      // sendMessageToPage: async (message) => {
-      // },
-      // sendMessageToUser: async (userId, message) => {
-      // },
-      setAdminMode: function () {
-        var _setAdminMode = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee18(enabled) {
-          return regeneratorRuntime.wrap(function _callee18$(_context18) {
-            while (1) {
-              switch (_context18.prev = _context18.next) {
-                case 0:
-                case "end":
-                  return _context18.stop();
-              }
-            }
-          }, _callee18);
-        }));
-
-        function setAdminMode(_x19) {
-          return _setAdminMode.apply(this, arguments);
-        }
-
-        return setAdminMode;
-      }(),
-      // setDisplayTimeout: async (value) => {
-      // },
-      setFloatingButton: function () {
-        var _setFloatingButton = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee19(value, callback) {
-          return regeneratorRuntime.wrap(function _callee19$(_context19) {
-            while (1) {
-              switch (_context19.prev = _context19.next) {
-                case 0:
-                case "end":
-                  return _context19.stop();
-              }
-            }
-          }, _callee19);
-        }));
-
-        function setFloatingButton(_x20, _x21) {
-          return _setFloatingButton.apply(this, arguments);
-        }
-
-        return setFloatingButton;
-      }(),
-      setHeight: function () {
-        var _setHeight = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee20(value) {
-          return regeneratorRuntime.wrap(function _callee20$(_context20) {
-            while (1) {
-              switch (_context20.prev = _context20.next) {
-                case 0:
-                case "end":
-                  return _context20.stop();
-              }
-            }
-          }, _callee20);
-        }));
-
-        function setHeight(_x22) {
-          return _setHeight.apply(this, arguments);
-        }
-
-        return setHeight;
-      }(),
-      setOverlay: function () {
-        var _setOverlay = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee21(value, callback) {
-          return regeneratorRuntime.wrap(function _callee21$(_context21) {
-            while (1) {
-              switch (_context21.prev = _context21.next) {
-                case 0:
-                case "end":
-                  return _context21.stop();
-              }
-            }
-          }, _callee21);
-        }));
-
-        function setOverlay(_x23, _x24) {
-          return _setOverlay.apply(this, arguments);
-        }
-
-        return setOverlay;
-      }(),
-      setRefreshScrollEnabled: function () {
-        var _setRefreshScrollEnabled = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee22(isEnabled) {
-          return regeneratorRuntime.wrap(function _callee22$(_context22) {
-            while (1) {
-              switch (_context22.prev = _context22.next) {
-                case 0:
-                  invokeAppCall({
-                    action: 0,
-                    value: {
-                      enabled: isEnabled
-                    }
-                  });
-                  return _context22.abrupt("return", {
-                    isEnabled: isEnabled
-                  });
-
-                case 2:
-                case "end":
-                  return _context22.stop();
-              }
-            }
-          }, _callee22);
-        }));
-
-        function setRefreshScrollEnabled(_x25) {
-          return _setRefreshScrollEnabled.apply(this, arguments);
-        }
-
-        return setRefreshScrollEnabled;
-      }(),
-      // setScanQrCode: async (value) => {
+      // removeWindowMetricsListener: async (id) => {
+      //
       // },
-      setTempDesignSettings: function () {
-        var _setTempDesignSettings = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee23(value) {
-          return regeneratorRuntime.wrap(function _callee23$(_context23) {
-            while (1) {
-              switch (_context23.prev = _context23.next) {
-                case 0:
-                case "end":
-                  return _context23.stop();
-              }
-            }
-          }, _callee23);
-        }));
-
-        function setTempDesignSettings(_x26) {
-          return _setTempDesignSettings.apply(this, arguments);
-        }
-
-        return setTempDesignSettings;
-      }(),
-      setWaitCursor: function () {
-        var _setWaitCursor = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee24(value) {
-          return regeneratorRuntime.wrap(function _callee24$(_context24) {
-            while (1) {
-              switch (_context24.prev = _context24.next) {
-                case 0:
-                case "end":
-                  return _context24.stop();
-              }
-            }
-          }, _callee24);
-        }));
-
-        function setWaitCursor(_x27) {
-          return _setWaitCursor.apply(this, arguments);
-        }
-
-        return setWaitCursor;
-      }(),
-      storageGetItem: function () {
-        var _storageGetItem = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee25(key, accessMode) {
-          return regeneratorRuntime.wrap(function _callee25$(_context25) {
-            while (1) {
-              switch (_context25.prev = _context25.next) {
-                case 0:
-                case "end":
-                  return _context25.stop();
-              }
-            }
-          }, _callee25);
-        }));
-
-        function storageGetItem(_x28, _x29) {
-          return _storageGetItem.apply(this, arguments);
-        }
-
-        return storageGetItem;
-      }(),
-      storageRemoveItem: function () {
-        var _storageRemoveItem = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee26(key, accessMode) {
-          return regeneratorRuntime.wrap(function _callee26$(_context26) {
-            while (1) {
-              switch (_context26.prev = _context26.next) {
-                case 0:
-                case "end":
-                  return _context26.stop();
-              }
-            }
-          }, _callee26);
-        }));
-
-        function storageRemoveItem(_x30, _x31) {
-          return _storageRemoveItem.apply(this, arguments);
-        }
-
-        return storageRemoveItem;
-      }(),
-      storageSetItem: function () {
-        var _storageSetItem = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee27(key, value, accessMode, tappIds) {
-          return regeneratorRuntime.wrap(function _callee27$(_context27) {
-            while (1) {
-              switch (_context27.prev = _context27.next) {
-                case 0:
-                case "end":
-                  return _context27.stop();
-              }
-            }
-          }, _callee27);
-        }));
-
-        function storageSetItem(_x32, _x33, _x34, _x35) {
-          return _storageSetItem.apply(this, arguments);
-        }
-
-        return storageSetItem;
-      }(),
-      vibrate: function () {
-        var _vibrate = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee28(value) {
-          return regeneratorRuntime.wrap(function _callee28$(_context28) {
-            while (1) {
-              switch (_context28.prev = _context28.next) {
-                case 0:
-                case "end":
-                  return _context28.stop();
-              }
-            }
-          }, _callee28);
-        }));
-
-        function vibrate(_x36) {
-          return _vibrate.apply(this, arguments);
-        }
-
-        return vibrate;
-      }()
+      selectPage: async options => {
+        void this.appCall(2, {
+          id: options.id,
+          showName: options.showName,
+          position: options.position,
+          params: options.params
+        }, {
+          awaitResult: false
+        });
+      },
+      scrollToY: async position => {
+        window.scrollTo({
+          top: position
+        });
+      },
+      sendMessageToGroup: async (groupId, message) => {
+        return sendMessageToGroup(this, message, groupId);
+      },
+      sendMessageToPage: async message => {
+        return sendMessageToPage(this, message);
+      },
+      sendMessageToUser: async (userId, message) => {
+        return sendMessageToUser(this, message, userId);
+      },
+      setAdminMode: async () => {
+        this.notImplemented("setAdminMode");
+      },
+      setDisplayTimeout: async enabled => {
+        this.appCall(94, {
+          enabled
+        }, {
+          awaitResult: false
+        });
+        return {
+          isEnabled: enabled
+        };
+      },
+      setFloatingButton: async (value, callback) => {
+        void (await this.appCall(72, {
+          text: value.text,
+          textSize: value.textSize,
+          badge: value.badge,
+          color: value.color,
+          colorText: value.colorText,
+          icon: value.icon,
+          enabled: value.isEnabled,
+          position: value.position
+        }, callback));
+      },
+      setHeight: async () => {
+        this.notImplemented("setOverlay");
+      },
+      setOverlay: async () => {
+        this.notImplemented("setOverlay");
+      },
+      setRefreshScrollEnabled: async isEnabled => {
+        this.appCall(0, {
+          enabled: isEnabled
+        }, {
+          awaitResult: false
+        });
+        return {
+          isEnabled
+        };
+      },
+      setScanQrCode: async value => {
+        return await this.appCall(34, value);
+      },
+      setTempDesignSettings: async () => {
+        this.notImplemented("setTempDesignSettings");
+      },
+      setWaitCursor: async value => {
+        void this.appCall(1, {
+          enabled: value.isEnabled,
+          text: value.text,
+          timeout: value.timeout,
+          progress: value.progress,
+          progressText: value.progressText,
+          disappearTimeout: value.disappearTimeout
+        }, {
+          awaitResult: false
+        });
+      },
+      storageGetItem: async (key, accessMode) => {
+        const result = await this.appCall(74, {
+          key,
+          accessMode
+        });
+        return result === null || result === void 0 ? void 0 : result.object;
+      },
+      storageRemoveItem: async (key, accessMode) => {
+        this.appCall(73, {
+          key,
+          accessMode
+        }, {
+          awaitResult: false
+        });
+      },
+      storageSetItem: async (key, value, accessMode, tappIds) => {
+        this.appCall(73, {
+          key,
+          object: value,
+          accessMode,
+          tappIDs: tappIds
+        }, {
+          awaitResult: false
+        });
+      },
+      vibrate: async value => {
+        void this.appCall(19, value, {
+          awaitResult: false
+        });
+      },
+      scrollByY: (value, duration) => {
+        window.scrollBy({
+          top: value
+        });
+      }
     });
   }
-
-  _createClass(AppWrapper, [{
-    key: "mapOldApiToNew",
-    value: function mapOldApiToNew(_ref2) {
-      var _window, _window2, _AppInfo$TappSelected;
-
-      var retVal = _ref2.retVal;
-      var AppInfo = retVal.AppInfo,
-          AppUser = retVal.AppUser;
-      this.accessToken = AppUser.TobitAccessToken;
-      return {
-        device: getDeviceInfo(navigator.userAgent, 'image/webp'),
-        environment: {
-          buildEnvironment: Environment.Production,
-          runtimeEnvironment: RuntimeEnviroment.Unknown
-        },
-        language: {
-          site: AppInfo.Language,
-          translation: null,
-          device: AppInfo.Language,
-          active: AppInfo.Language
-        },
-        // ToDo: Find better way to detect
-        site: {
-          id: AppInfo.SiteID,
-          locationId: AppInfo.LocationID,
-          url: (_window = window) === null || _window === void 0 ? void 0 : _window.location.href.split('#')[0],
-          layoutDisposition: {
-            contentWide: false,
-            barOnTop: false,
-            barWide: false,
-            coverDetached: false,
-            coverHidden: false,
-            coverWide: false,
-            docked: false
-          },
-          title: AppInfo.Title,
-          colorMode: AppInfo.colorMode,
-          color: AppInfo.color,
-          domain: AppInfo.domain,
-          font: {
-            id: Font.Roboto,
-            headlineFont: Font.Roboto,
-            dynamicFontSize: false
-          },
-          dynamicFontSize: false,
-          locationPersonId: AppInfo.LocationPersonId,
-          urlHash: (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.location.hash.replace('#', '')
-        },
-        parameters: _toConsumableArray(new URLSearchParams(location.search)),
-        user: {
-          firstName: AppUser.FirstName,
-          lastName: AppUser.LastName,
-          gender: Gender.Unknown,
-          userId: AppUser.TobitUserID,
-          personId: AppUser.PersonID,
-          uacGroups: []
-        },
-        customData: null,
-        isAdminModeActive: AppUser.AdminMode,
-        currentPage: {
-          id: (_AppInfo$TappSelected = AppInfo.TappSelected) === null || _AppInfo$TappSelected === void 0 ? void 0 : _AppInfo$TappSelected.TappID,
-          siteId: AppInfo.SiteID
-        },
-        pages: AppInfo.Tapps.map(function (x) {
-          return {
-            id: x.TappID,
-            icon: '',
-            iconType: IconType.Font,
-            customUrl: '',
-            isExclusive: x.isExclusiveView,
-            isHiddenFromMenu: x.isHiddenFromMenu,
-            minAge: null,
-            name: x.ShowName,
-            sortId: x.SortUID
-          };
-        })
-      };
-    }
-  }, {
-    key: "appCall",
-    value: function appCall(call) {
-      // generate uuid just in case multiple AppWrapper in one window
-      call.value.callback = "window.chaynsApiV5Callback_" + this.counter++;
-      invokeAppCall(call);
-    } // @ts-ignore
-
-  }, {
-    key: "init",
-    value: function () {
-      var _init = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee29() {
-        var _this2 = this;
-
-        return regeneratorRuntime.wrap(function _callee29$(_context29) {
-          while (1) {
-            switch (_context29.prev = _context29.next) {
-              case 0:
-                _context29.next = 2;
-                return new Promise(function (resolve) {
-                  // @ts-ignore
-                  window.globalDataCallback = function (data) {
-                    _this2.values = _this2.mapOldApiToNew(data);
-                    resolve(data);
-                  };
-
-                  invokeAppCall({
-                    action: 18,
-                    value: {
-                      callback: 'window.globalDataCallback'
-                    }
-                  });
-                });
-
-              case 2:
-                return _context29.abrupt("return", undefined);
-
-              case 3:
-              case "end":
-                return _context29.stop();
-            }
-          }
-        }, _callee29);
-      }));
-
-      function init() {
-        return _init.apply(this, arguments);
-      }
-
-      return init;
-    }()
-  }, {
-    key: "getSSRData",
-    value: function getSSRData() {
-      return null;
+  notImplemented(call) {
+    console.warn(`call ${call} not implement in app`);
+  }
+  appCall(action) {
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let {
+      callback,
+      awaitResult = true
+    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    if (!awaitResult) {
+      invokeAppCall({
+        action,
+        value
+      });
+      return;
     }
-  }, {
-    key: "addDataListener",
-    value: function addDataListener(cb) {
-      var listener = function listener(ev) {
-        return ev.detail && cb(ev.detail);
-      };
-
-      document.addEventListener('chayns_api_data', listener);
-      return function () {
-        document.removeEventListener('chayns_api_data', listener);
+    return new Promise(resolve => {
+      const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+      window[callbackName] = v => {
+        var _v$retVal2;
+        if (callback) {
+          var _v$retVal;
+          callback((_v$retVal = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal !== void 0 ? _v$retVal : v);
+        } else {
+          delete window[callbackName];
+        }
+        resolve((_v$retVal2 = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal2 !== void 0 ? _v$retVal2 : v);
       };
-    }
-  }, {
-    key: "getInitialData",
-    value: function getInitialData() {
-      return this.values;
-    }
-  }]);
-
-  return AppWrapper;
-}();
+      value.callback = "window." + callbackName;
+      invokeAppCall({
+        action,
+        value
+      });
+    });
+  }
+  async init() {
+    this.values = this.mapOldApiToNew(await this.appCall(18));
+    return undefined;
+  }
+  getSSRData() {
+    return null;
+  }
+  addDataListener(cb) {
+    const listener = ev => ev.detail && cb(ev.detail);
+    document.addEventListener('chayns_api_data', listener);
+    return () => {
+      document.removeEventListener('chayns_api_data', listener);
+    };
+  }
+  getInitialData() {
+    return this.values;
+  }
+}