chayns-api 1.1.0-32 → 1.1.0-34

package/dist/cjs/calls/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.refreshData = exports.refreshAccessToken = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDevice = exports.getCurrentPage = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = void 0;
+exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.refreshData = exports.refreshAccessToken = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDevice = exports.getCurrentPage = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = void 0;
 var _moduleWrapper = require("../components/moduleWrapper");
 /**
  * This adds a listener to determine your location.
@@ -241,21 +241,29 @@ const storageSetItem = (...args) => _moduleWrapper.moduleWrapper.current.functio
  */
 exports.storageSetItem = storageSetItem;
 const vibrate = (...args) => _moduleWrapper.moduleWrapper.current.functions.vibrate(...args);
+
 /**
  * This method creates a dialog
  */
+// @ts-ignore
 exports.vibrate = vibrate;
-const createDialog = (...args) => _moduleWrapper.moduleWrapper.current.functions.createDialog(...args);
+const createDialog = config => _moduleWrapper.moduleWrapper.current.functions.createDialog(config);
 /**
  * Displays an overlay
  */
 exports.createDialog = createDialog;
 const setOverlay = (...args) => _moduleWrapper.moduleWrapper.current.functions.setOverlay(...args);
+
+/**
+ * Generates a temp accesstoken, only valid for short period of time (~3 days), works only when no user is logged in
+ */
+exports.setOverlay = setOverlay;
+const addAnonymousAccount = () => _moduleWrapper.moduleWrapper.current.functions.addAnonymousAccount();
 /**
  * Returns user information, only when user is logged in
  * @category User functions
  */
-exports.setOverlay = setOverlay;
+exports.addAnonymousAccount = addAnonymousAccount;
 const getUser = () => _moduleWrapper.moduleWrapper.current.values.user;
 exports.getUser = getUser;
 const getSite = () => _moduleWrapper.moduleWrapper.current.values.site;

package/dist/cjs/components/withHydrationBoundary.js

@@ -33,7 +33,7 @@ const withHydrationBoundary = (Component, initializer, useHydrationId) => {
           initialValue = JSON.parse($elem.innerHTML);
         }
       }
-      const s = initializer(initialValue);
+      const s = initializer(initialValue, id);
       if (!globalThis.window) {
         value[id] = s;
       }

package/dist/cjs/handler/DialogHandler.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 class DialogHandler {
   isOpen = false;
-  result = undefined;
   listeners = [];
   constructor(config, open, close, dispatchEvent, addDataListener) {
     this._open = open;
@@ -41,7 +40,7 @@ class DialogHandler {
       return;
     }
     this.isOpen = false;
-    this._close(this.dialogId, data);
+    this._close(this.dialogId, data, buttonType);
   }
   dispatchEvent(data) {
     if (!this.isOpen) {

package/dist/cjs/wrapper/AppWrapper.js

@@ -35,6 +35,7 @@ class AppWrapper {
     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);
@@ -51,6 +52,20 @@ class AppWrapper {
     if (!language) {
       language = _languages.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: (0, _deviceHelper.default)(navigator.userAgent, 'image/webp'),
       environment: {
@@ -78,7 +93,7 @@ class AppWrapper {
         },
         title: AppInfo.Title,
         colorMode: (_colorMode = colorMode) !== null && _colorMode !== void 0 ? _colorMode : AppInfo.colorMode,
-        color: AppInfo.color,
+        color,
         domain: AppInfo.domain,
         font: {
           id: _IChaynsReact.Font.Roboto,
@@ -94,7 +109,7 @@ class AppWrapper {
         firstName: AppUser.FirstName,
         lastName: AppUser.LastName,
         gender: _IChaynsReact.Gender.Unknown,
-        userId: AppUser.TobitUserID,
+        userId: userId,
         personId: AppUser.PersonID,
         uacGroups: []
       },
@@ -318,7 +333,7 @@ class AppWrapper {
       (0, _appCall.default)(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
       };
@@ -549,6 +564,9 @@ class AppWrapper {
           buttonType: -1
         });
       }
+    },
+    addAnonymousAccount: async () => {
+      return this.appCall(302);
     }
   };
   dialogs = [];
@@ -558,18 +576,17 @@ class AppWrapper {
   }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
-    const callbackName = `chaynsApiV5Callback_${this.counter++}`;
-    window.disablev4AccessTokenChangeListener = true;
-    window[callbackName] = ({
-      retVal: value
-    }) => {
-      this.mapOldApiToNew(value);
-    };
     this.appCall(66, {
       enabled: true,
-      callback: callbackName
-    }, {
-      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
+          }
+        }));
+      }
     });
     return undefined;
   }

