chayns-api 1.2.0-0 → 1.2.0-10

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/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
@@ -63,6 +50,12 @@ const loadComponent = (scope, module, url, skipCompatMode = false, preventSingle
   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] = {};
   }
@@ -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 () {
@@ -148,6 +148,18 @@ Object.keys(_IChaynsReact).forEach(function (key) {
     }
   });
 });
+var _is = require("./util/is");
+Object.keys(_is).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _is[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _is[key];
+    }
+  });
+});
 var _constants = require("./constants");
 Object.keys(_constants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -166,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";
@@ -29,6 +39,7 @@ let DialogSelectType = exports.DialogSelectType = /*#__PURE__*/function (DialogS
   DialogSelectType[DialogSelectType["DEFAULT"] = 0] = "DEFAULT";
   DialogSelectType[DialogSelectType["ICON"] = 1] = "ICON";
   DialogSelectType[DialogSelectType["IMAGE"] = 2] = "IMAGE";
+  DialogSelectType[DialogSelectType["SIMPLE"] = 3] = "SIMPLE";
   return DialogSelectType;
 }({});
 let DialogButtonType = exports.DialogButtonType = /*#__PURE__*/function (DialogButtonType) {
@@ -210,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

@@ -4,13 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getScreenSize = exports.getClientDeviceInfo = exports.default = void 0;
-var _detectBrowser = require("detect-browser");
+var _uaParserJs = require("ua-parser-js");
 var _IChaynsReact = require("../types/IChaynsReact");
-const getDeviceInfo = (userAgent, acceptHeader) => {
-  var _match$groups, _match$groups2, _parsedUA$version$spl, _parsedUA$version;
-  const parsedUA = (0, _detectBrowser.parseUserAgent)(userAgent);
+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);
+  const customMatch = /\s(?<name>intercom|sidekick|team)\/(?<version>\d+)/i.exec(userAgent);
   if (/\sintercom\/\d+/i.test(userAgent)) {
     appName = _IChaynsReact.AppName.TobitChat;
   } else if (/\ssidekick\/\d+/i.test(userAgent)) {
@@ -26,20 +29,29 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
   } else if (/dface|h96pp|h96max|jabiru|chaynsterminal|wayter|odroidn2p/i.test(userAgent)) {
     appName = _IChaynsReact.AppName.ChaynsLauncher;
   }
+  let appVersion = match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN;
+  if (customMatch !== null && customMatch !== void 0 && (_customMatch$groups = customMatch.groups) !== null && _customMatch$groups !== void 0 && _customMatch$groups.version) {
+    appVersion = Number.parseInt(customMatch.groups.version, 10);
+  }
   const result = {};
+  const browser = uaParser.getBrowser();
   result.browser = {
-    name: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.name,
-    version: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.version,
-    majorVersion: Number.parseInt((_parsedUA$version$spl = parsedUA === null || parsedUA === void 0 || (_parsedUA$version = parsedUA.version) === null || _parsedUA$version === void 0 ? void 0 : _parsedUA$version.split('.')[0]) !== null && _parsedUA$version$spl !== void 0 ? _parsedUA$version$spl : '0', 10) || 0,
+    name: browser === null || browser === void 0 ? void 0 : browser.name,
+    version: browser === null || browser === void 0 ? void 0 : browser.version,
+    majorVersion: Number.parseInt((_browser$version$spli = browser === null || browser === void 0 || (_browser$version = browser.version) === null || _browser$version === void 0 ? void 0 : _browser$version.split('.')[0]) !== null && _browser$version$spli !== void 0 ? _browser$version$spli : '0', 10) || 0,
     isWebPSupported: acceptHeader.includes('image/webp')
   };
   result.app = {
     name: appName,
-    version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
+    version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN,
+    appVersion,
+    callVersion: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
   };
-  result.imei = undefined; // TODO
-  result.accessToken = undefined; // TODO
-  result.os = parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.os;
+  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/util/is.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isAppCallSupported = exports.isApp = void 0;
+var _calls = require("../calls");
+var _IChaynsReact = require("../types/IChaynsReact");
+const isApp = () => {
+  var _getDevice$app$name, _getDevice$app;
+  return ((_getDevice$app$name = (_getDevice$app = (0, _calls.getDevice)().app) === null || _getDevice$app === void 0 ? void 0 : _getDevice$app.name) !== null && _getDevice$app$name !== void 0 ? _getDevice$app$name : _IChaynsReact.AppName.Unknown) !== _IChaynsReact.AppName.Unknown;
+};
+exports.isApp = isApp;
+const isAppCallSupported = ({
+  minAndroidVersion = 1,
+  minIOSVersion = 1
+}) => {
+  var _device$app;
+  if (!isApp()) return false;
+  const device = (0, _calls.getDevice)();
+  if (!((_device$app = device.app) !== null && _device$app !== void 0 && _device$app.callVersion) || isNaN(device.app.callVersion)) return false;
+  if (device.os && ['iOS', 'Mac OS'].includes(device.os)) {
+    return device.app.callVersion >= minIOSVersion;
+  }
+  if (device.os === 'Android OS') {
+    return device.app.callVersion >= minAndroidVersion;
+  }
+  return false;
+};
+exports.isAppCallSupported = isAppCallSupported;

package/dist/cjs/wrapper/AppWrapper.js

@@ -13,6 +13,7 @@ var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _languages = require("../constants/languages");
+var _is = require("../util/is");
 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 }; }
