chayns-api 1.0.0 → 1.0.1

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

@@ -1,103 +1,158 @@
-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() { _extends = Object.assign || 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 import React, { useEffect, useRef } from 'react';
 import * as comlink from 'comlink';
 import postIframeForm from '../../util/postIframeForm';
 import useUpdateData from './utils/useUpdateData';
-const HostIframe = _ref => {
-  let {
-    iFrameProps,
-    src,
-    postForm = false,
-    iFrameRef,
-    // shallow data
-    pages,
-    isAdminModeActive,
-    site,
-    user,
-    currentPage,
-    functions,
-    device,
-    language,
-    parameters,
-    environment,
-    customData
-  } = _ref;
-  const eventTarget = useRef();
-  const ref = useRef();
-  const currentDataRef = useRef();
+
+var HostIframe = function HostIframe(_ref) {
+  var iFrameProps = _ref.iFrameProps,
+      src = _ref.src,
+      _ref$postForm = _ref.postForm,
+      postForm = _ref$postForm === void 0 ? false : _ref$postForm,
+      iFrameRef = _ref.iFrameRef,
+      pages = _ref.pages,
+      isAdminModeActive = _ref.isAdminModeActive,
+      site = _ref.site,
+      user = _ref.user,
+      currentPage = _ref.currentPage,
+      functions = _ref.functions,
+      device = _ref.device,
+      language = _ref.language,
+      parameters = _ref.parameters,
+      environment = _ref.environment,
+      customData = _ref.customData;
+  var eventTarget = useRef();
+
+  var _ref3 = useRef();
+
+  var currentDataRef = useRef();
+
   if (!eventTarget.current) {
     eventTarget.current = global.document ? document.createElement('div') : undefined; // global.EventTarget ? new EventTarget() : undefined
   }
 
-  const setHeight = value => {
-    if (ref.current) {
-      ref.current.height = `${value}px`;
+  var setHeight = function setHeight(value) {
+    if (_ref3.current) {
+      _ref3.current.height = "".concat(value, "px");
     }
-  };
-
-  // region initialData
-  const initialData = {
-    site,
-    isAdminModeActive,
-    pages,
-    currentPage,
-    device,
-    user,
-    language,
-    parameters,
-    environment,
-    customData
-  };
-  // endregion
-
-  currentDataRef.current = initialData;
-
-  // region postIframeForm
-  useEffect(() => {
-    (async () => {
-      if (postForm) {
-        var _await$functions$getA;
-        const accessToken = (_await$functions$getA = await functions.getAccessToken()) !== null && _await$functions$getA !== void 0 ? _await$functions$getA : {};
-        void postIframeForm(src, JSON.stringify({
-          ...initialData,
-          pages: undefined,
-          ...accessToken
-        }), 'chayns', iFrameProps.name);
-      }
-    })();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  // endregion
+  }; // region initialData
+
+
+  var initialData = {
+    site: site,
+    isAdminModeActive: isAdminModeActive,
+    pages: pages,
+    currentPage: currentPage,
+    device: device,
+    user: user,
+    language: language,
+    parameters: parameters,
+    environment: environment,
+    customData: customData
+  }; // endregion
+
+  currentDataRef.current = initialData; // region postIframeForm
+
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _yield$functions$getA, accessToken;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!postForm) {
+                _context.next = 14;
+                break;
+              }
+
+              _context.next = 3;
+              return functions.getAccessToken();
+
+            case 3:
+              _context.t1 = _yield$functions$getA = _context.sent;
+              _context.t0 = _context.t1 !== null;
 
+              if (!_context.t0) {
+                _context.next = 7;
+                break;
+              }
+
+              _context.t0 = _yield$functions$getA !== void 0;
+
+            case 7:
+              if (!_context.t0) {
+                _context.next = 11;
+                break;
+              }
+
+              _context.t2 = _yield$functions$getA;
+              _context.next = 12;
+              break;
+
+            case 11:
+              _context.t2 = {};
+
+            case 12:
+              accessToken = _context.t2;
+              void postIframeForm(src, JSON.stringify(_objectSpread(_objectSpread({}, initialData), {}, {
+                pages: undefined
+              }, accessToken)), 'chayns', iFrameProps.name);
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))(); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, []); // endregion
   // region expose data and functions to iframe
-  useEffect(() => {
+
+  useEffect(function () {
     var _ref$current;
-    if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
-      const obj = {
-        [iFrameProps.name]: {
-          functions: {
-            ...functions,
-            setHeight
-          },
-          addDataListener: cb => {
-            if (eventTarget.current) eventTarget.current.addEventListener('data_update', e => e.detail && cb(e.detail));
-          },
-          getInitialData: () => currentDataRef.current
+
+    if ((_ref$current = _ref3.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
+      var obj = _defineProperty({}, iFrameProps.name, {
+        functions: _objectSpread(_objectSpread({}, functions), {}, {
+          setHeight: setHeight
+        }),
+        addDataListener: function addDataListener(cb) {
+          if (eventTarget.current) eventTarget.current.addEventListener('data_update', function (e) {
+            return e.detail && cb(e.detail);
+          });
+        },
+        getInitialData: function getInitialData() {
+          return currentDataRef.current;
         }
-      };
-      comlink.expose(obj, comlink.windowEndpoint(ref.current.contentWindow));
-      ref.current.contentWindow.postMessage('chayns-api-host-ready', '*');
-      // https://github.com/GoogleChromeLabs/comlink/pull/469 might be better approach once released
-      return () => {
+      });
+
+      comlink.expose(obj, comlink.windowEndpoint(_ref3.current.contentWindow));
+
+      _ref3.current.contentWindow.postMessage('chayns-api-host-ready', '*'); // https://github.com/GoogleChromeLabs/comlink/pull/469 might be better approach once released
+
+
+      return function () {
         delete obj[iFrameProps.name];
       };
     }
-    return undefined;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  // endregion
 
+    return undefined; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // endregion
   // region dispatch data update
+
   useUpdateData(eventTarget.current, 'isAdminModeActive', isAdminModeActive);
   useUpdateData(eventTarget.current, 'user', user);
   useUpdateData(eventTarget.current, 'site', site);
@@ -105,12 +160,12 @@ const HostIframe = _ref => {
   useUpdateData(eventTarget.current, 'language', language);
   useUpdateData(eventTarget.current, 'parameters', parameters);
   useUpdateData(eventTarget.current, 'environment', environment);
-  useUpdateData(eventTarget.current, 'customData', customData);
-  // endregion
+  useUpdateData(eventTarget.current, 'customData', customData); // endregion
 
   return /*#__PURE__*/React.createElement("iframe", _extends({
-    ref: r => {
-      ref.current = r;
+    ref: function ref(r) {
+      _ref3.current = r;
+
       if (iFrameRef) {
         // eslint-disable-next-line no-param-reassign
         iFrameRef.current = r;
@@ -121,4 +176,5 @@ const HostIframe = _ref => {
     src: postForm ? undefined : src
   }));
 };
+
 export default HostIframe;

package/dist/esm/host/iframe/utils/useUpdateData.js

@@ -1,14 +1,16 @@
 import { useEffect } from 'react';
-const useUpdateData = (target, type, value) => {
-  useEffect(() => {
+
+var useUpdateData = function useUpdateData(target, type, value) {
+  useEffect(function () {
     if (target) {
       target.dispatchEvent(new CustomEvent('data_update', {
         detail: {
-          type,
-          value
+          type: type,
+          value: value
         }
       }));
     }
   }, [target, type, value]);
 };
+
 export default useUpdateData;

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

@@ -1,65 +1,71 @@
+var _excluded = ["system", "fallback"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { useMemo } from 'react';
 import useDynamicScript from './utils/useDynamicScript';
 import loadComponent from './utils/loadComponent';
-const System = _ref => {
-  let {
-    system,
-    fallback,
-    ...props
-  } = _ref;
-  const {
-    ready,
-    failed
-  } = useDynamicScript({
+
+var System = function System(_ref) {
+  var system = _ref.system,
+      fallback = _ref.fallback,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useDynamicScript = useDynamicScript({
     url: system === null || system === void 0 ? void 0 : system.url,
     scope: system === null || system === void 0 ? void 0 : system.scope
-  });
-  const Component = useMemo(() => {
+  }),
+      ready = _useDynamicScript.ready,
+      failed = _useDynamicScript.failed;
+
+  var Component = useMemo(function () {
     // maybe return waitcursor instead
     if (!system || !ready || failed) {
       return null;
     }
-    return /*#__PURE__*/React.lazy(loadComponent(system.scope, system.module, system.url));
 
+    return /*#__PURE__*/React.lazy(loadComponent(system.scope, system.module, system.url));
     /* 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)) : fallback;
 };
-const ModuleHost = _ref2 => {
-  let {
-    system,
-    children = null,
-    functions,
-    // shallow data
-    pages,
-    isAdminModeActive,
-    site,
-    user,
-    currentPage,
-    device,
-    language,
-    parameters,
-    customData,
-    environment
-  } = _ref2;
+
+var ModuleHost = function ModuleHost(_ref2) {
+  var system = _ref2.system,
+      _ref2$children = _ref2.children,
+      children = _ref2$children === void 0 ? null : _ref2$children,
+      functions = _ref2.functions,
+      pages = _ref2.pages,
+      isAdminModeActive = _ref2.isAdminModeActive,
+      site = _ref2.site,
+      user = _ref2.user,
+      currentPage = _ref2.currentPage,
+      device = _ref2.device,
+      language = _ref2.language,
+      parameters = _ref2.parameters,
+      customData = _ref2.customData,
+      environment = _ref2.environment;
   // region initialData
-  const initialData = {
-    site,
-    isAdminModeActive,
-    pages,
-    currentPage,
-    device,
-    language,
-    parameters,
-    customData,
-    environment
+  var initialData = {
+    site: site,
+    isAdminModeActive: isAdminModeActive,
+    pages: pages,
+    currentPage: currentPage,
+    device: device,
+    language: language,
+    parameters: parameters,
+    customData: customData,
+    environment: environment
   };
+
   if (user) {
     initialData.user = user;
-  }
-  // endregion
+  } // endregion
+
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "module-css"
@@ -71,4 +77,5 @@ const ModuleHost = _ref2 => {
     isModule: true
   }));
 };
+
 export default ModuleHost;

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

@@ -1,55 +1,93 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 /* eslint-disable */
 // @ts-nocheck
-
 import semver from 'semver';
 import React from 'react';
 import { semaphore } from './useDynamicScript';
-let instances = {};
+var instances = {};
 export default function loadComponent(scope, module, url) {
-  let skipCompatMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  return async () => {
-    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
-    // eslint-disable-next-line no-undef
-    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
-    // eslint-disable-next-line no-undef
-    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;
+  var skipCompatMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _window$find, container, factory, ModuleMap, Module, newModule, hostVersion, _Module$default, requiredVersion, environment, matchReactVersion;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return __webpack_init_sharing__('default');
+
+          case 2:
+            _window$find = window[scope + "_list"].find(function (x) {
+              return x.url === url;
+            }), container = _window$find.container; // or get the container somewhere else
+            // Initialize the container, it may provide shared modules
+            // eslint-disable-next-line no-undef
+
+            _context.next = 5;
+            return container.init(__webpack_share_scopes__.default);
+
+          case 5:
+            _context.next = 7;
+            return container.get(module);
+
+          case 7:
+            factory = _context.sent;
+            semaphore[scope].release();
+            ModuleMap = instances["".concat(scope, "__").concat(module)];
+
+            if (!ModuleMap) {
+              ModuleMap = {};
+              instances["".concat(scope, "__").concat(module)] = ModuleMap;
+            }
+
+            if (Object.keys(ModuleMap).length > 0) {
+              newModule = factory();
+              Module = ModuleMap["".concat(newModule.default.buildEnv, "__").concat(newModule.default.appVersion)];
+
+              if (!Module) {
+                Module = newModule;
+                ModuleMap["".concat(newModule.default.buildEnv, "__").concat(newModule.default.appVersion)] = newModule;
+              }
+            } else {
+              Module = factory();
+              ModuleMap["".concat(Module.default.buildEnv, "__").concat(Module.default.appVersion)] = Module;
+            }
+
+            if (!skipCompatMode) {
+              _context.next = 14;
+              break;
+            }
+
+            return _context.abrupt("return", Module);
+
+          case 14:
+            hostVersion = semver.minVersion(React.version);
+            _Module$default = Module.default, requiredVersion = _Module$default.requiredVersion, environment = _Module$default.environment;
+            matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion);
+
+            if (!(!matchReactVersion || environment !== 'production')) {
+              _context.next = 19;
+              break;
+            }
+
+            return _context.abrupt("return", {
+              default: Module.default.CompatComponent
+            });
+
+          case 19:
+            return _context.abrupt("return", {
+              default: Module.default.Component
+            });
+
+          case 20:
+          case "end":
+            return _context.stop();
+        }
       }
-    } else {
-      Module = factory();
-      ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
-    }
-    if (skipCompatMode) return Module;
-    const hostVersion = semver.minVersion(React.version);
-    const {
-      requiredVersion,
-      environment
-    } = Module.default;
-    const matchReactVersion = requiredVersion && semver.satisfies(hostVersion, requiredVersion);
-    if (!matchReactVersion || environment !== 'production') {
-      return {
-        default: Module.default.CompatComponent
-      };
-    }
-    return {
-      default: Module.default.Component
-    };
-  };
+    }, _callee);
+  }));
 }