package/dist/cjs/wrapper/FrameWrapper.js

@@ -296,7 +296,11 @@ class FrameWrapper {
         // this.exposedFunctions.removeDialogHostEventListener(0);
       }
     },
-    removeDialogClientEventListener: async () => {}
+    removeDialogClientEventListener: async () => {},
+    addAnonymousAccount: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.addAnonymousAccount();
+    }
   };
   initialized = false;
   constructor() {

package/dist/cjs/wrapper/StaticChaynsApi.js

@@ -17,6 +17,13 @@ class StaticChaynsApi {
       this[k] = v;
     });
   }
+  getUser = () => this._wrapper.values.user;
   getSite = () => this._wrapper.values.site;
+  getCurrentPage = () => this._wrapper.values.currentPage;
+  getDevice = () => this._wrapper.values.device;
+  getLanguage = () => this._wrapper.values.language;
+  getParameters = () => this._wrapper.values.parameters;
+  getPages = () => this._wrapper.values.pages;
+  getEnvironment = () => this._wrapper.values.environment;
 }
 var _default = exports.default = StaticChaynsApi;

package/dist/esm/calls/index.js

@@ -282,18 +282,23 @@ export const storageSetItem = function () {
 export const vibrate = function () {
   return moduleWrapper.current.functions.vibrate(...arguments);
 };
+
 /**
  * This method creates a dialog
  */
-export const createDialog = function () {
-  return moduleWrapper.current.functions.createDialog(...arguments);
-};
+// @ts-ignore
+export const createDialog = config => moduleWrapper.current.functions.createDialog(config);
 /**
  * Displays an overlay
  */
 export const setOverlay = function () {
   return moduleWrapper.current.functions.setOverlay(...arguments);
 };
+
+/**
+ * Generates a temp accesstoken, only valid for short period of time (~3 days), works only when no user is logged in
+ */
+export const addAnonymousAccount = () => moduleWrapper.current.functions.addAnonymousAccount();
 /**
  * Returns user information, only when user is logged in
  * @category User functions

package/dist/esm/components/withHydrationBoundary.js

@@ -26,7 +26,7 @@ const withHydrationBoundary = (Component, initializer, useHydrationId) => {
           initialValue = JSON.parse($elem.innerHTML);
         }
       }
-      const s = initializer(initialValue);
+      const s = initializer(initialValue, id);
       if (!globalThis.window) {
         value[id] = s;
       }

package/dist/esm/handler/DialogHandler.js

@@ -4,7 +4,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 export default class DialogHandler {
   constructor(config, open, close, dispatchEvent, addDataListener) {
     _defineProperty(this, "isOpen", false);
-    _defineProperty(this, "result", undefined);
     _defineProperty(this, "listeners", []);
     this._open = open;
     this._close = close;
@@ -38,7 +37,7 @@ export default class DialogHandler {
       return;
     }
     this.isOpen = false;
-    this._close(this.dialogId, data);
+    this._close(this.dialogId, data, buttonType);
   }
   dispatchEvent(data) {
     if (!this.isOpen) {

package/dist/esm/wrapper/AppWrapper.js

@@ -27,6 +27,7 @@ export class AppWrapper {
     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);
@@ -43,6 +44,20 @@ export class AppWrapper {
     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: {
@@ -70,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,
@@ -86,7 +101,7 @@ export class AppWrapper {
         firstName: AppUser.FirstName,
         lastName: AppUser.LastName,
         gender: Gender.Unknown,
-        userId: AppUser.TobitUserID,
+        userId: userId,
         personId: AppUser.PersonID,
         uacGroups: []
       },
@@ -274,7 +289,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
         };
@@ -505,6 +520,9 @@ export class AppWrapper {
             buttonType: -1
           });
         }
+      },
+      addAnonymousAccount: async () => {
+        return this.appCall(302);
       }
     });
     _defineProperty(this, "dialogs", []);
@@ -556,19 +574,17 @@ export class AppWrapper {
   }
   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
-    }, {
-      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
+          }
+        }));
+      }
     });
     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/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/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/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-32",
+    "version": "1.1.0-34",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",