chayns-api 1.1.0-9 → 1.1.3

package/dist/esm/hooks/useDialogState.js

@@ -1,8 +1,8 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext, ChaynsFunctionsContext } from '../components/ChaynsContext';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogState = () => {
   const setResult = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
@@ -20,8 +20,8 @@ export const useDialogState = () => {
   };
 };
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogData = () => {
   const inputData = useContextSelector(ChaynsContext, v => {

package/dist/esm/hooks/useEnvironment.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useEnvironment = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);

package/dist/esm/hooks/useFunctions.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from "use-context-selector";
 import { ChaynsFunctionsContext } from "../components/ChaynsContext";
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useFunctions = () => {
   const t = useContextSelector(ChaynsFunctionsContext, f => f || {});

package/dist/esm/hooks/useIsAdminMode.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useIsAdminMode = () => {
   var _useContextSelector;

package/dist/esm/hooks/useLanguage.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useLanguage = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);

package/dist/esm/hooks/usePages.js

@@ -1,8 +1,8 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
 import { moduleWrapper } from '../components/moduleWrapper';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const usePages = function () {
   let {
@@ -16,8 +16,8 @@ export const usePages = function () {
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const usePage = _ref => {
   let {

package/dist/esm/hooks/useParameters.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useParameters = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);

package/dist/esm/hooks/useSite.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useSite = () => useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);

package/dist/esm/hooks/useUser.js

@@ -1,6 +1,6 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useUser = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});

package/dist/esm/hooks/useValues.js

@@ -1,7 +1,7 @@
 import { useContextSelector } from 'use-context-selector';
 import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useValues = () => {
   const t = useContextSelector(ChaynsContext, v => v || {});

package/dist/esm/hooks/windowMetricsListener.js

@@ -2,8 +2,8 @@ import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { ScreenSize } from '../types/IChaynsReact';
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useWindowMetricsListener = () => {
   const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addWindowMetricsListener);
@@ -18,8 +18,8 @@ export const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useWindowMetrics = function () {
   let {

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useEffect, useRef } from 'react';
 import * as comlink from 'comlink';
 import postIframeForm from '../../util/postIframeForm';

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

@@ -1,35 +1,32 @@
-import { init } from '@module-federation/runtime';
 import React, { useMemo } from 'react';
-import ReactDOM from 'react-dom';
+import useDynamicScript from './utils/useDynamicScript';
 import loadComponent from './utils/loadComponent';
 import { replaceStagingUrl } from "../../util/url";
-init({
-  // @ts-expect-error will be set by chayns-toolkit via DefinePlugin
-  name: process.env.__PACKAGE_NAME__,
-  remotes: [],
-  shared: {
-    react: {
-      version: React.version,
-      scope: 'default',
-      lib: () => React
-    },
-    'react-dom': {
-      version: ReactDOM.version,
-      scope: 'default',
-      lib: () => ReactDOM
-    }
-  }
-});
 const System = _ref => {
   let {
     system,
     fallback,
     ...props
   } = _ref;
-  const Component = useMemo(() => loadComponent(system.scope, system.module, system.url, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.preventSingleton]);
-  return /*#__PURE__*/React.createElement(React.Suspense, {
+  const {
+    ready,
+    failed
+  } = useDynamicScript({
+    url: system === null || system === void 0 ? void 0 : system.url,
+    scope: system === null || system === void 0 ? void 0 : system.scope
+  });
+  const Component = useMemo(() => {
+    // maybe return waitcursor instead
+    if (!system || !ready || failed) {
+      return null;
+    }
+    return /*#__PURE__*/React.lazy(loadComponent(system.scope, system.module, system.url, undefined, system.preventSingleton));
+
+    /* eslint-disable react-hooks/exhaustive-deps */
+  }, [system === null || system === void 0 ? void 0 : system.scope, ready, system === null || system === void 0 ? void 0 : system.url]);
+  return Component ? /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: fallback || ''
-  }, /*#__PURE__*/React.createElement(Component, props));
+  }, /*#__PURE__*/React.createElement(Component, props)) : fallback;
 };
 const ModuleHost = _ref2 => {
   let {

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

@@ -1,63 +1,60 @@
+/* eslint-disable */
+// @ts-nocheck
+
 import semver from 'semver';
 import React from 'react';
-import { loadRemote, registerRemotes, loadShareSync } from '@module-federation/runtime';
-const registeredScopes = {};
-const dynamicMap = {};
+import { semaphore } from './useDynamicScript';
+let instances = {};
 export default function loadComponent(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;
-  if (skipCompatMode) {
-    console.warn('[chayns-api] skipCompatMode-option is deprecated and is set automatically now');
-  }
-  if (registeredScopes[scope] !== url || preventSingleton) {
-    registerRemotes([{
-      name: scope,
-      entry: url,
-      alias: scope
-    }], {
-      force: scope in registeredScopes
+  return async () => {
+    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
+    await __webpack_init_sharing__('default');
+    const {
+      container
+    } = window[scope + "_list"].find(x => x.url === url); // or get the container somewhere else
+    // Initialize the container, it may provide shared modules
+    await container.init(__webpack_share_scopes__.default);
+    const factory = await container.get(module);
+    semaphore[scope].release();
+    let ModuleMap = instances[`${scope}__${module}`];
+    let Module;
+    if (!ModuleMap) {
+      ModuleMap = {};
+      instances[`${scope}__${module}`] = ModuleMap;
+    }
+    if (Object.keys(ModuleMap).length > 0) {
+      const newModule = factory();
+      Module = ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`];
+      if (!Module) {
+        Module = newModule;
+        ModuleMap[`${newModule.default.buildEnv}__${newModule.default.appVersion}`] = newModule;
+      }
+    } else {
+      Module = factory();
+      ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
+    }
+    if (preventSingleton) {
+      // Intercom :)
+      window[scope + "_list"] = null;
+    }
+    if (skipCompatMode) return Module;
+    const hostVersion = semver.minVersion(React.version);
+    const {
+      requiredVersion,
+      environment
+    } = Module.default;
+    const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion) && !Object.keys(__webpack_share_scopes__.default.react).some(version => {
+      return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === __webpack_share_scopes__.default.react[version].from.split('-').join('_');
     });
-    registeredScopes[scope] = url;
-    dynamicMap[scope] = {};
-  }
-  if (!(module in dynamicMap[scope])) {
-    const path = `${scope}/${module.replace(/^\.\//, '')}`;
-    dynamicMap[scope][module] = /*#__PURE__*/React.lazy(() => {
-      return loadRemote(path).then(async Module => {
-        // semantically equals skipCompatMode
-        if (typeof Module.default === 'function') {
-          return Module;
-        }
-        const hostVersion = semver.minVersion(React.version);
-        const {
-          requiredVersion,
-          environment
-        } = Module.default;
-        const shareScopes = await new Promise(resolve => {
-          loadShareSync('react', {
-            resolver: shareOptions => {
-              resolve(shareOptions);
-              return shareOptions[0];
-            }
-          });
-        });
-        const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion) && !shareScopes.some(t => {
-          const {
-            version,
-            from
-          } = t;
-          return semver.gt(version, hostVersion) && semver.satisfies(version, requiredVersion) || scope === from.split('-').join('_');
-        });
-        if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
-          return {
-            default: Module.default.CompatComponent
-          };
-        }
-        return {
-          default: Module.default.Component
-        };
-      });
-    });
-  }
-  return dynamicMap[scope][module];
+    if (!matchReactVersion || environment !== 'production' || process.env.NODE_ENV === 'development') {
+      return {
+        default: Module.default.CompatComponent
+      };
+    }
+    return {
+      default: Module.default.Component
+    };
+  };
 }

package/dist/esm/index.js

@@ -7,11 +7,9 @@ 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';
 export { default as StaticChaynsApi } from './wrapper/StaticChaynsApi';
-export { default as loadComponent } from './host/module/utils/loadComponent';
 export { default as DialogHandler } from './handler/DialogHandler';
 import * as _dialog from './calls/dialogs/index';
 export { _dialog as dialog };

package/dist/esm/types/IChaynsReact.js

@@ -23,6 +23,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) {
@@ -40,12 +41,12 @@ export let ScreenSize = /*#__PURE__*/function (ScreenSize) {
   return ScreenSize;
 }({});
 
-/**
- * @ignore
+/**
+ * @ignore
  */
 
-/**
- * @ignore
+/**
+ * @ignore
  */
 
 export let AccessMode = /*#__PURE__*/function (AccessMode) {

package/dist/esm/util/deviceHelper.js

@@ -1,10 +1,11 @@
 import { parseUserAgent } from 'detect-browser';
 import { AppName, ScreenSize } from '../types/IChaynsReact';
 const getDeviceInfo = (userAgent, acceptHeader) => {
-  var _match$groups, _match$groups2, _parsedUA$version$spl, _parsedUA$version;
+  var _match$groups, _match$groups2, _customMatch$groups, _parsedUA$version$spl, _parsedUA$version;
   const parsedUA = parseUserAgent(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,6 +21,10 @@ 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 = {};
   result.browser = {
     name: parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.name,
@@ -29,7 +34,9 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
   };
   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

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/util/transferNestedFunctions.js

@@ -24,8 +24,11 @@ Comlink.transferHandlers.set("FUNCTION", {
   },
   deserialize(obj) {
     obj._functionKeys.forEach(x => {
-      obj[x].start();
-      obj[x] = Comlink.wrap(obj[x]);
+      // under certain conditions deserialize can be called more than once on same object
+      if (obj[x] instanceof MessagePort) {
+        obj[x].start();
+        obj[x] = Comlink.wrap(obj[x]);
+      }
     });
     return obj;
   }