chayns-api 1.1.0-2 → 1.1.0-4

package/dist/cjs/wrapper/AppWrapper.js

@@ -12,8 +12,8 @@ var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable */
 // @ts-nocheck
@@ -23,12 +23,28 @@ class AppWrapper {
   values = null;
   accessToken = '';
   mapOldApiToNew(retVal) {
-    var _window, _window2, _AppInfo$TappSelected;
+    var _window, _colorMode, _window2, _AppInfo$TappSelected;
     const {
       AppInfo,
       AppUser
     } = 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
+      }
+    }
     return {
       device: (0, _deviceHelper.default)(navigator.userAgent, 'image/webp'),
       environment: {
@@ -56,7 +72,7 @@ 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: {
@@ -68,7 +84,7 @@ 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,
@@ -80,7 +96,7 @@ 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 => ({
@@ -151,12 +167,13 @@ class AppWrapper {
           permanent: true
         }, {
           callback: v => {
-            var _v$accuracy, _v$code;
+            var _v$accuracy, _v$isAccurate, _v$code;
             (0, _apiListenerHelper.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
             });
           }
@@ -202,6 +219,23 @@ class AppWrapper {
       }
       return id;
     },
+    addToolbarChangeListener: async callback => {
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('toolbarChangeListener', callback);
+      if (shouldInitialize) {
+        this.appCall(293, {}, {
+          callback: v => {
+            (0, _apiListenerHelper.dispatchApiEvent)('toolbarChangeListener', {
+              isVisible: v.isVisible,
+              toolbarHeight: v.toolbarHeight
+            });
+          }
+        });
+      }
+      return id;
+    },
     addWindowMetricsListener: async callback => {
       const {
         id,
@@ -227,13 +261,15 @@ 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 => {
@@ -264,7 +300,7 @@ class AppWrapper {
       window[callbackName] = ({
         retVal
       }) => {
-        callback === null || callback === void 0 ? void 0 : callback(retVal);
+        callback === null || callback === void 0 || callback(retVal);
         delete window[callbackName];
       };
       const callObj = {
@@ -294,6 +330,7 @@ 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,
@@ -348,6 +385,14 @@ class AppWrapper {
         // App does not support removal of onActivate callback which makes this a no-op
       }
     },
+    removeToolbarChangeListener: async id => {
+      const {
+        shouldRemove
+      } = (0, _apiListenerHelper.removeApiListener)('toolbarChangeListener', id);
+      if (shouldRemove) {
+        // App does not support removal of onToolbarBarRemove callback which makes this a no-op
+      }
+    },
     removeWindowMetricsListener: async id => {
       const shouldRemove = (0, _apiListenerHelper.removeApiListener)('windowMetricsListener', id);
       if (shouldRemove) {
@@ -361,7 +406,7 @@ class AppWrapper {
         id: options.id,
         showName: options.showName,
         position: options.position,
-        params: options.params
+        params: new URLSearchParams(options.params).toString() || undefined
       }, {
         awaitResult: false
       });
@@ -508,6 +553,19 @@ 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
+    });
     return undefined;
   }
   getSSRData() {

package/dist/cjs/wrapper/FrameWrapper.js

@@ -12,8 +12,8 @@ var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _heightHelper = require("../util/heightHelper");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 
 class FrameWrapper {
@@ -34,6 +34,10 @@ class FrameWrapper {
       return this.exposedFunctions.addScrollListener(value, callback && comlink.proxy(result => callback(result)));
     },
     addVisibilityChangeListener: async callback => (0, _visibilityChangeListener.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 {
@@ -105,6 +109,10 @@ 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);
@@ -142,6 +150,10 @@ 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);
@@ -246,9 +258,9 @@ 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;
@@ -303,7 +315,6 @@ class FrameWrapper {
       if (this.initialized) {
         this.values[type] = value;
       }
-      this.values[type] = value;
       document.dispatchEvent(new CustomEvent('chayns_api_data', {
         detail: {
           type,

package/dist/cjs/wrapper/StaticChaynsApi.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _moduleWrapper = require("../components/moduleWrapper");
+var _FrameWrapper = require("./FrameWrapper");
+class StaticChaynsApi {
+  constructor() {
+    const wrapper = new _FrameWrapper.FrameWrapper();
+    _moduleWrapper.moduleWrapper.current = wrapper;
+    this._wrapper = wrapper;
+    this.ready = wrapper.init();
+    this.addDataListener = wrapper.addDataListener;
+    Object.entries(wrapper.functions).forEach(([k, v]) => {
+      this[k] = v;
+    });
+  }
+  getSite = () => this._wrapper.values.site;
+}
+var _default = exports.default = StaticChaynsApi;

package/dist/esm/calls/index.js

@@ -1,4 +1,4 @@
-import { moduleWrapper } from '../components/ChaynsProvider';
+import { moduleWrapper } from '../components/moduleWrapper';
 /**
  * This adds a listener to determine your location.
  * @category Event listener
@@ -20,6 +20,14 @@ export const addScrollListener = function () {
 export const addVisibilityChangeListener = function () {
   return moduleWrapper.current.functions.addVisibilityChangeListener(...arguments);
 };
+/**
+ * This method will be executed when the toolbar gets displayed or hidden.
+ * @category Event listener
+ */
+export const addToolbarChangeListener = function () {
+  return moduleWrapper.current.functions.addToolbarChangeListener(...arguments);
+};
+
 /**
  * This adds a listener to get the actual height of the page.
  * @category Event listener
@@ -101,6 +109,12 @@ export const navigateBack = function () {
 export const openImage = function () {
   return moduleWrapper.current.functions.openImage(...arguments);
 };
+/**
+ * The images and videos specified in the items array is shown in gallery mode.
+ */
+export const openMedia = function () {
+  return moduleWrapper.current.functions.openMedia(...arguments);
+};
 /**
  * Opens an URL in the chayns environment.
  */
@@ -132,6 +146,13 @@ export const refreshAccessToken = function () {
 export const removeGeoLocationListener = function () {
   return moduleWrapper.current.functions.removeGeoLocationListener(...arguments);
 };
+/**
+ * This removes a listener for changing toolbar visibility
+ * @category Event listener
+ */
+export const removeToolbarChangeListener = function () {
+  return moduleWrapper.current.functions.removeToolbarChangeListener(...arguments);
+};
 /**
  * Removes scroll listener.
  * @category Event listener

package/dist/esm/components/AppDialogWrapper.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useEffect, useState } from 'react';
 import ChaynsHost from '../host/ChaynsHost';
 import { useFunctions, useValues } from '../hooks';
+import ErrorBoundary from "./ErrorBoundary";
 const AppDialogWrapper = _ref => {
   let {
     dialogEventTarget
@@ -18,16 +19,16 @@ const AppDialogWrapper = _ref => {
       });
     });
   }, []);
-  return /*#__PURE__*/React.createElement(ChaynsHost, _extends({
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ChaynsHost, _extends({
     type: "client-module",
     system: {
       module: './AppWrapper',
-      url: 'https://tapp-staging.chayns-static.space/api/dialog-v2/v1/remoteEntry.js',
+      url: 'https://tapp.chayns-static.space/api/dialog-v2/v1/remoteEntry.js',
       scope: 'dialog_v2'
     }
   }, data, {
     functions: functions,
     customData: dialogData
-  }));
+  })));
 };
 export default AppDialogWrapper;

package/dist/esm/components/ChaynsProvider.js

@@ -7,12 +7,11 @@ import { FrameWrapper } from '../wrapper/FrameWrapper';
 import { ModuleFederationWrapper } from '../wrapper/ModuleFederationWrapper';
 import { SsrWrapper } from '../wrapper/SsrWrapper';
 import { ChaynsContext, ChaynsFunctionsContext } from './ChaynsContext';
-import AppDialogWrapper from "./AppDialogWrapper";
+import AppDialogWrapper from './AppDialogWrapper';
+import { moduleWrapper } from './moduleWrapper';
 
 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-export const moduleWrapper = {
-  current: undefined
-};
+
 const isServer = typeof window === 'undefined';
 const InitialDataProvider = /*#__PURE__*/React.memo(_ref => {
   let {
@@ -58,7 +57,7 @@ const ChaynsProvider = _ref2 => {
       var _deviceInfo$app$name, _deviceInfo$app;
       const deviceInfo = getDeviceInfo(navigator.userAgent, '');
       // load framewrapper in Chaynsweb in app (window.self === window.top)
-      if ([AppName.Chayns, AppName.ChaynsLauncher].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : AppName.Unknown) && window.self === window.top) {
+      if ([AppName.Chayns, AppName.ChaynsLauncher, AppName.Sidekick, AppName.TobitChat].includes((_deviceInfo$app$name = (_deviceInfo$app = deviceInfo.app) === null || _deviceInfo$app === void 0 ? void 0 : _deviceInfo$app.name) !== null && _deviceInfo$app$name !== void 0 ? _deviceInfo$app$name : AppName.Unknown) && window.self === window.top) {
         customWrapper.current = new AppWrapper();
       } else {
         customWrapper.current = new FrameWrapper();
@@ -83,7 +82,7 @@ const ChaynsProvider = _ref2 => {
           return undefined;
         });
       });
-      if (customWrapper.current.values) {
+      if (customWrapper.current.values && !isModule) {
         setState({
           ...customWrapper.current.values
         });
@@ -94,7 +93,7 @@ const ChaynsProvider = _ref2 => {
     if (isModule) {
       setState(data);
       if (data) {
-        moduleWrapper.current.values = data;
+        customWrapper.current.values = data;
       }
     }
   }, [data, isModule]);

package/dist/esm/components/ErrorBoundary.js

@@ -0,0 +1,23 @@
+import React from "react";
+export default class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+}

package/dist/esm/components/moduleWrapper.js

@@ -0,0 +1,3 @@
+export const moduleWrapper = {
+  current: undefined
+};

package/dist/esm/components/withCompatMode.js

@@ -3,6 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
+import ErrorBoundary from './ErrorBoundary';
 let ReactDOMClient;
 try {
   ReactDOMClient = require('react-dom/client');
@@ -20,9 +21,9 @@ export const withCompatMode = Component => {
       const {
         innerRef
       } = this.props;
-      const component = /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
+      const component = /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
         ref: innerRef
-      }));
+      })));
       if (typeof ((_ReactDOMClient = ReactDOMClient) === null || _ReactDOMClient === void 0 ? void 0 : _ReactDOMClient.createRoot) === 'function') {
         this.root = ReactDOMClient.createRoot(this.ref.current);
         this.root.render(component);
@@ -34,9 +35,9 @@ export const withCompatMode = Component => {
       const {
         innerRef
       } = this.props;
-      const component = /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
+      const component = /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
         ref: innerRef
-      }));
+      })));
       if (this.root) {
         this.root.render(component);
       } else {

package/dist/esm/components/withHydrationBoundary.js

@@ -0,0 +1,50 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { HydrationContext } from '../constants';
+const withHydrationBoundary = (Component, initializer, useHydrationId) => {
+  return _ref => {
+    let {
+      id: idProp,
+      children
+    } = _ref;
+    let value;
+    if (!globalThis.window) {
+      value = useContext(HydrationContext);
+    }
+    const id = useHydrationId ? useHydrationId() : idProp;
+    if (!id) {
+      throw new Error('hydration boundary was not given a id which is required');
+    }
+    const [store] = useState(() => {
+      let initialValue = undefined;
+      if (globalThis.window) {
+        const htmlId = `__INITIAL_DATA_${id}__`;
+        const $elem = document.getElementById(htmlId);
+        if ($elem) {
+          initialValue = JSON.parse($elem.innerHTML);
+        }
+      }
+      const s = initializer(initialValue);
+      if (!globalThis.window) {
+        if (id in value) {
+          console.warn(`Dehydration function for id "${id}" has been defined multiple times. This can have two reasons. The children cause suspension and therefor the hydration boundary has to mount from scratch again. You can avoid this by adding a Suspense around the children. The id is not unique. This has to be fixed or might cause hydration issues.`);
+        }
+        value[id] = {
+          getState: s.getState,
+          abort: s.abort
+        };
+      }
+      return s;
+    });
+    useEffect(() => {
+      const htmlId = `__INITIAL_DATA_${id}__`;
+      const $elem = document.getElementById(htmlId);
+      if ($elem) {
+        $elem.remove();
+      }
+    }, []);
+    return /*#__PURE__*/React.createElement(Component, {
+      value: store
+    }, children);
+  };
+};
+export default withHydrationBoundary;

package/dist/esm/constants/hydrationContext.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+export let HydrationContext;
+
+// force single context on server-side (fake sharing)
+if (!globalThis.window && globalThis._hydrationContext) {
+  HydrationContext = globalThis._hydrationContext;
+} else {
+  HydrationContext = /*#__PURE__*/createContext({});
+  globalThis._hydrationContext = HydrationContext;
+}

package/dist/esm/constants/index.js

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

package/dist/esm/handler/DialogHandler.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); }
 export default class DialogHandler {
   constructor(config, open, close, dispatchEvent, addDataListener) {
     _defineProperty(this, "isOpen", false);
@@ -23,9 +23,11 @@ export default class DialogHandler {
       };
       this.isOpen = true;
       this.dialogId = await this._open(this._config, callback);
-      console.log('dialogId', this.dialogId);
+
+      // console.log('dialogId', this.dialogId);
+
       this._addDataListener(this.dialogId, data => {
-        console.log('[DialogHandler]dataListener', this.dialogId, data);
+        // console.log('[DialogHandler]dataListener', this.dialogId, data);
         this.listeners.forEach(cb => cb(data));
       });
     });

package/dist/esm/hooks/useAccessToken.js

@@ -4,6 +4,7 @@ import { ChaynsFunctionsContext } from "../components/ChaynsContext";
 
 /**
  * @category Hooks
+ * @deprecated Use {@link getAccessToken} instead
  */
 export const useAccessToken = accessToken => {
   const [token, setToken] = useState(null);

package/dist/esm/hooks/useDialogState.js

@@ -10,7 +10,7 @@ export const useDialogState = () => {
   const addDataListener = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addDialogHostEventListener);
   const isClosingRequested = useContextSelector(ChaynsContext, v => {
     var _v$dialog;
-    return v === null || v === void 0 ? void 0 : (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested;
+    return v === null || v === void 0 || (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested;
   });
   return {
     setResult,
@@ -26,7 +26,7 @@ export const useDialogState = () => {
 export const useDialogData = () => {
   const inputData = useContextSelector(ChaynsContext, v => {
     var _v$dialog2;
-    return v === null || v === void 0 ? void 0 : (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
+    return v === null || v === void 0 || (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
   });
   return inputData;
 };

package/dist/esm/hooks/usePages.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-import { moduleWrapper } from "../components/ChaynsProvider";
+import { moduleWrapper } from '../components/moduleWrapper';
 /**
  * @category Hooks
  */

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

@@ -31,10 +31,9 @@ const HostIframe = _ref => {
   if (!eventTarget.current) {
     eventTarget.current = global.document ? document.createElement('div') : undefined; // global.EventTarget ? new EventTarget() : undefined
   }
-
   const setHeight = value => {
     if (ref.current) {
-      ref.current.height = `${value}px`;
+      ref.current.style.height = `${value}px`;
     }
   };
 

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

@@ -1,5 +1,4 @@
 import React, { useMemo } from 'react';
-import useDynamicScript from './utils/useDynamicScript';
 import loadComponent from './utils/loadComponent';
 import { replaceStagingUrl } from "../../util/url";
 const System = _ref => {
@@ -8,25 +7,10 @@ const System = _ref => {
     fallback,
     ...props
   } = _ref;
-  const {
-    ready,
-    failed
-  } = useDynamicScript({
-    url: system === null || system === void 0 ? void 0 : system.url,
-    scope: system === null || system === void 0 ? void 0 : system.scope
-  });
-  const Component = useMemo(() => {
-    // maybe return waitcursor instead
-    if (!system || !ready || failed) {
-      return null;
-    }
-    return /*#__PURE__*/React.lazy(loadComponent(system.scope, system.module, system.url));
-
-    /* eslint-disable react-hooks/exhaustive-deps */
-  }, [system === null || system === void 0 ? void 0 : system.scope, ready, system === null || system === void 0 ? void 0 : system.url]);
-  return Component ? /*#__PURE__*/React.createElement(React.Suspense, {
+  const Component = useMemo(() => loadComponent(system.scope, system.module, system.url, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.preventSingleton]);
+  return /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: fallback || ''
-  }, /*#__PURE__*/React.createElement(Component, props)) : fallback;
+  }, /*#__PURE__*/React.createElement(Component, props));
 };
 const ModuleHost = _ref2 => {
   let {
@@ -73,7 +57,8 @@ const ModuleHost = _ref2 => {
     system: {
       scope: system.scope,
       url: replaceStagingUrl(preventStagingReplacement, system.url, environment.buildEnvironment),
-      module: system.module
+      module: system.module,
+      preventSingleton: system.preventSingleton
     },
     data: initialData,
     functions: functions,