chayns-api 2.0.7 → 2.0.9-0

package/dist/esm/components/ChaynsProvider.js

@@ -6,7 +6,7 @@ import { AppWrapper } from '../wrapper/AppWrapper';
 import { FrameWrapper } from '../wrapper/FrameWrapper';
 import { ModuleFederationWrapper } from '../wrapper/ModuleFederationWrapper';
 import { SsrWrapper } from '../wrapper/SsrWrapper';
-import { ChaynsContext, ChaynsFunctionsContext } from './ChaynsContext';
+import { ChaynsContext } from './ChaynsContext';
 import { moduleWrapper } from './moduleWrapper';
 
 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -29,7 +29,7 @@ const InitialDataProvider = /*#__PURE__*/React.memo(_ref => {
   });
 }, () => true);
 const ChaynsProvider = _ref2 => {
-  var _customWrapper$curren, _customWrapper$curren2, _customWrapper$curren3;
+  var _customWrapper$curren, _customWrapper$curren2;
   let {
     children,
     data,
@@ -64,7 +64,7 @@ const ChaynsProvider = _ref2 => {
     }
     moduleWrapper.current = customWrapper.current;
   }
-  const [state, setState] = useState((_customWrapper$curren = (_customWrapper$curren2 = customWrapper.current) === null || _customWrapper$curren2 === void 0 ? void 0 : _customWrapper$curren2.values) !== null && _customWrapper$curren !== void 0 ? _customWrapper$curren : undefined);
+  const [isInitialized, setIsInitialized] = useState(!!((_customWrapper$curren = customWrapper.current) !== null && _customWrapper$curren !== void 0 && _customWrapper$curren.values));
   useEffect(() => {
     void (async () => {
       await customWrapper.current.init();
@@ -73,35 +73,25 @@ const ChaynsProvider = _ref2 => {
           type,
           value
         } = _ref3;
-        setState(oldState => {
-          if (oldState) return {
-            ...oldState,
-            [type]: value
-          };
-          return undefined;
-        });
+        customWrapper.current.emitChange();
       });
-      if (customWrapper.current.values && !isModule) {
-        setState({
-          ...customWrapper.current.values
-        });
+      if (!isInitialized) {
+        setIsInitialized(true);
       }
     })();
   }, []);
   useEffect(() => {
     if (isModule) {
-      setState(data);
       if (data) {
         customWrapper.current.values = data;
+        customWrapper.current.emitChange();
       }
     }
   }, [data, isModule]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!state && /*#__PURE__*/React.createElement(ChaynsContext.Provider, {
-    value: state
-  }, /*#__PURE__*/React.createElement(ChaynsFunctionsContext.Provider, {
-    value: (_customWrapper$curren3 = customWrapper.current) === null || _customWrapper$curren3 === void 0 ? void 0 : _customWrapper$curren3.functions
-  }, children)), /*#__PURE__*/React.createElement(InitialDataProvider, {
-    data: state,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isInitialized && /*#__PURE__*/React.createElement(ChaynsContext.Provider, {
+    value: customWrapper.current
+  }, children), /*#__PURE__*/React.createElement(InitialDataProvider, {
+    data: (_customWrapper$curren2 = customWrapper.current) === null || _customWrapper$curren2 === void 0 ? void 0 : _customWrapper$curren2.values,
     renderedByServer: renderedByServer
   }));
 };

package/dist/esm/components/withCompatMode.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); }
 /* eslint-disable react/jsx-props-no-spreading */
 
 import React, { PureComponent } from 'react';
@@ -51,7 +51,7 @@ export const withCompatMode = Component => {
       if (this.root) {
         this.root.unmount();
       } else {
-        ReactDOM.render(/*#__PURE__*/React.createElement(React.Fragment, null), this.ref.current);
+        ReactDOM.render( /*#__PURE__*/React.createElement(React.Fragment, null), this.ref.current);
       }
     }
     render() {

package/dist/esm/components/withHydrationBoundary.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, { useContext, useEffect, useState } from 'react';
 import { HydrationContext } from '../constants';
 function withHydrationBoundary(Component, initializer, useHydrationId, useProps) {

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

@@ -0,0 +1,16 @@
+import { useContext, useSyncExternalStore } from 'react';
+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?');
+  }
+  return useSyncExternalStore(store.subscribe, () => selector(store.values));
+};
+export const useFunctionsSelector = selector => {
+  const store = useContext(ChaynsContext);
+  if (!store) {
+    throw new Error('Could not find chayns context. Did you forget to add ChaynsProvider?');
+  }
+  return useSyncExternalStore(store.subscribe, () => selector(store.functions));
+};

