chayns-api 2.1.6 → 2.1.8

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.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.refreshData = exports.refreshAccessToken = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDevice = exports.getCurrentPage = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = 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.setAdminMode = exports.sendMessageToUser = exports.sendMessageToPage = exports.sendMessageToGroup = exports.selectPage = exports.scrollToY = exports.scrollByY = exports.removeWindowMetricsListener = exports.removeVisibilityChangeListener = exports.removeToolbarChangeListener = exports.removeScrollListener = exports.removeGeoLocationListener = exports.refreshData = exports.refreshAccessToken = exports.parameters = exports.pages = exports.openVideo = exports.openUrl = exports.openMedia = exports.openImage = exports.navigateBack = exports.logout = exports.login = exports.language = exports.invokeDialogCall = exports.invokeCall = exports.getWindowMetrics = exports.getUserInfo = exports.getUser = exports.getSite = exports.getScrollPosition = exports.getParameters = exports.getPages = exports.getLanguage = exports.getGeoLocation = exports.getEnvironment = exports.getDevice = exports.getCustomFunction = exports.getCurrentPage = exports.getAvailableSharingServices = exports.getAccessToken = exports.environment = exports.device = exports.customCallbackFunction = exports.createDialog = exports.addWindowMetricsListener = exports.addVisibilityChangeListener = exports.addToolbarChangeListener = exports.addScrollListener = exports.addGeoLocationListener = exports.addAnonymousAccount = void 0;
 var _moduleWrapper = require("../components/moduleWrapper");
 const addGeoLocationListener = (...args) => _moduleWrapper.moduleWrapper.current.functions.addGeoLocationListener(...args);
 exports.addGeoLocationListener = addGeoLocationListener;
@@ -119,6 +119,8 @@ const getPages = () => _moduleWrapper.moduleWrapper.current.values.pages;
 exports.getPages = getPages;
 const getEnvironment = () => _moduleWrapper.moduleWrapper.current.values.environment;
 exports.getEnvironment = getEnvironment;
+const getCustomFunction = key => _moduleWrapper.moduleWrapper.current.customFunctions[key];
+exports.getCustomFunction = getCustomFunction;
 const user = exports.user = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren;

package/dist/cjs/components/ChaynsProvider.js

