chayns-api 1.0.67 → 1.0.68-0

package/dist/cjs/host/module/utils/loadComponent.js

@@ -3,63 +3,108 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = loadComponent;
+exports.loadModule = exports.default = void 0;
+var _reactDom = _interopRequireDefault(require("react-dom"));
 var _semver = _interopRequireDefault(require("semver"));
 var _react = _interopRequireDefault(require("react"));
-var _useDynamicScript = require("./useDynamicScript");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable */
-// @ts-nocheck
-
-let instances = {};
-function loadComponent(scope, module, url, skipCompatMode = false, preventSingleton = false) {
-  return async () => {
-    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
-    await __webpack_init_sharing__('default');
-    const {
-      container
-    } = window[scope + "_list"].find(x => x.url === url); // or get the container somewhere else
-    // Initialize the container, it may provide shared modules
-    await container.init(__webpack_share_scopes__.default);
-    const factory = await container.get(module);
-    _useDynamicScript.semaphore[scope].release();
-    let ModuleMap = instances[`${scope}__${module}`];
-    let Module;
-    if (!ModuleMap) {
-      ModuleMap = {};
-      instances[`${scope}__${module}`] = ModuleMap;
-    }
-    if (Object.keys(ModuleMap).length > 0) {
-      const newModule = factory();
-      Module = ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`];
-      if (!Module) {
-        Module = newModule;
-        ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`] = newModule;
-      }
-    } else {
-      Module = factory();
-      ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
+var _runtime = require("@module-federation/runtime");
+var _process$env$__PACKAG;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const registeredScopes = {};
+const moduleMap = {};
+const componentMap = {};
+(0, _runtime.init)({
+  // will be set by chayns-toolkit via DefinePlugin
+  name: (_process$env$__PACKAG = process.env.__PACKAGE_NAME__) !== null && _process$env$__PACKAG !== void 0 ? _process$env$__PACKAG : '',
+  remotes: [],
+  shared: {
+    react: {
+      version: _react.default.version,
+      scope: 'default',
+      lib: () => _react.default
+    },
+    'react-dom': {
+      version: _reactDom.default.version,
+      scope: 'default',
+      lib: () => _reactDom.default
     }
-    if (preventSingleton) {
-      // Intercom :)
-      window[scope + "_list"] = null;
+  }
+});
+const loadModule = (scope, module, url, preventSingleton = false) => {
+  if (registeredScopes[scope] !== url || preventSingleton) {
+    if (scope in registeredScopes) {
+      console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
     }
-    if (skipCompatMode) return Module;
-    const hostVersion = _semver.default.minVersion(_react.default.version);
-    const {
-      requiredVersion,
-      environment
-    } = Module.default;
-    const matchReactVersion = requiredVersion && _semver.default.satisfies(hostVersion, requiredVersion) && !Object.keys(__webpack_share_scopes__.default.react).some(version => {
-      return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === __webpack_share_scopes__.default.react[version].from.split('-').join('_');
+    (0, _runtime.registerRemotes)([{
+      name: scope,
+      entry: url,
+      alias: scope
+    }], {
+      force: scope in registeredScopes || preventSingleton
+    });
+    registeredScopes[scope] = url;
+    moduleMap[scope] = {};
+    componentMap[scope] = {};
+  }
+  if (!(module in moduleMap[scope])) {
+    const path = `${scope}/${module.replace(/^\.\//, '')}`;
+    const promise = (0, _runtime.loadRemote)(path);
+    promise.catch(e => {
+      console.error("[chayns-api] Failed to load module", scope, url, e);
+      // causes registerRemote with force = true on next attempt to load the component which tries to load the component again
+      registeredScopes[scope] = '';
     });
-    if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+    return promise;
+  }
+  return moduleMap[scope][module];
+};
+exports.loadModule = loadModule;
+const loadComponent = (scope, module, url, skipCompatMode = false, preventSingleton = false) => {
+  if (skipCompatMode) {
+    console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
+  }
+  if (!componentMap[scope]) {
+    componentMap[scope] = {};
+  }
+  if (!(module in componentMap[scope])) {
+    const promise = loadModule(scope, module, url, preventSingleton).then(async Module => {
+      if (typeof Module.default === 'function') {
+        return Module;
+      }
+      const hostVersion = _semver.default.minVersion(_react.default.version);
+      const {
+        requiredVersion,
+        environment
+      } = Module.default;
+      const shareScopes = await new Promise(resolve => {
+        (0, _runtime.loadShareSync)('react', {
+          resolver: shareOptions => {
+            resolve(shareOptions);
+            return shareOptions[0];
+          }
+        });
+      });
+      const matchReactVersion = requiredVersion && _semver.default.satisfies(hostVersion, requiredVersion) && !shareScopes.some(({
+        version,
+        from
+      }) => {
+        return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
+      });
+      if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+        return {
+          default: Module.default.CompatComponent
+        };
+      }
       return {
-        default: Module.default.CompatComponent
+        default: Module.default.Component
       };
-    }
-    return {
-      default: Module.default.Component
-    };
-  };
-}
+    });
+    promise.catch(e => {
+      console.error("[chayns-api] Failed to load component", scope, url, e);
+      delete componentMap[scope][module];
+    });
+    componentMap[scope][module] = /*#__PURE__*/_react.default.lazy(() => promise);
+  }
+  return componentMap[scope][module];
+};
+var _default = exports.default = loadComponent;

