chayns-api 1.2.0-0 → 1.2.0-2

package/dist/chayns-api.js.LICENSE.txt

@@ -0,0 +1,51 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v0.20.2
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

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) {

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

@@ -7,35 +7,48 @@ 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 }; }
+// forces single instance of module federation runtime
+if (!globalThis.moduleFederationRuntime) {
+  var _process$env$__PACKAG;
+  globalThis.moduleFederationRuntime = require('@module-federation/runtime');
+  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: 'default',
+        lib: () => _react.default
+      },
+      'react-dom': {
+        version: _reactDom.default.version,
+        scope: 'default',
+        lib: () => _reactDom.default
+      }
+    }
+  });
+}
+const {
+  loadRemote,
+  registerRemotes,
+  loadShareSync
+} = globalThis.moduleFederationRuntime;
 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) => {
   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([{
       name: scope,
       entry: url,
       alias: scope
@@ -48,7 +61,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
@@ -77,7 +90,7 @@ 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);
             return shareOptions[0];

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

@@ -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;

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/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) {

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

@@ -1,28 +1,42 @@
-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';
+
+// forces single instance of module federation runtime
+if (!globalThis.moduleFederationRuntime) {
+  var _process$env$__PACKAG;
+  globalThis.moduleFederationRuntime = require('@module-federation/runtime');
+  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: 'default',
+        lib: () => React
+      },
+      'react-dom': {
+        version: ReactDOM.version,
+        scope: 'default',
+        lib: () => ReactDOM
+      }
+    }
+  });
+}
+const {
+  loadRemote,
+  registerRemotes,
+  loadShareSync
+} = globalThis.moduleFederationRuntime;
 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
-    }
-  }
-});
 export const loadModule = function (scope, module, url) {
   let preventSingleton = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   if (registeredScopes[scope] !== url || preventSingleton) {

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';

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;