chayns-api 1.0.0 → 1.0.1

package/dist/cjs/hooks/scrollListener.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useScrollPosition = exports.useScrollOffsetTop = exports.useScrollOffsetBottom = exports.useScrollListener = void 0;
+
 var _useContextSelector = require("use-context-selector");
+
 var _react = require("react");
+
 var _ChaynsContext = require("../components/ChaynsContext");
+
 var _windowMetricsListener = require("./windowMetricsListener");
+
 /**
  * @category Hooks
  */
@@ -19,15 +24,18 @@ const useScrollListener = () => {
     promiseRef.current = addListener(value, 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.useScrollListener = useScrollListener;
+
 const useScrollPosition = ({
   enabled = true,
   throttle = 200
@@ -44,8 +52,8 @@ const useScrollPosition = ({
         throttle
       }, setValue);
     }
-    return undefined;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
+    return undefined; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [enabled, throttle, addListener]);
   (0, _react.useEffect)(() => {
     void getScrollPosition().then(setValue);
@@ -55,7 +63,10 @@ const useScrollPosition = ({
 /**
  * @category Hooks
  */
+
+
 exports.useScrollPosition = useScrollPosition;
+
 const useScrollOffsetTop = ({
   enabled = true,
   throttle = 200
@@ -70,15 +81,20 @@ const useScrollOffsetTop = ({
   } = (0, _windowMetricsListener.useWindowMetrics)({
     enabled
   });
+
   if (typeof (scrollPosition === null || scrollPosition === void 0 ? void 0 : scrollPosition.scrollY) === 'number') {
     return Math.max(0, scrollPosition.scrollY - (offsetTop - topBarHeight));
   }
+
   return 0;
 };
 /**
  * @category Hooks
  */
+
+
 exports.useScrollOffsetTop = useScrollOffsetTop;
+
 const useScrollOffsetBottom = ({
   enabled = true,
   throttle = 200
@@ -94,9 +110,12 @@ const useScrollOffsetBottom = ({
   } = (0, _windowMetricsListener.useWindowMetrics)({
     enabled
   });
+
   if (typeof (scrollPosition === null || scrollPosition === void 0 ? void 0 : scrollPosition.scrollY) === 'number') {
     return windowHeight - Math.max(0, offsetTop - scrollPosition.scrollY + bottomBarHeight);
   }
+
   return 0;
 };
+
 exports.useScrollOffsetBottom = useScrollOffsetBottom;

package/dist/cjs/hooks/useAccessToken.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAccessToken = void 0;
+
 var _react = require("react");
+
 var _useContextSelector = require("use-context-selector");
+
 var _ChaynsContext = require("../components/ChaynsContext");
+
 /**
  * @category Hooks
  */
@@ -25,4 +29,5 @@ const useAccessToken = accessToken => {
   }, [accessToken === null || accessToken === void 0 ? void 0 : accessToken.external, getAccessToken]);
   return accessToken !== null && accessToken !== void 0 && accessToken.external ? externalToken === null || externalToken === void 0 ? void 0 : externalToken.accessToken : token === null || token === void 0 ? void 0 : token.accessToken;
 };
+
 exports.useAccessToken = useAccessToken;

package/dist/cjs/hooks/useAddGeoLocationListener.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddGeoLocationListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useAddGeoLocationListener = () => {
+  const addGeoLocationListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addGeoLocationListener);
+  const removeGeoLocationListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeGeoLocationListener);
+  let promise;
+  return (0, _react.useCallback)((value, callback) => {
+    promise = addGeoLocationListener(value, callback);
+    return () => {
+      promise.then(removeGeoLocationListener);
+    };
+  }, []);
+};
+
+exports.useAddGeoLocationListener = useAddGeoLocationListener;

package/dist/cjs/hooks/useAddScrollListener.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollPosition = exports.useScrollListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useScrollListener = () => {
+  const addScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addScrollListener);
+  const removeScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeScrollListener);
+  let promise;
+  return (0, _react.useCallback)((value, callback) => {
+    promise = addScrollListener(value, callback);
+    return () => {
+      promise.then(removeScrollListener);
+    };
+  }, []);
+};
+
+exports.useScrollListener = useScrollListener;
+
+const useScrollPosition = ({
+  enabled = true,
+  throttle = 200
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addScrollListener = useScrollListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addScrollListener({
+        throttle
+      }, setValue);
+    }
+
+    return undefined;
+  }, [enabled, throttle, addScrollListener]);
+  return {
+    value
+  };
+};
+
+exports.useScrollPosition = useScrollPosition;

package/dist/cjs/hooks/useAddWindowMetricsListener.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWindowMetricsListener = exports.useWindowMetrics = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useWindowMetricsListener = () => {
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addWindowMetricsListener);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeWindowMetricsListener);
+  let promise;
+  return (0, _react.useCallback)(callback => {
+    promise = addListener(callback);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useWindowMetricsListener = useWindowMetricsListener;
+
+const useWindowMetrics = ({
+  enabled = true
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addListener = useWindowMetricsListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addListener(setValue);
+    }
+
+    return undefined;
+  }, [enabled, addListener]);
+  return {
+    value
+  };
+};
+
+exports.useWindowMetrics = useWindowMetrics;

package/dist/cjs/hooks/useAdddScrollListener.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddScrollListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useAddScrollListener = () => {
+  const addScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addScrollListener);
+  const removeScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeScrollListener);
+  let promise;
+  return (0, _react.useCallback)((value, callback) => {
+    promise = addScrollListener(value, callback);
+    return () => {
+      promise.then(removeScrollListener);
+    };
+  }, []);
+};
+
+exports.useAddScrollListener = useAddScrollListener;

