chayns-api 1.1.0-2 → 1.1.0-21

package/dist/esm/wrapper/AppWrapper.js

@@ -1,6 +1,6 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
 /* eslint-disable */
 // @ts-nocheck
 
@@ -12,15 +12,37 @@ 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, _window2, _AppInfo$TappSelected;
+    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');
+    if (colorMode) {
+      try {
+        colorMode = Number.parseInt(colorMode, 10);
+      } catch {}
+    }
+    if (tappId) {
+      try {
+        tappId = Number.parseInt(tappId, 10);
+      } catch {
+        // ignore
+      }
+    }
+    let language = AppInfo.Language;
+    if (!language) {
+      language = DeviceLanguage[Number.parseInt(Device === null || Device === void 0 ? void 0 : Device.LanguageID, 10)] || 'de';
+    }
     return {
       device: getDeviceInfo(navigator.userAgent, 'image/webp'),
       environment: {
@@ -28,12 +50,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,
@@ -48,7 +69,7 @@ export class AppWrapper {
           docked: false
         },
         title: AppInfo.Title,
-        colorMode: AppInfo.colorMode,
+        colorMode: (_colorMode = colorMode) !== null && _colorMode !== void 0 ? _colorMode : AppInfo.colorMode,
         color: AppInfo.color,
         domain: AppInfo.domain,
         font: {
@@ -60,7 +81,7 @@ export class AppWrapper {
         locationPersonId: AppInfo.LocationPersonId,
         urlHash: (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.location.hash.replace('#', '')
       },
-      parameters: Object.fromEntries(new URLSearchParams(location.search)),
+      parameters: Object.fromEntries(urlParams),
       user: {
         firstName: AppUser.FirstName,
         lastName: AppUser.LastName,
@@ -72,7 +93,7 @@ export class AppWrapper {
       customData: null,
       isAdminModeActive: AppUser.AdminMode,
       currentPage: {
-        id: (_AppInfo$TappSelected = AppInfo.TappSelected) === null || _AppInfo$TappSelected === void 0 ? void 0 : _AppInfo$TappSelected.TappID,
+        id: ((_AppInfo$TappSelected = AppInfo.TappSelected) === null || _AppInfo$TappSelected === void 0 ? void 0 : _AppInfo$TappSelected.TappID) || tappId,
         siteId: AppInfo.SiteID
       },
       pages: AppInfo.Tapps.map(x => ({
@@ -106,12 +127,13 @@ export class AppWrapper {
             permanent: true
           }, {
             callback: v => {
-              var _v$accuracy, _v$code;
+              var _v$accuracy, _v$isAccurate, _v$code;
               dispatchApiEvent('geoLocationListener', {
                 latitude: v.latitude,
                 longitude: v.longitude,
                 accuracy: (_v$accuracy = v.accuracy) !== null && _v$accuracy !== void 0 ? _v$accuracy : null,
                 speed: v.speed,
+                isAccurate: (_v$isAccurate = v.isAccurate) !== null && _v$isAccurate !== void 0 ? _v$isAccurate : null,
                 code: (_v$code = v.code) !== null && _v$code !== void 0 ? _v$code : null
               });
             }
@@ -157,6 +179,23 @@ export class AppWrapper {
         }
         return id;
       },
+      addToolbarChangeListener: async callback => {
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('toolbarChangeListener', callback);
+        if (shouldInitialize) {
+          this.appCall(293, {}, {
+            callback: v => {
+              dispatchApiEvent('toolbarChangeListener', {
+                isVisible: v.isVisible,
+                toolbarHeight: v.toolbarHeight
+              });
+            }
+          });
+        }
+        return id;
+      },
       addWindowMetricsListener: async callback => {
         const {
           id,
@@ -182,13 +221,15 @@ export class AppWrapper {
         };
       },
       getGeoLocation: async () => {
+        var _res$accuracy, _res$isAccurate, _res$code;
         const res = await this.appCall(14);
         return {
           latitude: res.latitude,
           longitude: res.longitude,
           speed: res.speed,
-          code: res.code,
-          isAccurate: res.isAccurate
+          accuracy: (_res$accuracy = res.accuracy) !== null && _res$accuracy !== void 0 ? _res$accuracy : null,
+          isAccurate: (_res$isAccurate = res.isAccurate) !== null && _res$isAccurate !== void 0 ? _res$isAccurate : null,
+          code: (_res$code = res.code) !== null && _res$code !== void 0 ? _res$code : null
         };
       },
       getUserInfo: async query => {
@@ -220,7 +261,7 @@ export class AppWrapper {
           let {
             retVal
           } = _ref;
-          callback === null || callback === void 0 ? void 0 : callback(retVal);
+          callback === null || callback === void 0 || callback(retVal);
           delete window[callbackName];
         };
         const callObj = {
@@ -250,6 +291,7 @@ export class AppWrapper {
       },
       openImage: async value => {
         this.appCall(4, {
+          urls: value.items.map(x => x.url),
           items: value.items.map(x => ({
             url: x.url,
             title: x.title,
@@ -304,6 +346,14 @@ export class AppWrapper {
           // App does not support removal of onActivate callback which makes this a no-op
         }
       },
+      removeToolbarChangeListener: async id => {
+        const {
+          shouldRemove
+        } = removeApiListener('toolbarChangeListener', id);
+        if (shouldRemove) {
+          // App does not support removal of onToolbarBarRemove callback which makes this a no-op
+        }
+      },
       removeWindowMetricsListener: async id => {
         const shouldRemove = removeApiListener('windowMetricsListener', id);
         if (shouldRemove) {
@@ -317,7 +367,7 @@ export class AppWrapper {
           id: options.id,
           showName: options.showName,
           position: options.position,
-          params: options.params
+          params: new URLSearchParams(options.params).toString() || undefined
         }, {
           awaitResult: false
         });
@@ -506,6 +556,20 @@ 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
+    });
     return undefined;
   }
   getSSRData() {

package/dist/esm/wrapper/FrameWrapper.js

@@ -1,6 +1,6 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import * as comlink from 'comlink';
 import DialogHandler from '../handler/DialogHandler';
@@ -28,6 +28,10 @@ export class FrameWrapper {
         return this.exposedFunctions.addScrollListener(value, callback && comlink.proxy(result => callback(result)));
       },
       addVisibilityChangeListener: async callback => addVisibilityChangeListener(callback),
+      addToolbarChangeListener: async callback => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.addToolbarChangeListener(callback && comlink.proxy(result => callback(result)));
+      },
       addWindowMetricsListener: async callback => {
         if (!this.initialized) await this.ready;
         const {
@@ -99,6 +103,10 @@ export class FrameWrapper {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.openImage(value);
       },
+      openMedia: async value => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.openMedia(value);
+      },
       openUrl: async value => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.openUrl(value);
@@ -136,6 +144,10 @@ export class FrameWrapper {
           this.resizeListener = null;
         }
       },
+      removeToolbarChangeListener: async id => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.removeToolbarChangeListener(id);
+      },
       selectPage: async options => {
         if (!this.initialized) await this.ready;
         await this.exposedFunctions.selectPage(options);
@@ -240,9 +252,9 @@ export class FrameWrapper {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.openDialog(config, comlink.proxy(callback));
       },
-      setDialogResult: async result => {
+      setDialogResult: async (buttonType, result) => {
         if (!this.initialized) await this.ready;
-        return this.exposedFunctions.setDialogResult(result);
+        return this.exposedFunctions.setDialogResult(buttonType, result);
       },
       dispatchEventToDialogClient: async (dialogId, data) => {
         if (!this.initialized) await this.ready;
@@ -297,7 +309,6 @@ export class FrameWrapper {
       if (this.initialized) {
         this.values[type] = value;
       }
-      this.values[type] = value;
       document.dispatchEvent(new CustomEvent('chayns_api_data', {
         detail: {
           type,

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -0,0 +1,20 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+import { moduleWrapper } from '../components/moduleWrapper';
+import { FrameWrapper } from './FrameWrapper';
+class StaticChaynsApi {
+  constructor() {
+    _defineProperty(this, "getSite", () => this._wrapper.values.site);
+    const wrapper = new FrameWrapper();
+    moduleWrapper.current = wrapper;
+    this._wrapper = wrapper;
+    this.ready = wrapper.init();
+    this.addDataListener = wrapper.addDataListener;
+    Object.entries(wrapper.functions).forEach(_ref => {
+      let [k, v] = _ref;
+      this[k] = v;
+    });
+  }
+}
+export default StaticChaynsApi;

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

@@ -19,6 +19,11 @@ export declare const addScrollListener: (value: {
  * @category Event listener
  */
 export declare const addVisibilityChangeListener: (callback: (result: import("../types/IChaynsReact").VisibilityChangeListenerResult) => void) => Promise<number>;
+/**
+ * This method will be executed when the toolbar gets displayed or hidden.
+ * @category Event listener
+ */
+export declare const addToolbarChangeListener: (callback: (result: import("../types/IChaynsReact").ToolbarChangeListenerResult) => void) => Promise<number>;
 /**
  * This adds a listener to get the actual height of the page.
  * @category Event listener
@@ -75,6 +80,10 @@ export declare const navigateBack: () => Promise<void>;
  * The images specified in the url array is shown in gallery mode.
  */
 export declare const openImage: (value: import("../types/IChaynsReact").OpenImage) => Promise<void>;
+/**
+ * The images and videos specified in the items array is shown in gallery mode.
+ */
+export declare const openMedia: (value: import("../types/IChaynsReact").OpenMedia) => Promise<void>;
 /**
  * Opens an URL in the chayns environment.
  */
@@ -96,6 +105,11 @@ export declare const refreshAccessToken: () => Promise<void>;
  * @category Event listener
  */
 export declare const removeGeoLocationListener: (value: number) => Promise<void>;
+/**
+ * This removes a listener for changing toolbar visibility
+ * @category Event listener
+ */
+export declare const removeToolbarChangeListener: (value: number) => Promise<void>;
 /**
  * Removes scroll listener.
  * @category Event listener
@@ -186,7 +200,7 @@ export declare const vibrate: (value: import("../types/IChaynsReact").Vibrate) =
 /**
  * This method creates a dialog
  */
-export declare const createDialog: (config: import("../types/IChaynsReact").Dialog) => import("../handler/DialogHandler").default;
+export declare const createDialog: (config: import("../types/IChaynsReact").Dialog) => import("..").DialogHandler;
 /**
  * Displays an overlay
  */
@@ -209,8 +223,8 @@ export declare const getLanguage: () => {
     active: import("../types/IChaynsReact").Language;
 };
 export declare const getParameters: () => {
-    [key: string]: string;
-    [key: symbol]: string;
+    [key: string]: string | string[];
+    [key: symbol]: string | string[];
 };
 export declare const getPages: () => import("../types/IChaynsReact").Page[];
 export declare const getEnvironment: () => {
@@ -227,8 +241,8 @@ export declare const language: {
     active: import("../types/IChaynsReact").Language;
 };
 export declare const parameters: {
-    [key: string]: string;
-    [key: symbol]: string;
+    [key: string]: string | string[];
+    [key: symbol]: string | string[];
 };
 export declare const pages: import("../types/IChaynsReact").Page[];
 export declare const environment: {

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const AppDialogWrapper: ({ dialogEventTarget }: {
     dialogEventTarget: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AppDialogWrapper;

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

@@ -1,8 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ChaynsReactFunctions, ChaynsReactValues, IChaynsReact } from '../types/IChaynsReact';
-export declare const moduleWrapper: {
-    current: IChaynsReact;
-};
+import { ChaynsReactFunctions, ChaynsReactValues } from '../types/IChaynsReact';
 type ChaynsProviderProps = {
     data?: ChaynsReactValues;
     functions?: ChaynsReactFunctions;

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

@@ -0,0 +1,13 @@
+import React from "react";
+export default class ErrorBoundary extends React.Component<{
+    children: React.ReactNode;
+}, {
+    hasError: boolean;
+}> {
+    constructor(props: any);
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): React.ReactNode;
+}

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

@@ -0,0 +1,4 @@
+import { IChaynsReact } from '../types/IChaynsReact';
+export declare const moduleWrapper: {
+    current: IChaynsReact;
+};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+type StoreLikeValue = object & {
+    getState: () => object;
+    abort?: () => Promise<void>;
+    type?: 'raw' | 'json';
+};
+type HydrationComponent = React.FC<{
+    value: StoreLikeValue;
+    children?: React.ReactNode;
+}>;
+type Initializer = (initialValue: object | undefined) => StoreLikeValue;
+type HydrationBoundary = React.FC<{
+    id?: string;
+    children?: React.ReactNode;
+}>;
+declare const withHydrationBoundary: (Component: HydrationComponent, initializer: Initializer, useHydrationId: undefined | (() => string)) => HydrationBoundary;
+export default withHydrationBoundary;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type HydrationContextValueType = {
+    [key: string]: {
+        getState: () => object;
+        abort?: () => Promise<void>;
+        type?: 'raw' | 'json';
+    };
+};
+export declare let HydrationContext: React.Context<HydrationContextValueType>;

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

@@ -0,0 +1 @@
+export * from './hydrationContext';

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

@@ -7,7 +7,6 @@ export default class DialogHandler {
     private readonly _config;
     private readonly _dispatchEvent;
     private readonly _addDataListener;
-    private readonly _removeDataListener;
     private readonly listeners;
     constructor(config: any, open: any, close: any, dispatchEvent: any, addDataListener: any);
     open(): Promise<unknown>;

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

@@ -1,5 +1,6 @@
 import { AccessToken } from "../types/IChaynsReact";
 /**
  * @category Hooks
+ * @deprecated Use {@link getAccessToken} instead
  */
 export declare const useAccessToken: (accessToken?: AccessToken) => string | 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/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,7 +3,9 @@ import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, Ch
 export type TypeSystem = {
     scope: string;
     url: string;
+    serverUrl?: string;
     module: string;
+    preventSingleton?: boolean;
 };
 type ModulePropTypes = {
     system: TypeSystem;

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

@@ -0,0 +1,8 @@
+export declare function fetchData(url: any): {
+    read: () => any;
+};
+declare const Component: ({ fallback, system }: {
+    fallback: any;
+    system: any;
+}) => JSX.Element;
+export default Component;

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

@@ -1 +1,3 @@
-export default function loadComponent(scope: any, module: any, url: any, skipCompatMode?: boolean): () => Promise<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

@@ -1,5 +1,6 @@
+import './util/transferNestedFunctions';
 export { default as ChaynsProvider } from './components/ChaynsProvider';
-export { default as getDeviceInfo, getScreenSize } from './util/deviceHelper';
+export { default as getDeviceInfo, getScreenSize, getClientDeviceInfo } from './util/deviceHelper';
 export { default as ChaynsHost } from './host/ChaynsHost';
 export { withCompatMode } from './components/withCompatMode';
 export * from './calls';
@@ -7,6 +8,11 @@ export * from './hooks';
 export * from './components/WaitUntil';
 export * from './types/IChaynsReact';
 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, loadModule } from './host/module/utils/loadComponent';
+export { default as DialogHandler } from './handler/DialogHandler';
 export * as dialog from './calls/dialogs/index';
 export * from './types/IChaynsReact';
 declare const _default: {