chayns-api 2.1.3-3 → 2.1.5

package/dist/esm/handler/DialogHandler.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 export default class DialogHandler {
@@ -22,11 +22,7 @@ export default class DialogHandler {
       };
       this.isOpen = true;
       this.dialogId = await this._open(this._config, callback);
-
-      // console.log('dialogId', this.dialogId);
-
       this._addDataListener(this.dialogId, data => {
-        // console.log('[DialogHandler]dataListener', this.dialogId, data);
         this.listeners.forEach(cb => cb(data));
       });
     });

package/dist/esm/hooks/geoLocationListener.js

@@ -1,8 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useFunctionsSelector } from './context';
-/**
- * @category Hooks
- */
 export const useGeoLocationListener = () => {
   const addListener = useFunctionsSelector(f => f.addGeoLocationListener);
   const removeListener = useFunctionsSelector(f => f.removeGeoLocationListener);
@@ -13,12 +10,8 @@ export const useGeoLocationListener = () => {
       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
   }, []);
 };
-/**
- * @category Hooks
- */
 export const useGeoLocation = function () {
   let {
     enabled = true,

package/dist/esm/hooks/scrollListener.js

@@ -1,9 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useWindowMetrics } from './windowMetricsListener';
 import { useFunctionsSelector } from './context';
-/**
- * @category Hooks
- */
 export const useScrollListener = () => {
   const addListener = useFunctionsSelector(f => f.addScrollListener);
   const removeListener = useFunctionsSelector(f => f.removeScrollListener);
@@ -14,12 +11,8 @@ export const useScrollListener = () => {
       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
   }, []);
 };
-/**
- * @category Hooks
- */
 export const useScrollPosition = function () {
   let {
     enabled = true,
@@ -38,16 +31,12 @@ export const useScrollPosition = function () {
       }, setValue);
     }
     return undefined;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [enabled, throttle, addListener]);
   useEffect(() => {
     void getScrollPosition().then(setValue);
   }, [getScrollPosition]);
   return value;
 };