@@ -67,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
@@ -417,6 +420,25 @@ class AppWrapper {
       }
     },
     selectPage: async options => {
+      var _this$values, _this$values2;
+      if ((_this$values = this.values) !== null && _this$values !== void 0 && (_this$values = _this$values.site) !== null && _this$values !== void 0 && _this$values.id && options.siteId && options.siteId !== ((_this$values2 = this.values) === null || _this$values2 === void 0 || (_this$values2 = _this$values2.site) === null || _this$values2 === void 0 ? void 0 : _this$values2.id)) {
+        const url = new URL(`https://chayns.site/${options.siteId}`);
+        if (options.id) {
+          url.pathname += `/tapp/${options.id}`;
+        } else if (options.path) {
+          url.pathname += `/${options.path}`;
+        }
+        if (options.params) {
+          Object.entries(options.params).forEach(([k, v]) => {
+            url.searchParams.set(k, v);
+          });
+        }
+        void this.appCall(9, {
+          url: url.toString(),
+          checkForChaynsSite: true
+        });
+        return;
+      }
       void this.appCall(2, {
         id: options.id,
         showName: options.showName,
@@ -426,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) => {
@@ -539,12 +563,16 @@ class AppWrapper {
     },
     openDialog: async (config, callback) => {
       const currentDialogId = appWrapperDialogId++;
+      const isSupported = (0, _is.isAppCallSupported)({
+        minAndroidVersion: 7137,
+        minIOSVersion: 6934
+      });
       this.appCall(184, {
         dialogContent: {
           apiVersion: 5,
           config
         },
-        externalDialogUrl: 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
+        externalDialogUrl: isSupported ? undefined : 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
       }, {
         awaitResult: true
       }).then(result => {

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/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
@@ -58,6 +46,12 @@ const loadComponent = function (scope, module, url) {
   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] = {};
   }
@@ -75,6 +69,7 @@ const loadComponent = function (scope, module, url) {
         loadShareSync('react', {
           resolver: shareOptions => {
             resolve(shareOptions);
+            console.log("shareOptions", shareOptions);
             return shareOptions[0];
           }
         });
@@ -86,11 +81,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

@@ -7,6 +7,7 @@ export * from './calls';
 export * from './hooks';
 export * from './components/WaitUntil';
 export * from './types/IChaynsReact';
+export * from './util/is';
 export * from './components/withCompatMode';
 export * from './constants';
 export { default as withHydrationBoundary } from './components/withHydrationBoundary';
@@ -16,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";
@@ -23,6 +33,7 @@ export let DialogSelectType = /*#__PURE__*/function (DialogSelectType) {
   DialogSelectType[DialogSelectType["DEFAULT"] = 0] = "DEFAULT";
   DialogSelectType[DialogSelectType["ICON"] = 1] = "ICON";
   DialogSelectType[DialogSelectType["IMAGE"] = 2] = "IMAGE";
+  DialogSelectType[DialogSelectType["SIMPLE"] = 3] = "SIMPLE";
   return DialogSelectType;
 }({});
 export let DialogButtonType = /*#__PURE__*/function (DialogButtonType) {
@@ -207,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,10 +1,14 @@
-import { parseUserAgent } from 'detect-browser';
+import { UAParser } from 'ua-parser-js';
 import { AppName, ScreenSize } from '../types/IChaynsReact';
-const getDeviceInfo = (userAgent, acceptHeader) => {
-  var _match$groups, _match$groups2, _parsedUA$version$spl, _parsedUA$version;
-  const parsedUA = parseUserAgent(userAgent);
+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);
+  const customMatch = /\s(?<name>intercom|sidekick|team)\/(?<version>\d+)/i.exec(userAgent);
   if (/\sintercom\/\d+/i.test(userAgent)) {
     appName = AppName.TobitChat;
   } else if (/\ssidekick\/\d+/i.test(userAgent)) {
@@ -20,20 +24,29 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
   } else if (/dface|h96pp|h96max|jabiru|chaynsterminal|wayter|odroidn2p/i.test(userAgent)) {
     appName = AppName.ChaynsLauncher;
   }
+  let appVersion = match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN;
+  if (customMatch !== null && customMatch !== void 0 && (_customMatch$groups = customMatch.groups) !== null && _customMatch$groups !== void 0 && _customMatch$groups.version) {
+    appVersion = Number.parseInt(customMatch.groups.version, 10);
+  }
   const result = {};
+  const browser = uaParser.getBrowser();
   result.browser = {
-    name: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.name,
-    version: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.version,
-    majorVersion: Number.parseInt((_parsedUA$version$spl = parsedUA === null || parsedUA === void 0 || (_parsedUA$version = parsedUA.version) === null || _parsedUA$version === void 0 ? void 0 : _parsedUA$version.split('.')[0]) !== null && _parsedUA$version$spl !== void 0 ? _parsedUA$version$spl : '0', 10) || 0,
+    name: browser === null || browser === void 0 ? void 0 : browser.name,
+    version: browser === null || browser === void 0 ? void 0 : browser.version,
+    majorVersion: Number.parseInt((_browser$version$spli = browser === null || browser === void 0 || (_browser$version = browser.version) === null || _browser$version === void 0 ? void 0 : _browser$version.split('.')[0]) !== null && _browser$version$spli !== void 0 ? _browser$version$spli : '0', 10) || 0,
     isWebPSupported: acceptHeader.includes('image/webp')
   };
   result.app = {
     name: appName,
-    version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
+    version: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN,
+    appVersion,
+    callVersion: match !== null && match !== void 0 && match.groups ? Number.parseInt(match.groups.version, 10) : NaN
   };
-  result.imei = undefined; // TODO
-  result.accessToken = undefined; // TODO
-  result.os = parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.os;
+  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/util/is.js

@@ -0,0 +1,23 @@
+import { getDevice } from '../calls';
+import { AppName } from '../types/IChaynsReact';
+export const isApp = () => {
+  var _getDevice$app$name, _getDevice$app;
+  return ((_getDevice$app$name = (_getDevice$app = getDevice().app) === null || _getDevice$app === void 0 ? void 0 : _getDevice$app.name) !== null && _getDevice$app$name !== void 0 ? _getDevice$app$name : AppName.Unknown) !== AppName.Unknown;
+};
+export const isAppCallSupported = _ref => {
+  var _device$app;
+  let {
+    minAndroidVersion = 1,
+    minIOSVersion = 1
+  } = _ref;
+  if (!isApp()) return false;
+  const device = getDevice();
+  if (!((_device$app = device.app) !== null && _device$app !== void 0 && _device$app.callVersion) || isNaN(device.app.callVersion)) return false;
+  if (device.os && ['iOS', 'Mac OS'].includes(device.os)) {
+    return device.app.callVersion >= minIOSVersion;
+  }
+  if (device.os === 'Android OS') {
+    return device.app.callVersion >= minAndroidVersion;
+  }
+  return false;
+};

package/dist/esm/wrapper/AppWrapper.js

@@ -13,6 +13,7 @@ import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
 import { DeviceLanguage } from '../constants/languages';
+import { isAppCallSupported } from '../util/is';
 let appWrapperDialogId = 0;
 export class AppWrapper {
   mapOldApiToNew(retVal) {
@@ -59,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
@@ -380,6 +383,26 @@ export class AppWrapper {
         }
       },
       selectPage: async options => {
+        var _this$values, _this$values2;
+        if ((_this$values = this.values) !== null && _this$values !== void 0 && (_this$values = _this$values.site) !== null && _this$values !== void 0 && _this$values.id && options.siteId && options.siteId !== ((_this$values2 = this.values) === null || _this$values2 === void 0 || (_this$values2 = _this$values2.site) === null || _this$values2 === void 0 ? void 0 : _this$values2.id)) {
+          const url = new URL(`https://chayns.site/${options.siteId}`);
+          if (options.id) {
+            url.pathname += `/tapp/${options.id}`;
+          } else if (options.path) {
+            url.pathname += `/${options.path}`;
+          }
+          if (options.params) {
+            Object.entries(options.params).forEach(_ref2 => {
+              let [k, v] = _ref2;
+              url.searchParams.set(k, v);
+            });
+          }
+          void this.appCall(9, {
+            url: url.toString(),
+            checkForChaynsSite: true
+          });
+          return;
+        }
         void this.appCall(2, {
           id: options.id,
           showName: options.showName,
@@ -389,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) => {
@@ -502,12 +527,16 @@ export class AppWrapper {
       },
       openDialog: async (config, callback) => {
         const currentDialogId = appWrapperDialogId++;
+        const isSupported = isAppCallSupported({
+          minAndroidVersion: 7137,
+          minIOSVersion: 6934
+        });
         this.appCall(184, {
           dialogContent: {
             apiVersion: 5,
             config
           },
-          externalDialogUrl: 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
+          externalDialogUrl: isSupported ? undefined : 'https://tapp.chayns-static.space/api/dialog-v2/v1/index.html'
         }, {
           awaitResult: true
         }).then(result => {
@@ -588,10 +617,10 @@ export class AppWrapper {
     this.appCall(254, {
       enabled: true
     }, {
-      callback: _ref2 => {
+      callback: _ref3 => {
         let {
           colorMode
-        } = _ref2;
+        } = _ref3;
         this.values.site = {
           ...this.values.site,
           colorMode

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/utils/loadComponent.d.ts

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

package/dist/types/index.d.ts

@@ -7,6 +7,7 @@ export * from './calls';
 export * from './hooks';
 export * from './components/WaitUntil';
 export * from './types/IChaynsReact';
+export * from './util/is';
 export * from './components/withCompatMode';
 export * from './constants';
 export { default as withHydrationBoundary } from './components/withHydrationBoundary';
@@ -15,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

@@ -1,4 +1,4 @@
-import { Browser, OperatingSystem } from 'detect-browser';
+import { IBrowser, IEngine } from 'ua-parser-js';
 import DialogHandler from '../handler/DialogHandler';
 import { DialogButtonOld, SelectDialogItem } from './dialog';
 export type DialogButton = {
@@ -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,
@@ -98,7 +120,8 @@ export interface DialogInput {
 export declare enum DialogSelectType {
     DEFAULT = 0,
     ICON = 1,
-    IMAGE = 2
+    IMAGE = 2,
+    SIMPLE = 3
 }
 export type DialogSelectListItemType = {
     id: number;
@@ -115,6 +138,9 @@ export type DialogSelectListItemType = {
 export interface DialogSelect {
     type: DialogType.SELECT;
     list: DialogSelectListItemType[];
+    fixedItem?: DialogSelectListItemType & {
+        position?: 'top' | 'bottom';
+    };
     multiselect?: boolean;
     quickfind?: boolean;
     selectType?: DialogSelectType;
@@ -129,6 +155,7 @@ export declare enum DialogButtonType {
 export type ChaynsApiUser = {
     firstName?: string;
     lastName?: string;
+    nickName?: string;
     gender?: Gender;
     uacGroups?: UacGroup[];
     userId?: number;
@@ -154,27 +181,39 @@ 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 = {
     app?: {
         name: AppName;
+        /** @deprecated same value as callVersion */
         version: number;
+        /** the actual app version according to the app name */
+        appVersion: number;
+        /** the version of the chayns call interface */
+        callVersion: number;
         storePackageName?: string;
     };
     browser?: {
-        name?: Browser | 'bot' | null;
+        name?: IBrowser["name"] | 'bot' | null;
         version?: string | null;
         majorVersion: number;
         isWebPSupported: boolean;
     };
+    engine?: IEngine;
     imei?: string;
     accessToken?: string;
-    os?: OperatingSystem | null;
+    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;
 };
@@ -729,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/dist/types/util/is.d.ts

@@ -0,0 +1,5 @@
+export declare const isApp: () => boolean;
+export declare const isAppCallSupported: ({ minAndroidVersion, minIOSVersion }: {
+    minAndroidVersion?: number | undefined;
+    minIOSVersion?: number | undefined;
+}) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.2.0-0",
+    "version": "1.2.0-10",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -42,16 +42,17 @@
         "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",
-        "detect-browser": "^5.2.1",
         "htmlescape": "^1.1.1",
         "lodash.throttle": "^4.1.1",
         "prop-types": "^15.7.2",
         "scheduler": "^0.23.0",
         "semaphore-async-await": "^1.5.1",
         "semver": "^7.6.0",
+        "ua-parser-js": "^1.0.38",
         "use-context-selector": "^1.4.4",
         "util": "^0.12.5"
     },
@@ -68,6 +69,7 @@
         "@types/prop-types": "^15.7.12",
         "@types/react": "^18.2.78",
         "@types/react-dom": "^18.2.25",
+        "@types/ua-parser-js": "^0.7.39",
         "@typescript-eslint/parser": "^7.6.0",
         "chayns-toolkit": "^2.0.9",
         "concurrently": "^8.2.2",
@@ -75,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": {