@@ -37,6 +37,7 @@ const ChaynsProvider = ({
   children,
   data,
   functions,
+  customFunctions,
   renderedByServer,
   isModule
 }) => {
@@ -45,13 +46,13 @@ const ChaynsProvider = ({
   if (!customWrapper.current) {
     if (isModule) {
       if (data && functions) {
-        customWrapper.current = new _ModuleFederationWrapper.ModuleFederationWrapper(data, functions);
+        customWrapper.current = new _ModuleFederationWrapper.ModuleFederationWrapper(data, functions, customFunctions);
       } else {
         console.warn('ModuleFederationWrapper requires data and functions');
       }
     } else if (isServer) {
       if (data && functions) {
-        customWrapper.current = new _SsrWrapper.SsrWrapper(data, functions);
+        customWrapper.current = new _SsrWrapper.SsrWrapper(data, functions, customFunctions);
       } else {
         console.warn('SsrWrapper requires data and functions');
       }
@@ -89,6 +90,12 @@ const ChaynsProvider = ({
       }
     }
   }, [data, isModule]);
+  (0, _react.useEffect)(() => {
+    if (isModule && customFunctions) {
+      customWrapper.current.customFunctions = customFunctions;
+      customWrapper.current.emitChange();
+    }
+  }, [customFunctions, isModule]);
   return _react.default.createElement(_react.default.Fragment, null, isInitialized && _react.default.createElement(_ChaynsContext.ChaynsContext.Provider, {
     value: customWrapper.current
   }, children), _react.default.createElement(InitialDataProvider, {

package/dist/cjs/hooks/context.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useValuesSelector = exports.useFunctionsSelector = void 0;
+exports.useValuesSelector = exports.useFunctionsSelector = exports.useCustomFunctionsSelector = void 0;
 var _react = require("react");
 var _shim = require("use-sync-external-store/shim");
 var _ChaynsContext = require("../components/ChaynsContext");
@@ -24,4 +24,13 @@ const useFunctionsSelector = selector => {
   const getSnapshot = () => selector(store.functions);
   return (0, _shim.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
 };
-exports.useFunctionsSelector = useFunctionsSelector;
+exports.useFunctionsSelector = useFunctionsSelector;
+const useCustomFunctionsSelector = selector => {
+  const store = (0, _react.useContext)(_ChaynsContext.ChaynsContext);
+  if (!store) {
+    throw new Error('Could not find chayns context. Did you forget to add ChaynsProvider?');
+  }
+  const getSnapshot = () => selector(store.customFunctions);
+  return (0, _shim.useSyncExternalStore)(store.subscribe, getSnapshot, getSnapshot);
+};
+exports.useCustomFunctionsSelector = useCustomFunctionsSelector;

package/dist/cjs/hooks/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "useCustomData", {
     return _useCustomData.useCustomData;
   }
 });
+Object.defineProperty(exports, "useCustomFunction", {
+  enumerable: true,
+  get: function () {
+    return _useCustomFunction.useCustomFunction;
+  }
+});
 Object.defineProperty(exports, "useDevice", {
   enumerable: true,
   get: function () {
@@ -176,4 +182,5 @@ var _useFunctions = require("./useFunctions");
 var _useCurrentPage = require("./useCurrentPage");
 var _useCustomData = require("./useCustomData");
 var _useDialogState = require("./useDialogState");
-var _useCustomCallbackFunction = require("./useCustomCallbackFunction");
+var _useCustomCallbackFunction = require("./useCustomCallbackFunction");
+var _useCustomFunction = require("./useCustomFunction");

package/dist/cjs/hooks/useCustomFunction.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCustomFunction = void 0;
+var _context = require("./context");
+const useCustomFunction = key => (0, _context.useCustomFunctionsSelector)(customFunctions => customFunctions[key]);
+exports.useCustomFunction = useCustomFunction;

package/dist/cjs/host/ChaynsHost.js

@@ -14,6 +14,7 @@ const ChaynsHost = ({
   type,
   iFrameProps,
   functions,
+  customFunctions,
   src,
   iFrameRef = undefined,
   loadingComponent = undefined,
@@ -58,6 +59,7 @@ const ChaynsHost = ({
         device: device,
         currentPage: currentPage,
         functions: functions,
+        customFunctions: customFunctions,
         src: src,
         postForm: type === 'server-iframe',
         language: language,
@@ -79,6 +81,7 @@ const ChaynsHost = ({
         currentPage: currentPage,
         children: loadingComponent,
         functions: functions,
+        customFunctions: customFunctions,
         language: language,
         parameters: parameters,
         customData: customData,

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

@@ -24,6 +24,7 @@ const HostIframe = ({
   user,
   currentPage,
   functions,
+  customFunctions,
   device,
   language,
   parameters,
@@ -35,6 +36,8 @@ const HostIframe = ({
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
   const currentDataRef = (0, _react.useRef)();
+  const customFunctionsRef = (0, _react.useRef)();
+  customFunctionsRef.current = customFunctions;
   if (!eventTarget.current) {
     eventTarget.current = global.document ? document.createElement('div') : undefined;
   }
@@ -79,6 +82,13 @@ const HostIframe = ({
             ...functions,
             setHeight
           },
+          customFunctions: new Proxy(customFunctionsRef, {
+            get: (target, p) => {
+              var _target$current;
+              return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current[p];
+            }
+          }),
+          _customFunctionNames: Object.keys(customFunctions !== null && customFunctions !== void 0 ? customFunctions : {}),
           addDataListener: cb => {
             if (eventTarget.current) eventTarget.current.addEventListener('data_update', e => e.detail && cb(e.detail));
           },

package/dist/cjs/host/module/ModuleHost.js

@@ -24,6 +24,7 @@ const ModuleHost = ({
   system,
   children = null,
   functions,
+  customFunctions,
   pages,
   isAdminModeActive,
   site,
@@ -66,6 +67,7 @@ const ModuleHost = ({
     },
     data: initialData,
     functions: functions,
+    customFunctions: customFunctions,
     fallback: children,
     isModule: true
   }));

package/dist/cjs/wrapper/AppWrapper.js

@@ -22,6 +22,7 @@ class AppWrapper {
   values = null;
   accessToken = '';
   listeners = [];
+  customFunctions = {};
   mapOldApiToNew(retVal) {
     var _window, _colorMode, _window2, _AppInfo$TappSelected;
     const {

package/dist/cjs/wrapper/FrameWrapper.js

@@ -17,6 +17,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 class FrameWrapper {
   resolve = null;
   exposedFunctions = null;
+  exposedCustomFunctions = {};
+  exposedCustomFunctionNames = [];
   resizeListener = null;
   ready = new Promise(res => {
     this.resolve = res;
@@ -298,6 +300,18 @@ class FrameWrapper {
       return this.exposedFunctions.addAnonymousAccount();
     }
   };
+  customFunctions = new Proxy({}, {
+    get: (target, p) => {
+      if (p in target) {
+        return target[p];
+      }
+      return target[p] = async (...args) => {
+        if (!this.initialized) await this.ready;
+        const wrappedArgs = args.map(v => typeof v === 'function' ? comlink.proxy(v) : v);
+        return this.exposedCustomFunctions[p](...wrappedArgs);
+      };
+    }
+  });
   initialized = false;
   constructor() {
     const initialDataTag = document.querySelector('#__CHAYNS_DATA__');
@@ -306,6 +320,7 @@ class FrameWrapper {
     }
   }
   async init() {
+    var _await$exposed$_custo;
     if (this.initialized) return;
     const exposed = comlink.wrap(comlink.windowEndpoint(window.parent))[window.name];
     const dataListener = () => exposed.addDataListener(comlink.proxy(({
@@ -333,6 +348,12 @@ class FrameWrapper {
     if (hostReadyCallback) window.removeEventListener('message', hostReadyCallback);
     this.values = await exposed.getInitialData();
     this.exposedFunctions = exposed.functions;
+    this.exposedCustomFunctions = exposed.customFunctions;
+    this.exposedCustomFunctionNames = (_await$exposed$_custo = await exposed._customFunctionNames) !== null && _await$exposed$_custo !== void 0 ? _await$exposed$_custo : [];
+    this.customFunctions = this.exposedCustomFunctionNames.reduce((p, e) => {
+      p[e] = (...args) => this.exposedCustomFunctions[e](...args.map(a => typeof a === 'function' ? comlink.proxy(a) : a));
+      return p;
+    }, {});
     this.initialized = true;
     this.resolve(null);
     (0, _heightHelper.setTappHeight)(this.functions.setHeight);

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -11,8 +11,9 @@ var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class ModuleFederationWrapper {
+  customFunctions = {};
   listeners = [];
-  constructor(values, functions) {
+  constructor(values, functions, customFunctions) {
     this.values = values;
     this.functions = {};
     this.functions.addVisibilityChangeListener = async callback => (0, _visibilityChangeListener.addVisibilityChangeListener)(callback);
@@ -24,6 +25,9 @@ class ModuleFederationWrapper {
     Object.entries(functions).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);
     };

package/dist/cjs/wrapper/SsrWrapper.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.SsrWrapper = void 0;
 class SsrWrapper {
   listeners = [];
-  constructor(values, functions) {
+  constructor(values, functions, customFunctions) {
     this.initialData = values;
     this.values = values;
     this.functions = functions;
+    this.customFunctions = customFunctions !== null && customFunctions !== void 0 ? customFunctions : {};
   }
   async init() {
     return undefined;

package/dist/cjs/wrapper/StaticChaynsApi.js

@@ -39,5 +39,6 @@ class StaticChaynsApi {
   getParameters = () => this._wrapper.values.parameters;
   getPages = () => this._wrapper.values.pages;
   getEnvironment = () => this._wrapper.values.environment;
+  getCustomFunction = key => this._wrapper.customFunctions[key];
 }
 var _default = exports.default = StaticChaynsApi;

package/dist/esm/calls/index.js

@@ -150,6 +150,7 @@ export const getLanguage = () => moduleWrapper.current.values.language;
 export const getParameters = () => moduleWrapper.current.values.parameters;
 export const getPages = () => moduleWrapper.current.values.pages;
 export const getEnvironment = () => moduleWrapper.current.values.environment;
+export const getCustomFunction = key => moduleWrapper.current.customFunctions[key];
 export const user = new Proxy({}, {
   get: (target, prop) => {
     var _moduleWrapper$curren;

package/dist/esm/components/ChaynsProvider.js

@@ -31,6 +31,7 @@ const ChaynsProvider = _ref2 => {
     children,
     data,
     functions,
+    customFunctions,
     renderedByServer,
     isModule
   } = _ref2;
@@ -38,13 +39,13 @@ const ChaynsProvider = _ref2 => {
   if (!customWrapper.current) {
     if (isModule) {
       if (data && functions) {
-        customWrapper.current = new ModuleFederationWrapper(data, functions);
+        customWrapper.current = new ModuleFederationWrapper(data, functions, customFunctions);
       } else {
         console.warn('ModuleFederationWrapper requires data and functions');
       }
     } else if (isServer) {
       if (data && functions) {
-        customWrapper.current = new SsrWrapper(data, functions);
+        customWrapper.current = new SsrWrapper(data, functions, customFunctions);
       } else {
         console.warn('SsrWrapper requires data and functions');
       }
@@ -83,6 +84,12 @@ const ChaynsProvider = _ref2 => {
       }
     }
   }, [data, isModule]);
+  useEffect(() => {
+    if (isModule && customFunctions) {
+      customWrapper.current.customFunctions = customFunctions;
+      customWrapper.current.emitChange();
+    }
+  }, [customFunctions, isModule]);
   return React.createElement(React.Fragment, null, isInitialized && React.createElement(ChaynsContext.Provider, {
     value: customWrapper.current
   }, children), React.createElement(InitialDataProvider, {

package/dist/esm/hooks/context.js

@@ -16,4 +16,12 @@ export const useFunctionsSelector = selector => {
   }
   const getSnapshot = () => selector(store.functions);
   return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+};
+export const useCustomFunctionsSelector = selector => {
+  const store = useContext(ChaynsContext);
+  if (!store) {
+    throw new Error('Could not find chayns context. Did you forget to add ChaynsProvider?');
+  }
+  const getSnapshot = () => selector(store.customFunctions);
+  return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 };

package/dist/esm/hooks/index.js

@@ -15,4 +15,5 @@ export { useFunctions } from './useFunctions';
 export { useCurrentPage } from './useCurrentPage';
 export { useCustomData } from './useCustomData';
 export { useDialogState, useDialogData } from './useDialogState';
-export { useCustomCallbackFunction } from './useCustomCallbackFunction';
+export { useCustomCallbackFunction } from './useCustomCallbackFunction';
+export { useCustomFunction } from './useCustomFunction';

package/dist/esm/hooks/useCustomFunction.js

@@ -0,0 +1,2 @@
+import { useCustomFunctionsSelector } from './context';
+export const useCustomFunction = key => useCustomFunctionsSelector(customFunctions => customFunctions[key]);

package/dist/esm/host/ChaynsHost.js

@@ -6,6 +6,7 @@ const ChaynsHost = _ref => {
     type,
     iFrameProps,
     functions,
+    customFunctions,
     src,
     iFrameRef = undefined,
     loadingComponent = undefined,
@@ -50,6 +51,7 @@ const ChaynsHost = _ref => {
         device: device,
         currentPage: currentPage,
         functions: functions,
+        customFunctions: customFunctions,
         src: src,
         postForm: type === 'server-iframe',
         language: language,
@@ -71,6 +73,7 @@ const ChaynsHost = _ref => {
         currentPage: currentPage,
         children: loadingComponent,
         functions: functions,
+        customFunctions: customFunctions,
         language: language,
         parameters: parameters,
         customData: customData,

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

@@ -16,6 +16,7 @@ const HostIframe = _ref => {
     user,
     currentPage,
     functions,
+    customFunctions,
     device,
     language,
     parameters,
@@ -27,6 +28,8 @@ const HostIframe = _ref => {
   const eventTarget = useRef();
   const ref = useRef();
   const currentDataRef = useRef();
+  const customFunctionsRef = useRef();
+  customFunctionsRef.current = customFunctions;
   if (!eventTarget.current) {
     eventTarget.current = global.document ? document.createElement('div') : undefined;
   }
@@ -71,6 +74,13 @@ const HostIframe = _ref => {
             ...functions,
             setHeight
           },
+          customFunctions: new Proxy(customFunctionsRef, {
+            get: (target, p) => {
+              var _target$current;
+              return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current[p];
+            }
+          }),
+          _customFunctionNames: Object.keys(customFunctions !== null && customFunctions !== void 0 ? customFunctions : {}),
           addDataListener: cb => {
             if (eventTarget.current) eventTarget.current.addEventListener('data_update', e => e.detail && cb(e.detail));
           },

package/dist/esm/host/module/ModuleHost.js

@@ -17,6 +17,7 @@ const ModuleHost = _ref2 => {
     system,
     children = null,
     functions,
+    customFunctions,
     pages,
     isAdminModeActive,
     site,
@@ -59,6 +60,7 @@ const ModuleHost = _ref2 => {
     },
     data: initialData,
     functions: functions,
+    customFunctions: customFunctions,
     fallback: children,
     isModule: true
   }));

package/dist/esm/wrapper/AppWrapper.js

@@ -125,6 +125,7 @@ export class AppWrapper {
     _defineProperty(this, "values", null);
     _defineProperty(this, "accessToken", '');
     _defineProperty(this, "listeners", []);
+    _defineProperty(this, "customFunctions", {});
     _defineProperty(this, "counter", 0);
     _defineProperty(this, "functions", {
       getAccessToken: async () => ({

package/dist/esm/wrapper/FrameWrapper.js

@@ -10,8 +10,11 @@ import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../cal
 import { setTappHeight } from '../util/heightHelper';
 export class FrameWrapper {
   constructor() {
+    var _this = this;
     _defineProperty(this, "resolve", null);
     _defineProperty(this, "exposedFunctions", null);
+    _defineProperty(this, "exposedCustomFunctions", {});
+    _defineProperty(this, "exposedCustomFunctionNames", []);
     _defineProperty(this, "resizeListener", null);
     _defineProperty(this, "ready", new Promise(res => {
       this.resolve = res;
@@ -293,6 +296,21 @@ export class FrameWrapper {
         return this.exposedFunctions.addAnonymousAccount();
       }
     });
+    _defineProperty(this, "customFunctions", new Proxy({}, {
+      get: (target, p) => {
+        if (p in target) {
+          return target[p];
+        }
+        return target[p] = async function () {
+          if (!_this.initialized) await _this.ready;
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          const wrappedArgs = args.map(v => typeof v === 'function' ? comlink.proxy(v) : v);
+          return _this.exposedCustomFunctions[p](...wrappedArgs);
+        };
+      }
+    }));
     _defineProperty(this, "initialized", false);
     _defineProperty(this, "subscribe", listener => {
       this.listeners.push(listener);
@@ -309,6 +327,8 @@ export class FrameWrapper {
     }
   }
   async init() {
+    var _await$exposed$_custo,
+      _this2 = this;
     if (this.initialized) return;
     const exposed = comlink.wrap(comlink.windowEndpoint(window.parent))[window.name];
     const dataListener = () => exposed.addDataListener(comlink.proxy(_ref => {
@@ -337,6 +357,17 @@ export class FrameWrapper {
     if (hostReadyCallback) window.removeEventListener('message', hostReadyCallback);
     this.values = await exposed.getInitialData();
     this.exposedFunctions = exposed.functions;
+    this.exposedCustomFunctions = exposed.customFunctions;
+    this.exposedCustomFunctionNames = (_await$exposed$_custo = await exposed._customFunctionNames) !== null && _await$exposed$_custo !== void 0 ? _await$exposed$_custo : [];
+    this.customFunctions = this.exposedCustomFunctionNames.reduce((p, e) => {
+      p[e] = function () {
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        return _this2.exposedCustomFunctions[e](...args.map(a => typeof a === 'function' ? comlink.proxy(a) : a));
+      };
+      return p;
+    }, {});
     this.initialized = true;
     this.resolve(null);
     setTappHeight(this.functions.setHeight);

package/dist/esm/wrapper/ModuleFederationWrapper.js

@@ -7,7 +7,8 @@ import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/a
 import getUserInfo from '../calls/getUserInfo';
 import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
 export class ModuleFederationWrapper {
-  constructor(values, functions) {
+  constructor(values, functions, customFunctions) {
+    _defineProperty(this, "customFunctions", {});
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "subscribe", listener => {
       this.listeners.push(listener);
@@ -32,6 +33,9 @@ export class ModuleFederationWrapper {
         return fn(...arguments);
       };
     });
+    if (customFunctions) {
+      this.customFunctions = customFunctions;
+    }
     this.functions.createDialog = config => {
       return new DialogHandler(config, functions.openDialog, functions.closeDialog, functions.dispatchEventToDialogClient, functions.addDialogClientEventListener);
     };

package/dist/esm/wrapper/SsrWrapper.js

@@ -2,7 +2,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 export class SsrWrapper {
-  constructor(values, functions) {
+  constructor(values, functions, customFunctions) {
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "subscribe", listener => {
       this.listeners.push(listener);
@@ -16,6 +16,7 @@ export class SsrWrapper {
     this.initialData = values;
     this.values = values;
     this.functions = functions;
+    this.customFunctions = customFunctions !== null && customFunctions !== void 0 ? customFunctions : {};
   }
   async init() {
     return undefined;

package/dist/esm/wrapper/StaticChaynsApi.js

@@ -18,6 +18,7 @@ class StaticChaynsApi {
     _defineProperty(this, "getParameters", () => this._wrapper.values.parameters);
     _defineProperty(this, "getPages", () => this._wrapper.values.pages);
     _defineProperty(this, "getEnvironment", () => this._wrapper.values.environment);
+    _defineProperty(this, "getCustomFunction", key => this._wrapper.customFunctions[key]);
     let wrapper;
     const deviceInfo = getDeviceInfo(navigator.userAgent, '');
     if (values && functions) {

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

@@ -29,7 +29,8 @@ export declare const addToolbarChangeListener: (callback: (result: import("../ty
  * @category Event listener
  */
 export declare const addWindowMetricsListener: (callback: (result: import("../types/IChaynsReact").WindowMetricsListenerResult) => void) => Promise<number>; /**
- * Allows a custom callback function to be defined
+ * Allows a custom callback function to be defined. Prefer usage via useCustomCallbackFunction when possible
+ * @deprecated Use customFunction/useCustomFunction-interface instead if possible
  */
 export declare const customCallbackFunction: (type: string, data: unknown) => Promise<unknown>;
 /**
@@ -235,6 +236,11 @@ export declare const getEnvironment: () => {
     buildEnvironment: import("../types/IChaynsReact").Environment;
     runtimeEnvironment: string | import("../types/IChaynsReact").RuntimeEnviroment;
 };
+/**
+ * Returns the customFunction. Prefer usage via useCustomFunction when possible
+ * @param key functionName
+ */
+export declare const getCustomFunction: <A extends any[], T>(key: string) => (...args: A) => Promise<T>;
 export declare const user: UserInfo;
 export declare const site: ChaynsApiSite;
 export declare const device: ChaynsApiDevice;

package/dist/types/components/ChaynsProvider.d.ts

@@ -1,8 +1,9 @@
 import React, { ReactNode } from 'react';
-import { ChaynsReactFunctions, ChaynsReactValues } from '../types/IChaynsReact';
+import { ChaynsReactFunctions, ChaynsReactValues, IChaynsReact } from '../types/IChaynsReact';
 type ChaynsProviderProps = {
     data?: ChaynsReactValues;
     functions?: ChaynsReactFunctions;
+    customFunctions?: IChaynsReact["customFunctions"];
     renderedByServer?: boolean;
     isModule?: boolean;
     children?: ReactNode;

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

@@ -1,3 +1,4 @@
 import { IChaynsReact } from '../types/IChaynsReact';
 export declare const useValuesSelector: <Result>(selector: (value: IChaynsReact["values"]) => Result) => Result;
 export declare const useFunctionsSelector: <Result>(selector: (value: IChaynsReact["functions"]) => Result) => Result;
+export declare const useCustomFunctionsSelector: <Result>(selector: (value: IChaynsReact["customFunctions"]) => Result) => Result;

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

@@ -16,3 +16,4 @@ export { useCurrentPage } from './useCurrentPage';
 export { useCustomData } from './useCustomData';
 export { useDialogState, useDialogData } from './useDialogState';
 export { useCustomCallbackFunction } from './useCustomCallbackFunction';
+export { useCustomFunction } from './useCustomFunction';

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

@@ -1,5 +1,6 @@
 /**
- * @category Hooks
  * Returns customCallbackFunction
+ * @category Hooks
+ * @deprecated Use customFunction/useCustomFunction-interface instead if possible
  */
 export declare const useCustomCallbackFunction: () => (type: string, data: unknown) => Promise<unknown>;

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

@@ -0,0 +1,6 @@
+/**
+ * Returns the customFunction
+ * @category Hooks
+ * @param key functionName
+ */
+export declare const useCustomFunction: <A extends any[], T>(key: string) => (...args: A) => Promise<T>;

package/dist/types/host/ChaynsHost.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { TypeSystem } from './module/ModuleHost';
-import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, Page } from '../types/IChaynsReact';
+import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, IChaynsReact, Page } from '../types/IChaynsReact';
 type ChaynsHostType = {
     type: string;
     iFrameProps?: {
@@ -8,6 +8,7 @@ type ChaynsHostType = {
         name: string;
     };
     functions: ChaynsReactFunctions;
+    customFunctions?: IChaynsReact["customFunctions"];
     src?: string;
     iFrameRef?: React.MutableRefObject<HTMLIFrameElement | null> | undefined;
     loadingComponent?: JSX.Element;

package/dist/types/host/iframe/HostIframe.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, Page } from '../../types/IChaynsReact';
+import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, IChaynsReact, Page } from '../../types/IChaynsReact';
 type HostIframeProps = {
     iFrameProps: {
         [key: string]: unknown;
@@ -14,6 +14,7 @@ type HostIframeProps = {
     user: ChaynsApiUser | undefined;
     currentPage: ChaynsReactValues["currentPage"];
     functions: ChaynsReactFunctions;
+    customFunctions?: IChaynsReact["customFunctions"];
     device: ChaynsApiDevice;
     language: ChaynsReactValues["language"];
     parameters: ChaynsReactValues["parameters"];

package/dist/types/host/module/ModuleHost.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, Page } from '../../types/IChaynsReact';
+import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, IChaynsReact, Page } from '../../types/IChaynsReact';
 export type TypeSystem = {
     scope: string;
     url: string;
@@ -10,6 +10,7 @@ export type TypeSystem = {
 type ModulePropTypes = {
     system: TypeSystem;
     functions: ChaynsReactFunctions;
+    customFunctions?: IChaynsReact["customFunctions"];
     pages: Page[];
     isAdminModeActive: boolean;
     site: ChaynsApiSite;

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

@@ -553,6 +553,9 @@ interface DesignSettingsUpdateItem {
 export interface IChaynsReact {
     values: ChaynsReactValues;
     functions: ChaynsReactFunctions;
+    customFunctions: {
+        [key: string]: <A extends Array<any>, O>(...args: A) => Promise<O>;
+    };
     addDataListener: (cb: DataChangeCallback) => CleanupCallback;
     getSSRData: () => ChaynsReactValues | null;
     init: () => Promise<void>;

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

@@ -3,6 +3,7 @@ export declare class AppWrapper implements IChaynsReact {
     values: ChaynsReactValues;
     accessToken: string;
     listeners: (() => void)[];
+    customFunctions: {};
     mapOldApiToNew(retVal: any): ChaynsReactValues;
     constructor();
     notImplemented(call: string): void;

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

@@ -2,11 +2,14 @@ import { ChaynsReactFunctions, ChaynsReactValues, DataChangeCallback, IChaynsRea
 export declare class FrameWrapper implements IChaynsReact {
     private resolve;
     private exposedFunctions;
+    private exposedCustomFunctions;
+    private exposedCustomFunctionNames;
     private resizeListener;
     ready: Promise<unknown>;
     values: ChaynsReactValues;
     listeners: (() => void)[];
     functions: ChaynsReactFunctions;
+    customFunctions: {};
     initialized: boolean;
     constructor();
     init(): Promise<void>;

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

@@ -2,8 +2,9 @@ import { ChaynsReactFunctions, ChaynsReactValues, DataChangeCallback, IChaynsRea
 export declare class ModuleFederationWrapper implements IChaynsReact {
     values: ChaynsReactValues;
     functions: ChaynsReactFunctions;
+    customFunctions: IChaynsReact["customFunctions"];
     listeners: (() => void)[];
-    constructor(values: ChaynsReactValues, functions: ChaynsReactFunctions);
+    constructor(values: ChaynsReactValues, functions: ChaynsReactFunctions, customFunctions?: IChaynsReact["customFunctions"]);
     init(): Promise<undefined>;
     addDataListener(cb: DataChangeCallback): () => void;
     subscribe: (listener: () => void) => () => void;

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

@@ -3,8 +3,9 @@ export declare class SsrWrapper implements IChaynsReact {
     private readonly initialData;
     values: ChaynsReactValues;
     functions: ChaynsReactFunctions;
+    customFunctions: IChaynsReact["customFunctions"];
     listeners: (() => void)[];
-    constructor(values: ChaynsReactValues, functions: ChaynsReactFunctions);
+    constructor(values: ChaynsReactValues, functions: ChaynsReactFunctions, customFunctions?: IChaynsReact["customFunctions"]);
     init(): Promise<undefined>;
     addDataListener(cb: DataChangeCallback): CleanupCallback;
     subscribe: (listener: () => void) => () => void;

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

@@ -3,6 +3,7 @@ declare class StaticChaynsApi {
     ready: Promise<void>;
     addDataListener: (cb: DataChangeCallback) => () => void;
     private _wrapper;
+    private customFunctions;
     constructor(values: any, functions: any);
     getUser: () => any;
     getSite: () => any;
@@ -12,5 +13,6 @@ declare class StaticChaynsApi {
     getParameters: () => any;
     getPages: () => any;
     getEnvironment: () => any;
+    getCustomFunction: (key: string) => any;
 }
 export default StaticChaynsApi;

package/package.json

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