chayns-api 1.0.1 → 1.0.2

package/dist/cjs/hooks/useSite.js

@@ -4,14 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSite = void 0;
-
 var _useContextSelector = require("use-context-selector");
-
 var _ChaynsContext = require("../components/ChaynsContext");
-
 /**
  * @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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useUser = void 0;
-
 var _useContextSelector = require("use-context-selector");
-
 var _ChaynsContext = require("../components/ChaynsContext");
-
 /**
  * @category Hooks
  */
-// @ts-ignore
 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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useValues = void 0;
-
 var _useContextSelector = require("use-context-selector");
-
 var _ChaynsContext = require("../components/ChaynsContext");
-
 /**
  * @category Hooks
  */
@@ -16,5 +13,4 @@ const useValues = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v || {});
   return t;
 };
-
 exports.useValues = useValues;

package/dist/cjs/hooks/windowMetricsListener.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useWindowMetricsListener = exports.useWindowMetrics = void 0;
-
 var _useContextSelector = require("use-context-selector");
-
 var _react = require("react");
-
 var _ChaynsContext = require("../components/ChaynsContext");
-
 var _IChaynsReact = require("../types/IChaynsReact");
-
 /**
  * @category Hooks
  */
@@ -24,18 +19,15 @@ const useWindowMetricsListener = () => {
     promiseRef.current = addListener(callback);
     return () => {
       var _promiseRef$current;
-
       void ((_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 ? void 0 : _promiseRef$current.then(removeListener));
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
 /**
  * @category Hooks
  */
-
-
 exports.useWindowMetricsListener = useWindowMetricsListener;
-
 const useWindowMetrics = ({
   enabled = true
 } = {}) => {
@@ -56,7 +48,6 @@ const useWindowMetrics = ({
         setValue(v);
       });
     }
-
     return undefined;
   }, [enabled, addListener]);
   (0, _react.useEffect)(() => {
@@ -64,5 +55,4 @@ const useWindowMetrics = ({
   }, [getWindowMetrics]);
   return value;
 };
-
 exports.useWindowMetrics = useWindowMetrics;

package/dist/cjs/host/ChaynsHost.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HostIframe = _interopRequireDefault(require("./iframe/HostIframe"));
-
 var _ModuleHost = _interopRequireDefault(require("./module/ModuleHost"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ChaynsHost = ({
   type,
   iFrameProps,
@@ -52,7 +47,6 @@ const ChaynsHost = ({
         environment: environment,
         customData: customData
       });
-
     case 'client-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
         system: system,
@@ -69,7 +63,6 @@ const ChaynsHost = ({
         customData: customData,
         environment: environment
       });
-
     case 'server-iframe':
       return /*#__PURE__*/_react.default.createElement(_HostIframe.default, {
         iFrameRef: iFrameRef,
@@ -88,7 +81,6 @@ const ChaynsHost = ({
         environment: environment,
         customData: customData
       });
-
     case 'server-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
         system: system,
@@ -104,11 +96,9 @@ const ChaynsHost = ({
         customData: customData,
         environment: environment
       }, children);
-
     default:
       return null;
   }
 };
-
 var _default = ChaynsHost;
 exports.default = _default;

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var comlink = _interopRequireWildcard(require("comlink"));
-
 var _postIframeForm = _interopRequireDefault(require("../../util/postIframeForm"));
-
 var _useUpdateData = _interopRequireDefault(require("./utils/useUpdateData"));
-
 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; }
-
-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 _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,
@@ -42,7 +33,6 @@ const HostIframe = ({
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
   const currentDataRef = (0, _react.useRef)();
-
   if (!eventTarget.current) {
     eventTarget.current = global.document ? document.createElement('div') : undefined; // global.EventTarget ? new EventTarget() : undefined
   }
@@ -51,9 +41,9 @@ const HostIframe = ({
     if (ref.current) {
       ref.current.height = `${value}px`;
     }
-  }; // region initialData
-
+  };
 
+  // region initialData
   const initialData = {
     site,
     isAdminModeActive,
@@ -65,33 +55,36 @@ const HostIframe = ({
     parameters,
     environment,
     customData
-  }; // endregion
+  };
+  // endregion
 
-  currentDataRef.current = initialData; // region postIframeForm
+  currentDataRef.current = initialData;
 
+  // region postIframeForm
   (0, _react.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 (0, _postIframeForm.default)(src, JSON.stringify({ ...initialData,
+        void (0, _postIframeForm.default)(src, JSON.stringify({
+          ...initialData,
           pages: undefined,
           ...accessToken
         }), 'chayns', iFrameProps.name);
       }
-    })(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    })();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  // endregion
 
-  }, []); // endregion
   // region expose data and functions to iframe
-
   (0, _react.useEffect)(() => {
     var _ref$current;
-
     if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
       const obj = {
         [iFrameProps.name]: {
-          functions: { ...functions,
+          functions: {
+            ...functions,
             setHeight
           },
           addDataListener: cb => {
@@ -101,17 +94,18 @@ const HostIframe = ({
         }
       };
       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
-
+      ref.current.contentWindow.postMessage('chayns-api-host-ready', '*');
+      // https://github.com/GoogleChromeLabs/comlink/pull/469 might be better approach once released
       return () => {
         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
-
   (0, _useUpdateData.default)(eventTarget.current, 'isAdminModeActive', isAdminModeActive);
   (0, _useUpdateData.default)(eventTarget.current, 'user', user);
   (0, _useUpdateData.default)(eventTarget.current, 'site', site);
@@ -119,12 +113,12 @@ const HostIframe = ({
   (0, _useUpdateData.default)(eventTarget.current, 'language', language);
   (0, _useUpdateData.default)(eventTarget.current, 'parameters', parameters);
   (0, _useUpdateData.default)(eventTarget.current, 'environment', environment);
-  (0, _useUpdateData.default)(eventTarget.current, 'customData', customData); // endregion
+  (0, _useUpdateData.default)(eventTarget.current, 'customData', customData);
+  // endregion
 
   return /*#__PURE__*/_react.default.createElement("iframe", _extends({
     ref: r => {
       ref.current = r;
-
       if (iFrameRef) {
         // eslint-disable-next-line no-param-reassign
         iFrameRef.current = r;
@@ -135,6 +129,5 @@ const HostIframe = ({
     src: postForm ? undefined : src
   }));
 };
-
 var _default = HostIframe;
 exports.default = _default;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 const useUpdateData = (target, type, value) => {
   (0, _react.useEffect)(() => {
     if (target) {
@@ -19,6 +17,5 @@ const useUpdateData = (target, type, value) => {
     }
   }, [target, type, value]);
 };
-
 var _default = useUpdateData;
 exports.default = _default;

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useDynamicScript = _interopRequireDefault(require("./utils/useDynamicScript"));
-
 var _loadComponent = _interopRequireDefault(require("./utils/loadComponent"));
-
 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 System = ({
   system,
   fallback,
@@ -34,15 +27,14 @@ const System = ({
     if (!system || !ready || failed) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.lazy((0, _loadComponent.default)(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.default.createElement(_react.default.Suspense, {
     fallback: fallback || ''
   }, /*#__PURE__*/_react.default.createElement(Component, props)) : fallback;
 };
-
 const ModuleHost = ({
   system,
   children = null,
@@ -71,11 +63,10 @@ const ModuleHost = ({
     customData,
     environment
   };
-
   if (user) {
     initialData.user = user;
-  } // endregion
-
+  }
+  // endregion
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "module-css"
@@ -87,6 +78,5 @@ const ModuleHost = ({
     isModule: true
   }));
 };
-
 var _default = ModuleHost;
 exports.default = _default;

package/dist/cjs/host/{HostIframe.js → module/PagemakerFrame.js}

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var comlink = _interopRequireWildcard(require("comlink"));
 
-var _postIframeForm = _interopRequireDefault(require("../util/postIframeForm"));
+var _useUpdateData = _interopRequireDefault(require("../iframe/utils/useUpdateData"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -17,12 +17,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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); }
-
-const HostIframe = ({
+const PagemakerFrame = ({
   iFrameProps,
-  src,
   postForm = false,
+  children,
   iFrameRef,
   // shallow data
   pages,
@@ -31,14 +29,17 @@ const HostIframe = ({
   user,
   currentPage,
   functions,
-  device
+  device,
+  language,
+  parameters,
+  environment
 }) => {
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
   const currentDataRef = (0, _react.useRef)();
 
   if (!eventTarget.current) {
-    eventTarget.current = global.EventTarget ? new EventTarget() : undefined;
+    eventTarget.current = global.document ? document.createElement('div') : undefined; // global.EventTarget ? new EventTarget() : undefined
   }
 
   const setHeight = value => {
@@ -54,20 +55,13 @@ const HostIframe = ({
     pages,
     currentPage,
     device,
-    user
+    user,
+    language,
+    parameters,
+    environment
   }; // endregion
 
-  currentDataRef.current = initialData; // region postIframeForm
-
-  (0, _react.useEffect)(() => {
-    if (postForm) {
-      void (0, _postIframeForm.default)(src, JSON.stringify({ ...initialData,
-        pages: undefined
-      }), 'chayns', iFrameProps.name);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, []); // endregion
-
+  currentDataRef.current = initialData;
   console.debug('functions', functions); // region expose data and functions to iframe
 
   (0, _react.useEffect)(() => {
@@ -97,61 +91,15 @@ const HostIframe = ({
   }, []); // endregion
   // region dispatch data update
 
-  (0, _react.useEffect)(() => {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'isAdminModeActive',
-          value: isAdminModeActive
-        }
-      }));
-    }
-  }, [isAdminModeActive]);
-  (0, _react.useEffect)(() => {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'user',
-          value: user
-        }
-      }));
-    }
-  }, [user]);
-  (0, _react.useEffect)(() => {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'site',
-          value: site
-        }
-      }));
-    }
-  }, [site]);
-  (0, _react.useEffect)(() => {
-    if (eventTarget.current) {
-      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
-        detail: {
-          type: 'pages',
-          value: pages
-        }
-      }));
-    }
-  }, [pages]); // endregion
-
-  return /*#__PURE__*/_react.default.createElement("iframe", _extends({
-    ref: r => {
-      ref.current = r;
-
-      if (iFrameRef) {
-        // eslint-disable-next-line no-param-reassign
-        iFrameRef.current = r;
-      }
-    },
-    title: " "
-  }, iFrameProps, {
-    src: postForm ? undefined : src
-  }));
+  (0, _useUpdateData.default)(eventTarget.current, 'isAdminModeActive', isAdminModeActive);
+  (0, _useUpdateData.default)(eventTarget.current, 'user', user);
+  (0, _useUpdateData.default)(eventTarget.current, 'site', site);
+  (0, _useUpdateData.default)(eventTarget.current, 'pages', pages);
+  (0, _useUpdateData.default)(eventTarget.current, 'language', language);
+  (0, _useUpdateData.default)(eventTarget.current, 'parameters', parameters); // endregion
+
+  return children;
 };
 
-var _default = HostIframe;
+var _default = PagemakerFrame;
 exports.default = _default;

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

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = loadComponent;
-
 var _semver = _interopRequireDefault(require("semver"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _useDynamicScript = require("./useDynamicScript");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable */
 // @ts-nocheck
-let instances = {};
 
+let instances = {};
 function loadComponent(scope, module, url, skipCompatMode = false) {
   return async () => {
     // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
@@ -27,24 +22,18 @@ function loadComponent(scope, module, url, skipCompatMode = false) {
     } = 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);
-
     _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;
@@ -53,24 +42,18 @@ function loadComponent(scope, module, url, skipCompatMode = false) {
       Module = factory();
       ModuleMap[`${Module.default.buildEnv}__${Module.default.appVersion}`] = Module;
     }
-
     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);
-
     if (!matchReactVersion || environment !== 'production') {
       return {
         default: Module.default.CompatComponent
       };
     }
-
     return {
       default: Module.default.Component
     };

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

@@ -4,44 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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;
-
 const useDynamicScript = args => {
   const [ready, setReady] = _react.default.useState(false);
-
   const [failed, setFailed] = _react.default.useState(false);
-
   (0, _react.useEffect)(() => {
     if (!args.url) {
       return undefined;
     }
-
     const element = document.createElement('script');
     element.src = args.url;
     element.type = 'text/javascript';
     element.async = true;
     setReady(false);
     setFailed(false);
-
     if (!(args.scope in semaphore)) {
       semaphore[args.scope] = new _semaphoreAsyncAwait.default(1);
     }
-
     (async () => {
       await semaphore[args.scope].acquire();
-
       element.onload = () => {
         setReady(true);
         const listKey = args.scope + "_list";
@@ -52,18 +39,14 @@ const useDynamicScript = args => {
         });
         window[args.scope] = null;
       };
-
       element.onerror = () => {
         setReady(false);
         setFailed(true);
       };
-
       document.head.appendChild(element);
     })();
-
     return () => {
       semaphore[args.scope].release();
-
       if (document.head.contains(element)) {
         document.head.removeChild(element);
       }
@@ -74,6 +57,5 @@ const useDynamicScript = args => {
     failed
   };
 };
-
 var _default = useDynamicScript;
 exports.default = _default;