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

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;

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -26,11 +26,8 @@ export class ModuleFederationWrapper {
     this.functions.sendMessageToGroup = async (groupId, object) => sendMessageToGroup(this, object, groupId);
     this.functions.sendMessageToPage = async object => sendMessageToPage(this, object);
     this.functions.sendMessageToUser = async (userId, object) => sendMessageToUser(this, object, userId);
-    Object.entries(functions).forEach(_ref => {
-      let [k, fn] = _ref;
-      this.functions[k] = async function () {
-        return fn(...arguments);
-      };
+    Object.entries(functions).forEach(([k, fn]) => {
+      this.functions[k] = async (...args) => fn(...args);
     });
     if (customFunctions) {
       this.customFunctions = customFunctions;

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -6,7 +6,7 @@ import { AppFlavor } from '../types/IChaynsReact';
 import getDeviceInfo from '../util/deviceHelper';
 import { AppWrapper } from './AppWrapper';
 import { FrameWrapper } from './FrameWrapper';
-import { ModuleFederationWrapper } from "./ModuleFederationWrapper";
+import { ModuleFederationWrapper } from './ModuleFederationWrapper';
 class StaticChaynsApi {
   constructor(values, functions) {
     var _deviceInfo$app;
@@ -34,10 +34,7 @@ class StaticChaynsApi {
     this._wrapper = wrapper;
     this.ready = wrapper.init();
     this.addDataListener = wrapper.addDataListener;
-    Object.entries(wrapper.functions).forEach(_ref => {
-      let [k, v] = _ref;
-      this[k] = v;
-    });
+    Object.assign(this, wrapper.functions);
   }
 }
 export default StaticChaynsApi;

package/dist/types/calls/dialogs/iFrame.d.ts

@@ -1,10 +1,16 @@
 import { DialogButtonOld } from "../../types/dialog";
-type iFrameDialog = {
+type IFrameDialog = {
     buttons?: DialogButtonOld[];
-    callType?: number;
-    tappIframeName?: string;
     url: string;
+    input?: object;
+    seamless?: boolean;
+    transparent?: boolean;
+    waitCursor?: boolean;
+    maxHeight?: string;
+    width?: number;
+    fullHeight?: boolean;
+    customTransitionTimeout?: number;
 };
-export declare function iFrame(dialog?: iFrameDialog): Promise<unknown>;
+export declare function iFrame(dialog?: IFrameDialog): Promise<unknown>;
 export declare function _chaynsCallResponder(obj: any): void;
 export {};

package/dist/types/calls/index.d.ts

@@ -65,6 +65,8 @@ export declare const getWindowMetrics: (...args: Parameters<ChaynsReactFunctions
 /** @internal */
 export declare const invokeCall: (...args: Parameters<ChaynsReactFunctions["invokeCall"]>) => Promise<any>;
 /** @internal */
+export declare const invokePaymentCall: (...args: Parameters<ChaynsReactFunctions["invokePaymentCall"]>) => Promise<unknown>;
+/** @internal */
 export declare const invokeDialogCall: (...args: Parameters<ChaynsReactFunctions["invokeDialogCall"]>) => Promise<any>;
 /**
  * This method will show a login dialog where the user has the opportunity to log in.

package/dist/types/host/module/utils/loadComponent.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export declare const loadModule: (scope: string, module: string, url: string, preventSingleton?: boolean) => any;
-declare const loadComponent: (scope: string, module: string, url: string, skipCompatMode?: boolean, preventSingleton?: boolean) => any;
+declare const loadComponent: (scope: string, module: string, url: string, skipCompatMode?: boolean, preventSingleton?: boolean) => React.LazyExoticComponent<React.ComponentType<any>>;
 export default loadComponent;

package/dist/types/plugins/SSRManifestPlugin.d.ts

@@ -1,5 +1,5 @@
-import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+import type { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
 /**
  * Adds SSR metadata and resolves public path when using manifest
  */
-export declare const SSRManifestPlugin: () => FederationRuntimePlugin;
+export declare const SSRManifestPlugin: () => ModuleFederationRuntimePlugin;

package/dist/types/plugins/SequentialLoadPlugin.d.ts

@@ -1,5 +1,5 @@
-import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+import type { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
 /**
  * Plugin to prevent parallel loading of shared dependencies
  */
-export declare const SequentialLoadPlugin: () => FederationRuntimePlugin;
+export declare const SequentialLoadPlugin: () => ModuleFederationRuntimePlugin;

package/dist/types/plugins/TrustedDomainsPlugins.d.ts

@@ -0,0 +1,2 @@
+import { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+export declare const TrustedDomainsPlugin: (trustedDomains?: string[]) => ModuleFederationRuntimePlugin;

package/dist/types/plugins/index.d.ts

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

package/dist/types/types/IChaynsReact.d.ts

@@ -259,7 +259,8 @@ export declare enum ScreenSize {
 }
 export declare enum AppFlavor {
     None = "none",
-    Chayns = "chayns"
+    Chayns = "chayns",
+    Electron = "electron"
 }
 export type ChaynsApiDevice = {
     app?: {
@@ -372,6 +373,7 @@ export interface ChaynsReactFunctions {
     getScrollPosition: () => Promise<ScrollListenerResult>;
     getWindowMetrics: () => Promise<WindowMetricsListenerResult>;
     invokeCall: (value: InvokeCall, callback?: (result: any) => void) => Promise<any>;
+    invokePaymentCall: <T>(value: InvokeCall, callback?: (result: T) => void) => Promise<T>;
     invokeDialogCall: (value: InvokeCall, callback?: (result: any) => void) => Promise<any>;
     login: (value?: Login, callback?: (result: boolean) => void, closeCallback?: () => void) => Promise<LoginResult>;
     logout: () => Promise<void>;
@@ -612,14 +614,11 @@ export interface DesignSettingsUpdateCover {
     type: DesignSettingsUpdateCoverTypes;
     urls: string[];
 }
-export declare enum DesignSettingsUpdateColorSchemeMode {
-    Normal = 0,
-    Dark = 1,
-    Bright = 2
-}
 export interface DesignSettingsUpdateColorScheme {
     color: string;
-    mode: DesignSettingsUpdateColorSchemeMode;
+    /** @deprecated use colorMode instead */
+    mode: ColorMode;
+    colorMode: ColorMode;
 }
 export interface DesignSettingsUpdateGlobalSettings {
     useChatHead?: boolean;
@@ -701,11 +700,28 @@ export declare enum LoginState {
     SUCCESS = 4
 }
 export interface LoginResult {
+    /** @deprecated Check buttonType instead **/
     loginState: LoginState;
-}
-export interface Login {
-    ignoreAuthenticated: boolean;
-}
+    buttonType: DialogButtonType;
+    token?: string;
+    confirmationToken?: string;
+    authCode?: string;
+    redirectUri?: string;
+}
+export type Login = BaseDialog & DialogModule<{
+    preventLogin?: boolean;
+    restore?: number;
+    tokenType?: number;
+    /**
+     * SiteId for which site the token should be generated.
+     * @warning Only works when tokenLocationId is defined too
+     **/
+    tokenSiteId?: string;
+    /**
+     * @warning Only works when tokenSiteId is defined too
+     */
+    tokenLocationId?: number;
+}>;
 export interface InvokeCall {
     action: number;
     value?: object;
@@ -906,7 +922,8 @@ export declare enum AppName {
     Sidekick = 7,
     Team = 8,
     CityApp = 9,
-    ElectronChayns = 10
+    ElectronChayns = 10,
+    ElectronTeam = 11
 }
 export declare enum BrowserName {
     Unknown = "unknown",

package/dist/types/util/is.d.ts

@@ -3,3 +3,4 @@ export declare const isAppCallSupported: ({ minAndroidVersion, minIOSVersion }:
     minAndroidVersion?: number | undefined;
     minIOSVersion?: number | undefined;
 }) => boolean;
+export declare const isElectron: () => boolean;

package/dist/types/wrapper/StaticChaynsApi.d.ts

@@ -1,9 +1,73 @@
-import { DataChangeCallback } from '../types/IChaynsReact';
-declare class StaticChaynsApi {
+import { ChaynsReactFunctions, ChaynsReactValues, DataChangeCallback } from '../types/IChaynsReact';
+declare class StaticChaynsApi implements ChaynsReactFunctions {
+    addGeoLocationListener: ChaynsReactFunctions['addGeoLocationListener'];
+    addScrollListener: ChaynsReactFunctions['addScrollListener'];
+    addVisibilityChangeListener: ChaynsReactFunctions['addVisibilityChangeListener'];
+    addToolbarChangeListener: ChaynsReactFunctions['addToolbarChangeListener'];
+    addWindowMetricsListener: ChaynsReactFunctions['addWindowMetricsListener'];
+    customCallbackFunction: ChaynsReactFunctions['customCallbackFunction'];
+    getAvailableSharingServices: ChaynsReactFunctions['getAvailableSharingServices'];
+    getAccessToken: ChaynsReactFunctions['getAccessToken'];
+    getCustomCookie: ChaynsReactFunctions['getCustomCookie'];
+    getGeoLocation: ChaynsReactFunctions['getGeoLocation'];
+    getUserInfo: ChaynsReactFunctions['getUserInfo'];
+    getScrollPosition: ChaynsReactFunctions['getScrollPosition'];
+    getWindowMetrics: ChaynsReactFunctions['getWindowMetrics'];
+    invokeCall: ChaynsReactFunctions['invokeCall'];
+    invokePaymentCall: ChaynsReactFunctions['invokePaymentCall'];
+    invokeDialogCall: ChaynsReactFunctions['invokeDialogCall'];
+    login: ChaynsReactFunctions['login'];
+    logout: ChaynsReactFunctions['logout'];
+    navigateBack: ChaynsReactFunctions['navigateBack'];
+    openImage: ChaynsReactFunctions['openImage'];
+    openUrl: ChaynsReactFunctions['openUrl'];
+    openVideo: ChaynsReactFunctions['openVideo'];
+    openMedia: ChaynsReactFunctions['openMedia'];
+    refreshData: ChaynsReactFunctions['refreshData'];
+    refreshAccessToken: ChaynsReactFunctions['refreshAccessToken'];
+    removeGeoLocationListener: ChaynsReactFunctions['removeGeoLocationListener'];
+    removeScrollListener: ChaynsReactFunctions['removeScrollListener'];
+    removeVisibilityChangeListener: ChaynsReactFunctions['removeVisibilityChangeListener'];
+    removeToolbarChangeListener: ChaynsReactFunctions['removeToolbarChangeListener'];
+    removeWindowMetricsListener: ChaynsReactFunctions['removeWindowMetricsListener'];
+    selectPage: ChaynsReactFunctions['selectPage'];
+    scrollToY: ChaynsReactFunctions['scrollToY'];
+    sendMessageToGroup: ChaynsReactFunctions['sendMessageToGroup'];
+    sendMessageToPage: ChaynsReactFunctions['sendMessageToPage'];
+    sendMessageToUser: ChaynsReactFunctions['sendMessageToUser'];
+    setAdminMode: ChaynsReactFunctions['setAdminMode'];
+    setCustomCookie: ChaynsReactFunctions['setCustomCookie'];
+    setDisplayTimeout: ChaynsReactFunctions['setDisplayTimeout'];
+    setFloatingButton: ChaynsReactFunctions['setFloatingButton'];
+    setHeight: ChaynsReactFunctions['setHeight'];
+    setRefreshScrollEnabled: ChaynsReactFunctions['setRefreshScrollEnabled'];
+    setScanQrCode: ChaynsReactFunctions['setScanQrCode'];
+    setTempDesignSettings: ChaynsReactFunctions['setTempDesignSettings'];
+    setWaitCursor: ChaynsReactFunctions['setWaitCursor'];
+    storageGetItem: ChaynsReactFunctions['storageGetItem'];
+    storageRemoveItem: ChaynsReactFunctions['storageRemoveItem'];
+    storageSetItem: ChaynsReactFunctions['storageSetItem'];
+    vibrate: ChaynsReactFunctions['vibrate'];
+    scrollByY: ChaynsReactFunctions['scrollByY'];
+    setOverlay: ChaynsReactFunctions['setOverlay'];
+    createDialog: ChaynsReactFunctions['createDialog'];
+    openDialog: ChaynsReactFunctions['openDialog'];
+    closeDialog: ChaynsReactFunctions['closeDialog'];
+    setDialogResult: ChaynsReactFunctions['setDialogResult'];
+    dispatchEventToDialogClient: ChaynsReactFunctions['dispatchEventToDialogClient'];
+    addDialogClientEventListener: ChaynsReactFunctions['addDialogClientEventListener'];
+    removeDialogClientEventListener: ChaynsReactFunctions['removeDialogClientEventListener'];
+    dispatchEventToDialogHost: ChaynsReactFunctions['dispatchEventToDialogHost'];
+    addDialogHostEventListener: ChaynsReactFunctions['addDialogHostEventListener'];
+    removeDialogHostEventListener: ChaynsReactFunctions['removeDialogHostEventListener'];
+    addAnonymousAccount: ChaynsReactFunctions['addAnonymousAccount'];
+    addAccessTokenChangeListener: ChaynsReactFunctions['addAccessTokenChangeListener'];
+    removeAccessTokenChangeListener: ChaynsReactFunctions['removeAccessTokenChangeListener'];
+    redirect: ChaynsReactFunctions['redirect'];
     ready: Promise<void>;
     addDataListener: (cb: DataChangeCallback) => () => void;
     private _wrapper;
-    constructor(values: any, functions: any);
+    constructor(values?: ChaynsReactValues, functions?: ChaynsReactFunctions);
     getUser: () => import("../types/IChaynsReact").ChaynsApiUser | undefined;
     getSite: () => import("../types/IChaynsReact").ChaynsApiSite;
     getCurrentPage: () => {
@@ -30,6 +94,6 @@ declare class StaticChaynsApi {
     };
     getStyleSettings: () => import("../types/IChaynsReact").ChaynsStyleSettings | undefined;
     getCustomFunction: (key: string) => (...args: any[]) => Promise<any>;
-    getDialogInput: () => any;
+    getDialogInput: <T>() => T;
 }
 export default StaticChaynsApi;

package/eslint.config.mjs

@@ -0,0 +1,3 @@
+import config from '@chayns-toolkit/eslint-config';
+
+export default config;

package/package.json

@@ -1,10 +1,13 @@
 {
     "name": "chayns-api",
-    "version": "2.6.0-beta.1",
+    "version": "2.6.0-beta.3",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
     "types": "dist/types/index.d.ts",
+    "repository": {
+        "url": "git+https://github.com/TobitSoftware/chayns-api.git"
+    },
     "exports": {
         ".": {
             "types": "./dist/types/index.d.ts",
@@ -13,6 +16,9 @@
             "default": "./dist/esm/index.js"
         }
     },
+    "sideEffects": [
+        "**/utils/transferNestedFunctions.*"
+    ],
     "keywords": [
         "chayns",
         "chayns-toolkit",
@@ -44,40 +50,44 @@
         "extends": "@chayns-toolkit"
     },
     "dependencies": {
-        "@module-federation/enhanced": "^0.10.0",
+        "@module-federation/enhanced": "^0.21.6",
         "comlink": "4.3.1",
         "htmlescape": "^1.1.1",
         "lodash.throttle": "^4.1.1",
-        "ua-parser-js": "^1.0.40",
-        "use-sync-external-store": "^1.4.0"
+        "ua-parser-js": "^1.0.41",
+        "use-sync-external-store": "^1.6.0"
     },
     "devDependencies": {
-        "@babel/cli": "^7.26.4",
-        "@babel/core": "^7.26.9",
-        "@babel/preset-env": "^7.26.9",
-        "@babel/preset-react": "^7.26.3",
-        "@babel/preset-typescript": "^7.26.0",
-        "@chayns-toolkit/eslint-config": "^2.0.0",
-        "@rsbuild/plugin-umd": "^1.0.4",
+        "@babel/cli": "^7.28.3",
+        "@babel/core": "^7.28.5",
+        "@babel/preset-env": "^7.28.5",
+        "@babel/preset-react": "^7.28.5",
+        "@babel/preset-typescript": "^7.28.5",
+        "@chayns-toolkit/eslint-config": "^3.0.2",
+        "@rsbuild/plugin-umd": "^1.0.5",
         "@types/htmlescape": "^1.1.3",
         "@types/lodash.throttle": "^4.1.9",
-        "@types/prop-types": "^15.7.14",
-        "@types/react": "^18.3.18",
-        "@types/react-dom": "^18.3.5",
+        "@types/prop-types": "^15.7.15",
+        "@types/react": "^18.3.27",
+        "@types/react-dom": "^18.3.7",
         "@types/ua-parser-js": "^0.7.39",
-        "@types/use-sync-external-store": "^0.0.6",
-        "@typescript-eslint/parser": "^7.6.0",
-        "chayns-toolkit": "^3.2.6",
-        "concurrently": "^9.1.2",
-        "cross-env": "^7.0.3",
-        "prettier": "^3.5.3",
-        "prettier-plugin-packagejson": "^2.5.10",
+        "@types/use-sync-external-store": "^1.5.0",
+        "chayns-toolkit": "^3.3.6",
+        "concurrently": "^9.2.1",
+        "cross-env": "^10.1.0",
+        "prettier": "^3.7.4",
+        "prettier-plugin-packagejson": "^2.5.20",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "typescript": "^5.8.2"
+        "typescript": "^5.9.3"
     },
     "peerDependencies": {
         "react": "^16.8 || ^17.0.1 || ^18.0.0 || ^19.0.0",
         "react-dom": "^16.8 || ^17.0.1 || ^18.0.0 || ^19.0.0"
+    },
+    "overrides": {
+        "chayns-toolkit": {
+            "@module-federation/enhanced": "^0.21.6"
+        }
     }
 }

package/{toolkit.config.js → toolkit.config.ts}

@@ -1,7 +1,8 @@
-const { buildToolkitConfig } = require('chayns-toolkit');
-const { pluginUmd } = require('@rsbuild/plugin-umd');
+/* eslint-disable no-param-reassign,import/no-extraneous-dependencies */
+import { buildToolkitConfig } from 'chayns-toolkit';
+import { pluginUmd } from '@rsbuild/plugin-umd';
 
-module.exports = buildToolkitConfig({
+export default buildToolkitConfig({
     development: {
         host: '0.0.0.0',
         port: 8081,
@@ -18,9 +19,11 @@ module.exports = buildToolkitConfig({
         path: 'dist',
     },
     webpack(config) {
+        config.plugins ??= [];
         config.plugins.push(pluginUmd({
             name: 'ChaynsApi',
         }));
+        config.output ??= {};
         config.output.sourceMap = false;
         return config;
     },

package/tsconfig.json

@@ -52,5 +52,6 @@
     // "experimentalDecorators": true,      /* Enables experimental support for ES7 decorators. */
     // "emitDecoratorMetadata": true,       /* Enables experimental support for emitting type metadata for decorators. */
   },
+  "include": ["src"],
   "exclude": ["node_modules", "**/*.spec.ts", "**/*.spec.tsx", "dist"]
 }

package/.eslintrc

@@ -1,17 +0,0 @@
-{
-    "extends": "@chayns-toolkit",
-    "rules": {
-        "no-void": "off",
-        "react/function-component-definition": [
-            "error",
-            {
-                "namedComponents": "arrow-function",
-                "unnamedComponents": "arrow-function"
-            }
-        ],
-        "@typescript-eslint/require-await": "off",
-        "@typescript-eslint/no-explicit-any": "off",
-        "class-methods-use-this": "off",
-        "react/jsx-props-no-spreading": "off"
-    }
-}