chayns-api 1.1.9 → 1.2.0-1

package/dist/cjs/hooks/useCurrentPage.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCurrentPage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useCurrentPage = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.currentPage);
 exports.useCurrentPage = useCurrentPage;

package/dist/cjs/hooks/useCustomData.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCustomData = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useCustomData = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.customData);
 exports.useCustomData = useCustomData;

package/dist/cjs/hooks/useDevice.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDevice = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useDevice = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.device);
 exports.useDevice = useDevice;

package/dist/cjs/hooks/useDialogState.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDialogState = exports.useDialogData = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useDialogState = () => {
   const setResult = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
@@ -25,8 +25,8 @@ const useDialogState = () => {
   };
 };
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useDialogState = useDialogState;
 const useDialogData = () => {

package/dist/cjs/hooks/useEnvironment.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEnvironment = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useEnvironment = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);
 exports.useEnvironment = useEnvironment;

package/dist/cjs/hooks/useFunctions.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useFunctions = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useFunctions = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, f => f || {});

package/dist/cjs/hooks/useIsAdminMode.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIsAdminMode = void 0;
 var _useContextSelector2 = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useIsAdminMode = () => {
   var _useContextSelector;

package/dist/cjs/hooks/useLanguage.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useLanguage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useLanguage = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);
 exports.useLanguage = useLanguage;

package/dist/cjs/hooks/usePages.js

