chayns-api 1.2.0-1 → 1.2.0-11

package/dist/cjs/components/withCompatMode.js

@@ -45,11 +45,14 @@ const withCompatMode = Component => {
       const component = /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, this.props, {
         ref: innerRef
       })));
-      if (this.root) {
-        this.root.render(component);
-      } else {
-        _reactDom.default.render(component, this.ref.current);
-      }
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(() => {
+        if (this.root) {
+          this.root.render(component);
+        } else {
+          _reactDom.default.render(component, this.ref.current);
+        }
+      }, 0);
     }
     componentWillUnmount() {
       if (this.root) {
@@ -75,7 +78,8 @@ const withCompatMode = Component => {
     requiredVersion: __REQUIRED_REACT_VERSION__,
     environment: process.env.NODE_ENV,
     buildEnv: process.env.BUILD_ENV || process.env.NODE_ENV,
-    appVersion: process.env.VERSION
+    appVersion: process.env.VERSION,
+    version: 2
   };
 };
 exports.withCompatMode = withCompatMode;

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

@@ -15,7 +15,7 @@ const System = ({
   fallback,
   ...props
 }) => {
-  const Component = (0, _react.useMemo)(() => (0, _loadComponent.default)(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
+  const Component = (0, _react.useMemo)(() => (0, _loadComponent.default)(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton, system.shareScope), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
     fallback: fallback || ''
   }, /*#__PURE__*/_react.default.createElement(Component, props));

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

@@ -4,38 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.loadModule = exports.default = void 0;
-var _reactDom = _interopRequireDefault(require("react-dom"));
 var _semver = _interopRequireDefault(require("semver"));
 var _react = _interopRequireDefault(require("react"));
-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
-    }
-  }
-});
-const loadModule = (scope, module, url, preventSingleton = false) => {
+const loadModule = (scope, module, url, preventSingleton = false, shareScope = 'chayns-api2') => {
+  const {
+    loadRemote,
+    registerRemotes
+  } = globalThis.moduleFederationRuntime;
+  const {
+    registeredScopes,
+    moduleMap,
+    componentMap
+  } = globalThis.moduleFederationScopes;
   if (registeredScopes[scope] !== url || preventSingleton) {
     if (scope in registeredScopes) {
       console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
     }
-    (0, _runtime.registerRemotes)([{
+    registerRemotes([{
+      shareScope,
       name: scope,
       entry: url,
       alias: scope
@@ -48,7 +35,7 @@ const loadModule = (scope, module, url, preventSingleton = false) => {
   }
   if (!(module in moduleMap[scope])) {
     const path = `${scope}/${module.replace(/^\.\//, '')}`;
-    const promise = (0, _runtime.loadRemote)(path);
+    const promise = 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
@@ -59,15 +46,21 @@ const loadModule = (scope, module, url, preventSingleton = false) => {
   return moduleMap[scope][module];
 };
 exports.loadModule = loadModule;
-const loadComponent = (scope, module, url, skipCompatMode = false, preventSingleton = false) => {
+const loadComponent = (scope, module, url, skipCompatMode = false, preventSingleton = false, shareScope) => {
   if (skipCompatMode) {
     console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
   }
+  const {
+    loadShareSync
+  } = globalThis.moduleFederationRuntime;
+  const {
+    componentMap
+  } = globalThis.moduleFederationScopes;
   if (!componentMap[scope]) {
     componentMap[scope] = {};
   }
   if (!(module in componentMap[scope])) {
-    const promise = loadModule(scope, module, url, preventSingleton).then(async Module => {
+    const promise = loadModule(scope, module, url, preventSingleton, shareScope).then(async Module => {
       if (typeof Module.default === 'function') {
         return Module;
       }
@@ -77,9 +70,10 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
         environment
       } = Module.default;
       const shareScopes = await new Promise(resolve => {
-        (0, _runtime.loadShareSync)('react', {
+        loadShareSync('react', {
           resolver: shareOptions => {
             resolve(shareOptions);
+            console.log("shareOptions", shareOptions);
             return shareOptions[0];
           }
         });
@@ -90,11 +84,13 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
       }) => {
         return _semver.default.gt(version, hostVersion) && _semver.default.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
       });
-      if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+      if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development' || Module.default.version !== 2) {
+        console.log("use compat mode for", scope, module);
         return {
           default: Module.default.CompatComponent
         };
       }
+      console.log("use direct component for", scope, module);
       return {
         default: Module.default.Component
       };

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

@@ -7,10 +7,9 @@ exports.semaphore = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _semaphoreAsyncAwait = _interopRequireDefault(require("semaphore-async-await"));
 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; }
-const semaphore = {};
-exports.semaphore = semaphore;
+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; }
+const semaphore = exports.semaphore = {};
 const useDynamicScript = args => {
   const [ready, setReady] = _react.default.useState(false);
   const [failed, setFailed] = _react.default.useState(false);
@@ -57,5 +56,4 @@ const useDynamicScript = args => {
     failed
   };
 };
-var _default = useDynamicScript;
-exports.default = _default;
+var _default = exports.default = useDynamicScript;

package/dist/cjs/index.js

@@ -41,7 +41,7 @@ Object.defineProperty(exports, "StaticChaynsApi", {
     return _StaticChaynsApi.default;
   }
 });
-exports.dialog = exports.default = void 0;
+exports.dialog = void 0;
 Object.defineProperty(exports, "getClientDeviceInfo", {
   enumerable: true,
   get: function () {
@@ -178,10 +178,18 @@ var _loadComponent = _interopRequireWildcard(require("./host/module/utils/loadCo
 var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
 var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));
 exports.dialog = _dialog;
+var _initModuleFederationSharing = require("./util/initModuleFederationSharing");
+Object.keys(_initModuleFederationSharing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _initModuleFederationSharing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _initModuleFederationSharing[key];
+    }
+  });
+});
 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 }; }
-var _default = exports.default = {
-  buildEnv: process.env.BUILD_ENV,
-  appVersion: process.env.VERSION
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/types/IChaynsReact.js

@@ -3,13 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToastType = exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.MediaType = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
+exports.WeekDayType = exports.ToastType = exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.MediaType = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
 let DateType = exports.DateType = /*#__PURE__*/function (DateType) {
   DateType[DateType["DATE"] = 0] = "DATE";
   DateType[DateType["TIME"] = 1] = "TIME";
   DateType[DateType["DATE_TIME"] = 2] = "DATE_TIME";
   return DateType;
 }({});
+let WeekDayType = exports.WeekDayType = /*#__PURE__*/function (WeekDayType) {
+  WeekDayType[WeekDayType["SUNDAY"] = 0] = "SUNDAY";
+  WeekDayType[WeekDayType["MONDAY"] = 1] = "MONDAY";
+  WeekDayType[WeekDayType["TUESDAY"] = 2] = "TUESDAY";
+  WeekDayType[WeekDayType["WEDNESDAY"] = 3] = "WEDNESDAY";
+  WeekDayType[WeekDayType["THURSDAY"] = 4] = "THURSDAY";
+  WeekDayType[WeekDayType["FRIDAY"] = 5] = "FRIDAY";
+  WeekDayType[WeekDayType["SATURDAY"] = 6] = "SATURDAY";
+  return WeekDayType;
+}({});
 let ToastType = exports.ToastType = /*#__PURE__*/function (ToastType) {
   ToastType[ToastType["NEUTRAL"] = 1] = "NEUTRAL";
   ToastType[ToastType["SUCCESS"] = 2] = "SUCCESS";
@@ -211,6 +221,7 @@ let RuntimeEnviroment = exports.RuntimeEnviroment = /*#__PURE__*/function (Runti
   RuntimeEnviroment[RuntimeEnviroment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
   RuntimeEnviroment[RuntimeEnviroment["IntercomPlugin"] = 4] = "IntercomPlugin";
   RuntimeEnviroment[RuntimeEnviroment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
+  RuntimeEnviroment[RuntimeEnviroment["Dialog"] = 6] = "Dialog";
   return RuntimeEnviroment;
 }({});
 let DeviceOs = exports.DeviceOs = /*#__PURE__*/function (DeviceOs) {

package/dist/cjs/util/deviceHelper.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.getScreenSize = exports.getClientDeviceInfo = exports.default = void 0;
 var _uaParserJs = require("ua-parser-js");
 var _IChaynsReact = require("../types/IChaynsReact");
-const getDeviceInfo = (userAgent, acceptHeader) => {
-  var _match$groups, _match$groups2, _customMatch$groups, _browser$version$spli, _browser$version, _uaParser$getOS, _uaParser$getOS2;
+const getDeviceInfo = (userAgent, acceptHeader, {
+  imei
+} = {}) => {
+  var _match$groups, _match$groups2, _customMatch$groups, _browser$version$spli, _browser$version, _uaParser$getOS, _uaParser$getOS2, _uaParser$getOS3;
   const uaParser = new _uaParserJs.UAParser(userAgent);
   let appName = _IChaynsReact.AppName.Unknown;
   const match = /(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
@@ -45,9 +47,11 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
     appVersion,
     callVersion: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
   };
-  result.imei = undefined; // TODO
+  result.imei = imei;
   result.engine = uaParser.getEngine();
+  // TODO: breaking change on next minor and use object with name and version
   result.os = ((_uaParser$getOS = uaParser.getOS()) === null || _uaParser$getOS === void 0 ? void 0 : _uaParser$getOS.name) === 'Android' ? 'Android OS' : (_uaParser$getOS2 = uaParser.getOS()) === null || _uaParser$getOS2 === void 0 ? void 0 : _uaParser$getOS2.name;
+  result.osVersion = (_uaParser$getOS3 = uaParser.getOS()) === null || _uaParser$getOS3 === void 0 ? void 0 : _uaParser$getOS3.version;
   if (typeof window !== 'undefined') {
     result.screenSize = getScreenSize(window.innerWidth);
     result.isTouch = getClientDeviceInfo().isTouch;

package/dist/cjs/util/initModuleFederationSharing.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initModuleFederationSharing = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const initModuleFederationSharing = () => {
+  // forces single instance of module federation runtime
+  if (!globalThis.moduleFederationRuntime) {
+    var _process$env$__PACKAG;
+    globalThis.moduleFederationRuntime = require('@module-federation/enhanced/runtime');
+    globalThis.moduleFederationScopes = {
+      registeredScopes: {},
+      moduleMap: {},
+      componentMap: {}
+    };
+    const {
+      init
+    } = globalThis.moduleFederationRuntime;
+
+    // init also should only be called once
+    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: 'chayns-api2',
+          lib: () => _react.default
+        },
+        'react-dom': {
+          version: _reactDom.default.version,
+          scope: 'chayns-api2',
+          lib: () => _reactDom.default
+        }
+      }
+    });
+  }
+};
+exports.initModuleFederationSharing = initModuleFederationSharing;

package/dist/cjs/wrapper/AppWrapper.js

@@ -68,7 +68,9 @@ class AppWrapper {
       }
     }
     return {
-      device: (0, _deviceHelper.default)(navigator.userAgent, 'image/webp'),
+      device: (0, _deviceHelper.default)(navigator.userAgent, 'image/webp', {
+        imei: Device.IMEI
+      }),
       environment: {
         buildEnvironment: _IChaynsReact.Environment.Production,
         runtimeEnvironment: _IChaynsReact.RuntimeEnviroment.Unknown
@@ -446,14 +448,16 @@ class AppWrapper {
         awaitResult: false
       });
     },
-    scrollToY: async position => {
+    scrollToY: async (position, duration) => {
       window.scrollTo({
-        top: position
+        top: position,
+        behavior: duration ? 'smooth' : 'auto'
       });
     },
     scrollByY: (value, duration) => {
       window.scrollBy({
-        top: value
+        top: value,
+        behavior: duration ? 'smooth' : 'auto'
       });
     },
     sendMessageToGroup: async (groupId, message) => {

package/dist/cjs/wrapper/StaticChaynsApi.js

@@ -5,10 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _moduleWrapper = require("../components/moduleWrapper");
+var _IChaynsReact = require("../types/IChaynsReact");
+var _deviceHelper = _interopRequireDefault(require("../util/deviceHelper"));
+var _AppWrapper = require("./AppWrapper");
 var _FrameWrapper = require("./FrameWrapper");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class StaticChaynsApi {
   constructor() {
-    const wrapper = new _FrameWrapper.FrameWrapper();
+    var _deviceInfo$app$name, _deviceInfo$app;
+    let wrapper;
+    const deviceInfo = (0, _deviceHelper.default)(navigator.userAgent, '');
+    if ([_IChaynsReact.AppName.Chayns, _IChaynsReact.AppName.ChaynsLauncher, _IChaynsReact.AppName.Sidekick, _IChaynsReact.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 : _IChaynsReact.AppName.Unknown) && window.self === window.top) {
+      wrapper = new _AppWrapper.AppWrapper();
+    } else {
+      wrapper = new _FrameWrapper.FrameWrapper();
+    }
     _moduleWrapper.moduleWrapper.current = wrapper;
     this._wrapper = wrapper;
     this.ready = wrapper.init();

package/dist/esm/components/withCompatMode.js

@@ -38,11 +38,14 @@ export const withCompatMode = Component => {
       const component = /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Component, _extends({}, this.props, {
         ref: innerRef
       })));
-      if (this.root) {
-        this.root.render(component);
-      } else {
-        ReactDOM.render(component, this.ref.current);
-      }
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(() => {
+        if (this.root) {
+          this.root.render(component);
+        } else {
+          ReactDOM.render(component, this.ref.current);
+        }
+      }, 0);
     }
     componentWillUnmount() {
       if (this.root) {
@@ -68,6 +71,7 @@ export const withCompatMode = Component => {
     requiredVersion: __REQUIRED_REACT_VERSION__,
     environment: process.env.NODE_ENV,
     buildEnv: process.env.BUILD_ENV || process.env.NODE_ENV,
-    appVersion: process.env.VERSION
+    appVersion: process.env.VERSION,
+    version: 2
   };
 };

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

@@ -7,7 +7,7 @@ const System = _ref => {
     fallback,
     ...props
   } = _ref;
-  const Component = useMemo(() => loadComponent(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
+  const Component = useMemo(() => loadComponent(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton, system.shareScope), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
   return /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: fallback || ''
   }, /*#__PURE__*/React.createElement(Component, props));

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

@@ -1,35 +1,23 @@
-var _process$env$__PACKAG;
-import ReactDOM from 'react-dom';
 import semver from 'semver';
-import React from 'react';
-import { loadRemote, registerRemotes, loadShareSync, init } from '@module-federation/runtime';
-const registeredScopes = {};
-const moduleMap = {};
-const componentMap = {};
-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.version,
-      scope: 'default',
-      lib: () => React
-    },
-    'react-dom': {
-      version: ReactDOM.version,
-      scope: 'default',
-      lib: () => ReactDOM
-    }
-  }
-});
+import React from "react";
 export const loadModule = function (scope, module, url) {
   let preventSingleton = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  let shareScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'chayns-api2';
+  const {
+    loadRemote,
+    registerRemotes
+  } = globalThis.moduleFederationRuntime;
+  const {
+    registeredScopes,
+    moduleMap,
+    componentMap
+  } = globalThis.moduleFederationScopes;
   if (registeredScopes[scope] !== url || preventSingleton) {
     if (scope in registeredScopes) {
       console.error(`[chayns-api] call registerRemote with force for scope ${scope}. url: ${url}`);
     }
     registerRemotes([{
+      shareScope,
       name: scope,
       entry: url,
       alias: scope
@@ -55,14 +43,21 @@ export const loadModule = function (scope, module, url) {
 const loadComponent = function (scope, module, url) {
   let skipCompatMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   let preventSingleton = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  let shareScope = arguments.length > 5 ? arguments[5] : undefined;
   if (skipCompatMode) {
     console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
   }
+  const {
+    loadShareSync
+  } = globalThis.moduleFederationRuntime;
+  const {
+    componentMap
+  } = globalThis.moduleFederationScopes;
   if (!componentMap[scope]) {
     componentMap[scope] = {};
   }
   if (!(module in componentMap[scope])) {
-    const promise = loadModule(scope, module, url, preventSingleton).then(async Module => {
+    const promise = loadModule(scope, module, url, preventSingleton, shareScope).then(async Module => {
       if (typeof Module.default === 'function') {
         return Module;
       }
@@ -75,6 +70,7 @@ const loadComponent = function (scope, module, url) {
         loadShareSync('react', {
           resolver: shareOptions => {
             resolve(shareOptions);
+            console.log("shareOptions", shareOptions);
             return shareOptions[0];
           }
         });
@@ -86,11 +82,13 @@ const loadComponent = function (scope, module, url) {
         } = _ref;
         return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
       });
-      if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+      if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development' || Module.default.version !== 2) {
+        console.log("use compat mode for", scope, module);
         return {
           default: Module.default.CompatComponent
         };
       }
+      console.log("use direct component for", scope, module);
       return {
         default: Module.default.Component
       };

package/dist/esm/index.js

@@ -17,7 +17,4 @@ export { default as DialogHandler } from './handler/DialogHandler';
 import * as _dialog from './calls/dialogs/index';
 export { _dialog as dialog };
 export * from './types/IChaynsReact';
-export default {
-  buildEnv: process.env.BUILD_ENV,
-  appVersion: process.env.VERSION
-};
+export * from './util/initModuleFederationSharing';

package/dist/esm/types/IChaynsReact.js

@@ -4,6 +4,16 @@ export let DateType = /*#__PURE__*/function (DateType) {
   DateType[DateType["DATE_TIME"] = 2] = "DATE_TIME";
   return DateType;
 }({});
+export let WeekDayType = /*#__PURE__*/function (WeekDayType) {
+  WeekDayType[WeekDayType["SUNDAY"] = 0] = "SUNDAY";
+  WeekDayType[WeekDayType["MONDAY"] = 1] = "MONDAY";
+  WeekDayType[WeekDayType["TUESDAY"] = 2] = "TUESDAY";
+  WeekDayType[WeekDayType["WEDNESDAY"] = 3] = "WEDNESDAY";
+  WeekDayType[WeekDayType["THURSDAY"] = 4] = "THURSDAY";
+  WeekDayType[WeekDayType["FRIDAY"] = 5] = "FRIDAY";
+  WeekDayType[WeekDayType["SATURDAY"] = 6] = "SATURDAY";
+  return WeekDayType;
+}({});
 export let ToastType = /*#__PURE__*/function (ToastType) {
   ToastType[ToastType["NEUTRAL"] = 1] = "NEUTRAL";
   ToastType[ToastType["SUCCESS"] = 2] = "SUCCESS";
@@ -208,6 +218,7 @@ export let RuntimeEnviroment = /*#__PURE__*/function (RuntimeEnviroment) {
   RuntimeEnviroment[RuntimeEnviroment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
   RuntimeEnviroment[RuntimeEnviroment["IntercomPlugin"] = 4] = "IntercomPlugin";
   RuntimeEnviroment[RuntimeEnviroment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
+  RuntimeEnviroment[RuntimeEnviroment["Dialog"] = 6] = "Dialog";
   return RuntimeEnviroment;
 }({});
 export let DeviceOs = /*#__PURE__*/function (DeviceOs) {

package/dist/esm/util/deviceHelper.js

@@ -1,7 +1,10 @@
 import { UAParser } from 'ua-parser-js';
 import { AppName, ScreenSize } from '../types/IChaynsReact';
-const getDeviceInfo = (userAgent, acceptHeader) => {
-  var _match$groups, _match$groups2, _customMatch$groups, _browser$version$spli, _browser$version, _uaParser$getOS, _uaParser$getOS2;
+const getDeviceInfo = function (userAgent, acceptHeader) {
+  var _match$groups, _match$groups2, _customMatch$groups, _browser$version$spli, _browser$version, _uaParser$getOS, _uaParser$getOS2, _uaParser$getOS3;
+  let {
+    imei
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const uaParser = new UAParser(userAgent);
   let appName = AppName.Unknown;
   const match = /(?:my)?chayns\/(?<version>\d+).*(?<siteId>\d{5}-\d{5})/i.exec(userAgent);
@@ -39,9 +42,11 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
     appVersion,
     callVersion: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
   };
-  result.imei = undefined; // TODO
+  result.imei = imei;
   result.engine = uaParser.getEngine();
+  // TODO: breaking change on next minor and use object with name and version
   result.os = ((_uaParser$getOS = uaParser.getOS()) === null || _uaParser$getOS === void 0 ? void 0 : _uaParser$getOS.name) === 'Android' ? 'Android OS' : (_uaParser$getOS2 = uaParser.getOS()) === null || _uaParser$getOS2 === void 0 ? void 0 : _uaParser$getOS2.name;
+  result.osVersion = (_uaParser$getOS3 = uaParser.getOS()) === null || _uaParser$getOS3 === void 0 ? void 0 : _uaParser$getOS3.version;
   if (typeof window !== 'undefined') {
     result.screenSize = getScreenSize(window.innerWidth);
     result.isTouch = getClientDeviceInfo().isTouch;

package/dist/esm/util/initModuleFederationSharing.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+export const initModuleFederationSharing = () => {
+  // forces single instance of module federation runtime
+  if (!globalThis.moduleFederationRuntime) {
+    var _process$env$__PACKAG;
+    globalThis.moduleFederationRuntime = require('@module-federation/enhanced/runtime');
+    globalThis.moduleFederationScopes = {
+      registeredScopes: {},
+      moduleMap: {},
+      componentMap: {}
+    };
+    const {
+      init
+    } = globalThis.moduleFederationRuntime;
+
+    // init also should only be called once
+    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.version,
+          scope: 'chayns-api2',
+          lib: () => React
+        },
+        'react-dom': {
+          version: ReactDOM.version,
+          scope: 'chayns-api2',
+          lib: () => ReactDOM
+        }
+      }
+    });
+  }
+};

package/dist/esm/wrapper/AppWrapper.js

@@ -60,7 +60,9 @@ export class AppWrapper {
       }
     }
     return {
-      device: getDeviceInfo(navigator.userAgent, 'image/webp'),
+      device: getDeviceInfo(navigator.userAgent, 'image/webp', {
+        imei: Device.IMEI
+      }),
       environment: {
         buildEnvironment: Environment.Production,
         runtimeEnvironment: RuntimeEnviroment.Unknown
@@ -410,14 +412,16 @@ export class AppWrapper {
           awaitResult: false
         });
       },
-      scrollToY: async position => {
+      scrollToY: async (position, duration) => {
         window.scrollTo({
-          top: position
+          top: position,
+          behavior: duration ? 'smooth' : 'auto'
         });
       },
       scrollByY: (value, duration) => {
         window.scrollBy({
-          top: value
+          top: value,
+          behavior: duration ? 'smooth' : 'auto'
         });
       },
       sendMessageToGroup: async (groupId, message) => {

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -2,9 +2,13 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { AppName } from '../types/IChaynsReact';
+import getDeviceInfo from '../util/deviceHelper';
+import { AppWrapper } from './AppWrapper';
 import { FrameWrapper } from './FrameWrapper';
 class StaticChaynsApi {
   constructor() {
+    var _deviceInfo$app$name, _deviceInfo$app;
     _defineProperty(this, "getUser", () => this._wrapper.values.user);
     _defineProperty(this, "getSite", () => this._wrapper.values.site);
     _defineProperty(this, "getCurrentPage", () => this._wrapper.values.currentPage);
@@ -13,7 +17,13 @@ class StaticChaynsApi {
     _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();
+    let wrapper;
+    const deviceInfo = getDeviceInfo(navigator.userAgent, '');
+    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) {
+      wrapper = new AppWrapper();
+    } else {
+      wrapper = new FrameWrapper();
+    }
     moduleWrapper.current = wrapper;
     this._wrapper = wrapper;
     this.ready = wrapper.init();

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

@@ -9,5 +9,6 @@ export declare const withCompatMode: <P extends Props>(Component: React.Componen
     environment: string | undefined;
     buildEnv: string | undefined;
     appVersion: string | undefined;
+    version: number;
 };
 export {};

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

@@ -6,6 +6,7 @@ export type TypeSystem = {
     serverUrl?: string;
     module: string;
     preventSingleton?: boolean;
+    shareScope?: string;
 };
 type ModulePropTypes = {
     system: TypeSystem;

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

@@ -1,3 +1,3 @@
-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 declare const loadModule: (scope: any, module: any, url: any, preventSingleton?: boolean, shareScope?: string) => any;
+declare const loadComponent: (scope: any, module: any, url: any, skipCompatMode: boolean | undefined, preventSingleton: boolean | undefined, shareScope: any) => any;
 export default loadComponent;

package/dist/types/index.d.ts

@@ -16,8 +16,4 @@ export { default as loadComponent, loadModule } from './host/module/utils/loadCo
 export { default as DialogHandler } from './handler/DialogHandler';
 export * as dialog from './calls/dialogs/index';
 export * from './types/IChaynsReact';
-declare const _default: {
-    buildEnv: string | undefined;
-    appVersion: string | undefined;
-};
-export default _default;
+export * from './util/initModuleFederationSharing';

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

@@ -21,6 +21,28 @@ export interface DialogDate {
     multiselect?: boolean;
     monthSelect?: boolean;
     yearSelect?: boolean;
+    interval?: boolean;
+    disabledDates?: Date[];
+    disabledIntervals?: {
+        start: Date;
+        end: Date;
+    }[];
+    disabledWeekDayIntervals?: {
+        weekDay: WeekDayType;
+        interval?: {
+            start: Date;
+            end: Date;
+        };
+    }[];
+}
+export declare enum WeekDayType {
+    SUNDAY = 0,
+    MONDAY = 1,
+    TUESDAY = 2,
+    WEDNESDAY = 3,
+    THURSDAY = 4,
+    FRIDAY = 5,
+    SATURDAY = 6
 }
 export declare enum ToastType {
     NEUTRAL = 1,
@@ -133,6 +155,7 @@ export declare enum DialogButtonType {
 export type ChaynsApiUser = {
     firstName?: string;
     lastName?: string;
+    nickName?: string;
     gender?: Gender;
     uacGroups?: UacGroup[];
     userId?: number;
@@ -158,10 +181,15 @@ export type ChaynsApiSite = {
     originSiteId?: string;
 };
 export declare enum ScreenSize {
+    /** screen width smaller than or equal 556px */
     XS = 0,
+    /** screen width between 557px and 769px */
     SM = 1,
+    /** screen width between 770px and 993px */
     MD = 2,
+    /** screen width between 994px and 1200px */
     LG = 3,
+    /** screen width larger than 1200px */
     XL = 4
 }
 export type ChaynsApiDevice = {
@@ -185,6 +213,7 @@ export type ChaynsApiDevice = {
     imei?: string;
     accessToken?: string;
     os?: 'AIX' | 'Amiga OS' | 'Android OS' | 'Arch' | 'Bada' | 'BeOS' | 'BlackBerry' | 'CentOS' | 'Chromium OS' | 'Contiki' | 'Fedora' | 'Firefox OS' | 'FreeBSD' | 'Debian' | 'DragonFly' | 'Gentoo' | 'GNU' | 'Haiku' | 'Hurd' | 'iOS' | 'Joli' | 'Linpus' | 'Linux' | 'Mac OS' | 'Mageia' | 'Mandriva' | 'MeeGo' | 'Minix' | 'Mint' | 'Morph OS' | 'NetBSD' | 'Nintendo' | 'OpenBSD' | 'OpenVMS' | 'OS/2' | 'Palm' | 'PCLinuxOS' | 'Plan9' | 'Playstation' | 'QNX' | 'RedHat' | 'RIM Tablet OS' | 'RISC OS' | 'Sailfish' | 'Series40' | 'Slackware' | 'Solaris' | 'SUSE' | 'Symbian' | 'Tizen' | 'Ubuntu' | 'UNIX' | 'VectorLinux' | 'WebOS' | 'Windows' | 'Windows Phone' | 'Windows Mobile' | 'Zenwalk' | null;
+    osVersion?: string;
     isTouch: boolean;
     screenSize: ScreenSize;
 };
@@ -739,7 +768,8 @@ export declare enum RuntimeEnviroment {
     ChaynsWeb = 2,
     ChaynsRuntime = 3,
     IntercomPlugin = 4,
-    PagemakerPlugin = 5
+    PagemakerPlugin = 5,
+    Dialog = 6
 }
 export declare enum DeviceOs {
     Unknown = "unknown",

package/dist/types/util/deviceHelper.d.ts

@@ -1,5 +1,7 @@
 import { ChaynsApiDevice, ScreenSize } from '../types/IChaynsReact';
-declare const getDeviceInfo: (userAgent: string, acceptHeader: string) => ChaynsApiDevice;
+declare const getDeviceInfo: (userAgent: string, acceptHeader: string, { imei }?: {
+    imei?: string | undefined;
+}) => ChaynsApiDevice;
 export declare const getClientDeviceInfo: () => {
     isTouch: boolean;
 };

package/dist/types/util/initModuleFederationSharing.d.ts

@@ -0,0 +1 @@
+export declare const initModuleFederationSharing: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.2.0-1",
+    "version": "1.2.0-11",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -42,7 +42,8 @@
         "extends": "@chayns-toolkit"
     },
     "dependencies": {
-        "@module-federation/runtime": "^0.1.13",
+        "@module-federation/enhanced": "^0.6.10",
+        "@module-federation/runtime": "^0.6.9",
         "@types/semver": "^7.5.8",
         "comlink": "4.3.1",
         "htmlescape": "^1.1.1",
@@ -76,8 +77,8 @@
         "postcss-prefix-selector": "^1.13.0",
         "prettier": "^3.2.5",
         "prettier-plugin-packagejson": "^2.5.0",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "typescript": "^4.9.5"
     },
     "peerDependencies": {