package/dist/cjs/index.js

@@ -10,7 +10,10 @@ var _exportNames = {
   getClientDeviceInfo: true,
   ChaynsHost: true,
   withCompatMode: true,
+  withHydrationBoundary: true,
   StaticChaynsApi: true,
+  loadComponent: true,
+  loadModule: true,
   DialogHandler: true,
   dialog: true
 };
@@ -57,12 +60,30 @@ Object.defineProperty(exports, "getScreenSize", {
     return _deviceHelper.getScreenSize;
   }
 });
+Object.defineProperty(exports, "loadComponent", {
+  enumerable: true,
+  get: function () {
+    return _loadComponent.default;
+  }
+});
+Object.defineProperty(exports, "loadModule", {
+  enumerable: true,
+  get: function () {
+    return _loadComponent.loadModule;
+  }
+});
 Object.defineProperty(exports, "withCompatMode", {
   enumerable: true,
   get: function () {
     return _withCompatMode.withCompatMode;
   }
 });
+Object.defineProperty(exports, "withHydrationBoundary", {
+  enumerable: true,
+  get: function () {
+    return _withHydrationBoundary.default;
+  }
+});
 require("./util/transferNestedFunctions");
 var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvider"));
 var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
@@ -127,13 +148,27 @@ Object.keys(_IChaynsReact).forEach(function (key) {
     }
   });
 });
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
+});
+var _withHydrationBoundary = _interopRequireDefault(require("./components/withHydrationBoundary"));
 var _StaticChaynsApi = _interopRequireDefault(require("./wrapper/StaticChaynsApi"));
