chayns-api 3.1.6 → 3.2.0-beta.0

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.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);
@@ -70,6 +72,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 () {
@@ -225,6 +237,12 @@ Object.defineProperty(exports, "useValues", {
     return _useValues.useValues;
   }
 });
+Object.defineProperty(exports, "useValuesWithOverrides", {
+  enumerable: true,
+  get: function () {
+    return _useValuesWithOverrides.useValuesWithOverrides;
+  }
+});
 Object.defineProperty(exports, "useWindowMetrics", {
   enumerable: true,
   get: function () {
@@ -243,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");
@@ -258,4 +277,5 @@ var _useCustomCallbackFunction = require("./useCustomCallbackFunction");
 var _useCustomFunction = require("./useCustomFunction");
 var _useStyleSettings = require("./useStyleSettings");
 var _useChaynsApiId = require("./useChaynsApiId");
-var _history = require("./history");
+var _history = require("./history");
+var _useValuesWithOverrides = require("./useValuesWithOverrides");

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/hooks/useValuesWithOverrides.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValuesWithOverrides = void 0;
+var _reactCompilerRuntime = require("react-compiler-runtime");
+var _react = require("react");
+var _useValues = require("./useValues");
+const useValuesWithOverrides = overrideFactory => {
+  const $ = (0, _reactCompilerRuntime.c)(6);
+  const base = (0, _useValues.useValues)();
+  let t0;
+  if ($[0] !== base || $[1] !== overrideFactory) {
+    t0 = overrideFactory(base);
+    $[0] = base;
+    $[1] = overrideFactory;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const overrides = t0;
+  let t1;
+  if ($[3] !== base || $[4] !== overrides) {
+    t1 = {
+      ...base,
+      ...overrides
+    };
+    $[3] = base;
+    $[4] = overrides;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+exports.useValuesWithOverrides = useValuesWithOverrides;

package/dist/cjs/types/IChaynsReact.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectType = exports.WeekDayType = exports.ToastType = exports.TappEvent = exports.SnapshotType = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.MediaType = exports.LoginState = exports.Language = exports.IconType = exports.IconStyle = exports.IOSFeedbackVibration = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.FloatingButtonAnimation = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DesignSettingsUpdateTappViewModes = exports.DesignSettingsUpdateSeasonTypes = exports.DesignSettingsUpdateGalleryAnimationTypes = exports.DesignSettingsUpdateCoverTypes = exports.DesignSettingsUpdateBackgroundType = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AppFlavor = exports.AccessMode = void 0;
+exports.selectType = exports.WeekDayType = exports.ToastType = exports.TappEvent = exports.SnapshotType = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnvironment = exports.RuntimeEnviroment = exports.MediaType = exports.LoginState = exports.Language = exports.IconType = exports.IconStyle = exports.IOSFeedbackVibration = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.FloatingButtonAnimation = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DesignSettingsUpdateTappViewModes = exports.DesignSettingsUpdateSeasonTypes = exports.DesignSettingsUpdateGalleryAnimationTypes = exports.DesignSettingsUpdateCoverTypes = exports.DesignSettingsUpdateBackgroundType = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AppFlavor = exports.AccessMode = void 0;
 let DateType = exports.DateType = function (DateType) {
   DateType[DateType["DATE"] = 0] = "DATE";
   DateType[DateType["TIME"] = 1] = "TIME";
@@ -223,17 +223,19 @@ let Language = exports.Language = function (Language) {
   Language["Ukrainian"] = "uk";
   return Language;
 }({});
-let RuntimeEnviroment = exports.RuntimeEnviroment = function (RuntimeEnviroment) {
-  RuntimeEnviroment[RuntimeEnviroment["Unknown"] = 0] = "Unknown";
-  RuntimeEnviroment[RuntimeEnviroment["ChaynsDe"] = 1] = "ChaynsDe";
-  RuntimeEnviroment[RuntimeEnviroment["ChaynsWeb"] = 2] = "ChaynsWeb";
-  RuntimeEnviroment[RuntimeEnviroment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
-  RuntimeEnviroment[RuntimeEnviroment["IntercomPlugin"] = 4] = "IntercomPlugin";
-  RuntimeEnviroment[RuntimeEnviroment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
-  RuntimeEnviroment[RuntimeEnviroment["Dialog"] = 6] = "Dialog";
-  RuntimeEnviroment[RuntimeEnviroment["App"] = 7] = "App";
-  return RuntimeEnviroment;
-}({});
+let RuntimeEnvironment = exports.RuntimeEnvironment = function (RuntimeEnvironment) {
+  RuntimeEnvironment[RuntimeEnvironment["Unknown"] = 0] = "Unknown";
+  RuntimeEnvironment[RuntimeEnvironment["ChaynsDe"] = 1] = "ChaynsDe";
+  RuntimeEnvironment[RuntimeEnvironment["ChaynsWeb"] = 2] = "ChaynsWeb";
+  RuntimeEnvironment[RuntimeEnvironment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
+  RuntimeEnvironment[RuntimeEnvironment["IntercomPlugin"] = 4] = "IntercomPlugin";
+  RuntimeEnvironment[RuntimeEnvironment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
+  RuntimeEnvironment[RuntimeEnvironment["Dialog"] = 6] = "Dialog";
+  RuntimeEnvironment[RuntimeEnvironment["App"] = 7] = "App";
+  RuntimeEnvironment[RuntimeEnvironment["RemotePlugin"] = 8] = "RemotePlugin";
+  return RuntimeEnvironment;
+}({});
+const RuntimeEnviroment = exports.RuntimeEnviroment = RuntimeEnvironment;
 let DeviceOs = exports.DeviceOs = function (DeviceOs) {
   DeviceOs["Unknown"] = "unknown";
   DeviceOs["Android"] = "android";

package/dist/cjs/wrapper/AppWrapper.js

@@ -22,6 +22,7 @@ class AppWrapper {
   values = null;
   history = null;
   accessToken = '';
+  latestAppleSafeArea = null;
   listeners = [];
   customFunctions = {};
   nextDialogEventId = 0;
@@ -91,7 +92,7 @@ class AppWrapper {
       }),
       environment: {
         buildEnvironment: _IChaynsReact.Environment.Production,
-        runtimeEnvironment: _IChaynsReact.RuntimeEnviroment.App
+        runtimeEnvironment: _IChaynsReact.RuntimeEnvironment.App
       },
       language: {
         site: AppInfo.Language || 'de',
@@ -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');
     },
@@ -462,6 +486,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);
@@ -149,6 +155,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,68 @@
+"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();
+  };
+  return {
+    addAppleSafeAreaListener,
+    removeAppleSafeAreaListener
+  };
+};
+const normalizeFunctions = functions => {
+  var _runtimeFunctions$add2, _runtimeFunctions$rem2;
+  const runtimeFunctions = functions;
+  if (runtimeFunctions.addAppleSafeAreaListener && runtimeFunctions.removeAppleSafeAreaListener) {
+    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
+  };
+};
+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);
@@ -32,6 +33,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';
@@ -19,4 +20,5 @@ export { useCustomCallbackFunction } from './useCustomCallbackFunction';
 export { useCustomFunction } from './useCustomFunction';
 export { useStyleSettings } from './useStyleSettings';
 export { useChaynsApiId } from './useChaynsApiId';
-export { useChaynsHistoryLayer, useChaynsHistoryRoute, useChaynsHistoryParams, useChaynsHistoryHash, useChaynsHistoryState, useChaynsHistoryNavigate, useChaynsHistoryBlock, useChaynsHistoryEvent, useChaynsHistoryChildLayer, useChaynsHistoryActiveChild } from './history';
+export { useChaynsHistoryLayer, useChaynsHistoryRoute, useChaynsHistoryParams, useChaynsHistoryHash, useChaynsHistoryState, useChaynsHistoryNavigate, useChaynsHistoryBlock, useChaynsHistoryEvent, useChaynsHistoryChildLayer, useChaynsHistoryActiveChild } from './history';
+export { useValuesWithOverrides } from './useValuesWithOverrides';

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/hooks/useValuesWithOverrides.js

@@ -0,0 +1,30 @@
+import { c as _c } from "react-compiler-runtime";
+import { useMemo } from 'react';
+import { useValues } from './useValues';
+export const useValuesWithOverrides = overrideFactory => {
+  const $ = _c(6);
+  const base = useValues();
+  let t0;
+  if ($[0] !== base || $[1] !== overrideFactory) {
+    t0 = overrideFactory(base);
+    $[0] = base;
+    $[1] = overrideFactory;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const overrides = t0;
+  let t1;
+  if ($[3] !== base || $[4] !== overrides) {
+    t1 = {
+      ...base,
+      ...overrides
+    };
+    $[3] = base;
+    $[4] = overrides;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};

package/dist/esm/types/IChaynsReact.js

@@ -217,17 +217,19 @@ export let Language = function (Language) {
   Language["Ukrainian"] = "uk";
   return Language;
 }({});
-export let RuntimeEnviroment = function (RuntimeEnviroment) {
-  RuntimeEnviroment[RuntimeEnviroment["Unknown"] = 0] = "Unknown";
-  RuntimeEnviroment[RuntimeEnviroment["ChaynsDe"] = 1] = "ChaynsDe";
-  RuntimeEnviroment[RuntimeEnviroment["ChaynsWeb"] = 2] = "ChaynsWeb";
-  RuntimeEnviroment[RuntimeEnviroment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
-  RuntimeEnviroment[RuntimeEnviroment["IntercomPlugin"] = 4] = "IntercomPlugin";
-  RuntimeEnviroment[RuntimeEnviroment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
-  RuntimeEnviroment[RuntimeEnviroment["Dialog"] = 6] = "Dialog";
-  RuntimeEnviroment[RuntimeEnviroment["App"] = 7] = "App";
-  return RuntimeEnviroment;
-}({});
+export let RuntimeEnvironment = function (RuntimeEnvironment) {
+  RuntimeEnvironment[RuntimeEnvironment["Unknown"] = 0] = "Unknown";
+  RuntimeEnvironment[RuntimeEnvironment["ChaynsDe"] = 1] = "ChaynsDe";
+  RuntimeEnvironment[RuntimeEnvironment["ChaynsWeb"] = 2] = "ChaynsWeb";
+  RuntimeEnvironment[RuntimeEnvironment["ChaynsRuntime"] = 3] = "ChaynsRuntime";
+  RuntimeEnvironment[RuntimeEnvironment["IntercomPlugin"] = 4] = "IntercomPlugin";
+  RuntimeEnvironment[RuntimeEnvironment["PagemakerPlugin"] = 5] = "PagemakerPlugin";
+  RuntimeEnvironment[RuntimeEnvironment["Dialog"] = 6] = "Dialog";
+  RuntimeEnvironment[RuntimeEnvironment["App"] = 7] = "App";
+  RuntimeEnvironment[RuntimeEnvironment["RemotePlugin"] = 8] = "RemotePlugin";
+  return RuntimeEnvironment;
+}({});
+export const RuntimeEnviroment = RuntimeEnvironment;
 export let DeviceOs = function (DeviceOs) {
   DeviceOs["Unknown"] = "unknown";
   DeviceOs["Android"] = "android";

package/dist/esm/wrapper/AppWrapper.js

@@ -8,7 +8,7 @@ import { DefaultLoginDialogOptions } from '../constants';
 import { DeviceLanguage } from '../constants/languages';
 import DialogHandler from '../handler/DialogHandler';
 import { addApiListener, dispatchApiEvent, removeApiListener } from '../utils/apiListener';
-import { AppName, DialogButtonType, DialogType, Environment, Font, Gender, IconType, LoginState, RuntimeEnviroment, TappEvent } from '../types/IChaynsReact';
+import { AppName, DialogButtonType, DialogType, Environment, Font, Gender, IconType, LoginState, RuntimeEnvironment, TappEvent } from '../types/IChaynsReact';
 import invokeAppCall from '../utils/appCall';
 import { addAppStorageListener, clearAppStorage, isAppStorageAvailable, setAppStorageItem } from '../utils/appStorage';
 import getDeviceInfo, { getScreenSize } from '../utils/deviceHelper';
@@ -80,7 +80,7 @@ export class AppWrapper {
       }),
       environment: {
         buildEnvironment: Environment.Production,
-        runtimeEnvironment: RuntimeEnviroment.App
+        runtimeEnvironment: RuntimeEnvironment.App
       },
       language: {
         site: AppInfo.Language || 'de',
@@ -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');
       },
@@ -425,6 +449,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);
@@ -145,6 +151,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);
@@ -40,6 +41,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,61 @@
+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();
+  };
+  return {
+    addAppleSafeAreaListener,
+    removeAppleSafeAreaListener
+  };
+};
+export const normalizeFunctions = functions => {
+  var _runtimeFunctions$add2, _runtimeFunctions$rem2;
+  const runtimeFunctions = functions;
+  if (runtimeFunctions.addAppleSafeAreaListener && runtimeFunctions.removeAppleSafeAreaListener) {
+    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
+  };
+};

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
  */
@@ -134,6 +139,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.
  */
@@ -253,7 +263,7 @@ export declare const getParameters: () => {
 export declare const getPages: () => import("../types/IChaynsReact").Page[];
 export declare const getEnvironment: () => {
     buildEnvironment: import("../types/IChaynsReact").Environment;
-    runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnviroment | string;
+    runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnvironment | string;
 };
 export declare const getStyleSettings: () => import("../types/IChaynsReact").ChaynsStyleSettings | undefined;
 export declare const getDialogData: <T = any>() => T;
@@ -279,7 +289,7 @@ export declare const parameters: {
 export declare const pages: import("../types/IChaynsReact").Page[];
 export declare const environment: {
     buildEnvironment: import("../types/IChaynsReact").Environment;
-    runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnviroment | string;
+    runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnvironment | string;
 };
 /**
  * Redirects the user to the given destination. On the server side a 307 or 308 (depending on the isPermanent flag) redirect response is generated. On the client side a window.location.href change is performed.

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';
@@ -20,3 +21,4 @@ export { useCustomFunction } from './useCustomFunction';
 export { useStyleSettings } from './useStyleSettings';
 export { useChaynsApiId } from './useChaynsApiId';
 export { useChaynsHistoryLayer, useChaynsHistoryRoute, useChaynsHistoryParams, useChaynsHistoryHash, useChaynsHistoryState, useChaynsHistoryNavigate, useChaynsHistoryBlock, useChaynsHistoryEvent, useChaynsHistoryChildLayer, useChaynsHistoryActiveChild, type UseChaynsHistoryRouteResult, type UseChaynsHistoryActiveChildResult, type UseChaynsHistoryBlockOptions, } from './history';
+export { useValuesWithOverrides } from './useValuesWithOverrides';

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/hooks/useValuesWithOverrides.d.ts

@@ -0,0 +1,2 @@
+import { ChaynsReactValues } from '../types/IChaynsReact';
+export declare const useValuesWithOverrides: (overrideFactory: (base: ChaynsReactValues) => Partial<ChaynsReactValues>) => ChaynsReactValues;

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

@@ -339,7 +339,7 @@ export interface ChaynsReactValues {
     };
     environment: {
         buildEnvironment: Environment;
-        runtimeEnvironment: RuntimeEnviroment | string;
+        runtimeEnvironment: RuntimeEnvironment | string;
     };
     customData: any;
     dialog: {
@@ -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>;
@@ -406,6 +407,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>;
@@ -921,7 +923,7 @@ export declare enum Language {
     Polish = "pl",
     Ukrainian = "uk"
 }
-export declare enum RuntimeEnviroment {
+export declare enum RuntimeEnvironment {
     Unknown = 0,
     ChaynsDe = 1,
     ChaynsWeb = 2,// ?
@@ -929,8 +931,11 @@ export declare enum RuntimeEnviroment {
     IntercomPlugin = 4,
     PagemakerPlugin = 5,
     Dialog = 6,
-    App = 7
+    App = 7,
+    /** Module Federation plugin with unspecified host */
+    RemotePlugin = 8
 }
+export declare const RuntimeEnviroment: typeof RuntimeEnvironment;
 export declare enum DeviceOs {
     Unknown = "unknown",
     Android = "android",
@@ -1050,6 +1055,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'];
@@ -30,6 +31,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'];
@@ -90,7 +92,7 @@ declare class StaticChaynsApi implements ChaynsReactFunctions {
     getPages: () => import("../types/IChaynsReact").Page[];
     getEnvironment: () => {
         buildEnvironment: import("../types/IChaynsReact").Environment;
-        runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnviroment | string;
+        runtimeEnvironment: import("../types/IChaynsReact").RuntimeEnvironment | string;
     };
     getStyleSettings: () => import("../types/IChaynsReact").ChaynsStyleSettings | undefined;
     getCustomFunction: (key: string) => (...args: any[]) => Promise<any>;

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.6",
+    "version": "3.2.0-beta.0",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",