chayns-api 1.1.0-9 → 1.2.0-0

package/dist/esm/util/transferNestedFunctions.js

@@ -24,8 +24,11 @@ Comlink.transferHandlers.set("FUNCTION", {
   },
   deserialize(obj) {
     obj._functionKeys.forEach(x => {
-      obj[x].start();
-      obj[x] = Comlink.wrap(obj[x]);
+      // under certain conditions deserialize can be called more than once on same object
+      if (obj[x] instanceof MessagePort) {
+        obj[x].start();
+        obj[x] = Comlink.wrap(obj[x]);
+      }
     });
     return obj;
   }

package/dist/esm/util/url.js

@@ -1,6 +1,6 @@
-import { Environment } from "../types/IChaynsReact";
+import { Environment } from '../types/IChaynsReact';
 export const replaceStagingUrl = (prevent, url, environment) => {
-  if (prevent) return url;
+  if (prevent || !url) return url;
   let replacedUrl = url;
   if (environment === Environment.Qa || environment === Environment.Development) {
     replacedUrl = replacedUrl.replace('tapp.chayns-static.space', 'tapp-dev.chayns-static.space');

package/dist/esm/wrapper/AppWrapper.js

@@ -12,19 +12,22 @@ import getDeviceInfo, { getScreenSize } from '../util/deviceHelper';
 import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
+import { DeviceLanguage } from '../constants/languages';
 let appWrapperDialogId = 0;
 export class AppWrapper {
   mapOldApiToNew(retVal) {
     var _window, _colorMode, _window2, _AppInfo$TappSelected;
     const {
       AppInfo,
-      AppUser
+      AppUser,
+      Device
     } = retVal;
     this.accessToken = AppUser.TobitAccessToken;
     const urlParams = new URLSearchParams(location.search);
     const urlParamsLowerCase = new URLSearchParams(location.search.toLowerCase());
     let tappId = urlParamsLowerCase.get('tappid');
     let colorMode = urlParamsLowerCase.get('colormode');
+    let color = AppInfo.color;
     if (colorMode) {
       try {
         colorMode = Number.parseInt(colorMode, 10);
@@ -37,6 +40,24 @@ export class AppWrapper {
         // ignore
       }
     }
+    let language = AppInfo.Language;
+    if (!language) {
+      language = DeviceLanguage[Number.parseInt(Device === null || Device === void 0 ? void 0 : Device.LanguageID, 10)] || 'de';
+    }
+    if (!color && urlParamsLowerCase.has('color')) {
+      color = urlParamsLowerCase.get('color');
+      if (!color.startsWith('#')) {
+        color = `#${color}`;
+      }
+    }
+    let userId = AppUser.TobitUserID;
+    if (typeof userId === 'string') {
+      try {
+        userId = Number.parseInt(userId, 10);
+      } catch {
+        // ignore
+      }
+    }
     return {
       device: getDeviceInfo(navigator.userAgent, 'image/webp'),
       environment: {
@@ -44,12 +65,11 @@ export class AppWrapper {
         runtimeEnvironment: RuntimeEnviroment.Unknown
       },
       language: {
-        site: AppInfo.Language,
+        site: language,
         translation: null,
-        device: AppInfo.Language,
-        active: AppInfo.Language
+        device: language,
+        active: language
       },
-      // ToDo: Find better way to detect
       site: {
         id: AppInfo.SiteID,
         locationId: AppInfo.LocationID,
@@ -65,7 +85,7 @@ export class AppWrapper {
         },
         title: AppInfo.Title,
         colorMode: (_colorMode = colorMode) !== null && _colorMode !== void 0 ? _colorMode : AppInfo.colorMode,
-        color: AppInfo.color,
+        color,
         domain: AppInfo.domain,
         font: {
           id: Font.Roboto,
@@ -81,14 +101,14 @@ export class AppWrapper {
         firstName: AppUser.FirstName,
         lastName: AppUser.LastName,
         gender: Gender.Unknown,
-        userId: AppUser.TobitUserID,
+        userId: userId,
         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) || tappId,
+        id: tappId || ((_AppInfo$TappSelected = AppInfo.TappSelected) === null || _AppInfo$TappSelected === void 0 ? void 0 : _AppInfo$TappSelected.TappID),
         siteId: AppInfo.SiteID
       },
       pages: AppInfo.Tapps.map(x => ({
@@ -105,6 +125,7 @@ export class AppWrapper {
     };
   }
   constructor() {
+    var _this = this;
     _defineProperty(this, "values", null);
     _defineProperty(this, "accessToken", '');
     _defineProperty(this, "counter", 0);
@@ -269,7 +290,7 @@ export class AppWrapper {
         invokeAppCall(callObj);
       },
       login: async (value, callback, closeCallback) => {
-        const res = await this.appCall({}, callback);
+        const res = await this.appCall(54, value);
         return {
           loginState: res === null || res === void 0 ? void 0 : res.loginState
         };
@@ -321,7 +342,8 @@ export class AppWrapper {
           shouldRemove
         } = removeApiListener('geoLocationListener', id);
         if (shouldRemove) {
-          // App does not support removal of request geo location call with permanent true which makes this a no-op
+          // App does not support removal of request geo location call with permanent true which makes this a
+          // no-op
         }
       },
       removeScrollListener: async id => {
@@ -476,44 +498,44 @@ export class AppWrapper {
         });
       },
       createDialog: config => {
-        return new DialogHandler(config, this.functions.openDialog, this.functions.closeDialog);
+        return new DialogHandler(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);
       },
       openDialog: async (config, callback) => {
         const currentDialogId = appWrapperDialogId++;
-        const eventTarget = new EventTarget();
-        const resolve = result => {
+        this.appCall(184, {
+          dialogContent: {
+            apiVersion: 5,
+            config
+          },
+          externalDialogUrl: 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
+        }, {
+          awaitResult: true
+        }).then(result => {
           callback(result);
-          this.dispatchDialogChange(this.dialogs.filter(x => x.dialogId !== currentDialogId));
-        };
-        this.dispatchDialogChange([...this.dialogs, {
-          config,
-          resolve,
-          dialogId: currentDialogId,
-          eventTarget
-        }]);
+        });
         return currentDialogId;
       },
-      closeDialog: dialogId => {
-        const dialog = this.dialogs.find(x => x.dialogId === dialogId);
+      closeDialog: function (dialogId, result) {
+        let buttonType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+        const dialog = _this.dialogs.find(x => x.dialogId === dialogId);
         if (dialog) {
           dialog.resolve({
-            buttonType: -1
+            buttonType,
+            result
           });
         }
+      },
+      dispatchEventToDialogClient: () => this.notImplemented('dispatchEventToDialogClient'),
+      addDialogClientEventListener: () => this.notImplemented('addDialogClientEventListener'),
+      addAnonymousAccount: async () => {
+        return this.appCall(302);
       }
     });
     _defineProperty(this, "dialogs", []);
-    _defineProperty(this, "dialogEventTarget", new EventTarget());
   }
   notImplemented(call) {
     console.warn(`call ${call} not implement in app`);
   }
-  dispatchDialogChange(detail) {
-    this.dialogs = detail;
-    this.dialogEventTarget.dispatchEvent(new CustomEvent('change', {
-      detail
-    }));
-  }
   appCall(action) {
     let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     let {
@@ -546,24 +568,42 @@ export class AppWrapper {
       });
     });
   }
-  getDialogEventTarget() {
-    return this.dialogEventTarget;
-  }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
-    const callbackName = `chaynsApiV5Callback_${this.counter++}`;
-    window.disablev4AccessTokenChangeListener = true;
-    window[callbackName] = _ref2 => {
-      let {
-        retVal: value
-      } = _ref2;
-      this.mapOldApiToNew(value);
-    };
     this.appCall(66, {
-      enabled: true,
-      callback: callbackName
+      enabled: true
     }, {
-      awaitResult: false
+      callback: async () => {
+        this.values = this.mapOldApiToNew(await this.appCall(18));
+        document.dispatchEvent(new CustomEvent('chayns_api_data', {
+          detail: {
+            type: 'user',
+            value: this.values.user
+          }
+        }));
+      },
+      awaitResult: true
+    });
+    window.disablev4DesignSettingsChangeListener = true;
+    this.appCall(254, {
+      enabled: true
+    }, {
+      callback: _ref2 => {
+        let {
+          colorMode
+        } = _ref2;
+        this.values.site = {
+          ...this.values.site,
+          colorMode
+        };
+        document.dispatchEvent(new CustomEvent('chayns_api_data', {
+          detail: {
+            type: 'site',
+            value: this.values.site
+          }
+        }));
+      },
+      awaitResult: true
     });
     return undefined;
   }

package/dist/esm/wrapper/FrameWrapper.js

@@ -290,7 +290,11 @@ export class FrameWrapper {
           // this.exposedFunctions.removeDialogHostEventListener(0);
         }
       },
-      removeDialogClientEventListener: async () => {}
+      removeDialogClientEventListener: async () => {},
+      addAnonymousAccount: async () => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.addAnonymousAccount();
+      }
     });
     _defineProperty(this, "initialized", false);
     const initialDataTag = document.querySelector('#__CHAYNS_DATA__');

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -5,7 +5,14 @@ import { moduleWrapper } from '../components/moduleWrapper';
 import { FrameWrapper } from './FrameWrapper';
 class StaticChaynsApi {
   constructor() {
+    _defineProperty(this, "getUser", () => this._wrapper.values.user);
     _defineProperty(this, "getSite", () => this._wrapper.values.site);
+    _defineProperty(this, "getCurrentPage", () => this._wrapper.values.currentPage);
+    _defineProperty(this, "getDevice", () => this._wrapper.values.device);
+    _defineProperty(this, "getLanguage", () => this._wrapper.values.language);
+    _defineProperty(this, "getParameters", () => this._wrapper.values.parameters);
+    _defineProperty(this, "getPages", () => this._wrapper.values.pages);
+    _defineProperty(this, "getEnvironment", () => this._wrapper.values.environment);
     const wrapper = new FrameWrapper();
     moduleWrapper.current = wrapper;
     this._wrapper = wrapper;

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

@@ -200,11 +200,15 @@ export declare const vibrate: (value: import("../types/IChaynsReact").Vibrate) =
 /**
  * This method creates a dialog
  */
-export declare const createDialog: (config: import("../types/IChaynsReact").Dialog) => import("..").DialogHandler;
+export declare const createDialog: ChaynsReactFunctions["createDialog"];
 /**
  * Displays an overlay
  */
 export declare const setOverlay: (value: import("../types/IChaynsReact").ShowOverlay, callback: () => void) => Promise<void>;
+/**
+ * Generates a temp accesstoken, only valid for short period of time (~3 days), works only when no user is logged in
+ */
+export declare const addAnonymousAccount: () => Promise<import("../types/IChaynsReact").AnonymousAccountResult>;
 /**
  * Returns user information, only when user is logged in
  * @category User functions

package/dist/types/components/withHydrationBoundary.d.ts

@@ -8,7 +8,7 @@ type HydrationComponent = React.FC<{
     value: StoreLikeValue;
     children?: React.ReactNode;
 }>;
-type Initializer = (initialValue: object | undefined) => StoreLikeValue;
+type Initializer = (initialValue: object | undefined, id: string) => StoreLikeValue;
 type HydrationBoundary = React.FC<{
     id?: string;
     children?: React.ReactNode;

package/dist/types/constants/languages.d.ts

@@ -0,0 +1,12 @@
+export declare enum DeviceLanguage {
+    de = 1,
+    en = 2,
+    fr = 3,
+    it = 4,
+    nl = 5,
+    es = 6,
+    pt = 7,
+    tr = 8,
+    pl = 9,
+    uk = 10
+}

package/dist/types/handler/DialogHandler.d.ts

@@ -1,4 +1,4 @@
-export default class DialogHandler {
+export default class DialogHandler<S = void, T extends any = void> {
     private dialogId;
     private isOpen;
     private result;
@@ -9,10 +9,16 @@ export default class DialogHandler {
     private readonly _addDataListener;
     private readonly listeners;
     constructor(config: any, open: any, close: any, dispatchEvent: any, addDataListener: any);
-    open(): Promise<unknown>;
+    open(): Promise<{
+        buttonType: number;
+        result: T extends undefined ? S : T;
+    }>;
     close(buttonType: any, data: any): void;
     dispatchEvent(data: object): void;
     addDataListener(listener: (data: any) => void): void;
     removeDataListener(listener: (data: any) => void): void;
-    getResult(): any;
+    getResult(): {
+        buttonType: number;
+        result: T extends undefined ? S : T;
+    } | undefined;
 }

package/dist/types/hooks/useCurrentPage.d.ts

@@ -1,4 +1,7 @@
 /**
  * @category Hooks
  */
-export declare const useCurrentPage: () => any;
+export declare const useCurrentPage: () => {
+    id: number;
+    siteId: string;
+};

package/dist/types/hooks/useCustomData.d.ts

@@ -1,4 +1,4 @@
 /**
  * @category Hooks
  */
-export declare const useCustomData: () => any;
+export declare const useCustomData: <T extends unknown>() => T;

package/dist/types/host/ChaynsHost.d.ts

@@ -11,7 +11,6 @@ type ChaynsHostType = {
     src?: string;
     iFrameRef?: React.MutableRefObject<HTMLIFrameElement | null> | undefined;
     loadingComponent?: JSX.Element;
-    children?: JSX.Element;
     system?: TypeSystem;
     pages: Page[];
     isAdminModeActive: boolean;

package/dist/types/host/module/ModuleHost.d.ts

@@ -3,6 +3,7 @@ import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, Ch
 export type TypeSystem = {
     scope: string;
     url: string;
+    serverUrl?: string;
     module: string;
     preventSingleton?: boolean;
 };

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

@@ -1 +1,3 @@
-export default function loadComponent(scope: any, module: any, url: any, skipCompatMode?: boolean, preventSingleton?: boolean): any;
+export declare const loadModule: (scope: any, module: any, url: any, preventSingleton?: boolean) => any;
+declare const loadComponent: (scope: any, module: any, url: any, skipCompatMode?: boolean, preventSingleton?: boolean) => any;
+export default loadComponent;

package/dist/types/index.d.ts

@@ -11,7 +11,7 @@ export * from './components/withCompatMode';
 export * from './constants';
 export { default as withHydrationBoundary } from './components/withHydrationBoundary';
 export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';
-export { default as loadComponent } from './host/module/utils/loadComponent';
+export { default as loadComponent, loadModule } from './host/module/utils/loadComponent';
 export { default as DialogHandler } from './handler/DialogHandler';
 export * as dialog from './calls/dialogs/index';
 export * from './types/IChaynsReact';

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

@@ -61,23 +61,25 @@ export interface BaseDialog {
         config?: any;
     };
 }
-export type Dialog = BaseDialog & (DialogAlert | DialogConfirm | DialogInput | DialogModule | DialogIFrame | DialogSelect | DialogDate | DialogToast | DialogFileSelect | DialogSignature);
+export type Dialog<T extends any = object> = BaseDialog & (DialogAlert | DialogConfirm | DialogInput | DialogModule<T> | DialogIFrame<T> | DialogSelect | DialogDate | DialogToast | DialogSignature | DialogFileSelect);
 export interface DialogSignature {
     type: DialogType.SIGNATURE;
 }
-export interface DialogModule {
+export interface DialogModule<T extends any = object> {
     type: DialogType.MODULE;
     system: {
         url: string;
         module: string;
         scope: string;
     };
-    dialogInput: object;
+    dialogInput?: T;
+    backgroundColor?: string;
 }
-export interface DialogIFrame {
+export interface DialogIFrame<T extends any = object> {
     type: DialogType.IFRAME;
     url: string;
-    dialogInput: object;
+    dialogInput?: T;
+    backgroundColor?: string;
 }
 export declare enum DialogInputType {
     NUMBER = "number",
@@ -88,8 +90,8 @@ export declare enum DialogInputType {
 }
 export interface DialogInput {
     type: DialogType.INPUT;
-    placeholder: string;
-    inputType: DialogInputType;
+    placeholder?: string;
+    inputType?: DialogInputType;
     defaultValue?: string;
     formatter?: (input: string) => string;
 }
@@ -104,7 +106,11 @@ export type DialogSelectListItemType = {
     disabled?: boolean;
     isSelected?: boolean;
     url?: string;
+    /**
+     * @deprecated Use {@link icon} instead
+     */
     className?: string;
+    icon?: string;
 };
 export interface DialogSelect {
     type: DialogType.SELECT;
@@ -216,6 +222,30 @@ export interface ChaynsReactValues {
         isClosingRequested: boolean;
     };
 }
+export interface DialogResultFile {
+    blockDownload?: boolean;
+    contentType: string;
+    filename: string;
+    id: number;
+    key: string;
+    modifyTime: string;
+    personId: string;
+    protected?: boolean;
+    size: number;
+    url: string;
+}
+type DialogResultValue<T> = {
+    [DialogType.INPUT]: string;
+    [DialogType.SELECT]: number[];
+    [DialogType.CONFIRM]: void;
+    [DialogType.ALERT]: void;
+    [DialogType.DATE]: Date;
+    [DialogType.FILE_SELECT]: DialogResultFile[];
+    [DialogType.IFRAME]: T;
+    [DialogType.MODULE]: T;
+    [DialogType.SIGNATURE]: string;
+    [DialogType.TOAST]: void;
+};
 /**
  * @ignore
  */
@@ -275,7 +305,7 @@ export interface ChaynsReactFunctions {
     vibrate: (value: Vibrate) => Promise<void>;
     scrollByY: (position: number, duration?: number) => Promise<void>;
     setOverlay: (value: ShowOverlay, callback: () => void) => Promise<void>;
-    createDialog: (config: Dialog) => DialogHandler;
+    createDialog: <I extends any = undefined, T extends any = undefined, Z extends Dialog<I> = Dialog<I>>(config: Z) => DialogHandler<DialogResultValue<T>[Z["type"]], T>;
     openDialog: (value: any, callback: (data: any) => any) => Promise<any>;
     closeDialog: (dialogId: number) => Promise<void>;
     setDialogResult: (buttonType: DialogButtonType, result: any) => Promise<void>;
@@ -285,6 +315,7 @@ export interface ChaynsReactFunctions {
     dispatchEventToDialogHost: (data: object) => Promise<void>;
     addDialogHostEventListener: (callback: (data: object) => void) => Promise<number>;
     removeDialogHostEventListener: (id: number) => Promise<void>;
+    addAnonymousAccount: () => Promise<AnonymousAccountResult>;
 }
 export type DialogResult = {
     open: () => Promise<any>;
@@ -813,4 +844,7 @@ export declare enum DialogIconType {
     WarningIcon = "%%DialogWarningIcon%%",
     ErrorIcon = "%%DialogErrorIcon%%"
 }
+export type AnonymousAccountResult = {
+    token: string;
+};
 export {};

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

@@ -5,7 +5,6 @@ export declare class AppWrapper implements IChaynsReact {
     mapOldApiToNew(retVal: any): ChaynsReactValues;
     constructor();
     notImplemented(call: string): void;
-    private dispatchDialogChange;
     counter: number;
     appCall(action: any, value?: unknown, { callback, awaitResult }?: {
         callback: any;
@@ -13,8 +12,6 @@ export declare class AppWrapper implements IChaynsReact {
     }): Promise<unknown> | undefined;
     functions: ChaynsReactFunctions;
     private dialogs;
-    dialogEventTarget: EventTarget;
-    getDialogEventTarget(): EventTarget;
     init(): Promise<undefined>;
     getSSRData(): null;
     addDataListener(cb: DataChangeCallback): CleanupCallback;

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

@@ -4,6 +4,13 @@ declare class StaticChaynsApi {
     addDataListener: (cb: DataChangeCallback) => () => void;
     private _wrapper;
     constructor();
+    getUser: () => any;
     getSite: () => any;
+    getCurrentPage: () => any;
+    getDevice: () => any;
+    getLanguage: () => any;
+    getParameters: () => any;
+    getPages: () => any;
+    getEnvironment: () => any;
 }
 export default StaticChaynsApi;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.1.0-9",
+    "version": "1.2.0-0",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -42,7 +42,7 @@
         "extends": "@chayns-toolkit"
     },
     "dependencies": {
-        "@module-federation/runtime": "^0.1.6",
+        "@module-federation/runtime": "^0.1.13",
         "@types/semver": "^7.5.8",
         "comlink": "4.3.1",
         "detect-browser": "^5.2.1",