chayns-api 1.0.11 → 1.1.0-0

package/dist/cjs/components/TestProvider.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vibrate = exports.useWindowMetricsListener = exports.useWindowMetrics = exports.useUser = exports.useScrollPosition = exports.useScrollOffsetTop = exports.useScrollOffsetBottom = exports.useScrollListener = exports.useIsAdminMode = exports.useGeoLocationListener = exports.useGeoLocation = exports.useAccessToken = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.scrollToY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.refreshData = exports.refreshAccessToken = exports.openVideo = exports.openUrl = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getScrollPosition = exports.getGeoLocation = exports.getAvailableSharingServices = exports.getAccessToken = exports.default = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addScrollListener = exports.addGeoLocationListener = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+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; }
+
+let api;
+
+const ChaynsProvider = ({
+  children
+}) => {
+  const [loaded, setLoaded] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    void (async () => {
+      // @ts-expect-error dynamic import of module cannot be typed properly
+      // eslint-disable-next-line import/extensions,import/no-unresolved
+      api = await Promise.resolve().then(() => _interopRequireWildcard(require("app2/index2")));
+      setLoaded(true);
+    })();
+  }, []);
+  if (!loaded) return false;
+  return /*#__PURE__*/_react.default.createElement(api.RealChaynsProvider, null, children);
+};
+
+const useGeoLocation = (...args) => api.useGeoLocation(...args);
+
+exports.useGeoLocation = useGeoLocation;
+
+const addGeoLocationListener = (...args) => api.addGeoLocationListener(...args);
+
+exports.addGeoLocationListener = addGeoLocationListener;
+
+const addScrollListener = (...args) => api.addScrollListener(...args);
+
+exports.addScrollListener = addScrollListener;
+
+const addVisibilityChangeListener = (...args) => api.addVisibilityChangeListener(...args);
+
+exports.addVisibilityChangeListener = addVisibilityChangeListener;
+
+const addWindowMetricsListener = (...args) => api.addWindowMetricsListener(...args);
+
+exports.addWindowMetricsListener = addWindowMetricsListener;
+
+const getAccessToken = (...args) => api.getAccessToken(...args);
+
+exports.getAccessToken = getAccessToken;
+
+const getAvailableSharingServices = (...args) => api.getAvailableSharingServices(...args);
+
+exports.getAvailableSharingServices = getAvailableSharingServices;
+
+const getGeoLocation = (...args) => api.getGeoLocation(...args);
+
+exports.getGeoLocation = getGeoLocation;
+
+const getUserInfo = (...args) => api.getUserInfo(...args);
+
+exports.getUserInfo = getUserInfo;
+
+const getScrollPosition = (...args) => api.getScrollPosition(...args);
+
+exports.getScrollPosition = getScrollPosition;
+
+const getWindowMetrics = (...args) => api.getWindowMetrics(...args);
+
+exports.getWindowMetrics = getWindowMetrics;
+
+const invokeCall = (...args) => api.invokeCall(...args);
+
+exports.invokeCall = invokeCall;
+
+const login = (...args) => api.login(...args);
+
+exports.login = login;
+
+const logout = (...args) => api.logout(...args);
+
+exports.logout = logout;
+
+const navigateBack = (...args) => api.navigateBack(...args);
+
+exports.navigateBack = navigateBack;
+
+const openImage = (...args) => api.openImage(...args);
+
+exports.openImage = openImage;
+
+const openUrl = (...args) => api.openUrl(...args);
+
+exports.openUrl = openUrl;
+
+const openVideo = (...args) => api.openVideo(...args);
+
+exports.openVideo = openVideo;
+
+const refreshAccessToken = (...args) => api.refreshAccessToken(...args);
+
+exports.refreshAccessToken = refreshAccessToken;
+
+const refreshData = (...args) => api.refreshData(...args);
+
+exports.refreshData = refreshData;
+
+const removeGeoLocationListener = (...args) => api.removeGeoLocationListener(...args);
+
+exports.removeGeoLocationListener = removeGeoLocationListener;
+
+const removeScrollListener = (...args) => api.removeScrollListener(...args);
+
+exports.removeScrollListener = removeScrollListener;
+
+const removeVisibilityChangeListener = (...args) => api.removeVisibilityChangeListener(...args);
+
+exports.removeVisibilityChangeListener = removeVisibilityChangeListener;
+
+const removeWindowMetricsListener = (...args) => api.removeWindowMetricsListener(...args);
+
+exports.removeWindowMetricsListener = removeWindowMetricsListener;
+
+const scrollToY = (...args) => api.scrollToY(...args);
+
+exports.scrollToY = scrollToY;
+
+const sendMessageToGroup = (...args) => api.sendMessageToGroup(...args);
+
+exports.sendMessageToGroup = sendMessageToGroup;
+
+const sendMessageToPage = (...args) => api.sendMessageToPage(...args);
+
+exports.sendMessageToPage = sendMessageToPage;
+
+const sendMessageToUser = (...args) => api.sendMessageToUser(...args);
+
+exports.sendMessageToUser = sendMessageToUser;
+
+const setAdminMode = (...args) => api.setAdminMode(...args);
+
+exports.setAdminMode = setAdminMode;
+
+const setDisplayTimeout = (...args) => api.setDisplayTimeout(...args);
+
+exports.setDisplayTimeout = setDisplayTimeout;
+
+const setFloatingButton = (...args) => api.setFloatingButton(...args);
+
+exports.setFloatingButton = setFloatingButton;
+
+const setHeight = (...args) => api.setHeight(...args);
+
+exports.setHeight = setHeight;
+
+const setOverlay = (...args) => api.setOverlay(...args);
+
+exports.setOverlay = setOverlay;
+
+const setRefreshScrollEnabled = (...args) => api.setRefreshScrollEnabled(...args);
+
+exports.setRefreshScrollEnabled = setRefreshScrollEnabled;
+
+const setScanQrCode = (...args) => api.setScanQrCode(...args);
+
+exports.setScanQrCode = setScanQrCode;
+
+const setTempDesignSettings = (...args) => api.setTempDesignSettings(...args);
+
+exports.setTempDesignSettings = setTempDesignSettings;
+
+const setWaitCursor = (...args) => api.setWaitCursor(...args);
+
+exports.setWaitCursor = setWaitCursor;
+
+const storageGetItem = (...args) => api.storageGetItem(...args);
+
+exports.storageGetItem = storageGetItem;
+
+const storageRemoveItem = (...args) => api.storageRemoveItem(...args);
+
+exports.storageRemoveItem = storageRemoveItem;
+
+const storageSetItem = (...args) => api.storageSetItem(...args);
+
+exports.storageSetItem = storageSetItem;
+
+const vibrate = (...args) => api.vibrate(...args);
+
+exports.vibrate = vibrate;
+
+const useAccessToken = (...args) => api.useAccessToken(...args);
+
+exports.useAccessToken = useAccessToken;
+
+const useWindowMetrics = (...args) => api.useWindowMetrics(...args);
+
+exports.useWindowMetrics = useWindowMetrics;
+
+const useScrollPosition = (...args) => api.useScrollPosition(...args);
+
+exports.useScrollPosition = useScrollPosition;
+
+const useUser = (...args) => api.useUser(...args);
+
+exports.useUser = useUser;
+
+const useIsAdminMode = (...args) => api.useIsAdminMode(...args);
+
+exports.useIsAdminMode = useIsAdminMode;
+
+const useScrollOffsetTop = (...args) => api.useScrollOffsetTop(...args);
+
+exports.useScrollOffsetTop = useScrollOffsetTop;
+
+const useScrollOffsetBottom = (...args) => api.useScrollOffsetBottom(...args);
+
+exports.useScrollOffsetBottom = useScrollOffsetBottom;
+
+const useScrollListener = (...args) => api.useScrollListener(...args);
+
+exports.useScrollListener = useScrollListener;
+
+const useWindowMetricsListener = (...args) => api.useWindowMetricsListener(...args);
+
+exports.useWindowMetricsListener = useWindowMetricsListener;
+
+const useGeoLocationListener = (...args) => api.useGeoLocationListener(...args);
+
+exports.useGeoLocationListener = useGeoLocationListener;
+var _default = ChaynsProvider;
+exports.default = _default;

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/withCompatMode.js

@@ -52,7 +52,7 @@ const withCompatMode = Component => {
     }
     componentWillUnmount() {
       if (this.root) {
-        this.root.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+        this.root.unmount();
       } else {
         _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), this.ref.current);
       }

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/handler/DialogHandler.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class DialogHandler {
+  isOpen = false;
+  result = undefined;
+  constructor(config, open, close) {
+    this._open = open;
+    this._close = close;
+    this._config = config;
+  }
+  async open() {
+    if (this.isOpen) {
+      throw new Error('cannot open a dialog which is already open');
+    }
+    const res = await new Promise(async resolve => {
+      const callback = data => {
+        this.isOpen = false;
+        resolve(data);
+      };
+      this.isOpen = true;
+      this.dialogId = await this._open(this._config, callback);
+    });
+    return this.result = res;
+  }
+  close(buttonType, data) {
+    if (!this.isOpen) {
+      return;
+    }
+    this.isOpen = false;
+    this._close(this.dialogId, data);
+  }
+  getResult() {
+    return this.result;
+  }
+}
+exports.default = DialogHandler;

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;