package/dist/esm/hooks/geoLocationListener.js

@@ -1,12 +1,11 @@
-import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useFunctionsSelector } from './context';
+/**
+ * @category Hooks
  */
 export const useGeoLocationListener = () => {
-  const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addGeoLocationListener);
-  const removeListener = useContextSelector(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 { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { useWindowMetrics } from './windowMetricsListener';
-/**
- * @category Hooks
+import { useFunctionsSelector } from './context';
+/**
+ * @category Hooks
  */
 export const useScrollListener = () => {
-  const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addScrollListener);
-  const removeListener = useContextSelector(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 = useContextSelector(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 { useContextSelector } from "use-context-selector";
-import { ChaynsFunctionsContext } from "../components/ChaynsContext";
+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 = useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
+import { useValuesSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useCurrentPage = () => useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
+import { useValuesSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useCustomData = () => useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useValuesSelector } from "./context";
+/**
+ * @category Hooks
  */
-export const useDevice = () => useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext, ChaynsFunctionsContext } from '../components/ChaynsContext';
+import { useFunctionsSelector, useValuesSelector } from './context';
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogState = () => {
-  const setResult = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.setDialogResult);
-  const sendData = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.dispatchEventToDialogHost);
-  const addDataListener = useContextSelector(ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addDialogHostEventListener);
-  const isClosingRequested = useContextSelector(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,13 +19,12 @@ export const useDialogState = () => {
   };
 };
 
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 export const useDialogData = () => {
-  const inputData = useContextSelector(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;
   });
-  return inputData;
 };

package/dist/esm/hooks/useEnvironment.js

@@ -1,6 +1,5 @@
-import { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useEnvironment = () => useContextSelector(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 { useContextSelector } from "use-context-selector";
-import { ChaynsFunctionsContext } from "../components/ChaynsContext";
-/**
- * @category Hooks
+import { useFunctionsSelector } from './context';
+
+/**
+ * @category Hooks
  */
-export const useFunctions = () => {
-  const t = useContextSelector(ChaynsFunctionsContext, f => f || {});
-  return t;
-};
+export const useFunctions = () => useFunctionsSelector(f => f);

package/dist/esm/hooks/useIsAdminMode.js

@@ -1,9 +1,8 @@
-import { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useIsAdminMode = () => {
-  var _useContextSelector;
-  return (_useContextSelector = useContextSelector(ChaynsContext, v => v === null || v === void 0 ? void 0 : v.isAdminModeActive)) !== null && _useContextSelector !== void 0 ? _useContextSelector : 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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useLanguage = () => useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
 import { moduleWrapper } from '../components/moduleWrapper';
-/**
- * @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 = useContextSelector(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 = useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useParameters = () => useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+/**
+ * @category Hooks
  */
-export const useSite = () => useContextSelector(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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
+import { useValuesSelector } from './context';
 const empty = {};
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
-export const useUser = () => useContextSelector(ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.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 { useContextSelector } from 'use-context-selector';
-import { ChaynsContext } from '../components/ChaynsContext';
-/**
- * @category Hooks
+import { useValuesSelector } from './context';
+
+/**
+ * @category Hooks
  */
-export const useValues = () => {
-  const t = useContextSelector(ChaynsContext, v => v || {});
-  return t;
-};
+export const useValues = () => useValuesSelector(v => v);

package/dist/esm/hooks/windowMetricsListener.js

@@ -1,13 +1,12 @@
-import { useContextSelector } from 'use-context-selector';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { ChaynsFunctionsContext } from '../components/ChaynsContext';
 import { ScreenSize } from '../types/IChaynsReact';
-/**
- * @category Hooks
+import { useFunctionsSelector } from './context';
+/**
+ * @category Hooks
  */
 export const useWindowMetricsListener = () => {
-  const addListener = useContextSelector(ChaynsFunctionsContext, v => v.addWindowMetricsListener);
-  const removeListener = useContextSelector(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 = useContextSelector(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);