package/dist/cjs/hooks/useCurrentPage.js

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

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

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

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

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

package/dist/cjs/hooks/useIsAdminMode.js

@@ -4,13 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIsAdminMode = void 0;
+
 var _useContextSelector2 = require("use-context-selector");
+
 var _ChaynsContext = require("../components/ChaynsContext");
+
 /**
  * @category Hooks
  */
 const useIsAdminMode = () => {
   var _useContextSelector;
+
   return (_useContextSelector = (0, _useContextSelector2.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.isAdminModeActive)) !== null && _useContextSelector !== void 0 ? _useContextSelector : false;
 };
+
 exports.useIsAdminMode = useIsAdminMode;

package/dist/cjs/hooks/useLanguage.js

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

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePages = exports.usePage = void 0;
+
 var _useContextSelector = require("use-context-selector");
+
 var _ChaynsContext = require("../components/ChaynsContext");
+
 /**
  * @category Hooks
  */
@@ -15,24 +18,33 @@ const usePages = ({
   siteId: undefined
 }) => {
   const pages = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v.pages);
+
   if (siteId) {
     pages.filter(tapp => tapp.siteId === siteId);
   }
+
   return pages;
 };
 /**
  * @category Hooks
  */
+
+
 exports.usePages = usePages;
+
 const usePage = ({
   id,
   siteId
 }) => {
   const pages = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v.pages);
+
   if (id) {
     var _pages$find;
+
     return (_pages$find = pages.find(x => x.id === id && (!siteId || x.siteId === siteId))) !== null && _pages$find !== void 0 ? _pages$find : null;
   }
+
   return null;
 };
+
 exports.usePage = usePage;

package/dist/cjs/hooks/useParameters.js

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

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

package/dist/cjs/hooks/windowMetrics.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWindowMetricsListener = exports.useWindowMetrics = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useWindowMetricsListener = () => {
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addWindowMetricsListener);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeWindowMetricsListener);
+  let promise;
+  return (0, _react.useCallback)(callback => {
+    promise = addListener(callback);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useWindowMetricsListener = useWindowMetricsListener;
+
+const useWindowMetrics = ({
+  enabled = true
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addListener = useWindowMetricsListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addListener(setValue);
+    }
+
+    return undefined;
+  }, [enabled, addListener]);
+  return {
+    value
+  };
+};
+
+exports.useWindowMetrics = useWindowMetrics;

package/dist/cjs/hooks/windowMetricsListener.js

@@ -4,10 +4,15 @@ 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
  */
@@ -19,15 +24,18 @@ 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
 } = {}) => {
@@ -48,6 +56,7 @@ const useWindowMetrics = ({
         setValue(v);
       });
     }
+
     return undefined;
   }, [enabled, addListener]);
   (0, _react.useEffect)(() => {
@@ -55,4 +64,5 @@ const useWindowMetrics = ({
   }, [getWindowMetrics]);
   return value;
 };
+
 exports.useWindowMetrics = useWindowMetrics;

package/dist/cjs/host/ChaynsHost.js

@@ -4,16 +4,22 @@ 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,
   functions,
   src,
   iFrameRef = undefined,
+  loadingComponent = undefined,
   children = undefined,
   system,
   // shallow data
@@ -46,6 +52,7 @@ const ChaynsHost = ({
         environment: environment,
         customData: customData
       });
+
     case 'client-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
         system: system,
@@ -55,12 +62,14 @@ const ChaynsHost = ({
         user: user,
         device: device,
         currentPage: currentPage,
+        children: loadingComponent,
         functions: functions,
         language: language,
         parameters: parameters,
         customData: customData,
         environment: environment
       });
+
     case 'server-iframe':
       return /*#__PURE__*/_react.default.createElement(_HostIframe.default, {
         iFrameRef: iFrameRef,
@@ -79,6 +88,7 @@ const ChaynsHost = ({
         environment: environment,
         customData: customData
       });
+
     case 'server-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
         system: system,
@@ -94,9 +104,11 @@ const ChaynsHost = ({
         customData: customData,
         environment: environment
       }, children);
+
     default:
       return null;
   }
 };
+
 var _default = ChaynsHost;
 exports.default = _default;