+var _loadComponent = _interopRequireWildcard(require("./host/module/utils/loadComponent"));
 var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
 var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));
 exports.dialog = _dialog;
 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(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
   buildEnv: process.env.BUILD_ENV,
   appVersion: process.env.VERSION

package/dist/cjs/types/IChaynsReact.js

@@ -45,11 +45,11 @@ let ScreenSize = exports.ScreenSize = /*#__PURE__*/function (ScreenSize) {
   ScreenSize[ScreenSize["XL"] = 4] = "XL";
   return ScreenSize;
 }({});
-/**
- * @ignore
+/**
+ * @ignore
  */
-/**
- * @ignore
+/**
+ * @ignore
  */
 let AccessMode = exports.AccessMode = /*#__PURE__*/function (AccessMode) {
   AccessMode[AccessMode["public"] = 0] = "public";

package/dist/cjs/util/heightHelper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setTappHeight = void 0;
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const setTappHeight = setHeight => {
   document.documentElement.style.overflow = 'hidden';
   void setHeight(document.body.offsetHeight);

package/dist/cjs/util/url.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.replaceStagingUrl = void 0;
 var _IChaynsReact = require("../types/IChaynsReact");
 const replaceStagingUrl = (prevent, url, environment) => {
-  if (prevent) return url;
+  if (prevent || !url) return url;
   let replacedUrl = url;
   if (environment === _IChaynsReact.Environment.Qa || environment === _IChaynsReact.Environment.Development) {
     replacedUrl = replacedUrl.replace('tapp.chayns-static.space', 'tapp-dev.chayns-static.space');

package/dist/cjs/wrapper/AppWrapper.js

@@ -12,9 +12,10 @@ var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
+var _languages = require("../constants/languages");
 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(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable */
 // @ts-nocheck
 
@@ -26,7 +27,8 @@ class AppWrapper {
     var _window, _colorMode, _window2, _AppInfo$TappSelected;
     const {
       AppInfo,
-      AppUser
+      AppUser,
+      Device
     } = retVal;
     this.accessToken = AppUser.TobitAccessToken;
     const urlParams = new URLSearchParams(location.search);
@@ -46,6 +48,10 @@ class AppWrapper {
         // ignore
       }
     }
+    let language = AppInfo.Language;
+    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('#')) {
@@ -67,12 +73,11 @@ class AppWrapper {
         runtimeEnvironment: _IChaynsReact.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,
@@ -111,7 +116,7 @@ class AppWrapper {
       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 => ({

package/dist/cjs/wrapper/FrameWrapper.js

@@ -11,7 +11,7 @@ var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _heightHelper = require("../util/heightHelper");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 */

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -9,7 +9,7 @@ var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class ModuleFederationWrapper {
   constructor(values, functions) {
     this.values = values;

package/dist/esm/calls/dialogs/date.js

@@ -3,32 +3,32 @@ import { isDate, isNumber, isObject } from './utils/is';
 import { open } from './open';
 import { getDevice } from "../index";
 
-/**
- * The config object for date dialog
- * @typedef {Object} dateConfig
- * @property {Date} preSelect  - The date object which should be preselected.
- * @property {Date} minDate   - The min date which you could select.
- * @property {Date} maxDate  - The max date which you could select.
- * @property {dateDialogType} dateType  - The type of dialog you want to display.
- * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
- * @property {string} message - The message that is displayed above the date dialog, only in apps supported
- * @property {string} title - The title that is displayed above the message, only in apps supported
+/**
+ * The config object for date dialog
+ * @typedef {Object} dateConfig
+ * @property {Date} preSelect  - The date object which should be preselected.
+ * @property {Date} minDate   - The min date which you could select.
+ * @property {Date} maxDate  - The max date which you could select.
+ * @property {dateDialogType} dateType  - The type of dialog you want to display.
+ * @property {number} minuteIntervall - The interval for special minutes, possible are 2, 3, 4, 5, 6, 12, 15, 20, 30. Default is 1.
+ * @property {string} message - The message that is displayed above the date dialog, only in apps supported
+ * @property {string} title - The title that is displayed above the message, only in apps supported
  */
 
-/**
- * This call will open a date select dialog.
- * <div>Call: 30</div>
- * @param {dateConfig} config - Define the configuration of this call
- * @return {Promise} contains a timestamp as result
- * @example chayns.dialog.date({
- *  'dateType': chayns.dialog.dateType.DATE_TIME,
- *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
- *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
- *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
- *  'minuteInterval': 15
- * ).then(function (data) {
- *  console.log(data);
- * });
+/**
+ * This call will open a date select dialog.
+ * <div>Call: 30</div>
+ * @param {dateConfig} config - Define the configuration of this call
+ * @return {Promise} contains a timestamp as result
+ * @example chayns.dialog.date({
+ *  'dateType': chayns.dialog.dateType.DATE_TIME,
+ *  'preSelect': new Date(2018, 6, 14, 0, 0, 0),
+ *  'minDate':  new Date(2018, 6, 1, 15, 0, 0),
+ *  'maxDate': new Date(2019, 6, 1, 0, 23, 0),
+ *  'minuteInterval': 15
+ * ).then(function (data) {
+ *  console.log(data);
+ * });
  */
 
 export function date() {
@@ -165,18 +165,18 @@ export function advancedDate() {
   });
 }
 
-/**
- * @typedef {number} dateDialogType
+/**
+ * @typedef {number} dateDialogType
  */
 
-/**
- * Enum for date dialog
- * <div>DATE will open a dialog where you can select a special day</div>
- * <div>TIME will open a dialog where you can only select a special time</div>
- * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
- * @readonly
- * @enum {dateDialogType}
- * @type {{DATE: number, TIME: number, DATE_TIME: number}}
+/**
+ * Enum for date dialog
+ * <div>DATE will open a dialog where you can select a special day</div>
+ * <div>TIME will open a dialog where you can only select a special time</div>
+ * <div>DATE_TIME will open a dialog where you can select a special time on a special day</div>
+ * @readonly
+ * @enum {dateDialogType}
+ * @type {{DATE: number, TIME: number, DATE_TIME: number}}
  */
 export const dateType = {
   'DATE': 1,