chayns-api 3.1.7 → 3.2.0-beta.1

package/dist/cjs/calls/appleSafeAreaListener.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addAppleSafeAreaListener = void 0;
+var _index = require("./index");
+const addAppleSafeAreaListener = ({
+  callback
+}) => {
+  void (0, _index.invokeCall)({
+    action: 300
+  }, callback);
+};
+exports.addAppleSafeAreaListener = addAppleSafeAreaListener;

package/dist/cjs/calls/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setCustomCookie = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.removeAccessTokenChangeListener = exports.refreshData = exports.refreshAccessToken = exports.redirect = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokePaymentCall = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getStyleSettings = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDialogData = exports.getDevice = exports.getCustomFunction = exports.getCustomCookie = exports.getCurrentPage = exports.getChaynsHistoryLayer = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = exports.addAccessTokenChangeListener = void 0;
+exports.vibrate = exports.user = exports.storageSetItem = exports.storageRemoveItem = exports.storageGetItem = exports.site = exports.setWaitCursor = exports.setTempDesignSettings = exports.setScanQrCode = exports.setRefreshScrollEnabled = exports.setOverlay = exports.setHeight = exports.setFloatingButton = exports.setDisplayTimeout = exports.setCustomCookie = exports.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.removeAppleSafeAreaListener = exports.removeAccessTokenChangeListener = exports.refreshData = exports.refreshAccessToken = exports.redirect = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokePaymentCall = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getStyleSettings = exports.getSite = exports.getScrollPosition = exports.getSafeArea = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDialogData = exports.getDevice = exports.getCustomFunction = exports.getCustomCookie = exports.getCurrentPage = exports.getChaynsHistoryLayer = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAppleSafeAreaListener = exports.addAnonymousAccount = exports.addAccessTokenChangeListener = void 0;
 var _moduleWrapper = require("../components/moduleWrapper");
 var _HistoryLayerContext = require("../contexts/HistoryLayerContext");
 const addGeoLocationListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addGeoLocationListener(...args);
@@ -18,6 +18,8 @@ const addAccessTokenChangeListener = (...args) => _moduleWrapper.moduleWrapper.c
 exports.addAccessTokenChangeListener = addAccessTokenChangeListener;
 const addWindowMetricsListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addWindowMetricsListener(...args);
 exports.addWindowMetricsListener = addWindowMetricsListener;
+const addAppleSafeAreaListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addAppleSafeAreaListener(...args);
+exports.addAppleSafeAreaListener = addAppleSafeAreaListener;
 const customCallbackFunction = (...args) => _moduleWrapper.moduleWrapper.current.functions.customCallbackFunction(...args);
 exports.customCallbackFunction = customCallbackFunction;
 const getAccessToken = (...args) => _moduleWrapper.moduleWrapper.current.functions.getAccessToken(...args);
@@ -34,6 +36,8 @@ const getScrollPosition = (...args) => _moduleWrapper.moduleWrapper.current.func
 exports.getScrollPosition = getScrollPosition;
 const getWindowMetrics = (...args) => _moduleWrapper.moduleWrapper.current.functions.getWindowMetrics(...args);
 exports.getWindowMetrics = getWindowMetrics;
+const getSafeArea = (...args) => _moduleWrapper.moduleWrapper.current.functions.getAppleSafeArea(...args);
+exports.getSafeArea = getSafeArea;
 const invokeCall = (...args) => _moduleWrapper.moduleWrapper.current.functions.invokeCall(...args);
 exports.invokeCall = invokeCall;
 const invokePaymentCall = (...args) => _moduleWrapper.moduleWrapper.current.functions.invokePaymentCall(...args);
@@ -70,6 +74,8 @@ const removeVisibilityChangeListener = (...args) => _moduleWrapper.moduleWrapper
 exports.removeVisibilityChangeListener = removeVisibilityChangeListener;
 const removeWindowMetricsListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.removeWindowMetricsListener(...args);
 exports.removeWindowMetricsListener = removeWindowMetricsListener;
+const removeAppleSafeAreaListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.removeAppleSafeAreaListener(...args);
+exports.removeAppleSafeAreaListener = removeAppleSafeAreaListener;
 const selectPage = (...args) => _moduleWrapper.moduleWrapper.current.functions.selectPage(...args);
 exports.selectPage = selectPage;
 const scrollByY = (...args) => _moduleWrapper.moduleWrapper.current.functions.scrollByY(...args);

package/dist/cjs/hooks/index.js

@@ -177,6 +177,18 @@ Object.defineProperty(exports, "useParameters", {
     return _useParameters.useParameters;
   }
 });
