chayns-api 1.0.0

package/dist/cjs/types/DynamicApiImport.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/IChaynsReact.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SharingApp = exports.ScreenSize = 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;
+let ScreenSize;
+exports.ScreenSize = ScreenSize;
+(function (ScreenSize) {
+  ScreenSize[ScreenSize["XS"] = 0] = "XS";
+  ScreenSize[ScreenSize["SM"] = 1] = "SM";
+  ScreenSize[ScreenSize["MD"] = 2] = "MD";
+  ScreenSize[ScreenSize["LG"] = 3] = "LG";
+  ScreenSize[ScreenSize["XL"] = 4] = "XL";
+})(ScreenSize || (exports.ScreenSize = ScreenSize = {}));
+let AccessMode;
+exports.AccessMode = AccessMode;
+(function (AccessMode) {
+  AccessMode[AccessMode["public"] = 0] = "public";
+  AccessMode[AccessMode["protected"] = 1] = "protected";
+  AccessMode[AccessMode["private"] = 2] = "private";
+})(AccessMode || (exports.AccessMode = AccessMode = {}));
+var IOSFeedbackVibration;
+(function (IOSFeedbackVibration) {
+  IOSFeedbackVibration[IOSFeedbackVibration["Unknown"] = 0] = "Unknown";
+  IOSFeedbackVibration[IOSFeedbackVibration["SelectionChanged"] = 1] = "SelectionChanged";
+  IOSFeedbackVibration[IOSFeedbackVibration["NotificationError"] = 2] = "NotificationError";
+  IOSFeedbackVibration[IOSFeedbackVibration["NotificationSuccess"] = 3] = "NotificationSuccess";
+  IOSFeedbackVibration[IOSFeedbackVibration["NotificationWarning"] = 4] = "NotificationWarning";
+  IOSFeedbackVibration[IOSFeedbackVibration["Light"] = 5] = "Light";
+  IOSFeedbackVibration[IOSFeedbackVibration["Medium"] = 6] = "Medium";
+  IOSFeedbackVibration[IOSFeedbackVibration["Heavy"] = 7] = "Heavy";
+  IOSFeedbackVibration[IOSFeedbackVibration["Soft"] = 8] = "Soft";
+  IOSFeedbackVibration[IOSFeedbackVibration["Rigid"] = 9] = "Rigid";
+})(IOSFeedbackVibration || (IOSFeedbackVibration = {}));
+// region design settings
+var SnapshotType;
+(function (SnapshotType) {
+  SnapshotType["Background"] = "background";
+  SnapshotType["Settings"] = "settings";
+  SnapshotType["ColorScheme"] = "colorScheme";
+  SnapshotType["Cover"] = "cover";
+  SnapshotType["Tapp"] = "tapp";
+})(SnapshotType || (SnapshotType = {}));
+var DesignSettingsUpdateBackgroundType;
+(function (DesignSettingsUpdateBackgroundType) {
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["None"] = 0] = "None";
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["Image"] = 1] = "Image";
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["Video"] = 2] = "Video";
+  DesignSettingsUpdateBackgroundType[DesignSettingsUpdateBackgroundType["Color"] = 3] = "Color";
+})(DesignSettingsUpdateBackgroundType || (DesignSettingsUpdateBackgroundType = {}));
+var DesignSettingsUpdateSeasonTypes;
+(function (DesignSettingsUpdateSeasonTypes) {
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["None"] = 0] = "None";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Snowm"] = 1] = "Snowm";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Confetti"] = 2] = "Confetti";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Leaf"] = 3] = "Leaf";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Heart"] = 4] = "Heart";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Balloon"] = 5] = "Balloon";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Eastern"] = 6] = "Eastern";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Clover"] = 7] = "Clover";
+  DesignSettingsUpdateSeasonTypes[DesignSettingsUpdateSeasonTypes["Coins"] = 8] = "Coins";
+})(DesignSettingsUpdateSeasonTypes || (DesignSettingsUpdateSeasonTypes = {}));
+var DesignSettingsUpdateGalleryAnimationTypes;
+(function (DesignSettingsUpdateGalleryAnimationTypes) {
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["Swipe"] = 0] = "Swipe";
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["Fade"] = 1] = "Fade";
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["Parallax"] = 2] = "Parallax";
+  DesignSettingsUpdateGalleryAnimationTypes[DesignSettingsUpdateGalleryAnimationTypes["KenBurns"] = 3] = "KenBurns";
+})(DesignSettingsUpdateGalleryAnimationTypes || (DesignSettingsUpdateGalleryAnimationTypes = {}));
+var DesignSettingsUpdateCoverTypes;
+(function (DesignSettingsUpdateCoverTypes) {
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Image"] = 0] = "Image";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Video"] = 1] = "Video";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Slideshow"] = 2] = "Slideshow";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["Frame"] = 3] = "Frame";
+  DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["None"] = 4] = "None";
+})(DesignSettingsUpdateCoverTypes || (DesignSettingsUpdateCoverTypes = {}));
+var DesignSettingsUpdateColorSchemeMode;
+(function (DesignSettingsUpdateColorSchemeMode) {
+  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Normal"] = 0] = "Normal";
+  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Dark"] = 1] = "Dark";
+  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Bright"] = 2] = "Bright";
+})(DesignSettingsUpdateColorSchemeMode || (DesignSettingsUpdateColorSchemeMode = {}));
+var DesignSettingsUpdateTappViewModes;
+(function (DesignSettingsUpdateTappViewModes) {
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Normal"] = 0] = "Normal";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Exclusive"] = 1] = "Exclusive";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Wide"] = 2] = "Wide";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Fullscreen"] = 3] = "Fullscreen";
+  DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["FullscreenWithBackground"] = 4] = "FullscreenWithBackground";
+})(DesignSettingsUpdateTappViewModes || (DesignSettingsUpdateTappViewModes = {}));
+var LoginState;
+(function (LoginState) {
+  LoginState[LoginState["LoginFailed"] = 2] = "LoginFailed";
+  LoginState[LoginState["AlreadyLoggedIn"] = 3] = "AlreadyLoggedIn";
+})(LoginState || (LoginState = {}));
+let FloatingButtonPosition;
+exports.FloatingButtonPosition = FloatingButtonPosition;
+(function (FloatingButtonPosition) {
+  FloatingButtonPosition[FloatingButtonPosition["Right"] = 0] = "Right";
+  FloatingButtonPosition[FloatingButtonPosition["Center"] = 1] = "Center";
+  FloatingButtonPosition[FloatingButtonPosition["Left"] = 2] = "Left";
+})(FloatingButtonPosition || (exports.FloatingButtonPosition = FloatingButtonPosition = {}));
+let SharingApp;
+exports.SharingApp = SharingApp;
+(function (SharingApp) {
+  SharingApp[SharingApp["Mail"] = 0] = "Mail";
+  SharingApp[SharingApp["WhatsApp"] = 1] = "WhatsApp";
+  SharingApp[SharingApp["Facebook"] = 2] = "Facebook";
+  SharingApp[SharingApp["FacebookMessenger"] = 3] = "FacebookMessenger";
+  SharingApp[SharingApp["GooglePlus"] = 4] = "GooglePlus";
+  SharingApp[SharingApp["Twitter"] = 5] = "Twitter";
+})(SharingApp || (exports.SharingApp = SharingApp = {}));
+let IconType;
+exports.IconType = IconType;
+(function (IconType) {
+  IconType[IconType["Font"] = 0] = "Font";
+  IconType[IconType["Base64"] = 1] = "Base64";
+  IconType[IconType["Url"] = 2] = "Url";
+})(IconType || (exports.IconType = IconType = {}));
+let Gender;
+exports.Gender = Gender;
+(function (Gender) {
+  Gender[Gender["Unknown"] = 0] = "Unknown";
+  Gender[Gender["male"] = 1] = "male";
+  Gender[Gender["female"] = 2] = "female";
+  Gender[Gender["diverse"] = 9] = "diverse";
+})(Gender || (exports.Gender = Gender = {}));
+let ColorMode;
+exports.ColorMode = ColorMode;
+(function (ColorMode) {
+  ColorMode[ColorMode["Classic"] = 0] = "Classic";
+  ColorMode[ColorMode["Dark"] = 1] = "Dark";
+  ColorMode[ColorMode["Light"] = 2] = "Light";
+})(ColorMode || (exports.ColorMode = ColorMode = {}));
+let Language;
+exports.Language = Language;
+(function (Language) {
+  Language["Unknown"] = "unknown";
+  Language["German"] = "de";
+  Language["English"] = "en";
+  Language["Dutch"] = "nl";
+  Language["French"] = "fr";
+  Language["Spanish"] = "es";
+  Language["Italian"] = "it";
+  Language["Portuguese"] = "pt";
+  Language["Turkish"] = "tr";
+  Language["Polish"] = "pl";
+  Language["Ukrainian"] = "uk";
+})(Language || (exports.Language = Language = {}));
+let RuntimeEnviroment;
+exports.RuntimeEnviroment = RuntimeEnviroment;
+(function (RuntimeEnviroment) {
+  RuntimeEnviroment[RuntimeEnviroment["Unknown"] = 0] = "Unknown";
+  RuntimeEnviroment[RuntimeEnviroment["ChaynsDe"] = 1] = "ChaynsDe";
+  RuntimeEnviroment[RuntimeEnviroment["ChaynsWeb"] = 2] = "ChaynsWeb";
+  RuntimeEnviroment[RuntimeEnviroment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
+  RuntimeEnviroment[RuntimeEnviroment["IntercomPlugin"] = 4] = "IntercomPlugin";
+  RuntimeEnviroment[RuntimeEnviroment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
+})(RuntimeEnviroment || (exports.RuntimeEnviroment = RuntimeEnviroment = {}));
+let DeviceOs;
+exports.DeviceOs = DeviceOs;
+(function (DeviceOs) {
+  DeviceOs["Unknown"] = "unknown";
+  DeviceOs["Android"] = "android";
+  DeviceOs["IOS"] = "ios";
+  DeviceOs["Windows"] = "windows";
+  DeviceOs["MacOs"] = "macos";
+  DeviceOs["Linux"] = "linux";
+})(DeviceOs || (exports.DeviceOs = DeviceOs = {}));
+let AppName;
+exports.AppName = AppName;
+(function (AppName) {
+  AppName[AppName["Unknown"] = 0] = "Unknown";
+  AppName[AppName["David"] = 1] = "David";
+  AppName[AppName["Chayns"] = 2] = "Chayns";
+  AppName[AppName["Location"] = 3] = "Location";
+  AppName[AppName["Intercom"] = 4] = "Intercom";
+  AppName[AppName["ChaynsLauncher"] = 5] = "ChaynsLauncher";
+})(AppName || (exports.AppName = AppName = {}));
+let BrowserName;
+exports.BrowserName = BrowserName;
+(function (BrowserName) {
+  BrowserName["Unknown"] = "unknown";
+  BrowserName["Chrome"] = "chrome";
+  BrowserName["Safari"] = "safari";
+  BrowserName["Firefox"] = "firefox";
+  BrowserName["Edge"] = "edge";
+})(BrowserName || (exports.BrowserName = BrowserName = {}));
+let Environment;
+exports.Environment = Environment;
+(function (Environment) {
+  Environment[Environment["Development"] = 0] = "Development";
+  Environment[Environment["Qa"] = 1] = "Qa";
+  Environment[Environment["Staging"] = 2] = "Staging";
+  Environment[Environment["Production"] = 3] = "Production";
+})(Environment || (exports.Environment = Environment = {}));
+let Font;
+exports.Font = Font;
+(function (Font) {
+  Font[Font["Unknown"] = 0] = "Unknown";
+  Font[Font["Roboto"] = 1] = "Roboto";
+  Font[Font["OpenSans"] = 2] = "OpenSans";
+  Font[Font["Lato"] = 3] = "Lato";
+  Font[Font["SourceSansPro"] = 4] = "SourceSansPro";
+  Font[Font["Ubuntu"] = 5] = "Ubuntu";
+  Font[Font["Cabin"] = 6] = "Cabin";
+  Font[Font["Merriweather"] = 7] = "Merriweather";
+  Font[Font["NotoSerif"] = 8] = "NotoSerif";
+  Font[Font["PTSerif"] = 9] = "PTSerif";
+  Font[Font["DroidSerif"] = 10] = "DroidSerif";
+  Font[Font["Muli"] = 11] = "Muli";
+  Font[Font["Poppins"] = 12] = "Poppins";
+  Font[Font["RobotoCondensed"] = 13] = "RobotoCondensed";
+  Font[Font["Anton"] = 14] = "Anton";
+  Font[Font["ArchitectsDaughter"] = 15] = "ArchitectsDaughter";
+  Font[Font["DMSerifDisplay"] = 16] = "DMSerifDisplay";
+  Font[Font["Pacifico"] = 17] = "Pacifico";
+  Font[Font["PermanentMarker"] = 18] = "PermanentMarker";
+  Font[Font["Questrial"] = 19] = "Questrial";
+  Font[Font["RobotoSlab"] = 20] = "RobotoSlab";
+  Font[Font["ShadowsIntoLightTwo"] = 21] = "ShadowsIntoLightTwo";
+  Font[Font["WaitingForTheSunrise"] = 22] = "WaitingForTheSunrise";
+  Font[Font["RobotoMedium"] = 23] = "RobotoMedium";
+  Font[Font["TobitHeadline"] = 24] = "TobitHeadline";
+  Font[Font["RobotoBold"] = 25] = "RobotoBold";
+  Font[Font["RobotoRegular"] = 26] = "RobotoRegular";
+  Font[Font["Inter"] = 27] = "Inter";
+})(Font || (exports.Font = Font = {}));
+var selectType;
+(function (selectType) {
+  selectType[selectType["DEFAULT"] = 0] = "DEFAULT";
+  selectType[selectType["ICON"] = 1] = "ICON";
+})(selectType || (selectType = {}));

package/dist/cjs/types/dialog.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/util/appCall.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// @ts-nocheck
+
+const invokeAppCall = call => {
+  var _window$webkit, _window$webkit$messag, _window$chaynsApp, _window$chaynsElectro;
+  call = JSON.stringify(call);
+  if ((_window$webkit = window.webkit) !== null && _window$webkit !== void 0 && (_window$webkit$messag = _window$webkit.messageHandlers) !== null && _window$webkit$messag !== void 0 && _window$webkit$messag.jsonCall) {
+    window.webkit.messageHandlers.jsonCall.postMessage(call);
+  } else if ((_window$chaynsApp = window.chaynsApp) !== null && _window$chaynsApp !== void 0 && _window$chaynsApp.jsonCall) {
+    window.chaynsApp.jsonCall(call);
+  } else if ((_window$chaynsElectro = window.chaynsElectron) !== null && _window$chaynsElectro !== void 0 && _window$chaynsElectro.jsonCall) {
+    window.chaynsElectron.jsonCall(call);
+  } else {
+    throw new Error('jsoncall interface not found');
+  }
+};
+var _default = invokeAppCall;
+exports.default = _default;

package/dist/cjs/util/deviceHelper.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getScreenSize = exports.getClientDeviceInfo = exports.default = void 0;
+var _detectBrowser = require("detect-browser");
+var _IChaynsReact = require("../types/IChaynsReact");
+const getDeviceInfo = (userAgent, acceptHeader) => {
+  var _match$groups, _match$groups2, _parsedUA$version$spl, _parsedUA$version;
+  const parsedUA = (0, _detectBrowser.parseUserAgent)(userAgent);
+  let appName = _IChaynsReact.AppName.Unknown;
+  const match = /(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
+  if ((match === null || match === void 0 ? void 0 : (_match$groups = match.groups) === null || _match$groups === void 0 ? void 0 : _match$groups.siteId) === '60021-08989') {
+    appName = _IChaynsReact.AppName.Chayns;
+  } else if ((match === null || match === void 0 ? void 0 : (_match$groups2 = match.groups) === null || _match$groups2 === void 0 ? void 0 : _match$groups2.siteId) === '77892-10814') {
+    appName = _IChaynsReact.AppName.David;
+  } else if (match) {
+    appName = _IChaynsReact.AppName.Location;
+  } else if (/dface|h96pp|h96max|jabiru|chaynsterminal|wayter|odroidn2p/i.test(navigator.userAgent)) {
+    appName = _IChaynsReact.AppName.ChaynsLauncher;
+  }
+  const result = {};
+  result.browser = {
+    name: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.name,
+    version: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.version,
+    majorVersion: Number.parseInt((_parsedUA$version$spl = parsedUA === null || parsedUA === void 0 ? void 0 : (_parsedUA$version = parsedUA.version) === null || _parsedUA$version === void 0 ? void 0 : _parsedUA$version.split('.')[0]) !== null && _parsedUA$version$spl !== void 0 ? _parsedUA$version$spl : '0', 10) || 0,
+    isWebPSupported: acceptHeader.includes('image/webp')
+  };
+  result.app = {
+    name: appName,
+    version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
+  };
+  result.imei = undefined; // TODO
+  result.accessToken = undefined; // TODO
+  result.os = parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.os;
+  if (typeof window !== 'undefined') {
+    result.screenSize = getScreenSize(window.innerWidth);
+  } else {
+    // estimate size over user agent, very inaccurate, could be improved by setting a cookie with the screensize
+    const screenSizeByUA = /mobi/i.test(userAgent) ? _IChaynsReact.ScreenSize.SM : _IChaynsReact.ScreenSize.XL;
+    result.screenSize = appName !== _IChaynsReact.AppName.Unknown ? _IChaynsReact.ScreenSize.XS : screenSizeByUA;
+  }
+  return result;
+};
+
+// Infos that are only available on client or iframe side
+const getClientDeviceInfo = () => {
+  return {
+    isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
+  };
+};
+exports.getClientDeviceInfo = getClientDeviceInfo;
+const getScreenSize = width => {
+  let value;
+  if (width > 1200) {
+    value = _IChaynsReact.ScreenSize.XL;
+  } else if (width > 993) {
+    value = _IChaynsReact.ScreenSize.LG;
+  } else if (width > 769) {
+    value = _IChaynsReact.ScreenSize.MD;
+  } else if (width > 556) {
+    value = _IChaynsReact.ScreenSize.SM;
+  } else {
+    value = _IChaynsReact.ScreenSize.XS;
+  }
+  return value;
+};
+exports.getScreenSize = getScreenSize;
+var _default = getDeviceInfo;
+exports.default = _default;

package/dist/cjs/util/heightHelper.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setTappHeight = void 0;
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const setTappHeight = setHeight => {
+  document.documentElement.style.overflow = 'hidden';
+  void setHeight(document.body.offsetHeight);
+  let oldHeight = 0;
+  const handleResize = () => {
+    const {
+      offsetHeight
+    } = document.body;
+    if (oldHeight !== offsetHeight) {
+      void setHeight(offsetHeight);
+      oldHeight = offsetHeight;
+    }
+  };
+  if (window.ResizeObserver) {
+    const interval = setInterval(handleResize, 200);
+    let firstResize = true;
+    const resizeObserver = new window.ResizeObserver((0, _lodash.default)(() => {
+      handleResize();
+      if (!firstResize) {
+        clearInterval(interval);
+      }
+      firstResize = false;
+    }, 16));
+    resizeObserver.observe(document.body);
+    setTimeout(() => {
+      clearInterval(interval);
+    }, 2000);
+  } else {
+    setInterval(handleResize, 200);
+  }
+};
+exports.setTappHeight = setTappHeight;

package/dist/cjs/util/postIframeForm.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = postIframeForm;
+async function postIframeForm(url, value, fieldName, frameId) {
+  // ToDo: Maybe remove this
+  await new Promise(resolve => {
+    setTimeout(resolve, 10);
+  });
+  if (!value || !document.querySelector(`#${frameId}`)) {
+    return false;
+  }
+  const currForm = document.getElementById('accessTokenForm');
+  if (currForm !== null && currForm !== void 0 && currForm.parentElement) {
+    currForm.parentElement.removeChild(currForm);
+  }
+  const form = document.createElement('form');
+  form.setAttribute('id', 'accessTokenForm');
+  form.setAttribute('method', 'post');
+  form.setAttribute('action', url);
+  form.setAttribute('target', frameId);
+  const hiddenField = document.createElement('input');
+  hiddenField.setAttribute('type', 'hidden');
+  hiddenField.setAttribute('name', fieldName);
+  hiddenField.setAttribute('value', value);
+  form.appendChild(hiddenField);
+  document.body.appendChild(form);
+  form.submit();
+  return true;
+}

package/dist/cjs/wrapper/AppWrapper.js

@@ -0,0 +1,244 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppWrapper = void 0;
+var _IChaynsReact = require("../types/IChaynsReact");
+var _appCall = _interopRequireDefault(require("../util/appCall"));
+var _deviceHelper = _interopRequireDefault(require("../util/deviceHelper"));
+var _visibilityChangeListener = require("../calls/visibilityChangeListener");
+var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class AppWrapper {
+  values = null;
+  accessToken = "";
+  mapOldApiToNew({
+    retVal
+  }) {
+    var _window, _window2, _AppInfo$TappSelected;
+    const {
+      AppInfo,
+      AppUser
+    } = retVal;
+    this.accessToken = AppUser.TobitAccessToken;
+    return {
+      device: (0, _deviceHelper.default)(navigator.userAgent, 'image/webp'),
+      environment: {
+        buildEnvironment: _IChaynsReact.Environment.Production,
+        runtimeEnvironment: _IChaynsReact.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: _IChaynsReact.Font.Roboto,
+          headlineFont: _IChaynsReact.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: _IChaynsReact.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: _IChaynsReact.IconType.Font,
+        customUrl: '',
+        isExclusive: x.isExclusiveView,
+        isHiddenFromMenu: x.isHiddenFromMenu,
+        minAge: null,
+        name: x.ShowName,
+        sortId: x.SortUID
+      }))
+    };
+  }
+  constructor() {}
+  counter = 0;
+  appCall(call) {
+    // generate uuid just in case multiple AppWrapper in one window
+    call.value.callback = `window.chaynsApiV5Callback_` + this.counter++;
+    (0, _appCall.default)(call);
+  }
+
+  // @ts-ignore
+  functions = {
+    getAccessToken: async accessToken => {
+      return {
+        accessToken: this.accessToken
+      };
+    },
+    // addGeoLocationListener: async (value , callback) => {
+    //     return invokeAppCall({
+    //         'action': 14,
+    //         'value': {
+    //             'permanent': false,
+    //             callback: callback
+    //         }
+    //     });
+    // },
+    // addScrollListener: async (value, callback) => {
+    //
+    // },
+    //   addVisibilityChangeListener: async (callback) => addVisibilityChangeListener(callback),
+    // addWindowMetricsListener: async (callback) => {
+    //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
+    //
+    //     if (shouldInitialize) {
+    //         window.addEventListener('resize', this.resizeListener = () => {
+    //             void (async() => {
+    //                 dispatchApiEvent('windowMetricsListener', {
+    //
+    //                 });
+    //             })();
+    //         })
+    //     }
+    //     return id;
+    // },
+    customCallbackFunction: async (type, data) => {},
+    // getAvailableSharingServices: async () => {
+    // },
+    // getGeoLocation: async (value) => {
+    // },
+    getUserInfo: async query => {
+      return (0, _getUserInfo.default)(this, query);
+    },
+    // getScrollPosition: async () => {
+    // },
+    // getWindowMetrics: async () => {
+    // },
+    invokeCall: async (value, callback) => {},
+    invokeDialogCall: async (value, callback) => {
+      const callbackName = `chaynsApiV5Callback_${this.counter++}`;
+      window[callbackName] = ({
+        retVal
+      }) => {
+        callback === null || callback === void 0 ? void 0 : callback(retVal);
+        delete window[callbackName];
+      };
+      const callObj = {
+        ...value,
+        value: {
+          ...value.value,
+          callback: callbackName
+        }
+      };
+      (0, _appCall.default)(callObj);
+    },
+    // login: async(value, callback, closeCallback) => {
+    // },
+    logout: async () => {},
+    navigateBack: async () => {},
+    openImage: async value => {},
+    openUrl: async value => {},
+    openVideo: async value => {},
+    refreshAccessToken: async () => {},
+    refreshData: async value => {},
+    removeGeoLocationListener: async id => {},
+    removeScrollListener: async id => {},
+    removeVisibilityChangeListener(number) {
+      (0, _visibilityChangeListener.removeVisibilityChangeListener)(number);
+      return Promise.resolve();
+    },
+    removeWindowMetricsListener: async id => {},
+    selectPage: async options => {},
+    scrollToY: async (position, duration) => {},
+    // sendMessageToGroup: async (groupId, message) => {
+    // },
+    // sendMessageToPage: async (message) => {
+    // },
+    // sendMessageToUser: async (userId, message) => {
+    // },
+    setAdminMode: async enabled => {},
+    // setDisplayTimeout: async (value) => {
+    // },
+    setFloatingButton: async (value, callback) => {},
+    setHeight: async value => {},
+    setOverlay: async (value, callback) => {},
+    setRefreshScrollEnabled: async isEnabled => {
+      (0, _appCall.default)({
+        action: 0,
+        value: {
+          enabled: isEnabled
+        }
+      });
+      return {
+        isEnabled
+      };
+    },
+    // setScanQrCode: async (value) => {
+    // },
+    setTempDesignSettings: async value => {},
+    setWaitCursor: async value => {},
+    storageGetItem: async (key, accessMode) => {},
+    storageRemoveItem: async (key, accessMode) => {},
+    storageSetItem: async (key, value, accessMode, tappIds) => {},
+    vibrate: async value => {}
+  };
+  async init() {
+    await new Promise(resolve => {
+      // @ts-ignore
+      window.globalDataCallback = data => {
+        this.values = this.mapOldApiToNew(data);
+        resolve(data);
+      };
+      (0, _appCall.default)({
+        action: 18,
+        value: {
+          callback: 'window.globalDataCallback'
+        }
+      });
+    });
+    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;
+  }
+}
+exports.AppWrapper = AppWrapper;