chayns-api 2.0.8 → 2.0.9-1

package/dist/esm/handler/DialogHandler.js

@@ -1,4 +1,4 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 export default class DialogHandler {

package/dist/esm/hooks/context.js

@@ -1,5 +1,19 @@
-import { useContext } from "react";
-export const useInternalContextSelector = (context, selector) => {
-  const value = useContext(context);
-  return selector(value);
+import { useContext } from 'react';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { ChaynsContext } from '../components/ChaynsContext';
+export const useValuesSelector = selector => {
+  const store = useContext(ChaynsContext);
+  if (!store) {
+    throw new Error('Could not find chayns context. Did you forget to add ChaynsProvider?');
+  }
+  const getSnapshot = () => selector(store.values);
+  return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+};
+export const useFunctionsSelector = selector => {
+  const store = useContext(ChaynsContext);
+  if (!store) {
+    throw new Error('Could not find chayns context. Did you forget to add ChaynsProvider?');
+  }
+  const getSnapshot = () => selector(store.functions);
+  return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 };

package/dist/esm/hooks/geoLocationListener.js

@@ -1,12 +1,11 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useFunctionsSelector } from './context';
+/**
+ * @category Hooks
  */
 export const useGeoLocationListener = () => {
-  const addListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.addGeoLocationListener);
-  const removeListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.removeGeoLocationListener);
+  const addListener = useFunctionsSelector(f => f.addGeoLocationListener);
+  const removeListener = useFunctionsSelector(f => f.removeGeoLocationListener);
   const promiseRef = useRef();
   return useCallback((value, callback) => {
     promiseRef.current = addListener(value, callback);
@@ -17,8 +16,8 @@ export const useGeoLocationListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useGeoLocation = function () {
   let {

package/dist/esm/hooks/scrollListener.js

@@ -1,13 +1,12 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { useWindowMetrics } from './windowMetricsListener';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useFunctionsSelector } from './context';
+/**
+ * @category Hooks
  */
 export const useScrollListener = () => {
-  const addListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.addScrollListener);
-  const removeListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.removeScrollListener);
+  const addListener = useFunctionsSelector(f => f.addScrollListener);
+  const removeListener = useFunctionsSelector(f => f.removeScrollListener);
   const promiseRef = useRef();
   return useCallback((value, callback) => {
     promiseRef.current = addListener(value, callback);
@@ -18,8 +17,8 @@ export const useScrollListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollPosition = function () {
   let {
@@ -31,7 +30,7 @@ export const useScrollPosition = function () {
     scrollX: null
   });
   const addListener = useScrollListener();
-  const getScrollPosition = useInternalContextSelector(ChaynsFunctionsContext, v => v.getScrollPosition);
+  const getScrollPosition = useFunctionsSelector(f => f.getScrollPosition);
   useEffect(() => {
     if (enabled) {
       return addListener({
@@ -46,8 +45,8 @@ export const useScrollPosition = function () {
   }, [getScrollPosition]);
   return value;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollOffsetTop = function () {
   let {
@@ -69,8 +68,8 @@ export const useScrollOffsetTop = function () {
   }
   return 0;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useScrollOffsetBottom = function () {
   let {

package/dist/esm/hooks/useAccessToken.js

@@ -1,15 +1,14 @@
-import { useEffect, useState } from "react";
-import { ChaynsFunctionsContext } from "../components/ChaynsContext";
-import { useInternalContextSelector } from "./context";
+import { useEffect, useState } from 'react';
+import { useFunctionsSelector } from './context';
 
-/**
- * @category Hooks
- * @deprecated Use {@link getAccessToken} instead
+/**
+ * @category Hooks
+ * @deprecated Use {@link getAccessToken} instead
  */
 export const useAccessToken = accessToken => {
   const [token, setToken] = useState(null);
   const [externalToken, setExternalToken] = useState(null);
-  const getAccessToken = useInternalContextSelector(ChaynsFunctionsContext, s => s.getAccessToken);
+  const getAccessToken = useFunctionsSelector(f => f.getAccessToken);
   useEffect(() => {
     if (accessToken !== null && accessToken !== void 0 && accessToken.external) {
       void getAccessToken({

package/dist/esm/hooks/useCurrentPage.js

@@ -1,7 +1,6 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
+import { useValuesSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useCurrentPage = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.currentPage);
+export const useCurrentPage = () => useValuesSelector(v => v.currentPage);

package/dist/esm/hooks/useCustomCallbackFunction.js

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

package/dist/esm/hooks/useCustomData.js

@@ -1,7 +1,6 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
+import { useValuesSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useCustomData = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.customData);
+export const useCustomData = () => useValuesSelector(v => v.customData);

package/dist/esm/hooks/useDevice.js

@@ -1,6 +1,5 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useValuesSelector } from "./context";
+/**
+ * @category Hooks
  */
-export const useDevice = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.device);
+export const useDevice = () => useValuesSelector(v => v.device);

package/dist/esm/hooks/useDialogState.js

@@ -1,16 +1,15 @@
-import { ChaynsContext, ChaynsFunctionsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
+import { useFunctionsSelector, useValuesSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogState = () => {
-  const setResult = useInternalContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
-  const sendData = useInternalContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.dispatchEventToDialogHost);
-  const addDataListener = useInternalContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addDialogHostEventListener);
-  const isClosingRequested = useInternalContextSelector(ChaynsContext, v => {
-    var _v$dialog;
-    return v === null || v === void 0 || (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested;
+  const setResult = useFunctionsSelector(f => f.setDialogResult);
+  const sendData = useFunctionsSelector(f => f.dispatchEventToDialogHost);
+  const addDataListener = useFunctionsSelector(f => f.addDialogHostEventListener);
+  const isClosingRequested = useValuesSelector(v => {
+    var _v$dialog$isClosingRe, _v$dialog;
+    return (_v$dialog$isClosingRe = (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested) !== null && _v$dialog$isClosingRe !== void 0 ? _v$dialog$isClosingRe : false;
   });
   return {
     setResult,
@@ -20,12 +19,12 @@ export const useDialogState = () => {
   };
 };
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogData = () => {
-  return useInternalContextSelector(ChaynsContext, v => {
+  return useValuesSelector(v => {
     var _v$dialog2;
-    return v === null || v === void 0 || (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
+    return (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
   });
 };

package/dist/esm/hooks/useEnvironment.js

@@ -1,6 +1,5 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useEnvironment = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);
+export const useEnvironment = () => useValuesSelector(v => v.environment);

package/dist/esm/hooks/useFunctions.js

@@ -1,9 +1,6 @@
-import { ChaynsFunctionsContext } from "../components/ChaynsContext";
-import { useInternalContextSelector } from "./context";
+import { useFunctionsSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useFunctions = () => {
-  return useInternalContextSelector(ChaynsFunctionsContext, f => f || {});
-};
+export const useFunctions = () => useFunctionsSelector(f => f);

package/dist/esm/hooks/useIsAdminMode.js

@@ -1,9 +1,8 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useIsAdminMode = () => {
-  var _useInternalContextSe;
-  return (_useInternalContextSe = useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.isAdminModeActive)) !== null && _useInternalContextSe !== void 0 ? _useInternalContextSe : false;
-};
+export const useIsAdminMode = () => useValuesSelector(v => {
+  var _v$isAdminModeActive;
+  return (_v$isAdminModeActive = v.isAdminModeActive) !== null && _v$isAdminModeActive !== void 0 ? _v$isAdminModeActive : false;
+});

package/dist/esm/hooks/useLanguage.js

@@ -1,6 +1,5 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useLanguage = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);
+export const useLanguage = () => useValuesSelector(v => v.language);

package/dist/esm/hooks/usePages.js

@@ -1,8 +1,7 @@
-import { ChaynsContext } from '../components/ChaynsContext';
 import { moduleWrapper } from '../components/moduleWrapper';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
 export const usePages = function () {
   let {
@@ -10,21 +9,21 @@ export const usePages = function () {
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     siteId: undefined
   };
-  const pages = useInternalContextSelector(ChaynsContext, v => v.pages);
+  const pages = useValuesSelector(v => v.pages);
   if (siteId) {
     pages.filter(tapp => tapp.siteId === siteId);
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const usePage = _ref => {
   let {
     id,
     siteId
   } = _ref;
-  const pages = useInternalContextSelector(ChaynsContext, v => v.pages);
+  const pages = useValuesSelector(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;

package/dist/esm/hooks/useParameters.js

@@ -1,6 +1,5 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useParameters = () => useInternalContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);
+export const useParameters = () => useValuesSelector(v => v.parameters || []);

package/dist/esm/hooks/useSite.js

@@ -1,6 +1,5 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useSite = () => useInternalContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);
+export const useSite = () => useValuesSelector(v => v.site);

package/dist/esm/hooks/useUser.js

@@ -1,7 +1,9 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
+import { useValuesSelector } from './context';
 const empty = {};
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useUser = () => useInternalContextSelector(ChaynsContext, value => (value === null || value === void 0 ? void 0 : value.user) || empty);
+export const useUser = () => useValuesSelector(v => {
+  var _v$user;
+  return (_v$user = v.user) !== null && _v$user !== void 0 ? _v$user : empty;
+});

package/dist/esm/hooks/useValues.js

@@ -1,9 +1,6 @@
-import { ChaynsContext } from '../components/ChaynsContext';
-import { useInternalContextSelector } from "./context";
+import { useValuesSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useValues = () => {
-  return useInternalContextSelector(ChaynsContext, v => v || {});
-};
+export const useValues = () => useValuesSelector(v => v);

package/dist/esm/hooks/windowMetricsListener.js

@@ -1,13 +1,12 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { ScreenSize } from '../types/IChaynsReact';
-import { useInternalContextSelector } from "./context";
-/**
- * @category Hooks
+import { useFunctionsSelector } from './context';
+/**
+ * @category Hooks
  */
 export const useWindowMetricsListener = () => {
-  const addListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.addWindowMetricsListener);
-  const removeListener = useInternalContextSelector(ChaynsFunctionsContext, v => v.removeWindowMetricsListener);
+  const addListener = useFunctionsSelector(f => f.addWindowMetricsListener);
+  const removeListener = useFunctionsSelector(f => f.removeWindowMetricsListener);
   const promiseRef = useRef();
   return useCallback(callback => {
     promiseRef.current = addListener(callback);
@@ -18,8 +17,8 @@ export const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useWindowMetrics = function () {
   let {
@@ -35,7 +34,7 @@ export const useWindowMetrics = function () {
     pageSize: ScreenSize.XS
   });
   const addListener = useWindowMetricsListener();
-  const getWindowMetrics = useInternalContextSelector(ChaynsFunctionsContext, v => v.getWindowMetrics);
+  const getWindowMetrics = useFunctionsSelector(f => f.getWindowMetrics);
   useEffect(() => {
     if (enabled) {
       return addListener(v => {

package/dist/esm/host/iframe/HostIframe.js

@@ -1,4 +1,4 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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); }
 import React, { useEffect, useRef } from 'react';
 import * as comlink from 'comlink';
 import postIframeForm from '../../util/postIframeForm';

package/dist/esm/types/IChaynsReact.js

@@ -51,12 +51,12 @@ export let ScreenSize = /*#__PURE__*/function (ScreenSize) {
   return ScreenSize;
 }({});
 
-/**
- * @ignore
+/**
+ * @ignore
  */
 
-/**
- * @ignore
+/**
+ * @ignore
  */
 
 export let AccessMode = /*#__PURE__*/function (AccessMode) {

package/dist/esm/wrapper/AppWrapper.js

@@ -1,4 +1,4 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable */
@@ -131,6 +131,7 @@ export class AppWrapper {
     var _this = this;
     _defineProperty(this, "values", null);
     _defineProperty(this, "accessToken", '');
+    _defineProperty(this, "listeners", []);
     _defineProperty(this, "counter", 0);
     _defineProperty(this, "functions", {
       getAccessToken: async () => ({
@@ -561,6 +562,15 @@ export class AppWrapper {
       }
     });
     _defineProperty(this, "dialogs", []);
+    _defineProperty(this, "subscribe", listener => {
+      this.listeners.push(listener);
+      return () => {
+        this.listeners = this.listeners.filter(l => l !== listener);
+      };
+    });
+    _defineProperty(this, "emitChange", () => {
+      this.listeners.forEach(l => l());
+    });
   }
   notImplemented(call) {
     console.warn(`call ${call} not implement in app`);

package/dist/esm/wrapper/FrameWrapper.js

@@ -1,4 +1,4 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
@@ -18,6 +18,7 @@ export class FrameWrapper {
       this.resolve = res;
     }));
     _defineProperty(this, "values", null);
+    _defineProperty(this, "listeners", []);
     _defineProperty(this, "functions", {
       addGeoLocationListener: async (value, callback) => {
         if (!this.initialized) await this.ready;
@@ -297,6 +298,15 @@ export class FrameWrapper {
       }
     });
     _defineProperty(this, "initialized", false);
+    _defineProperty(this, "subscribe", listener => {
+      this.listeners.push(listener);
+      return () => {
+        this.listeners = this.listeners.filter(l => l !== listener);
+      };
+    });
+    _defineProperty(this, "emitChange", () => {
+      this.listeners.forEach(l => l());
+    });
     const initialDataTag = document.querySelector('#__CHAYNS_DATA__');
     if (initialDataTag) {
       this.values = JSON.parse(initialDataTag.innerHTML);

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -1,3 +1,6 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import DialogHandler from '../handler/DialogHandler';
 import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
@@ -5,6 +8,16 @@ import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
 export class ModuleFederationWrapper {
   constructor(values, functions) {
+    _defineProperty(this, "listeners", []);
+    _defineProperty(this, "subscribe", listener => {
+      this.listeners.push(listener);
+      return () => {
+        this.listeners = this.listeners.filter(l => l !== listener);
+      };
+    });
+    _defineProperty(this, "emitChange", () => {
+      this.listeners.forEach(l => l());
+    });
     this.values = values;
     this.functions = {};
     this.functions.addVisibilityChangeListener = async callback => addVisibilityChangeListener(callback);

package/dist/esm/wrapper/SsrWrapper.js

@@ -1,5 +1,18 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 export class SsrWrapper {
   constructor(values, functions) {
+    _defineProperty(this, "listeners", []);
+    _defineProperty(this, "subscribe", listener => {
+      this.listeners.push(listener);
+      return () => {
+        this.listeners = this.listeners.filter(l => l !== listener);
+      };
+    });
+    _defineProperty(this, "emitChange", () => {
+      this.listeners.forEach(l => l());
+    });
     this.initialData = values;
     this.values = values;
     this.functions = functions;

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -1,4 +1,4 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { moduleWrapper } from '../components/moduleWrapper';

package/dist/types/calls/dialogs/alert.d.ts

@@ -1 +1 @@
-export declare function alert(title?: string, message?: string): Promise<any> | "unsupported";
+export declare function alert(title?: string, message?: string): Promise<any> | "unsupported";

package/dist/types/calls/dialogs/chaynsDialog.d.ts

@@ -1,24 +1,24 @@
-export declare const buttonText: {
-    YES: string;
-    NO: string;
-    OK: string;
-    CANCEL: string;
-};
-export declare const buttonType: {
-    CANCEL: number;
-    NEGATIVE: number;
-    POSITIVE: number;
-};
-export declare const dialogAction: {
-    ALERT_CONFIRM: number;
-    INPUT: number;
-    SELECT: number;
-    DATE: number;
-    ADVANCED_DATE: number;
-    DROP_UP_ALERT: number;
-    MEDIA_SELECT: number;
-    FILE_SELECT: number;
-    SIGNATURE: number;
-    IFRAME: number;
-};
-export declare function chaynsDialog(config: any): Promise<any> | "unsupported";
+export declare const buttonText: {
+    YES: string;
+    NO: string;
+    OK: string;
+    CANCEL: string;
+};
+export declare const buttonType: {
+    CANCEL: number;
+    NEGATIVE: number;
+    POSITIVE: number;
+};
+export declare const dialogAction: {
+    ALERT_CONFIRM: number;
+    INPUT: number;
+    SELECT: number;
+    DATE: number;
+    ADVANCED_DATE: number;
+    DROP_UP_ALERT: number;
+    MEDIA_SELECT: number;
+    FILE_SELECT: number;
+    SIGNATURE: number;
+    IFRAME: number;
+};
+export declare function chaynsDialog(config: any): Promise<any> | "unsupported";

package/dist/types/calls/dialogs/close.d.ts

@@ -1 +1 @@
-export declare function close(): Promise<any>;
+export declare function close(): Promise<any>;