-/**
- * @category Hooks
- */
 export const useScrollOffsetTop = function () {
   let {
     enabled = true,
@@ -68,9 +57,6 @@ export const useScrollOffsetTop = function () {
   }
   return 0;
 };
-/**
- * @category Hooks
- */
 export const useScrollOffsetBottom = function () {
   let {
     enabled = true,

package/dist/esm/hooks/useAccessToken.js

@@ -1,10 +1,5 @@
 import { useEffect, useState } from 'react';
 import { useFunctionsSelector } from './context';
-
-/**
- * @category Hooks
- * @deprecated Use {@link getAccessToken} instead
- */
 export const useAccessToken = accessToken => {
   const [token, setToken] = useState(null);
   const [externalToken, setExternalToken] = useState(null);

package/dist/esm/hooks/useCurrentPage.js

@@ -1,6 +1,2 @@
 import { useValuesSelector } from './context';
-
-/**
- * @category Hooks
- */
 export const useCurrentPage = () => useValuesSelector(v => v.currentPage);

package/dist/esm/hooks/useCustomCallbackFunction.js

@@ -1,7 +1,2 @@
 import { useFunctionsSelector } from './context';
-
-/**
- * @category Hooks
- * Returns customCallbackFunction
- */
 export const useCustomCallbackFunction = () => useFunctionsSelector(f => f.customCallbackFunction);

package/dist/esm/hooks/useCustomData.js

@@ -1,6 +1,2 @@
 import { useValuesSelector } from './context';
-
-/**
- * @category Hooks
- */
 export const useCustomData = () => useValuesSelector(v => v.customData);

package/dist/esm/hooks/useDevice.js

@@ -1,5 +1,2 @@
 import { useValuesSelector } from "./context";
-/**
- * @category Hooks
- */
 export const useDevice = () => useValuesSelector(v => v.device);

package/dist/esm/hooks/useDialogState.js

@@ -1,8 +1,4 @@
 import { useFunctionsSelector, useValuesSelector } from './context';
-
-/**
- * @category Hooks
- */
 export const useDialogState = () => {
   const setResult = useFunctionsSelector(f => f.setDialogResult);
   const sendData = useFunctionsSelector(f => f.dispatchEventToDialogHost);
@@ -18,10 +14,6 @@ export const useDialogState = () => {
     isClosingRequested
   };
 };
-
-/**
- * @category Hooks
- */
 export const useDialogData = () => {
   return useValuesSelector(v => {
     var _v$dialog2;

package/dist/esm/hooks/useEnvironment.js

@@ -1,5 +1,2 @@
 import { useValuesSelector } from './context';
-/**
- * @category Hooks
- */
 export const useEnvironment = () => useValuesSelector(v => v.environment);

package/dist/esm/hooks/useFunctions.js

@@ -1,6 +1,2 @@
 import { useFunctionsSelector } from './context';
-
-/**
- * @category Hooks
- */
 export const useFunctions = () => useFunctionsSelector(f => f);

package/dist/esm/hooks/useIsAdminMode.js

@@ -1,7 +1,4 @@
 import { useValuesSelector } from './context';
-/**
- * @category Hooks
- */
 export const useIsAdminMode = () => useValuesSelector(v => {
   var _v$isAdminModeActive;
   return (_v$isAdminModeActive = v.isAdminModeActive) !== null && _v$isAdminModeActive !== void 0 ? _v$isAdminModeActive : false;

package/dist/esm/hooks/useLanguage.js

@@ -1,5 +1,2 @@
 import { useValuesSelector } from './context';
-/**
- * @category Hooks
- */
 export const useLanguage = () => useValuesSelector(v => v.language);

package/dist/esm/hooks/usePages.js

@@ -1,8 +1,5 @@
 import { moduleWrapper } from '../components/moduleWrapper';
 import { useValuesSelector } from './context';
-/**
- * @category Hooks
- */
 export const usePages = function () {
   let {
     siteId
@@ -15,9 +12,6 @@ export const usePages = function () {
   }
   return pages;
 };
-/**
- * @category Hooks
- */
 export const usePage = _ref => {
   let {
     id,

package/dist/esm/hooks/useParameters.js

@@ -1,5 +1,2 @@
 import { useValuesSelector } from './context';
-/**
- * @category Hooks
- */
 export const useParameters = () => useValuesSelector(v => v.parameters || []);

package/dist/esm/hooks/useSite.js

@@ -1,5 +1,2 @@
 import { useValuesSelector } from './context';
-/**
- * @category Hooks
- */
 export const useSite = () => useValuesSelector(v => v.site);

package/dist/esm/hooks/useUser.js

@@ -1,6 +1,3 @@
 import { useValuesSelector } from './context';
 const empty = {};
-/**
- * @category Hooks
- */
 export const useUser = () => useValuesSelector(v => v.user || empty);

package/dist/esm/hooks/useValues.js

@@ -1,6 +1,2 @@
 import { useValuesSelector } from './context';
-
-/**
- * @category Hooks
- */
 export const useValues = () => useValuesSelector(v => v);

package/dist/esm/hooks/windowMetricsListener.js

@@ -1,9 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { ScreenSize } from '../types/IChaynsReact';
 import { useFunctionsSelector } from './context';
-/**
- * @category Hooks
- */
 export const useWindowMetricsListener = () => {
   const addListener = useFunctionsSelector(f => f.addWindowMetricsListener);
   const removeListener = useFunctionsSelector(f => f.removeWindowMetricsListener);
@@ -14,12 +11,8 @@ export const useWindowMetricsListener = () => {
       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
   }, []);
 };
-/**
- * @category Hooks
- */
 export const useWindowMetrics = function () {
   let {
     enabled = true

package/dist/esm/host/ChaynsHost.js

@@ -10,7 +10,6 @@ const ChaynsHost = _ref => {
     iFrameRef = undefined,
     loadingComponent = undefined,
     system,
-    // shallow data
     pages,
     language,
     isAdminModeActive,
@@ -41,7 +40,7 @@ const ChaynsHost = _ref => {
   switch (type) {
     case 'client-iframe':
     case 'server-iframe':
-      return /*#__PURE__*/React.createElement(HostIframe, {
+      return React.createElement(HostIframe, {
         iFrameRef: iFrameRef,
         iFrameProps: iFrameProps,
         pages: pages,
@@ -62,7 +61,7 @@ const ChaynsHost = _ref => {
       });
     case 'client-module':
     case 'server-module':
-      return /*#__PURE__*/React.createElement(ModuleHost, {
+      return React.createElement(ModuleHost, {
         system: system,
         pages: pages,
         isAdminModeActive: isAdminModeActive,

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';
@@ -10,7 +10,6 @@ const HostIframe = _ref => {
     src,
     postForm = false,
     iFrameRef,
-    // shallow data
     pages,
     isAdminModeActive,
     site,
@@ -29,15 +28,13 @@ const HostIframe = _ref => {
   const ref = useRef();
   const currentDataRef = useRef();
   if (!eventTarget.current) {
-    eventTarget.current = global.document ? document.createElement('div') : undefined; // global.EventTarget ? new EventTarget() : undefined
+    eventTarget.current = global.document ? document.createElement('div') : undefined;
   }
   const setHeight = value => {
     if (ref.current) {
       ref.current.style.height = `${value}px`;
     }
   };
-
-  // region initialData
   const initialData = {
     site,
     isAdminModeActive,
@@ -51,11 +48,7 @@ const HostIframe = _ref => {
     customData,
     dialog
   };
-  // endregion
-
   currentDataRef.current = initialData;
-
-  // region postIframeForm
   useEffect(() => {
     (async () => {
       if (postForm) {
@@ -68,11 +61,7 @@ const HostIframe = _ref => {
         }), 'chayns', iFrameProps.name);
       }
     })();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  // endregion
-
-  // region expose data and functions to iframe
   useEffect(() => {
     var _ref$current;
     if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
@@ -90,17 +79,12 @@ const HostIframe = _ref => {
       };
       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 () => {
         delete obj[iFrameProps.name];
       };
     }
     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);
@@ -110,13 +94,10 @@ const HostIframe = _ref => {
   useUpdateData(eventTarget.current, 'environment', environment);
   useUpdateData(eventTarget.current, 'customData', customData);
   useUpdateData(eventTarget.current, 'dialog', dialog);
-  // endregion
-
-  return /*#__PURE__*/React.createElement("iframe", _extends({
+  return React.createElement("iframe", _extends({
     ref: r => {
       ref.current = r;
       if (iFrameRef) {
-        // eslint-disable-next-line no-param-reassign
         iFrameRef.current = r;
       }
     },

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

@@ -8,16 +8,15 @@ const System = _ref => {
     ...props
   } = _ref;
   const Component = useMemo(() => loadComponent(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.createElement(React.Suspense, {
+  return React.createElement(React.Suspense, {
     fallback: fallback || ''
-  }, /*#__PURE__*/React.createElement(Component, props));
+  }, React.createElement(Component, props));
 };
 const ModuleHost = _ref2 => {
   let {
     system,
     children = null,
     functions,
-    // shallow data
     pages,
     isAdminModeActive,
     site,
@@ -31,7 +30,6 @@ const ModuleHost = _ref2 => {
     environment,
     preventStagingReplacement
   } = _ref2;
-  // region initialData
   const initialData = {
     site,
     isAdminModeActive,
@@ -49,11 +47,9 @@ const ModuleHost = _ref2 => {
   if (dialog) {
     initialData.dialog = dialog;
   }
-  // endregion
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "module-css"
-  }), /*#__PURE__*/React.createElement(System, {
+  }), React.createElement(System, {
     system: {
       scope: system.scope,
       url: replaceStagingUrl(preventStagingReplacement, system.url, environment.buildEnvironment),

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

@@ -31,7 +31,6 @@ export const loadModule = function (scope, module, url) {
     const promise = loadRemote(path);
     promise.catch(e => {
       console.error("[chayns-api] Failed to load module", scope, url, e);
-      // causes registerRemote with force = true on next attempt to load the component which tries to load the component again
       registeredScopes[scope] = '';
     });
     return promise;
@@ -83,7 +82,7 @@ const loadComponent = function (scope, module, url) {
         class CompatComponent extends React.Component {
           constructor(props) {
             super(props);
-            this.ref = /*#__PURE__*/React.createRef();
+            this.ref = React.createRef();
           }
           componentDidMount() {
             OriginalCompatComponent.componentDidMount.apply(this);
@@ -95,7 +94,7 @@ const loadComponent = function (scope, module, url) {
             OriginalCompatComponent.componentWillUnmount.apply(this);
           }
           render() {
-            return /*#__PURE__*/React.createElement('div', {
+            return React.createElement('div', {
               ref: this.ref
             });
           }
@@ -112,7 +111,7 @@ const loadComponent = function (scope, module, url) {
       console.error("[chayns-api] Failed to load component", scope, url, e);
       delete componentMap[scope][module];
     });
-    componentMap[scope][module] = /*#__PURE__*/React.lazy(() => promise);
+    componentMap[scope][module] = React.lazy(() => promise);
   }
   return componentMap[scope][module];
 };