+Object.defineProperty(exports, "useSafeArea", {
+  enumerable: true,
+  get: function () {
+    return _useSafeArea.useSafeArea;
+  }
+});
+Object.defineProperty(exports, "useSafeAreaListener", {
+  enumerable: true,
+  get: function () {
+    return _useSafeArea.useSafeAreaListener;
+  }
+});
 Object.defineProperty(exports, "useScrollListener", {
   enumerable: true,
   get: function () {
@@ -249,6 +261,7 @@ var _useIsAdminMode = require("./useIsAdminMode");
 var _useUser = require("./useUser");
 var _useAccessToken = require("./useAccessToken");
 var _windowMetricsListener = require("./windowMetricsListener");
+var _useSafeArea = require("./useSafeArea");
 var _useDevice = require("./useDevice");
 var _useSite = require("./useSite");
 var _useParameters = require("./useParameters");

package/dist/cjs/hooks/useSafeArea.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSafeAreaListener = exports.useSafeArea = void 0;
+var _reactCompilerRuntime = require("react-compiler-runtime");
+var _react = require("react");
+var _IChaynsReact = require("../types/IChaynsReact");
+var _context = require("./context");
+const SAFE_AREA_SUPPORT_CONFIG = {
+  [_IChaynsReact.AppName.Team]: 1072,
+  [_IChaynsReact.AppName.CityApp]: 7250,
+  [_IChaynsReact.AppName.Chayns]: 7250,
+  [_IChaynsReact.AppName.Sidekick]: 2120,
+  [_IChaynsReact.AppName.TobitChat]: 2077
+};
+const isSafeAreaSupported = (os, app) => {
+  var _SAFE_AREA_SUPPORT_CO;
+  if (!os || !['iOS', 'Mac OS'].includes(os)) {
+    return false;
+  }
+  if (!app) {
+    return false;
+  }
+  const minVersion = (_SAFE_AREA_SUPPORT_CO = SAFE_AREA_SUPPORT_CONFIG[app.name]) !== null && _SAFE_AREA_SUPPORT_CO !== void 0 ? _SAFE_AREA_SUPPORT_CO : null;
+  if (minVersion === null) {
+    return false;
+  }
+  return app.appVersion >= minVersion;
+};
+const useSafeAreaListener = () => {
+  const addListener = (0, _context.useFunctionsSelector)(f => f.addAppleSafeAreaListener);
+  const removeListener = (0, _context.useFunctionsSelector)(f => f.removeAppleSafeAreaListener);
+  const promiseRef = (0, _react.useRef)();
+  return (0, _react.useCallback)(callback => {
+    promiseRef.current = addListener(callback);
+    return () => {
+      var _promiseRef$current;
+      void ((_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 ? void 0 : _promiseRef$current.then(removeListener));
+    };
+  }, []);
+};
+exports.useSafeAreaListener = useSafeAreaListener;
+const useSafeArea = t0 => {
+  const $ = (0, _reactCompilerRuntime.c)(11);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    enabled: t2
+  } = t1;
+  const enabled = t2 === undefined ? true : t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const [value, setValue] = (0, _react.useState)(t3);
+  const addListener = useSafeAreaListener();
+  const device = (0, _context.useValuesSelector)(_temp);
+  let t4;
+  if ($[3] !== device.app || $[4] !== device.os) {
+    t4 = isSafeAreaSupported(device.os, device.app);
+    $[3] = device.app;
+    $[4] = device.os;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const isSupported = t4;
+  let t5;
+  let t6;
+  if ($[6] !== addListener || $[7] !== enabled || $[8] !== isSupported) {
+    t5 = () => {
+      if (enabled && isSupported) {
+        return addListener(v_0 => {
+          setValue(v_0);
+        });
+      }
+    };
+    t6 = [enabled, isSupported, addListener];
+    $[6] = addListener;
+    $[7] = enabled;
+    $[8] = isSupported;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t5 = $[9];
+    t6 = $[10];
+  }
+  (0, _react.useEffect)(t5, t6);
+  return value;
+};
+exports.useSafeArea = useSafeArea;
+function _temp(v) {
+  return v.device;
+}

package/dist/cjs/wrapper/AppWrapper.js

@@ -22,6 +22,7 @@ class AppWrapper {
   values = null;
   history = null;
   accessToken = '';
+  latestAppleSafeArea = null;
   listeners = [];
   customFunctions = {};
   nextDialogEventId = 0;
@@ -287,6 +288,29 @@ class AppWrapper {
       }
       return id;
     },
+    addAppleSafeAreaListener: async callback => {
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListener.addApiListener)('appleSafeAreaListener', callback);
+      if (this.latestAppleSafeArea) {
+        callback(this.latestAppleSafeArea);
+      }
+      if (shouldInitialize) {
+        void this.appCall(300, {}, {
+          callback: v => {
+            this.latestAppleSafeArea = {
+              top: v.top,
+              left: v.left,
+              bottom: v.bottom,
+              right: v.right
+            };
+            (0, _apiListener.dispatchApiEvent)('appleSafeAreaListener', this.latestAppleSafeArea);
+          }
+        });
+      }
+      return id;
+    },
     customCallbackFunction: async () => {
       this.notImplemented('customCallbackFunction');
     },
@@ -330,6 +354,20 @@ class AppWrapper {
       pageWidth: window.innerWidth,
       topBarHeight: 0
     }),
+    getAppleSafeArea: async () => {
+      var _v$top, _v$left, _v$bottom, _v$right;
+      if (this.latestAppleSafeArea) {
+        return this.latestAppleSafeArea;
+      }
+      const v = await this.appCall(300, {});
+      this.latestAppleSafeArea = {
+        top: (_v$top = v === null || v === void 0 ? void 0 : v.top) !== null && _v$top !== void 0 ? _v$top : 0,
+        left: (_v$left = v === null || v === void 0 ? void 0 : v.left) !== null && _v$left !== void 0 ? _v$left : 0,
+        bottom: (_v$bottom = v === null || v === void 0 ? void 0 : v.bottom) !== null && _v$bottom !== void 0 ? _v$bottom : 0,
+        right: (_v$right = v === null || v === void 0 ? void 0 : v.right) !== null && _v$right !== void 0 ? _v$right : 0
+      };
+      return this.latestAppleSafeArea;
+    },
     invokeCall: async (value, callback) => {
       return this.appCall(value.action, value.value, {
         callback
@@ -462,6 +500,10 @@ class AppWrapper {
         this.resizeListener = null;
       }
     },
+    removeAppleSafeAreaListener: async id => {
+      const shouldRemove = (0, _apiListener.removeApiListener)('appleSafeAreaListener', id);
+      if (shouldRemove) {}
+    },
     selectPage: async options => {
       var _this$values, _this$values2;
       if ((_this$values = this.values) !== null && _this$values !== void 0 && (_this$values = _this$values.site) !== null && _this$values !== void 0 && _this$values.id && options.siteId && options.siteId !== ((_this$values2 = this.values) === null || _this$values2 === void 0 || (_this$values2 = _this$values2.site) === null || _this$values2 === void 0 ? void 0 : _this$values2.id)) {

package/dist/cjs/wrapper/FrameWrapper.js

@@ -53,6 +53,12 @@ class FrameWrapper {
         callback(result);
       }));
     },
+    addAppleSafeAreaListener: async callback => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.addAppleSafeAreaListener(comlink.proxy(result => {
+        callback(result);
+      }));
+    },
     customCallbackFunction: async (type, data) => {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.customCallbackFunction(type, data);
@@ -85,6 +91,10 @@ class FrameWrapper {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.getWindowMetrics();
     },
+    getAppleSafeArea: async () => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.getAppleSafeArea();
+    },
     invokeCall: async (value, callback) => {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.invokeCall(value, callback && comlink.proxy(result => callback(result)));
@@ -149,6 +159,10 @@ class FrameWrapper {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.removeWindowMetricsListener(id);
     },
+    removeAppleSafeAreaListener: async id => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.removeAppleSafeAreaListener(id);
+    },
     removeToolbarChangeListener: async id => {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.removeToolbarChangeListener(id);

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -9,6 +9,7 @@ var _rootLayer = require("../utils/history/rootLayer");
 var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
+var _normalizeFunctions = require("./normalizeFunctions");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class ModuleFederationWrapper {
   history = (0, _rootLayer.getOrInitRootChaynsHistoryLayer)().rootLayer;
@@ -16,6 +17,7 @@ class ModuleFederationWrapper {
   listeners = [];
   chaynsApiId = null;
   constructor(values, functions, customFunctions) {
+    const normalizedFunctions = (0, _normalizeFunctions.normalizeFunctions)(functions);
     this.values = values;
     this.functions = {};
     this.functions.addVisibilityChangeListener = async callback => (0, _visibilityChangeListener.addVisibilityChangeListener)(callback);
@@ -24,14 +26,14 @@ class ModuleFederationWrapper {
     this.functions.sendMessageToGroup = async (groupId, object) => (0, _sendMessage.sendMessageToGroup)(this, object, groupId);
     this.functions.sendMessageToPage = async object => (0, _sendMessage.sendMessageToPage)(this, object);
     this.functions.sendMessageToUser = async (userId, object) => (0, _sendMessage.sendMessageToUser)(this, object, userId);
-    Object.entries(functions).forEach(([k, fn]) => {
+    Object.entries(normalizedFunctions).forEach(([k, fn]) => {
       this.functions[k] = async (...args) => fn(...args);
     });
     if (customFunctions) {
       this.customFunctions = customFunctions;
     }
     this.functions.createDialog = config => {
-      return new _DialogHandler.default(config, functions.openDialog, functions.closeDialog, functions.dispatchEventToDialogClient, functions.addDialogClientEventListener);
+      return new _DialogHandler.default(config, normalizedFunctions.openDialog, normalizedFunctions.closeDialog, normalizedFunctions.dispatchEventToDialogClient, normalizedFunctions.addDialogClientEventListener);
     };
   }
   async init() {

package/dist/cjs/wrapper/SsrWrapper.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SsrWrapper = void 0;
+var _normalizeFunctions = require("./normalizeFunctions");
 class SsrWrapper {
   history = null;
   listeners = [];
@@ -11,7 +12,7 @@ class SsrWrapper {
   constructor(values, functions, customFunctions) {
     this.initialData = values;
     this.values = values;
-    this.functions = functions;
+    this.functions = (0, _normalizeFunctions.normalizeFunctions)(functions);
     this.customFunctions = customFunctions !== null && customFunctions !== void 0 ? customFunctions : {};
   }
   async init() {

package/dist/cjs/wrapper/normalizeFunctions.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeFunctions = void 0;
+const createAppleSafeAreaFunctions = functions => {
+  var _runtimeFunctions$add, _runtimeFunctions$rem;
+  const runtimeFunctions = functions;
+  const baseAddListener = (_runtimeFunctions$add = runtimeFunctions.addAppleSafeAreaListener) !== null && _runtimeFunctions$add !== void 0 ? _runtimeFunctions$add : callback => {
+    if (functions.invokeCall) {
+      void functions.invokeCall({
+        action: 300
+      }, callback);
+    }
+    return Promise.resolve(-1);
+  };
+  const baseRemoveListener = (_runtimeFunctions$rem = runtimeFunctions.removeAppleSafeAreaListener) !== null && _runtimeFunctions$rem !== void 0 ? _runtimeFunctions$rem : () => Promise.resolve();
+  let upstreamListenerId = null;
+  let hasLatestValue = false;
+  let latestValue = null;
+  let counter = 0;
+  const listeners = {};
+  const dispatch = value => {
+    latestValue = value;
+    hasLatestValue = true;
+    Object.values(listeners).forEach(listener => listener(value));
+  };
+  const addAppleSafeAreaListener = callback => {
+    const id = ++counter;
+    listeners[id] = callback;
+    if (hasLatestValue && latestValue) {
+      callback(latestValue);
+    }
+    if (!upstreamListenerId) {
+      upstreamListenerId = baseAddListener(result => {
+        dispatch(result);
+      });
+    }
+    return Promise.resolve(id);
+  };
+  const removeAppleSafeAreaListener = id => {
+    delete listeners[id];
+    if (Object.keys(listeners).length === 0 && upstreamListenerId) {
+      void upstreamListenerId.then(listenerId => baseRemoveListener(listenerId));
+      upstreamListenerId = null;
+    }
+    return Promise.resolve();
+  };
+  const baseGetSafeArea = runtimeFunctions.getAppleSafeArea;
+  const getAppleSafeArea = async () => {
+    if (hasLatestValue && latestValue) {
+      return latestValue;
+    }
+    if (baseGetSafeArea) {
+      const result = await baseGetSafeArea();
+      dispatch(result);
+      return result;
+    }
+    const fallback = {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    };
+    return fallback;
+  };
+  return {
+    addAppleSafeAreaListener,
+    removeAppleSafeAreaListener,
+    getAppleSafeArea
+  };
+};
+const normalizeFunctions = functions => {
+  var _runtimeFunctions$add2, _runtimeFunctions$rem2, _runtimeFunctions$get;
+  const runtimeFunctions = functions;
+  if (runtimeFunctions.addAppleSafeAreaListener && runtimeFunctions.removeAppleSafeAreaListener && runtimeFunctions.getAppleSafeArea) {
+    return functions;
+  }
+  const safeAreaFunctions = createAppleSafeAreaFunctions(functions);
+  return {
+    ...functions,
+    addAppleSafeAreaListener: (_runtimeFunctions$add2 = runtimeFunctions.addAppleSafeAreaListener) !== null && _runtimeFunctions$add2 !== void 0 ? _runtimeFunctions$add2 : safeAreaFunctions.addAppleSafeAreaListener,
+    removeAppleSafeAreaListener: (_runtimeFunctions$rem2 = runtimeFunctions.removeAppleSafeAreaListener) !== null && _runtimeFunctions$rem2 !== void 0 ? _runtimeFunctions$rem2 : safeAreaFunctions.removeAppleSafeAreaListener,
+    getAppleSafeArea: (_runtimeFunctions$get = runtimeFunctions.getAppleSafeArea) !== null && _runtimeFunctions$get !== void 0 ? _runtimeFunctions$get : safeAreaFunctions.getAppleSafeArea
+  };
+};
+exports.normalizeFunctions = normalizeFunctions;

package/dist/esm/calls/appleSafeAreaListener.js

@@ -0,0 +1,8 @@
+import { invokeCall } from './index';
+export const addAppleSafeAreaListener = ({
+  callback
+}) => {
+  void invokeCall({
+    action: 300
+  }, callback);
+};

package/dist/esm/calls/index.js

@@ -6,6 +6,7 @@ export const addVisibilityChangeListener = (...args) => moduleWrapper.current.fu
 export const addToolbarChangeListener = (...args) => moduleWrapper.current.functions.addToolbarChangeListener(...args);
 export const addAccessTokenChangeListener = (...args) => moduleWrapper.current.functions.addAccessTokenChangeListener(...args);
 export const addWindowMetricsListener = (...args) => moduleWrapper.current.functions.addWindowMetricsListener(...args);
+export const addAppleSafeAreaListener = (...args) => moduleWrapper.current.functions.addAppleSafeAreaListener(...args);
 export const customCallbackFunction = (...args) => moduleWrapper.current.functions.customCallbackFunction(...args);
 export const getAccessToken = (...args) => moduleWrapper.current.functions.getAccessToken(...args);
 export const getAvailableSharingServices = (...args) => moduleWrapper.current.functions.getAvailableSharingServices(...args);
@@ -14,6 +15,7 @@ export const getGeoLocation = (...args) => moduleWrapper.current.functions.getGe
 export const getUserInfo = (...args) => moduleWrapper.current.functions.getUserInfo(...args);
 export const getScrollPosition = (...args) => moduleWrapper.current.functions.getScrollPosition(...args);
 export const getWindowMetrics = (...args) => moduleWrapper.current.functions.getWindowMetrics(...args);
+export const getSafeArea = (...args) => moduleWrapper.current.functions.getAppleSafeArea(...args);
 export const invokeCall = (...args) => moduleWrapper.current.functions.invokeCall(...args);
 export const invokePaymentCall = (...args) => moduleWrapper.current.functions.invokePaymentCall(...args);
 export const invokeDialogCall = (...args) => moduleWrapper.current.functions.invokeDialogCall(...args);
@@ -32,6 +34,7 @@ export const removeAccessTokenChangeListener = (...args) => moduleWrapper.curren
 export const removeScrollListener = (...args) => moduleWrapper.current.functions.removeScrollListener(...args);
 export const removeVisibilityChangeListener = (...args) => moduleWrapper.current.functions.removeVisibilityChangeListener(...args);
 export const removeWindowMetricsListener = (...args) => moduleWrapper.current.functions.removeWindowMetricsListener(...args);
+export const removeAppleSafeAreaListener = (...args) => moduleWrapper.current.functions.removeAppleSafeAreaListener(...args);
 export const selectPage = (...args) => moduleWrapper.current.functions.selectPage(...args);
 export const scrollByY = (...args) => moduleWrapper.current.functions.scrollByY(...args);
 export const scrollToY = (...args) => moduleWrapper.current.functions.scrollToY(...args);

package/dist/esm/hooks/index.js

@@ -4,6 +4,7 @@ export { useIsAdminMode } from './useIsAdminMode';
 export { useUser } from './useUser';
 export { useAccessToken } from './useAccessToken';
 export { useWindowMetrics, useWindowMetricsListener } from './windowMetricsListener';
+export { useSafeArea, useSafeAreaListener } from './useSafeArea';
 export { useDevice } from './useDevice';
 export { useSite } from './useSite';
 export { useParameters } from './useParameters';

package/dist/esm/hooks/useSafeArea.js

@@ -0,0 +1,102 @@
+import { c as _c } from "react-compiler-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { AppName } from '../types/IChaynsReact';
+import { useFunctionsSelector, useValuesSelector } from './context';
+const SAFE_AREA_SUPPORT_CONFIG = {
+  [AppName.Team]: 1072,
+  [AppName.CityApp]: 7250,
+  [AppName.Chayns]: 7250,
+  [AppName.Sidekick]: 2120,
+  [AppName.TobitChat]: 2077
+};
+const isSafeAreaSupported = (os, app) => {
+  var _SAFE_AREA_SUPPORT_CO;
+  if (!os || !['iOS', 'Mac OS'].includes(os)) {
+    return false;
+  }
+  if (!app) {
+    return false;
+  }
+  const minVersion = (_SAFE_AREA_SUPPORT_CO = SAFE_AREA_SUPPORT_CONFIG[app.name]) !== null && _SAFE_AREA_SUPPORT_CO !== void 0 ? _SAFE_AREA_SUPPORT_CO : null;
+  if (minVersion === null) {
+    return false;
+  }
+  return app.appVersion >= minVersion;
+};
+export const useSafeAreaListener = () => {
+  const addListener = useFunctionsSelector(f => f.addAppleSafeAreaListener);
+  const removeListener = useFunctionsSelector(f => f.removeAppleSafeAreaListener);
+  const promiseRef = useRef();
+  return useCallback(callback => {
+    promiseRef.current = addListener(callback);
+    return () => {
+      var _promiseRef$current;
+      void ((_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 ? void 0 : _promiseRef$current.then(removeListener));
+    };
+  }, []);
+};
+export const useSafeArea = t0 => {
+  const $ = _c(11);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    enabled: t2
+  } = t1;
+  const enabled = t2 === undefined ? true : t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    };
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const [value, setValue] = useState(t3);
+  const addListener = useSafeAreaListener();
+  const device = useValuesSelector(_temp);
+  let t4;
+  if ($[3] !== device.app || $[4] !== device.os) {
+    t4 = isSafeAreaSupported(device.os, device.app);
+    $[3] = device.app;
+    $[4] = device.os;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const isSupported = t4;
+  let t5;
+  let t6;
+  if ($[6] !== addListener || $[7] !== enabled || $[8] !== isSupported) {
+    t5 = () => {
+      if (enabled && isSupported) {
+        return addListener(v_0 => {
+          setValue(v_0);
+        });
+      }
+    };
+    t6 = [enabled, isSupported, addListener];
+    $[6] = addListener;
+    $[7] = enabled;
+    $[8] = isSupported;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t5 = $[9];
+    t6 = $[10];
+  }
+  useEffect(t5, t6);
+  return value;
+};
+function _temp(v) {
+  return v.device;
+}

package/dist/esm/wrapper/AppWrapper.js

@@ -148,6 +148,7 @@ export class AppWrapper {
     _defineProperty(this, "values", null);
     _defineProperty(this, "history", null);
     _defineProperty(this, "accessToken", '');
+    _defineProperty(this, "latestAppleSafeArea", null);
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "customFunctions", {});
     _defineProperty(this, "nextDialogEventId", 0);
@@ -250,6 +251,29 @@ export class AppWrapper {
         }
         return id;
       },
+      addAppleSafeAreaListener: async callback => {
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('appleSafeAreaListener', callback);
+        if (this.latestAppleSafeArea) {
+          callback(this.latestAppleSafeArea);
+        }
+        if (shouldInitialize) {
+          void this.appCall(300, {}, {
+            callback: v => {
+              this.latestAppleSafeArea = {
+                top: v.top,
+                left: v.left,
+                bottom: v.bottom,
+                right: v.right
+              };
+              dispatchApiEvent('appleSafeAreaListener', this.latestAppleSafeArea);
+            }
+          });
+        }
+        return id;
+      },
       customCallbackFunction: async () => {
         this.notImplemented('customCallbackFunction');
       },
@@ -293,6 +317,20 @@ export class AppWrapper {
         pageWidth: window.innerWidth,
         topBarHeight: 0
       }),
+      getAppleSafeArea: async () => {
+        var _v$top, _v$left, _v$bottom, _v$right;
+        if (this.latestAppleSafeArea) {
+          return this.latestAppleSafeArea;
+        }
+        const v = await this.appCall(300, {});
+        this.latestAppleSafeArea = {
+          top: (_v$top = v === null || v === void 0 ? void 0 : v.top) !== null && _v$top !== void 0 ? _v$top : 0,
+          left: (_v$left = v === null || v === void 0 ? void 0 : v.left) !== null && _v$left !== void 0 ? _v$left : 0,
+          bottom: (_v$bottom = v === null || v === void 0 ? void 0 : v.bottom) !== null && _v$bottom !== void 0 ? _v$bottom : 0,
+          right: (_v$right = v === null || v === void 0 ? void 0 : v.right) !== null && _v$right !== void 0 ? _v$right : 0
+        };
+        return this.latestAppleSafeArea;
+      },
       invokeCall: async (value, callback) => {
         return this.appCall(value.action, value.value, {
           callback
@@ -425,6 +463,10 @@ export class AppWrapper {
           this.resizeListener = null;
         }
       },
+      removeAppleSafeAreaListener: async id => {
+        const shouldRemove = removeApiListener('appleSafeAreaListener', id);
+        if (shouldRemove) {}
+      },
       selectPage: async options => {
         var _this$values, _this$values2;
         if ((_this$values = this.values) !== null && _this$values !== void 0 && (_this$values = _this$values.site) !== null && _this$values !== void 0 && _this$values.id && options.siteId && options.siteId !== ((_this$values2 = this.values) === null || _this$values2 === void 0 || (_this$values2 = _this$values2.site) === null || _this$values2 === void 0 ? void 0 : _this$values2.id)) {

package/dist/esm/wrapper/FrameWrapper.js

@@ -49,6 +49,12 @@ export class FrameWrapper {
           callback(result);
         }));
       },
+      addAppleSafeAreaListener: async callback => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.addAppleSafeAreaListener(comlink.proxy(result => {
+          callback(result);
+        }));
+      },
       customCallbackFunction: async (type, data) => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.customCallbackFunction(type, data);
@@ -81,6 +87,10 @@ export class FrameWrapper {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.getWindowMetrics();
       },
+      getAppleSafeArea: async () => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.getAppleSafeArea();
+      },
       invokeCall: async (value, callback) => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.invokeCall(value, callback && comlink.proxy(result => callback(result)));
@@ -145,6 +155,10 @@ export class FrameWrapper {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.removeWindowMetricsListener(id);
       },
+      removeAppleSafeAreaListener: async id => {
+        if (!this.initialized) await this.ready;
+        return this.exposedFunctions.removeAppleSafeAreaListener(id);
+      },
       removeToolbarChangeListener: async id => {
         if (!this.initialized) await this.ready;
         return this.exposedFunctions.removeToolbarChangeListener(id);

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -6,6 +6,7 @@ import { getOrInitRootChaynsHistoryLayer } from '../utils/history/rootLayer';
 import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';
 import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
+import { normalizeFunctions } from './normalizeFunctions';
 export class ModuleFederationWrapper {
   constructor(values, functions, customFunctions) {
     _defineProperty(this, "values", void 0);
@@ -23,6 +24,7 @@ export class ModuleFederationWrapper {
     _defineProperty(this, "emitChange", () => {
       this.listeners.forEach(l => l());
     });
+    const normalizedFunctions = normalizeFunctions(functions);
     this.values = values;
     this.functions = {};
     this.functions.addVisibilityChangeListener = async callback => addVisibilityChangeListener(callback);
@@ -31,14 +33,14 @@ export class ModuleFederationWrapper {
     this.functions.sendMessageToGroup = async (groupId, object) => sendMessageToGroup(this, object, groupId);
     this.functions.sendMessageToPage = async object => sendMessageToPage(this, object);
     this.functions.sendMessageToUser = async (userId, object) => sendMessageToUser(this, object, userId);
-    Object.entries(functions).forEach(([k, fn]) => {
+    Object.entries(normalizedFunctions).forEach(([k, fn]) => {
       this.functions[k] = async (...args) => fn(...args);
     });
     if (customFunctions) {
       this.customFunctions = customFunctions;
     }
     this.functions.createDialog = config => {
-      return new DialogHandler(config, functions.openDialog, functions.closeDialog, functions.dispatchEventToDialogClient, functions.addDialogClientEventListener);
+      return new DialogHandler(config, normalizedFunctions.openDialog, normalizedFunctions.closeDialog, normalizedFunctions.dispatchEventToDialogClient, normalizedFunctions.addDialogClientEventListener);
     };
   }
   async init() {

package/dist/esm/wrapper/SsrWrapper.js

@@ -1,6 +1,7 @@
 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 _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 { normalizeFunctions } from './normalizeFunctions';
 export class SsrWrapper {
   constructor(values, functions, customFunctions) {
     _defineProperty(this, "initialData", void 0);
@@ -21,7 +22,7 @@ export class SsrWrapper {
     });
     this.initialData = values;
     this.values = values;
-    this.functions = functions;
+    this.functions = normalizeFunctions(functions);
     this.customFunctions = customFunctions !== null && customFunctions !== void 0 ? customFunctions : {};
   }
   async init() {

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -15,6 +15,7 @@ class StaticChaynsApi {
     _defineProperty(this, "addVisibilityChangeListener", void 0);
     _defineProperty(this, "addToolbarChangeListener", void 0);
     _defineProperty(this, "addWindowMetricsListener", void 0);
+    _defineProperty(this, "addAppleSafeAreaListener", void 0);
     _defineProperty(this, "customCallbackFunction", void 0);
     _defineProperty(this, "getAvailableSharingServices", void 0);
     _defineProperty(this, "getAccessToken", void 0);
@@ -23,6 +24,7 @@ class StaticChaynsApi {
     _defineProperty(this, "getUserInfo", void 0);
     _defineProperty(this, "getScrollPosition", void 0);
     _defineProperty(this, "getWindowMetrics", void 0);
+    _defineProperty(this, "getAppleSafeArea", void 0);
     _defineProperty(this, "invokeCall", void 0);
     _defineProperty(this, "invokePaymentCall", void 0);
     _defineProperty(this, "invokeDialogCall", void 0);
@@ -40,6 +42,7 @@ class StaticChaynsApi {
     _defineProperty(this, "removeVisibilityChangeListener", void 0);
     _defineProperty(this, "removeToolbarChangeListener", void 0);
     _defineProperty(this, "removeWindowMetricsListener", void 0);
+    _defineProperty(this, "removeAppleSafeAreaListener", void 0);
     _defineProperty(this, "selectPage", void 0);
     _defineProperty(this, "scrollToY", void 0);
     _defineProperty(this, "sendMessageToGroup", void 0);

package/dist/esm/wrapper/normalizeFunctions.js

@@ -0,0 +1,81 @@
+const createAppleSafeAreaFunctions = functions => {
+  var _runtimeFunctions$add, _runtimeFunctions$rem;
+  const runtimeFunctions = functions;
+  const baseAddListener = (_runtimeFunctions$add = runtimeFunctions.addAppleSafeAreaListener) !== null && _runtimeFunctions$add !== void 0 ? _runtimeFunctions$add : callback => {
+    if (functions.invokeCall) {
+      void functions.invokeCall({
+        action: 300
+      }, callback);
+    }
+    return Promise.resolve(-1);
+  };
+  const baseRemoveListener = (_runtimeFunctions$rem = runtimeFunctions.removeAppleSafeAreaListener) !== null && _runtimeFunctions$rem !== void 0 ? _runtimeFunctions$rem : () => Promise.resolve();
+  let upstreamListenerId = null;
+  let hasLatestValue = false;
+  let latestValue = null;
+  let counter = 0;
+  const listeners = {};
+  const dispatch = value => {
+    latestValue = value;
+    hasLatestValue = true;
+    Object.values(listeners).forEach(listener => listener(value));
+  };
+  const addAppleSafeAreaListener = callback => {
+    const id = ++counter;
+    listeners[id] = callback;
+    if (hasLatestValue && latestValue) {
+      callback(latestValue);
+    }
+    if (!upstreamListenerId) {
+      upstreamListenerId = baseAddListener(result => {
+        dispatch(result);
+      });
+    }
+    return Promise.resolve(id);
+  };
+  const removeAppleSafeAreaListener = id => {
+    delete listeners[id];
+    if (Object.keys(listeners).length === 0 && upstreamListenerId) {
+      void upstreamListenerId.then(listenerId => baseRemoveListener(listenerId));
+      upstreamListenerId = null;
+    }
+    return Promise.resolve();
+  };
+  const baseGetSafeArea = runtimeFunctions.getAppleSafeArea;
+  const getAppleSafeArea = async () => {
+    if (hasLatestValue && latestValue) {
+      return latestValue;
+    }
+    if (baseGetSafeArea) {
+      const result = await baseGetSafeArea();
+      dispatch(result);
+      return result;
+    }
+    const fallback = {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    };
+    return fallback;
+  };
+  return {
+    addAppleSafeAreaListener,
+    removeAppleSafeAreaListener,
+    getAppleSafeArea
+  };
+};
+export const normalizeFunctions = functions => {
+  var _runtimeFunctions$add2, _runtimeFunctions$rem2, _runtimeFunctions$get;
+  const runtimeFunctions = functions;
+  if (runtimeFunctions.addAppleSafeAreaListener && runtimeFunctions.removeAppleSafeAreaListener && runtimeFunctions.getAppleSafeArea) {
+    return functions;
+  }
+  const safeAreaFunctions = createAppleSafeAreaFunctions(functions);
+  return {
+    ...functions,
+    addAppleSafeAreaListener: (_runtimeFunctions$add2 = runtimeFunctions.addAppleSafeAreaListener) !== null && _runtimeFunctions$add2 !== void 0 ? _runtimeFunctions$add2 : safeAreaFunctions.addAppleSafeAreaListener,
+    removeAppleSafeAreaListener: (_runtimeFunctions$rem2 = runtimeFunctions.removeAppleSafeAreaListener) !== null && _runtimeFunctions$rem2 !== void 0 ? _runtimeFunctions$rem2 : safeAreaFunctions.removeAppleSafeAreaListener,
+    getAppleSafeArea: (_runtimeFunctions$get = runtimeFunctions.getAppleSafeArea) !== null && _runtimeFunctions$get !== void 0 ? _runtimeFunctions$get : safeAreaFunctions.getAppleSafeArea
+  };
+};

package/dist/types/calls/appleSafeAreaListener.d.ts

@@ -0,0 +1,11 @@
+import { AppleSafeArea } from '../types/IChaynsReact';
+export interface AddAppleSafeAreaListenerOptions {
+    callback: (safeArea: AppleSafeArea) => void;
+}
+/**
+ * Directly invokes the Apple Safe Area listener call.
+ * This is used internally by the module wrapper.
+ *
+ * @internal
+ */
+export declare const addAppleSafeAreaListener: ({ callback }: AddAppleSafeAreaListenerOptions) => void;

package/dist/types/calls/index.d.ts

@@ -28,7 +28,12 @@ export declare const addAccessTokenChangeListener: (...args: Parameters<ChaynsRe
  * This adds a listener to get the actual height of the page.
  * @category Event listener
  */
-export declare const addWindowMetricsListener: (...args: Parameters<ChaynsReactFunctions["addWindowMetricsListener"]>) => Promise<number>; /**
+export declare const addWindowMetricsListener: (...args: Parameters<ChaynsReactFunctions["addWindowMetricsListener"]>) => Promise<number>;
+/**
+ * This adds a listener to get the safe area insets on iOS.
+ * @category Event listener
+ */
+export declare const addAppleSafeAreaListener: (...args: Parameters<ChaynsReactFunctions["addAppleSafeAreaListener"]>) => Promise<number>; /**
  * Allows a custom callback function to be defined. Prefer usage via useCustomCallbackFunction when possible
  * @deprecated Use customFunction/useCustomFunction-interface instead if possible
  */
@@ -62,6 +67,12 @@ export declare const getScrollPosition: (...args: Parameters<ChaynsReactFunction
  * Returns the window metrics.
  */
 export declare const getWindowMetrics: (...args: Parameters<ChaynsReactFunctions["getWindowMetrics"]>) => Promise<import("../types/IChaynsReact").WindowMetricsListenerResult>;
+/**
+ * Returns the current safe area insets on iOS. Can be used outside of a React context
+ * (e.g. inside a redux action, thunk or service), as long as the ChaynsProvider has been
+ * mounted once.
+ */
+export declare const getSafeArea: (...args: Parameters<ChaynsReactFunctions["getAppleSafeArea"]>) => Promise<import("../types/IChaynsReact").AppleSafeArea>;
 /** @internal */
 export declare const invokeCall: (...args: Parameters<ChaynsReactFunctions["invokeCall"]>) => Promise<any>;
 /** @internal */
@@ -134,6 +145,11 @@ export declare const removeVisibilityChangeListener: (...args: Parameters<Chayns
  * @category Event listener
  */
 export declare const removeWindowMetricsListener: (...args: Parameters<ChaynsReactFunctions["removeWindowMetricsListener"]>) => Promise<void>;
+/**
+ * Removes safe area listener.
+ * @category Event listener
+ */
+export declare const removeAppleSafeAreaListener: (...args: Parameters<ChaynsReactFunctions["removeAppleSafeAreaListener"]>) => Promise<void>;
 /**
  * Select other page on chayns site.
  */

package/dist/types/hooks/index.d.ts

@@ -4,6 +4,7 @@ export { useIsAdminMode } from './useIsAdminMode';
 export { useUser } from './useUser';
 export { useAccessToken } from './useAccessToken';
 export { useWindowMetrics, useWindowMetricsListener } from './windowMetricsListener';
+export { useSafeArea, useSafeAreaListener } from './useSafeArea';
 export { useDevice } from './useDevice';
 export { useSite } from './useSite';
 export { useParameters } from './useParameters';

package/dist/types/hooks/useSafeArea.d.ts

@@ -0,0 +1,11 @@
+import { AppleSafeArea } from '../types/IChaynsReact';
+/**
+ * @category Hooks
+ */
+export declare const useSafeAreaListener: () => (callback: (result: AppleSafeArea) => void) => () => void;
+/**
+ * @category Hooks
+ */
+export declare const useSafeArea: ({ enabled }?: {
+    enabled?: boolean | undefined;
+}) => AppleSafeArea;

package/dist/types/types/IChaynsReact.d.ts

@@ -376,6 +376,7 @@ export interface ChaynsReactFunctions {
     addVisibilityChangeListener: (callback: (result: VisibilityChangeListenerResult) => void) => Promise<number>;
     addToolbarChangeListener: (callback: (result: ToolbarChangeListenerResult) => void) => Promise<number>;
     addWindowMetricsListener: (callback: (result: WindowMetricsListenerResult) => void) => Promise<number>;
+    addAppleSafeAreaListener: (callback: (result: AppleSafeArea) => void) => Promise<number>;
     customCallbackFunction: (type: string, data: unknown) => Promise<unknown>;
     getAvailableSharingServices: () => Promise<AvailableSharingServices>;
     getAccessToken: (value?: AccessToken) => Promise<AccessTokenResult>;
@@ -389,6 +390,7 @@ export interface ChaynsReactFunctions {
     getUserInfo: (value: UserInfoQuery) => Promise<UserInfo | null>;
     getScrollPosition: () => Promise<ScrollListenerResult>;
     getWindowMetrics: () => Promise<WindowMetricsListenerResult>;
+    getAppleSafeArea: () => Promise<AppleSafeArea>;
     invokeCall: (value: InvokeCall, callback?: (result: any) => void) => Promise<any>;
     invokePaymentCall: <T>(value: InvokeCall, callback?: (result: T) => void) => Promise<T>;
     invokeDialogCall: (value: InvokeCall, callback?: (result: any) => void) => Promise<any>;
@@ -406,6 +408,7 @@ export interface ChaynsReactFunctions {
     removeVisibilityChangeListener: (value: number) => Promise<void>;
     removeToolbarChangeListener: (value: number) => Promise<void>;
     removeWindowMetricsListener: (value: number) => Promise<void>;
+    removeAppleSafeAreaListener: (value: number) => Promise<void>;
     selectPage: (value: SelectPage) => Promise<void>;
     scrollToY: (position: number, duration: number) => Promise<void>;
     sendMessageToGroup: (groupId: number, message: IntercomMessage) => Promise<Response>;
@@ -1053,6 +1056,12 @@ export declare enum DialogIconType {
 export type AnonymousAccountResult = {
     token: string;
 };
+export interface AppleSafeArea {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
 export type PageMainGroupType = {
     Id: 1;
     Administration: 2;

package/dist/types/wrapper/AppWrapper.d.ts

@@ -3,6 +3,7 @@ export declare class AppWrapper implements IChaynsReact {
     values: ChaynsReactValues;
     history: IChaynsReact['history'];
     accessToken: string;
+    latestAppleSafeArea: null;
     listeners: (() => void)[];
     customFunctions: {};
     nextDialogEventId: number;

package/dist/types/wrapper/StaticChaynsApi.d.ts

@@ -5,6 +5,7 @@ declare class StaticChaynsApi implements ChaynsReactFunctions {
     addVisibilityChangeListener: ChaynsReactFunctions['addVisibilityChangeListener'];
     addToolbarChangeListener: ChaynsReactFunctions['addToolbarChangeListener'];
     addWindowMetricsListener: ChaynsReactFunctions['addWindowMetricsListener'];
+    addAppleSafeAreaListener: ChaynsReactFunctions['addAppleSafeAreaListener'];
     customCallbackFunction: ChaynsReactFunctions['customCallbackFunction'];
     getAvailableSharingServices: ChaynsReactFunctions['getAvailableSharingServices'];
     getAccessToken: ChaynsReactFunctions['getAccessToken'];
@@ -13,6 +14,7 @@ declare class StaticChaynsApi implements ChaynsReactFunctions {
     getUserInfo: ChaynsReactFunctions['getUserInfo'];
     getScrollPosition: ChaynsReactFunctions['getScrollPosition'];
     getWindowMetrics: ChaynsReactFunctions['getWindowMetrics'];
+    getAppleSafeArea: ChaynsReactFunctions['getAppleSafeArea'];
     invokeCall: ChaynsReactFunctions['invokeCall'];
     invokePaymentCall: ChaynsReactFunctions['invokePaymentCall'];
     invokeDialogCall: ChaynsReactFunctions['invokeDialogCall'];
@@ -30,6 +32,7 @@ declare class StaticChaynsApi implements ChaynsReactFunctions {
     removeVisibilityChangeListener: ChaynsReactFunctions['removeVisibilityChangeListener'];
     removeToolbarChangeListener: ChaynsReactFunctions['removeToolbarChangeListener'];
     removeWindowMetricsListener: ChaynsReactFunctions['removeWindowMetricsListener'];
+    removeAppleSafeAreaListener: ChaynsReactFunctions['removeAppleSafeAreaListener'];
     selectPage: ChaynsReactFunctions['selectPage'];
     scrollToY: ChaynsReactFunctions['scrollToY'];
     sendMessageToGroup: ChaynsReactFunctions['sendMessageToGroup'];

package/dist/types/wrapper/normalizeFunctions.d.ts

@@ -0,0 +1,2 @@
+import { ChaynsReactFunctions } from '../types/IChaynsReact';
+export declare const normalizeFunctions: (functions: ChaynsReactFunctions) => ChaynsReactFunctions;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "3.1.7",
+    "version": "3.2.0-beta.1",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",