chayns-api 1.0.0

package/dist/cjs/hooks/geoLocationListener.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGeoLocationListener = exports.useGeoLocation = void 0;
+var _useContextSelector = require("use-context-selector");
+var _react = require("react");
+var _ChaynsContext = require("../components/ChaynsContext");
+/**
+ * @category Hooks
+ */
+const useGeoLocationListener = () => {
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addGeoLocationListener);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.removeGeoLocationListener);
+  const promiseRef = (0, _react.useRef)();
+  return (0, _react.useCallback)((value, callback) => {
+    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
+  }, []);
+};
+/**
+ * @category Hooks
+ */
+exports.useGeoLocationListener = useGeoLocationListener;
+const useGeoLocation = ({
+  enabled = true,
+  timeout = 0,
+  silent = false
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addListener = useGeoLocationListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addListener({
+        timeout,
+        silent
+      }, setValue);
+    }
+    return undefined;
+  }, [enabled, timeout, addListener, silent]);
+  return {
+    value
+  };
+};
+exports.useGeoLocation = useGeoLocation;

package/dist/cjs/hooks/index.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useAccessToken", {
+  enumerable: true,
+  get: function () {
+    return _useAccessToken.useAccessToken;
+  }
+});
+Object.defineProperty(exports, "useCurrentPage", {
+  enumerable: true,
+  get: function () {
+    return _useCurrentPage.useCurrentPage;
+  }
+});
+Object.defineProperty(exports, "useCustomData", {
+  enumerable: true,
+  get: function () {
+    return _useCustomData.useCustomData;
+  }
+});
+Object.defineProperty(exports, "useDevice", {
+  enumerable: true,
+  get: function () {
+    return _useDevice.useDevice;
+  }
+});
+Object.defineProperty(exports, "useEnvironment", {
+  enumerable: true,
+  get: function () {
+    return _useEnvironment.useEnvironment;
+  }
+});
+Object.defineProperty(exports, "useFunctions", {
+  enumerable: true,
+  get: function () {
+    return _useFunctions.useFunctions;
+  }
+});
+Object.defineProperty(exports, "useGeoLocation", {
+  enumerable: true,
+  get: function () {
+    return _geoLocationListener.useGeoLocation;
+  }
+});
+Object.defineProperty(exports, "useGeoLocationListener", {
+  enumerable: true,
+  get: function () {
+    return _geoLocationListener.useGeoLocationListener;
+  }
+});
+Object.defineProperty(exports, "useIsAdminMode", {
+  enumerable: true,
+  get: function () {
+    return _useIsAdminMode.useIsAdminMode;
+  }
+});
+Object.defineProperty(exports, "useLanguage", {
+  enumerable: true,
+  get: function () {
+    return _useLanguage.useLanguage;
+  }
+});
+Object.defineProperty(exports, "usePage", {
+  enumerable: true,
+  get: function () {
+    return _usePages.usePage;
+  }
+});
+Object.defineProperty(exports, "usePages", {
+  enumerable: true,
+  get: function () {
+    return _usePages.usePages;
+  }
+});
+Object.defineProperty(exports, "useParameters", {
+  enumerable: true,
+  get: function () {
+    return _useParameters.useParameters;
+  }
+});
+Object.defineProperty(exports, "useScrollListener", {
+  enumerable: true,
+  get: function () {
+    return _scrollListener.useScrollListener;
+  }
+});
+Object.defineProperty(exports, "useScrollOffsetBottom", {
+  enumerable: true,
+  get: function () {
+    return _scrollListener.useScrollOffsetBottom;
+  }
+});
+Object.defineProperty(exports, "useScrollOffsetTop", {
+  enumerable: true,
+  get: function () {
+    return _scrollListener.useScrollOffsetTop;
+  }
+});
+Object.defineProperty(exports, "useScrollPosition", {
+  enumerable: true,
+  get: function () {
+    return _scrollListener.useScrollPosition;
+  }
+});
+Object.defineProperty(exports, "useSite", {
+  enumerable: true,
+  get: function () {
+    return _useSite.useSite;
+  }
+});
+Object.defineProperty(exports, "useUser", {
+  enumerable: true,
+  get: function () {
+    return _useUser.useUser;
+  }
+});
+Object.defineProperty(exports, "useValues", {
+  enumerable: true,
+  get: function () {
+    return _useValues.useValues;
+  }
+});
+Object.defineProperty(exports, "useWindowMetrics", {
+  enumerable: true,
+  get: function () {
+    return _windowMetricsListener.useWindowMetrics;
+  }
+});
+Object.defineProperty(exports, "useWindowMetricsListener", {
+  enumerable: true,
+  get: function () {
+    return _windowMetricsListener.useWindowMetricsListener;
+  }
+});
+var _geoLocationListener = require("./geoLocationListener");
+var _scrollListener = require("./scrollListener");
+var _useIsAdminMode = require("./useIsAdminMode");
+var _useUser = require("./useUser");
+var _useAccessToken = require("./useAccessToken");
+var _windowMetricsListener = require("./windowMetricsListener");
+var _useDevice = require("./useDevice");
+var _useSite = require("./useSite");
+var _useParameters = require("./useParameters");
+var _usePages = require("./usePages");
+var _useEnvironment = require("./useEnvironment");
+var _useLanguage = require("./useLanguage");
+var _useValues = require("./useValues");
+var _useFunctions = require("./useFunctions");
+var _useCurrentPage = require("./useCurrentPage");
+var _useCustomData = require("./useCustomData");

