chayns-api 1.0.0 → 1.0.1

package/dist/cjs/components/Title.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useContextSelector = require("use-context-selector");
+
+var _useUser = require("../hooks/useUser");
+
+var _useIsAdminMode = require("../hooks/useIsAdminMode");
+
+var _scrollListener = require("../hooks/scrollListener");
+
+var _windowMetricsListener = require("../hooks/windowMetricsListener");
+
+var _ChaynsContext = require("./ChaynsContext");
+
+var _ChaynsHost = _interopRequireDefault(require("../host/ChaynsHost"));
+
+var _index = require("../index");
+
+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); }
+
+const FirstName = /*#__PURE__*/_react.default.memo(() => {
+  const user = (0, _useUser.useUser)();
+  console.debug('render first name', user);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "firstname"
+  }, "FirstName: ", user === null || user === void 0 ? void 0 : user.firstName);
+});
+
+const Title = () => {
+  var _URLSearchParams$get;
+
+  const isAdminModeActive = (0, _useIsAdminMode.useIsAdminMode)();
+  const ref = (0, _react.useRef)(null); // const addScrollListener = useScrollListener();
+  //const { value } = useGeoLocation({ timeout: 1000, enabled: true, silent: true });
+
+  const {
+    scrollY
+  } = (0, _scrollListener.useScrollPosition)({
+    enabled: true,
+    throttle: 100
+  }); // const addGeoLocationListener = useGeoLocationListener();
+  // const addWindowMetricsListener = useWindowMetricsListener();
+
+  const offsetTop = (0, _scrollListener.useScrollOffsetTop)();
+  const offsetBottom = (0, _scrollListener.useScrollOffsetBottom)();
+  const values = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, s => s);
+  const functions = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, s => s);
+  const login = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, s => s.login);
+  const logout = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, s => s.logout); // const [windowMetrics, setWindowMetrics] = useState(null);
+
+  const windowMetrics = (0, _windowMetricsListener.useWindowMetrics)();
+  console.log('offsetTop', offsetTop, offsetBottom, windowMetrics);
+  const [testHeight, setTestHeight] = (0, _react.useState)(10);
+  (0, _react.useEffect)(() => {
+    const promise = (0, _index.addScrollListener)({}, r => console.log('add scroll', r));
+    return () => {
+      void (promise === null || promise === void 0 ? void 0 : promise.then(id => {
+        console.log('remove scroll', id);
+        return (0, _index.removeScrollListener)(id);
+      }));
+    };
+  }, []); // useEffect(() => addScrollListener({ throttle: 200 }, (ev) => {
+  //         console.log('scroll', ev)
+  //         setWindowMetrics(ev.windowMetrics);
+  //     }), [addScrollListener]);
+  //
+  // useEffect(() => addGeoLocationListener({ silent: true }, (ev) => {
+  //         console.log('geo location', ev);
+  //     }), [addGeoLocationListener])
+  //
+  // useEffect(() => addWindowMetricsListener((ev) => {
+  //         console.log('window metrics', ev);
+  //         setWindowMetrics(ev);
+  //     }), [addWindowMetricsListener]);
+  // console.debug('render title', scrollPosition);
+
+  const src = (0, _react.useRef)();
+  const depth = global.location ? Number.parseInt((_URLSearchParams$get = new URLSearchParams(window.location.search).get('depth')) !== null && _URLSearchParams$get !== void 0 ? _URLSearchParams$get : '1', 10) : 1;
+
+  if (!src.current) {
+    src.current = `https://w-hn-laptop.tobit.ag:8082?depth=${depth + 1}`; // src.current = 'https://tapp01.tobit.com/Tapps/Chaynsnet/landingpage_2020/v4/index.html?isWidget=true';
+  }
+
+  const maxDepth = 2;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "chayns-api"
+  }, /*#__PURE__*/_react.default.createElement(FirstName, null), /*#__PURE__*/_react.default.createElement("button", {
+    id: "login-button",
+    type: "button",
+    onClick: () => login({
+      ignoreAuthenticated: false
+    }, () => {}, () => {})
+  }, "Login"), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: logout
+  }, "Logout"), /*#__PURE__*/_react.default.createElement("div", null, "AdminMode active: ", isAdminModeActive ? 'true' : 'false'), depth < maxDepth && /*#__PURE__*/_react.default.createElement(_ChaynsHost.default, _extends({}, values, {
+    iFrameRef: ref,
+    src: src.current,
+    iFrameProps: {
+      name: `CustomPluginIframe${depth}`,
+      style: {
+        border: 0,
+        width: '100%'
+      },
+      height: 1
+    },
+    functions: { ...functions,
+      getWindowMetrics: async () => {
+        const v = await functions.getWindowMetrics();
+        return { ...v,
+          offsetTop: v.offsetTop + (ref.current ? ref.current.getBoundingClientRect().top : 0)
+        };
+      },
+      addWindowMetricsListener: cb => functions.addWindowMetricsListener(result => cb({ ...result,
+        offsetTop: result.offsetTop + (ref.current ? ref.current.getBoundingClientRect().top : 0)
+      }))
+    },
+    type: "client-iframe"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: offsetTop,
+      color: 'green',
+      backgroundColor: 'white'
+    }
+  }, "456"), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: Math.min(offsetBottom, window.innerHeight) - 25,
+      right: 20,
+      color: 'red',
+      backgroundColor: 'white'
+    }
+  }, "123"), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: () => setTestHeight(testHeight + 100)
+  }, "Increase height"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "nice",
+    style: {
+      height: testHeight
+    }
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    onClick: () => setTestHeight(Math.max(0, testHeight - 100))
+  }, "Reduce height"));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(Title);
+
+exports.default = _default;