@@ -7,8 +7,8 @@ exports.usePages = exports.usePage = exports.getPage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _moduleWrapper = require("../components/moduleWrapper");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const usePages = ({
   siteId
@@ -21,8 +21,8 @@ const usePages = ({
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.usePages = usePages;
 const usePage = ({

package/dist/cjs/hooks/useParameters.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useParameters = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useParameters = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);
 exports.useParameters = useParameters;

package/dist/cjs/hooks/useSite.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSite = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useSite = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);
 exports.useSite = useSite;

package/dist/cjs/hooks/useUser.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useUser = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useUser = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});
 exports.useUser = useUser;

package/dist/cjs/hooks/useValues.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useValues = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useValues = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v || {});

package/dist/cjs/hooks/windowMetricsListener.js

@@ -8,8 +8,8 @@ var _useContextSelector = require("use-context-selector");
 var _react = require("react");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _IChaynsReact = require("../types/IChaynsReact");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useWindowMetricsListener = () => {
   const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addWindowMetricsListener);
@@ -24,8 +24,8 @@ const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useWindowMetricsListener = useWindowMetricsListener;
 const useWindowMetrics = ({

package/dist/cjs/host/ChaynsHost.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _HostIframe = _interopRequireDefault(require("./iframe/HostIframe"));
 var _ModuleHost = _interopRequireDefault(require("./module/ModuleHost"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ChaynsHost = ({
   type,
   iFrameProps,
@@ -15,7 +17,6 @@ const ChaynsHost = ({
   src,
   iFrameRef = undefined,
   loadingComponent = undefined,
-  children = undefined,
   system,
   // shallow data
   pages,
@@ -31,8 +32,23 @@ const ChaynsHost = ({
   preventStagingReplacement,
   dialog
 }) => {
+  const [isVisible, setIsVisible] = (0, _react.useState)(type !== 'client-module' && (type !== 'server-module' || !!(system !== null && system !== void 0 && system.serverUrl)));
+  (0, _react.useEffect)(() => {
+    if (isVisible) return;
+    if (typeof _react.startTransition === 'function') {
+      (0, _react.startTransition)(() => {
+        setIsVisible(true);
+      });
+    } else {
+      setIsVisible(true);
+    }
+  }, []);
+  if (!isVisible) {
+    return null;
+  }
   switch (type) {
     case 'client-iframe':
+    case 'server-iframe':
       return /*#__PURE__*/_react.default.createElement(_HostIframe.default, {
         iFrameRef: iFrameRef,
         iFrameProps: iFrameProps,
@@ -44,6 +60,7 @@ const ChaynsHost = ({
         currentPage: currentPage,
         functions: functions,
         src: src,
+        postForm: type === 'server-iframe',
         language: language,
         parameters: parameters,
         environment: environment,
@@ -52,6 +69,7 @@ const ChaynsHost = ({
         dialog: dialog
       });
     case 'client-module':
+    case 'server-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
         system: system,
         pages: pages,
@@ -69,43 +87,6 @@ const ChaynsHost = ({
         preventStagingReplacement: preventStagingReplacement,
         dialog: dialog
       });
-    case 'server-iframe':
-      return /*#__PURE__*/_react.default.createElement(_HostIframe.default, {
-        iFrameRef: iFrameRef,
-        iFrameProps: iFrameProps,
-        pages: pages,
-        isAdminModeActive: isAdminModeActive,
-        site: site,
-        user: user,
-        device: device,
-        currentPage: currentPage,
-        functions: functions,
-        src: src,
-        postForm: true,
-        language: language,
-        parameters: parameters,
-        environment: environment,
-        customData: customData,
-        preventStagingReplacement: preventStagingReplacement,
-        dialog: dialog
-      });
-    case 'server-module':
-      return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
-        system: system,
-        pages: pages,
-        isAdminModeActive: isAdminModeActive,
-        site: site,
-        user: user,
-        device: device,
-        currentPage: currentPage,
-        functions: functions,
-        language: language,
-        parameters: parameters,
-        customData: customData,
-        environment: environment,
-        preventStagingReplacement: preventStagingReplacement,
-        dialog: dialog
-      }, children);
     default:
       return null;
   }

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

@@ -9,10 +9,10 @@ var comlink = _interopRequireWildcard(require("comlink"));
 var _postIframeForm = _interopRequireDefault(require("../../util/postIframeForm"));
 var _useUpdateData = _interopRequireDefault(require("./utils/useUpdateData"));
 var _url = require("../../util/url");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
+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); }
 const HostIframe = ({
   iFrameProps,
   src,

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _useDynamicScript = _interopRequireDefault(require("./utils/useDynamicScript"));
 var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
 var _url = require("../../util/url");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const System = ({
@@ -16,28 +15,10 @@ const System = ({
   fallback,
   ...props
 }) => {
-  const {
-    ready,
-    failed
-  } = (0, _useDynamicScript.default)({
-    url: system === null || system === void 0 ? void 0 : system.url,
-    scope: system === null || system === void 0 ? void 0 : system.scope
-  });
-  const Component = (0, _react.useMemo)(() => {
-    // maybe return waitcursor instead
-    if (failed) {
-      throw new Error('failed to load component');
-    }
-    if (!system || !ready) {
-      return null;
-    }
-    return /*#__PURE__*/_react.default.lazy((0, _loadComponent.default)(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, failed, system === null || system === void 0 ? void 0 : system.url]);
-  return Component ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+  const Component = (0, _react.useMemo)(() => (0, _loadComponent.default)(system.scope, system.module, globalThis.window ? system.url : system.serverUrl, undefined, system.preventSingleton), [system.scope, system.module, system.url, system.serverUrl, system.preventSingleton]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
     fallback: fallback || ''
-  }, /*#__PURE__*/_react.default.createElement(Component, props)) : fallback;
+  }, /*#__PURE__*/_react.default.createElement(Component, props));
 };
 const ModuleHost = ({
   system,
@@ -83,6 +64,7 @@ const ModuleHost = ({
     system: {
       scope: system.scope,
       url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.buildEnvironment),
+      serverUrl: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.serverUrl, environment.buildEnvironment),
       module: system.module,
       preventSingleton: system.preventSingleton
     },

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

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

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

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

package/dist/cjs/index.js

@@ -10,7 +10,10 @@ var _exportNames = {
   getClientDeviceInfo: true,
   ChaynsHost: true,
   withCompatMode: true,
+  withHydrationBoundary: true,
   StaticChaynsApi: true,
+  loadComponent: true,
+  loadModule: true,
   DialogHandler: true,
   dialog: true
 };
@@ -57,12 +60,30 @@ Object.defineProperty(exports, "getScreenSize", {
     return _deviceHelper.getScreenSize;
   }
 });
+Object.defineProperty(exports, "loadComponent", {
+  enumerable: true,
+  get: function () {
+    return _loadComponent.default;
+  }
+});
+Object.defineProperty(exports, "loadModule", {
+  enumerable: true,
+  get: function () {
+    return _loadComponent.loadModule;
+  }
+});
 Object.defineProperty(exports, "withCompatMode", {
   enumerable: true,
   get: function () {
     return _withCompatMode.withCompatMode;
   }
 });
+Object.defineProperty(exports, "withHydrationBoundary", {
+  enumerable: true,
+  get: function () {
+    return _withHydrationBoundary.default;
+  }
+});
 require("./util/transferNestedFunctions");
 var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvider"));
 var _deviceHelper = _interopRequireWildcard(require("./util/deviceHelper"));
@@ -139,13 +160,27 @@ Object.keys(_is).forEach(function (key) {
     }
   });
 });
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
+});
+var _withHydrationBoundary = _interopRequireDefault(require("./components/withHydrationBoundary"));
 var _StaticChaynsApi = _interopRequireDefault(require("./wrapper/StaticChaynsApi"));
+var _loadComponent = _interopRequireWildcard(require("./host/module/utils/loadComponent"));
 var _DialogHandler = _interopRequireDefault(require("./handler/DialogHandler"));
 var _dialog = _interopRequireWildcard(require("./calls/dialogs/index"));
 exports.dialog = _dialog;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
   buildEnv: process.env.BUILD_ENV,
   appVersion: process.env.VERSION