package/dist/cjs/hooks/scrollListener.js

@@ -0,0 +1,102 @@
+"use strict";
+
+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
+ */
+const useScrollListener = () => {
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addScrollListener);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.removeScrollListener);
+  const promiseRef = (0, _react.useRef)();
+  return (0, _react.useCallback)((value, callback) => {
+    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
+  }, []);
+};
+/**
+ * @category Hooks
+ */
+exports.useScrollListener = useScrollListener;
+const useScrollPosition = ({
+  enabled = true,
+  throttle = 200
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)({
+    scrollY: null,
+    scrollX: null
+  });
+  const addListener = useScrollListener();
+  const getScrollPosition = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.getScrollPosition);
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addListener({
+        throttle
+      }, setValue);
+    }
+    return undefined;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [enabled, throttle, addListener]);
+  (0, _react.useEffect)(() => {
+    void getScrollPosition().then(setValue);
+  }, [getScrollPosition]);
+  return value;
+};
+/**
+ * @category Hooks
+ */
+exports.useScrollPosition = useScrollPosition;
+const useScrollOffsetTop = ({
+  enabled = true,
+  throttle = 200
+} = {}) => {
+  const scrollPosition = useScrollPosition({
+    enabled,
+    throttle
+  });
+  const {
+    offsetTop,
+    topBarHeight
+  } = (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
+} = {}) => {
+  const scrollPosition = useScrollPosition({
+    enabled,
+    throttle
+  });
+  const {
+    offsetTop,
+    windowHeight,
+    bottomBarHeight
+  } = (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

@@ -0,0 +1,28 @@
+"use strict";
+
+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
+ */
+const useAccessToken = accessToken => {
+  const [token, setToken] = (0, _react.useState)(null);
+  const [externalToken, setExternalToken] = (0, _react.useState)(null);
+  const getAccessToken = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, s => s.getAccessToken);
+  (0, _react.useEffect)(() => {
+    if (accessToken !== null && accessToken !== void 0 && accessToken.external) {
+      void getAccessToken({
+        external: true
+      }).then(setExternalToken);
+    } else {
+      void getAccessToken().then(setToken);
+    }
+  }, [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/useCurrentPage.js

@@ -0,0 +1,13 @@
+"use strict";
+
+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

@@ -0,0 +1,13 @@
+"use strict";
+
+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

@@ -0,0 +1,13 @@
+"use strict";
+
+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

@@ -0,0 +1,13 @@
+"use strict";
+
+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

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

package/dist/cjs/hooks/useIsAdminMode.js

@@ -0,0 +1,16 @@
+"use strict";
+
+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

@@ -0,0 +1,13 @@
+"use strict";
+
+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

@@ -0,0 +1,38 @@
+"use strict";
+
+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
+ */
+const usePages = ({
+  siteId
+} = {
+  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

@@ -0,0 +1,13 @@
+"use strict";
+
+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

@@ -0,0 +1,13 @@
+"use strict";
+
+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

@@ -0,0 +1,14 @@
+"use strict";
+
+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

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

package/dist/cjs/hooks/windowMetricsListener.js

@@ -0,0 +1,58 @@
+"use strict";
+
+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
+ */
+const useWindowMetricsListener = () => {
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addWindowMetricsListener);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.removeWindowMetricsListener);
+  const promiseRef = (0, _react.useRef)();
+  return (0, _react.useCallback)(callback => {
+    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
+  }, []);
+};
+/**
+ * @category Hooks
+ */
+exports.useWindowMetricsListener = useWindowMetricsListener;
+const useWindowMetrics = ({
+  enabled = true
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)({
+    bottomBarHeight: 0,
+    offsetTop: 0,
+    pageHeight: 0,
+    pageWidth: 0,
+    topBarHeight: 0,
+    windowHeight: 0,
+    pageSize: _IChaynsReact.ScreenSize.XS
+  });
+  const addListener = useWindowMetricsListener();
+  const getWindowMetrics = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.getWindowMetrics);
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addListener(v => {
+        setValue(v);
+      });
+    }
+    return undefined;
+  }, [enabled, addListener]);
+  (0, _react.useEffect)(() => {
+    void getWindowMetrics().then(setValue);
+  }, [getWindowMetrics]);
+  return value;
+};
+exports.useWindowMetrics = useWindowMetrics;