chayns-api 2.6.0-beta.2 → 2.6.0-beta.3

package/dist/esm/host/ChaynsHost.js

@@ -1,30 +1,29 @@
 import React, { startTransition, useEffect, useState } from 'react';
 import HostIframe from './iframe/HostIframe';
 import ModuleHost from './module/ModuleHost';
-const ChaynsHost = _ref => {
-  let {
-    type,
-    iFrameProps,
-    functions,
-    customFunctions,
-    src,
-    iFrameRef = undefined,
-    loadingComponent = undefined,
-    system,
-    pages,
-    language,
-    isAdminModeActive,
-    site,
-    user,
-    currentPage,
-    device,
-    parameters,
-    customData,
-    environment,
-    preventStagingReplacement,
-    dialog,
-    styleSettings
-  } = _ref;
+const ChaynsHost = ({
+  type,
+  iFrameProps,
+  functions,
+  customFunctions,
+  src,
+  iFrameRef = undefined,
+  loadingComponent = undefined,
+  system,
+  pages,
+  language,
+  isAdminModeActive,
+  site,
+  user,
+  currentPage,
+  device,
+  parameters,
+  customData,
+  environment,
+  preventStagingReplacement,
+  dialog,
+  styleSettings
+}) => {
   const [isVisible, setIsVisible] = useState(type !== 'client-module' && (type !== 'server-module' || !!(system !== null && system !== void 0 && system.serverUrl)));
   useEffect(() => {
     if (isVisible) return;

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

@@ -4,28 +4,27 @@ import * as comlink from 'comlink';
 import postIframeForm from '../../util/postIframeForm';
 import useUpdateData from './utils/useUpdateData';
 import { replaceStagingUrl } from "../../util/url";
-const HostIframe = _ref => {
-  let {
-    iFrameProps,
-    src,
-    postForm = false,
-    iFrameRef,
-    pages,
-    isAdminModeActive,
-    site,
-    user,
-    currentPage,
-    functions,
-    customFunctions,
-    device,
-    language,
-    parameters,
-    environment,
-    customData,
-    preventStagingReplacement,
-    dialog,
-    styleSettings
-  } = _ref;
+const HostIframe = ({
+  iFrameProps,
+  src,
+  postForm = false,
+  iFrameRef,
+  pages,
+  isAdminModeActive,
+  site,
+  user,
+  currentPage,
+  functions,
+  customFunctions,
+  device,
+  language,
+  parameters,
+  environment,
+  customData,
+  preventStagingReplacement,
+  dialog,
+  styleSettings
+}) => {
   const eventTarget = useRef();
   const ref = useRef();
   const currentDataRef = useRef();

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

@@ -2,12 +2,11 @@ import React, { useContext, useMemo } from 'react';
 import { ModuleContext } from '../../constants/moduleContext';
 import loadComponent from './utils/loadComponent';
 import { replaceStagingUrl } from "../../util/url";
-const System = _ref => {
-  let {
-    system,
-    fallback,
-    ...props
-  } = _ref;
+const System = ({
+  system,
+  fallback,
+  ...props
+}) => {
   const Component = useMemo(() => loadComponent(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
   if (!globalThis.window) {
     var _system$scope, _moduleContext$_syste;
@@ -22,26 +21,25 @@ const System = _ref => {
     fallback: fallback || ''
   }, React.createElement(Component, props));
 };
-const ModuleHost = _ref2 => {
-  let {
-    system,
-    children = null,
-    functions,
-    customFunctions,
-    pages,
-    isAdminModeActive,
-    site,
-    user,
-    currentPage,
-    device,
-    language,
-    parameters,
-    customData,
-    dialog,
-    environment,
-    preventStagingReplacement,
-    styleSettings
-  } = _ref2;
+const ModuleHost = ({
+  system,
+  children = null,
+  functions,
+  customFunctions,
+  pages,
+  isAdminModeActive,
+  site,
+  user,
+  currentPage,
+  device,
+  language,
+  parameters,
+  customData,
+  dialog,
+  environment,
+  preventStagingReplacement,
+  styleSettings
+}) => {
   const data = useMemo(() => {
     const result = {
       site,

package/dist/esm/host/module/utils/loadComponent.js

@@ -1,6 +1,5 @@
 import React from "react";
-export const loadModule = function (scope, module, url) {
-  let preventSingleton = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+export const loadModule = (scope, module, url, preventSingleton = false) => {
   if (!globalThis.moduleFederationRuntime || !globalThis.moduleFederationScopes) {
     throw new Error('[chayns-api] moduleFederationSharing has not been initialized. Make sure to call initModuleFederationSharing.');
   }
@@ -43,9 +42,7 @@ export const loadModule = function (scope, module, url) {
   }
   return moduleMap[scope][module];
 };
-const loadComponent = function (scope, module, url) {
-  let skipCompatMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  let preventSingleton = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+const loadComponent = (scope, module, url, skipCompatMode = false, preventSingleton = false) => {
   if (skipCompatMode) {
     console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
   }
@@ -53,7 +50,6 @@ const loadComponent = function (scope, module, url) {
     throw new Error('[chayns-api] moduleFederationSharing has not been initialized. Make sure to call initModuleFederationSharing.');
   }
   const {
-    loadShareSync,
     getInstance
   } = globalThis.moduleFederationRuntime;
   const {
@@ -69,21 +65,7 @@ const loadComponent = function (scope, module, url) {
       if (typeof Module.default === 'function') {
         return Module;
       }
-      const shareScopes = typeof getInstance === 'function' ? getInstance().shareScopeMap : await new Promise(resolve => {
-        loadShareSync('react', {
-          resolver: shareOptions => {
-            const optionsMap = shareOptions.reduce((p, e) => {
-              p[e.version] = e;
-              e.version;
-              return p;
-            }, {});
-            resolve({
-              'chayns-api': optionsMap
-            });
-            return shareOptions[0];
-          }
-        });
-      });
+      const shareScopes = getInstance().shareScopeMap;
       const sharedReact = (_shareScopes$chaynsA = shareScopes['chayns-api'].react) === null || _shareScopes$chaynsA === void 0 ? void 0 : _shareScopes$chaynsA[React.version];
       const matchReactVersion = sharedReact && sharedReact.useIn.includes(scope) && ((_sharedReact$lib = sharedReact.lib) === null || _sharedReact$lib === void 0 ? void 0 : _sharedReact$lib.call(sharedReact)) === React;
       if (!matchReactVersion || Module.default.environment !== 'production' || (Module.default.version || 1) < 2) {

package/dist/esm/plugins/TrustedDomainsPlugins.js

@@ -0,0 +1,25 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class TrustedDomainsError extends Error {
+  constructor(entry) {
+    super('Remote entry ' + entry + ' is not in trusted domains');
+    _defineProperty(this, "name", 'TrustedDomainsError');
+  }
+}
+export const TrustedDomainsPlugin = (trustedDomains = []) => {
+  return {
+    name: 'trusted-domains',
+    beforeRequest(args) {
+      args.options.remotes.forEach(remote => {
+        if ('entry' in remote) {
+          const parsed = new URL(remote.entry);
+          if (!trustedDomains.some(domain => parsed.hostname.endsWith(domain))) {
+            throw new TrustedDomainsError(remote.entry);
+          }
+        }
+      });
+      return args;
+    }
+  };
+};

package/dist/esm/plugins/index.js

@@ -1 +1,2 @@
-export { SSRManifestPlugin } from './SSRManifestPlugin';
+export { SSRManifestPlugin } from './SSRManifestPlugin';
+export { TrustedDomainsPlugin } from './TrustedDomainsPlugins';

package/dist/esm/types/IChaynsReact.js

@@ -60,6 +60,7 @@ export let ScreenSize = function (ScreenSize) {
 export let AppFlavor = function (AppFlavor) {
   AppFlavor["None"] = "none";
   AppFlavor["Chayns"] = "chayns";
+  AppFlavor["Electron"] = "electron";
   return AppFlavor;
 }({});
 export let AccessMode = function (AccessMode) {
@@ -135,12 +136,6 @@ export let DesignSettingsUpdateCoverTypes = function (DesignSettingsUpdateCoverT
   DesignSettingsUpdateCoverTypes[DesignSettingsUpdateCoverTypes["None"] = 4] = "None";
   return DesignSettingsUpdateCoverTypes;
 }({});
-export let DesignSettingsUpdateColorSchemeMode = function (DesignSettingsUpdateColorSchemeMode) {
-  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Normal"] = 0] = "Normal";
-  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Dark"] = 1] = "Dark";
-  DesignSettingsUpdateColorSchemeMode[DesignSettingsUpdateColorSchemeMode["Bright"] = 2] = "Bright";
-  return DesignSettingsUpdateColorSchemeMode;
-}({});
 export let DesignSettingsUpdateTappViewModes = function (DesignSettingsUpdateTappViewModes) {
   DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Normal"] = 0] = "Normal";
   DesignSettingsUpdateTappViewModes[DesignSettingsUpdateTappViewModes["Exclusive"] = 1] = "Exclusive";
@@ -251,6 +246,7 @@ export let AppName = function (AppName) {
   AppName[AppName["Team"] = 8] = "Team";
   AppName[AppName["CityApp"] = 9] = "CityApp";
   AppName[AppName["ElectronChayns"] = 10] = "ElectronChayns";
+  AppName[AppName["ElectronTeam"] = 11] = "ElectronTeam";
   return AppName;
 }({});
 export let BrowserName = function (BrowserName) {

package/dist/esm/util/appStorage.js

@@ -7,8 +7,7 @@ export function isAppStorageAvailable() {
   }
   return ((_this$values$device$a2 = this.values.device.app) === null || _this$values$device$a2 === void 0 ? void 0 : _this$values$device$a2.appVersion) >= (['iOS', 'Mac OS'].includes(this.values.device.os) ? 1046 : 1033);
 }
-export function getAppStorageItem(storeName, key) {
-  let callbackPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'chaynsApiV5Callback';
+export function getAppStorageItem(storeName, key, callbackPrefix = 'chaynsApiV5Callback') {
   const callbackName = `${callbackPrefix}_${this.counter++}`;
   return new Promise(resolve => {
     window[callbackName] = (_key, _storeName, value) => {
@@ -31,8 +30,7 @@ export function getAppStorageItem(storeName, key) {
     }
   });
 }
-export function setAppStorageItem(storeName, key, value) {
-  let callbackPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'chaynsApiV5Callback';
+export function setAppStorageItem(storeName, key, value, callbackPrefix = 'chaynsApiV5Callback') {
   const callbackName = `${callbackPrefix}_${this.counter++}`;
   return new Promise((resolve, reject) => {
     window[callbackName] = () => {
@@ -70,8 +68,7 @@ export function clearAppStorage(storeName) {
     window.chaynsWebViewStorage.chaynsDataErase(storeName);
   }
 }
-export async function addAppStorageListener(storeName, prefix, callback) {
-  let callbackPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'chaynsApiV5Callback';
+export async function addAppStorageListener(storeName, prefix, callback, callbackPrefix = 'chaynsApiV5Callback') {
   const callbackName = `${callbackPrefix}_${this.counter++}`;
   const {
     shouldInitialize

package/dist/esm/util/deviceHelper.js

@@ -1,32 +1,44 @@
 import { UAParser } from 'ua-parser-js';
 import { AppFlavor, AppName, ScreenSize } from '../types/IChaynsReact';
-const getDeviceInfo = function (userAgent, acceptHeader) {
+const getDeviceInfo = (userAgent, acceptHeader, {
+  imei
+} = {}) => {
   var _match$groups, _match$groups2, _customMatch$groups, _browser$version$spli, _browser$version, _uaParser$getOS, _uaParser$getOS2, _uaParser$getOS3;
-  let {
-    imei
-  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const uaParser = new UAParser(userAgent);
   let appName = AppName.Unknown;
-  const match = /(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
-  const customMatch = /\s(?<name>intercom|sidekick|team|cityApp|electron-chayns|electron-d3sc)\/(?<version>\d+)/i.exec(userAgent);
+  let appFlavor = AppFlavor.None;
+  const match = /(?:^|\s)(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
+  const customMatch = /\s(?<name>intercom|sidekick|team|cityApp|electron-chayns|electron-d3sc|electron-team)\/(?<version>\d+)/i.exec(userAgent);
   if (/\sintercom\/\d+/i.test(userAgent)) {
     appName = AppName.TobitChat;
+    appFlavor = AppFlavor.Chayns;
   } else if (/\ssidekick\/\d+/i.test(userAgent)) {
     appName = AppName.Sidekick;
+    appFlavor = AppFlavor.Chayns;
   } else if (/\steam\/\d+/i.test(userAgent)) {
     appName = AppName.Team;
+    appFlavor = AppFlavor.Chayns;
   } else if (/\scityApp\/\d+/i.test(userAgent)) {
     appName = AppName.CityApp;
+    appFlavor = AppFlavor.Chayns;
   } else if ((match === null || match === void 0 || (_match$groups = match.groups) === null || _match$groups === void 0 ? void 0 : _match$groups.siteId) === '60021-08989') {
     appName = AppName.Chayns;
+    appFlavor = AppFlavor.Chayns;
   } else if ((match === null || match === void 0 || (_match$groups2 = match.groups) === null || _match$groups2 === void 0 ? void 0 : _match$groups2.siteId) === '77892-10814') {
     appName = AppName.David;
+    appFlavor = AppFlavor.Chayns;
   } else if (match) {
     appName = AppName.Location;
+    appFlavor = AppFlavor.Chayns;
   } else if (/dface|h96pp|h96max|jabiru|chaynsterminal|wayter|odroidn2p|chayns-runtime-custom/i.test(userAgent)) {
     appName = AppName.ChaynsLauncher;
+    appFlavor = AppFlavor.Chayns;
   } else if (/electron-chayns|electron-d3sc/i.test(userAgent)) {
     appName = AppName.ElectronChayns;
+    appFlavor = AppFlavor.Electron;
+  } else if (/electron-team/i.test(userAgent)) {
+    appName = AppName.ElectronTeam;
+    appFlavor = AppFlavor.Electron;
   }
   let appVersion = match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN;
   if (customMatch !== null && customMatch !== void 0 && (_customMatch$groups = customMatch.groups) !== null && _customMatch$groups !== void 0 && _customMatch$groups.version) {
@@ -42,7 +54,7 @@ const getDeviceInfo = function (userAgent, acceptHeader) {
   };
   result.app = {
     name: appName,
-    flavor: appName === AppName.Unknown || appName === AppName.ElectronChayns ? AppFlavor.None : AppFlavor.Chayns,
+    flavor: appFlavor,
     version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN,
     appVersion,
     callVersion: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
@@ -56,7 +68,7 @@ const getDeviceInfo = function (userAgent, acceptHeader) {
     result.isTouch = getClientDeviceInfo().isTouch;
   } else {
     const screenSizeByUA = /mobi/i.test(userAgent) ? ScreenSize.SM : ScreenSize.XL;
-    result.screenSize = appName !== AppName.Unknown && appName !== AppName.ElectronChayns ? ScreenSize.XS : screenSizeByUA;
+    result.screenSize = appFlavor === AppFlavor.Chayns ? ScreenSize.XS : screenSizeByUA;
   }
   return result;
 };

package/dist/esm/util/initModuleFederationSharing.js

@@ -5,11 +5,10 @@ let ReactDOMClient;
 try {
   ReactDOMClient = require('react-dom/client');
 } catch (e) {}
-export const initModuleFederationSharing = _ref => {
-  let {
-    name,
-    plugins = []
-  } = _ref;
+export const initModuleFederationSharing = ({
+  name,
+  plugins = []
+}) => {
   if (globalThis.moduleFederationRuntime) {
     return;
   }
@@ -20,7 +19,7 @@ export const initModuleFederationSharing = _ref => {
     componentMap: {}
   };
   const {
-    init
+    createInstance
   } = globalThis.moduleFederationRuntime;
   const shared = {
     react: {
@@ -41,7 +40,7 @@ export const initModuleFederationSharing = _ref => {
       lib: () => ReactDOMClient
     };
   }
-  init({
+  createInstance({
     name: name !== null && name !== void 0 ? name : '',
     remotes: [],
     shared,

package/dist/esm/util/is.js

@@ -1,15 +1,14 @@
 import { getDevice } from '../calls';
-import { AppName } from '../types/IChaynsReact';
+import { AppFlavor } from '../types/IChaynsReact';
 export const isApp = () => {
-  var _getDevice$app$name, _getDevice$app;
-  return ((_getDevice$app$name = (_getDevice$app = getDevice().app) === null || _getDevice$app === void 0 ? void 0 : _getDevice$app.name) !== null && _getDevice$app$name !== void 0 ? _getDevice$app$name : AppName.Unknown) !== AppName.Unknown;
+  var _getDevice$app;
+  return ((_getDevice$app = getDevice().app) === null || _getDevice$app === void 0 ? void 0 : _getDevice$app.flavor) === AppFlavor.Chayns;
 };
-export const isAppCallSupported = _ref => {
+export const isAppCallSupported = ({
+  minAndroidVersion = 1,
+  minIOSVersion = 1
+}) => {
   var _device$app;
-  let {
-    minAndroidVersion = 1,
-    minIOSVersion = 1
-  } = _ref;
   if (!isApp()) return false;
   const device = getDevice();
   if (!((_device$app = device.app) !== null && _device$app !== void 0 && _device$app.callVersion) || isNaN(device.app.callVersion)) return false;
@@ -20,4 +19,8 @@ export const isAppCallSupported = _ref => {
     return device.app.callVersion >= minAndroidVersion;
   }
   return false;
+};
+export const isElectron = () => {
+  var _getDevice$app2;
+  return ((_getDevice$app2 = getDevice().app) === null || _getDevice$app2 === void 0 ? void 0 : _getDevice$app2.flavor) === AppFlavor.Electron;
 };

package/dist/esm/util/transferNestedFunctions.js

@@ -6,8 +6,7 @@ Comlink.transferHandlers.set("FUNCTION", {
   serialize(obj) {
     obj._functionKeys = [];
     const ports = [];
-    Object.entries(obj).forEach(_ref => {
-      let [k, v] = _ref;
+    Object.entries(obj).forEach(([k, v]) => {
       if (typeof v === 'function') {
         const {
           port1,

package/dist/esm/wrapper/AppWrapper.js

@@ -4,6 +4,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import throttle from 'lodash.throttle';
 import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
+import { DefaultLoginDialogOptions } from '../constants';
 import { DeviceLanguage } from '../constants/languages';
 import DialogHandler from '../handler/DialogHandler';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
@@ -12,7 +13,6 @@ import invokeAppCall from '../util/appCall';
 import { addAppStorageListener, clearAppStorage, isAppStorageAvailable, setAppStorageItem } from '../util/appStorage';
 import getDeviceInfo, { getScreenSize } from '../util/deviceHelper';
 import { isAppCallSupported } from '../util/is';
-import { DefaultLoginDialogOptions } from '../constants';
 export class AppWrapper {
   async loadStyleSettings(siteId) {
     try {
@@ -145,7 +145,6 @@ export class AppWrapper {
     };
   }
   constructor() {
-    var _this = this;
     _defineProperty(this, "values", null);
     _defineProperty(this, "accessToken", '');
     _defineProperty(this, "listeners", []);
@@ -297,12 +296,16 @@ export class AppWrapper {
           callback
         });
       },
+      invokePaymentCall: 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;
+        window[callbackName] = ({
+          retVal
+        }) => {
           callback === null || callback === void 0 || callback(retVal);
           delete window[callbackName];
         };
@@ -315,20 +318,18 @@ export class AppWrapper {
         };
         invokeAppCall(callObj);
       },
-      login: async function () {
-        let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        let callback = arguments.length > 1 ? arguments[1] : undefined;
-        let closeCallback = arguments.length > 2 ? arguments[2] : undefined;
+      login: async (value = {}, callback, closeCallback) => {
         const {
           result,
           buttonType
-        } = await _this.functions.createDialog({
+        } = await this.functions.createDialog({
           ...DefaultLoginDialogOptions,
           ...value
         }).open();
         if (buttonType === DialogButtonType.OK && result.token) {
           const response = {
             loginState: LoginState.SUCCESS,
+            buttonType,
             ...result
           };
           if (callback) callback(response);
@@ -336,6 +337,7 @@ export class AppWrapper {
         }
         const response = {
           loginState: LoginState.LoginFailed,
+          buttonType,
           ...result
         };
         if (closeCallback) closeCallback(response);
@@ -431,8 +433,7 @@ export class AppWrapper {
             url.pathname += `/${options.path}`;
           }
           if (options.params) {
-            Object.entries(options.params).forEach(_ref2 => {
-              let [k, v] = _ref2;
+            Object.entries(options.params).forEach(([k, v]) => {
               url.searchParams.set(k, v);
             });
           }
@@ -612,9 +613,8 @@ export class AppWrapper {
         });
         return currentDialogId;
       },
-      closeDialog: function (dialogId, result) {
-        let buttonType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
-        const dialog = _this.dialogs.find(x => x.dialogId === dialogId);
+      closeDialog: (dialogId, result, buttonType = -1) => {
+        const dialog = this.dialogs.find(x => x.dialogId === dialogId);
         if (dialog) {
           dialog.resolve({
             buttonType,
@@ -684,12 +684,10 @@ export class AppWrapper {
   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] : {};
+  appCall(action, value = {}, {
+    callback,
+    awaitResult = true
+  } = {}) {
     if (!awaitResult) {
       invokeAppCall({
         action,
@@ -742,10 +740,9 @@ export class AppWrapper {
     this.appCall(254, {
       enabled: true
     }, {
-      callback: _ref3 => {
-        let {
-          colorMode
-        } = _ref3;
+      callback: ({
+        colorMode
+      }) => {
         this.values = {
           ...this.values,
           site: {

package/dist/esm/wrapper/FrameWrapper.js

@@ -9,7 +9,6 @@ import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../cal
 import { setTappHeight } from '../util/heightHelper';
 export class FrameWrapper {
   constructor() {
-    var _this = this;
     _defineProperty(this, "resolve", null);
     _defineProperty(this, "exposedFunctions", null);
     _defineProperty(this, "exposedCustomFunctions", {});
@@ -33,7 +32,7 @@ export class FrameWrapper {
         if (!this.initialized) await this.ready;
         try {
           return await this.exposedFunctions.addVisibilityChangeListener(comlink.proxy(result => callback(result)));
-        } catch (ex) {
+        } catch {
           return addVisibilityChangeListener(callback);
         }
       },
@@ -83,6 +82,10 @@ export class FrameWrapper {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.invokeCall(value, callback && comlink.proxy(result => callback(result)));
       },
+      invokePaymentCall: async (value, callback) => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.invokePaymentCall(value, callback && comlink.proxy(result => callback(result)));
+      },
       invokeDialogCall: async (value, callback) => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.invokeDialogCall(value, callback && comlink.proxy(result => callback(result)));
@@ -299,13 +302,10 @@ export class FrameWrapper {
         if (p in target) {
           return target[p];
         }
-        return target[p] = async function () {
-          if (!_this.initialized) await _this.ready;
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
+        return target[p] = async (...args) => {
+          if (!this.initialized) await this.ready;
           const wrappedArgs = args.map(v => typeof v === 'function' ? comlink.proxy(v) : v);
-          return _this.exposedCustomFunctions[p](...wrappedArgs);
+          return this.exposedCustomFunctions[p](...wrappedArgs);
         };
       }
     }));
@@ -325,15 +325,13 @@ export class FrameWrapper {
     }
   }
   async init() {
-    var _await$exposed$_custo,
-      _this2 = this;
+    var _await$exposed$_custo;
     if (this.initialized) return;
     const exposed = comlink.wrap(comlink.windowEndpoint(window.parent))[window.name];
-    const dataListener = () => exposed.addDataListener(comlink.proxy(_ref => {
-      let {
-        type,
-        value
-      } = _ref;
+    const dataListener = () => exposed.addDataListener(comlink.proxy(({
+      type,
+      value
+    }) => {
       if (this.initialized) {
         this.values = {
           ...this.values,
@@ -361,12 +359,7 @@ export class FrameWrapper {
     this.exposedCustomFunctions = exposed.customFunctions;
     this.exposedCustomFunctionNames = (_await$exposed$_custo = await exposed._customFunctionNames) !== null && _await$exposed$_custo !== void 0 ? _await$exposed$_custo : [];
     this.customFunctions = this.exposedCustomFunctionNames.reduce((p, e) => {
-      p[e] = function () {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-        return _this2.exposedCustomFunctions[e](...args.map(a => typeof a === 'function' ? comlink.proxy(a) : a));
-      };
+      p[e] = (...args) => this.exposedCustomFunctions[e](...args.map(a => typeof a === 'function' ? comlink.proxy(a) : a));
       return p;
     }, {});
     this.initialized = true;