package/dist/cjs/components/WaitUntil.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WaitUntil = void 0;
+
 var _react = require("react");
+
 const handleTasks = async tasks => {
   for (let i = 0; i < tasks.length; i++) {
     const task = tasks[i];
+
     if (Array.isArray(task)) {
       // eslint-disable-next-line no-await-in-loop
       await Promise.allSettled(task.map(t => Array.isArray(t) ? handleTasks(t) : typeof t === 'function' ? t() : t));
@@ -17,6 +20,7 @@ const handleTasks = async tasks => {
     }
   }
 };
+
 const WaitUntil = ({
   tasks,
   children,
@@ -28,4 +32,5 @@ const WaitUntil = ({
   mounted.current = true;
   return loaded ? children : loadingComponent;
 };
+
 exports.WaitUntil = WaitUntil;

package/dist/cjs/components/withCompatMode.js

@@ -4,40 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withCompatMode = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 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 ? 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); }
+
 const withCompatMode = Component => {
   class CompatComponent extends _react.PureComponent {
     constructor(props) {
       super(props);
       this.ref = /*#__PURE__*/_react.default.createRef();
     }
+
     componentDidMount() {
       const {
         innerRef
       } = this.props;
+
       _reactDom.default.render( /*#__PURE__*/_react.default.createElement(Component, _extends({}, this.props, {
         ref: innerRef
       })), this.ref.current);
     }
+
     componentDidUpdate() {
       const {
         innerRef
       } = this.props;
+
       _reactDom.default.render( /*#__PURE__*/_react.default.createElement(Component, _extends({}, this.props, {
         ref: innerRef
       })), this.ref.current);
     }
+
     render() {
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: this.ref
       });
     }
+
   }
+
   return {
     Component: /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
       innerRef: ref
@@ -52,4 +66,5 @@ const withCompatMode = Component => {
     appVersion: process.env.VERSION
   };
 };
+
 exports.withCompatMode = withCompatMode;

package/dist/cjs/functions/addApiListener.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddApiListener = exports.ApiListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+let ApiListener;
+exports.ApiListener = ApiListener;
+
+(function (ApiListener) {
+  ApiListener["GeoLocation"] = "GeoLocation";
+  ApiListener["Scroll"] = "Scroll";
+  ApiListener["WindowMetrics"] = "WindowMetrics";
+})(ApiListener || (exports.ApiListener = ApiListener = {}));
+
+const useAddApiListener = type => {
+  const addFunctionName = `add${type}Listener`;
+  const removeFunctionName = `remove${type}Listener`;
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[addFunctionName]);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[removeFunctionName]);
+  let promise;
+  return (0, _react.useCallback)((...args) => {
+    promise = addListener(...args);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useAddApiListener = useAddApiListener;

package/dist/cjs/functions/addGeoLocationListener.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/functions/addScrollListener.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/functions/addWindowMetricsListener.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddApiListener = exports.ApiListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+let ApiListener;
+exports.ApiListener = ApiListener;
+
+(function (ApiListener) {
+  ApiListener["GeoLocation"] = "GeoLocation";
+  ApiListener["Scroll"] = "Scroll";
+  ApiListener["WindowMetrics"] = "WindowMetrics";
+})(ApiListener || (exports.ApiListener = ApiListener = {}));
+
+const useAddApiListener = type => {
+  const addFunctionName = `add${type}Listener`;
+  const removeFunctionName = `remove${type}Listener`;
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[addFunctionName]);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[removeFunctionName]);
+  let promise;
+  return (0, _react.useCallback)((...args) => {
+    promise = addListener(...args);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useAddApiListener = useAddApiListener;

package/dist/cjs/helper/apiListenerHelper.js

@@ -6,11 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.removeApiListener = exports.dispatchApiEvent = exports.addApiListener = void 0;
 const listenerMapping = {};
 let counter = 0;
+
 const addApiListener = (key, callback) => {
   const id = ++counter;
+
   if (!listenerMapping[key]) {
     listenerMapping[key] = {};
   }
+
   const shouldInitialize = Object.keys(listenerMapping[key]).length === 0;
   listenerMapping[key][counter] = callback;
   return {
@@ -18,17 +21,23 @@ const addApiListener = (key, callback) => {
     shouldInitialize
   };
 };
+
 exports.addApiListener = addApiListener;
+
 const removeApiListener = (key, id) => {
   if (listenerMapping[key]) {
     delete listenerMapping[key][id];
   }
+
   return Object.keys(listenerMapping[key]).length === 0;
 };
+
 exports.removeApiListener = removeApiListener;
+
 const dispatchApiEvent = (key, value) => {
   if (listenerMapping[key]) {
     Object.values(listenerMapping[key]).forEach(l => l(value));
   }
 };
+
 exports.dispatchApiEvent = dispatchApiEvent;

package/dist/cjs/helper/cssLoader.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadCss = loadCss;
+
+function loadCss() {
+  const apiUrl = 'https://api.chayns.net/css/';
+  const parameters = new URLSearchParams(window.location.search.toLowerCase());
+  document.documentElement.style.visibility = 'hidden';
+  document.documentElement.style.overflow = 'hidden';
+  const head = document.getElementsByTagName('HEAD')[0];
+  const link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.type = 'text/css';
+  link.href = apiUrl + (parameters.get('siteid') || "");
+
+  link.onload = () => {
+    document.documentElement.style.visibility = 'visible';
+  };
+
+  link.onerror = () => {
+    document.documentElement.style.visibility = 'visible';
+  };
+
+  head.appendChild(link);
+}

package/dist/cjs/hooks/addGeoLocationListener.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/addScrollListener.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/addWindowMetricsListener.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddApiListener = exports.ApiListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+let ApiListener;
+exports.ApiListener = ApiListener;
+
+(function (ApiListener) {
+  ApiListener["GeoLocation"] = "GeoLocation";
+  ApiListener["Scroll"] = "Scroll";
+  ApiListener["WindowMetrics"] = "WindowMetrics";
+})(ApiListener || (exports.ApiListener = ApiListener = {}));
+
+const useAddApiListener = type => {
+  const addFunctionName = `add${type}Listener`;
+  const removeFunctionName = `remove${type}Listener`;
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[addFunctionName]);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[removeFunctionName]);
+  let promise;
+  return (0, _react.useCallback)((...args) => {
+    promise = addListener(...args);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useAddApiListener = useAddApiListener;

package/dist/cjs/hooks/geoLocation.js

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

package/dist/cjs/hooks/geoLocationListener.js

@@ -4,9 +4,13 @@ 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
  */
@@ -18,15 +22,18 @@ const useGeoLocationListener = () => {
     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.useGeoLocationListener = useGeoLocationListener;
+
 const useGeoLocation = ({
   enabled = true,
   timeout = 0,
@@ -41,10 +48,12 @@ const useGeoLocation = ({
         silent
       }, setValue);
     }
+
     return undefined;
   }, [enabled, timeout, addListener, silent]);
   return {
     value
   };
 };
+
 exports.useGeoLocation = useGeoLocation;

package/dist/cjs/hooks/index.js

@@ -135,19 +135,35 @@ Object.defineProperty(exports, "useWindowMetricsListener", {
     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");