chayns-api 1.0.8 → 1.0.10

package/dist/cjs/components/withCompatMode.js

@@ -32,6 +32,9 @@ const withCompatMode = Component => {
         ref: innerRef
       })), this.ref.current);
     }
+    componentWillUnmount() {
+      _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), this.ref.current);
+    }
     render() {
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: this.ref

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

@@ -68,7 +68,7 @@ const HostIframe = ({
       if (postForm) {
         var _await$functions$getA;
         const accessToken = (_await$functions$getA = await functions.getAccessToken()) !== null && _await$functions$getA !== void 0 ? _await$functions$getA : {};
-        void (0, _postIframeForm.default)((0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.runtimeEnvironment), JSON.stringify({
+        void (0, _postIframeForm.default)((0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.buildEnvironment), JSON.stringify({
           ...initialData,
           pages: undefined,
           ...accessToken
@@ -128,7 +128,7 @@ const HostIframe = ({
     },
     title: " "
   }, iFrameProps, {
-    src: postForm ? undefined : (0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.runtimeEnvironment)
+    src: postForm ? undefined : (0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.buildEnvironment)
   }));
 };
 var _default = HostIframe;

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

@@ -75,7 +75,7 @@ const ModuleHost = ({
   }), /*#__PURE__*/_react.default.createElement(System, {
     system: {
       scope: system.scope,
-      url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.runtimeEnvironment),
+      url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.buildEnvironment),
       module: system.module
     },
     data: initialData,

package/dist/cjs/wrapper/AppWrapper.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppWrapper = void 0;
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _IChaynsReact = require("../types/IChaynsReact");
 var _appCall = _interopRequireDefault(require("../util/appCall"));
 var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
-var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
 var _sendMessage = require("../calls/sendMessage");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 class AppWrapper {
   values = null;
-  accessToken = "";
+  accessToken = '';
   mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
     const {
@@ -122,7 +122,7 @@ class AppWrapper {
         }
         resolve((_v$retVal2 = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal2 !== void 0 ? _v$retVal2 : v);
       };
-      value.callback = "window." + callbackName;
+      value.callback = 'window.' + callbackName;
       (0, _appCall.default)({
         action,
         value
@@ -133,50 +133,83 @@ class AppWrapper {
     getAccessToken: async () => ({
       accessToken: this.accessToken
     }),
-    // addGeoLocationListener: async (value , callback) => {
-    //     return invokeAppCall({
-    //         'action': 14,
-    //         'value': {
-    //             'permanent': false,
-    //             callback: callback
-    //         }
-    //     });
-    // },
-    // addScrollListener: async (value, callback) => {
-    //
-    // },
+    addGeoLocationListener: async (value, callback) => {
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('geoLocationListener', callback);
+      if (shouldInitialize) {
+        this.appCall(14, {
+          permanent: true
+        }, {
+          callback: v => {
+            var _v$accuracy, _v$code;
+            (0, _apiListenerHelper.dispatchApiEvent)('geoLocationListener', {
+              latitude: v.latitude,
+              longitude: v.longitude,
+              accuracy: (_v$accuracy = v.accuracy) !== null && _v$accuracy !== void 0 ? _v$accuracy : null,
+              speed: v.speed,
+              code: (_v$code = v.code) !== null && _v$code !== void 0 ? _v$code : null
+            });
+          }
+        });
+      }
+      return id;
+    },
+    addScrollListener: async (value, callback) => {
+      let throttledCallback = callback;
+      if (value.throttle) {
+        throttledCallback = (0, _lodash.default)(callback, value.throttle);
+      }
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('scrollListener', throttledCallback);
+      if (shouldInitialize) {
+        window.addEventListener('scroll', this.scrollListener = () => {
+          void (async () => {
+            (0, _apiListenerHelper.dispatchApiEvent)('scrollListener', {
+              scrollX: window.scrollX,
+              scrollY: window.scrollY
+            });
+          })();
+        });
+      }
+      return id;
+    },
     addVisibilityChangeListener: async callback => {
+      const {
+        id,
+        shouldInitialize
+      } = (0, _apiListenerHelper.addApiListener)('visibilityChangeListener', callback);
+      if (shouldInitialize) {
+        this.appCall(60, {}, {
+          callback: v => {
+            (0, _apiListenerHelper.dispatchApiEvent)('visibilityChangeListener', {
+              isVisible: v.tappEvent === _IChaynsReact.TappEvent.OnShow,
+              tappEvent: v.tappEvent
+            });
+          }
+        });
+      }
+      return id;
+    },
+    addWindowMetricsListener: async callback => {
       const {
         id,
         shouldInitialize
       } = (0, _apiListenerHelper.addApiListener)('windowMetricsListener', callback);
-      this.appCall(60, {}, {
-        callback: v => {
-          console.log("v", v);
-          (0, _apiListenerHelper.dispatchApiEvent)("windowMetricsListener", {
-            isVisible: v.tappEvent === _IChaynsReact.TappEvent.OnShow,
-            tappEvent: v.tappEvent
-          });
-        }
-      });
+      if (shouldInitialize) {
+        window.addEventListener('resize', this.resizeListener = () => {
+          void (async () => {
+            (0, _apiListenerHelper.dispatchApiEvent)('windowMetricsListener', await this.functions.getWindowMetrics());
+          })();
+        });
+      }
       return id;
     },
-    // addWindowMetricsListener: async (callback) => {
-    //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
-    //
-    //     if (shouldInitialize) {
-    //         window.addEventListener('resize', this.resizeListener = () => {
-    //             void (async() => {
-    //                 dispatchApiEvent('windowMetricsListener', {
-    //
-    //                 });
-    //             })();
-    //         })
-    //     }
-    //     return id;
-    // },
     customCallbackFunction: async () => {
-      this.notImplemented("customCallbackFunction");
+      this.notImplemented('customCallbackFunction');
     },
     getAvailableSharingServices: async () => {
       const res = await this.appCall(79);
@@ -264,9 +297,9 @@ class AppWrapper {
         awaitResult: false
       });
     },
-    // openUrl: async (value) => {
-    //
-    // },
+    openUrl: async value => {
+      window.open(value.url);
+    },
     openVideo: async value => {
       this.appCall(15, {
         url: value.url
@@ -280,19 +313,41 @@ class AppWrapper {
       });
     },
     refreshData: async value => {
-      this.notImplemented("refreshData");
-    },
-    // removeGeoLocationListener: async (id) => {
-    // },
-    // removeScrollListener: async (id) => {
-    // },
-    removeVisibilityChangeListener(number) {
-      (0, _visibilityChangeListener.removeVisibilityChangeListener)(number);
-      return Promise.resolve();
-    },
-    // removeWindowMetricsListener: async (id) => {
-    //
-    // },
+      this.notImplemented('refreshData');
+    },
+    removeGeoLocationListener: async id => {
+      const {
+        shouldRemove
+      } = (0, _apiListenerHelper.removeApiListener)('geoLocationListener', id);
+      if (shouldRemove) {
+        // App does not support removal of request geo location call with permanent true which makes this a no-op
+      }
+    },
+    removeScrollListener: async id => {
+      const {
+        shouldRemove
+      } = (0, _apiListenerHelper.removeApiListener)('scrollListener', id);
+      if (shouldRemove && this.scrollListener) {
+        window.removeEventListener('scroll', this.scrollListener);
+        this.scrollListener = null;
+      }
+    },
+    removeVisibilityChangeListener: async id => {
+      const {
+        shouldRemove
+      } = (0, _apiListenerHelper.removeApiListener)('visibilityChangeListener', id);
+      if (shouldRemove) {
+        // App does not support removal of onActivate callback which makes this a no-op
+      }
+    },
+    removeWindowMetricsListener: async id => {
+      const shouldRemove = (0, _apiListenerHelper.removeApiListener)('windowMetricsListener', id);
+      if (shouldRemove) {
+        void this.exposedFunctions.removeWindowMetricsListener(id);
+        if (this.resizeListener) window.removeEventListener('resize', this.resizeListener);
+        this.resizeListener = null;
+      }
+    },
     selectPage: async options => {
       void this.appCall(2, {
         id: options.id,
@@ -323,7 +378,7 @@ class AppWrapper {
       return (0, _sendMessage.sendMessageToUser)(this, message, userId);
     },
     setAdminMode: async () => {
-      this.notImplemented("setAdminMode");
+      this.notImplemented('setAdminMode');
     },
     setDisplayTimeout: async enabled => {
       this.appCall(94, {
@@ -348,10 +403,10 @@ class AppWrapper {
       }, callback));
     },
     setHeight: async () => {
-      this.notImplemented("setOverlay");
+      this.notImplemented('setOverlay');
     },
     setOverlay: async () => {
-      this.notImplemented("setOverlay");
+      this.notImplemented('setOverlay');
     },
     setRefreshScrollEnabled: async isEnabled => {
       this.appCall(0, {
@@ -367,7 +422,7 @@ class AppWrapper {
       return await this.appCall(34, value);
     },
     setTempDesignSettings: async () => {
-      this.notImplemented("setTempDesignSettings");
+      this.notImplemented('setTempDesignSettings');
     },
     setWaitCursor: async value => {
       void this.appCall(1, {

package/dist/esm/components/withCompatMode.js

@@ -25,6 +25,9 @@ export const withCompatMode = Component => {
         ref: innerRef
       })), this.ref.current);
     }
+    componentWillUnmount() {
+      ReactDOM.render( /*#__PURE__*/React.createElement(React.Fragment, null), this.ref.current);
+    }
     render() {
       return /*#__PURE__*/React.createElement("div", {
         ref: this.ref

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

@@ -60,7 +60,7 @@ const HostIframe = _ref => {
       if (postForm) {
         var _await$functions$getA;
         const accessToken = (_await$functions$getA = await functions.getAccessToken()) !== null && _await$functions$getA !== void 0 ? _await$functions$getA : {};
-        void postIframeForm(replaceStagingUrl(preventStagingReplacement, src, environment.runtimeEnvironment), JSON.stringify({
+        void postIframeForm(replaceStagingUrl(preventStagingReplacement, src, environment.buildEnvironment), JSON.stringify({
           ...initialData,
           pages: undefined,
           ...accessToken
@@ -120,7 +120,7 @@ const HostIframe = _ref => {
     },
     title: " "
   }, iFrameProps, {
-    src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.runtimeEnvironment)
+    src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.buildEnvironment)
   }));
 };
 export default HostIframe;

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

@@ -68,7 +68,7 @@ const ModuleHost = _ref2 => {
   }), /*#__PURE__*/React.createElement(System, {
     system: {
       scope: system.scope,
-      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.runtimeEnvironment),
+      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.buildEnvironment),
       module: system.module
     },
     data: initialData,

package/dist/esm/wrapper/AppWrapper.js

@@ -1,14 +1,16 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /* eslint-disable */
 // @ts-nocheck
 
+import throttle from 'lodash.throttle';
 import { Environment, Font, Gender, IconType, RuntimeEnviroment, TappEvent } from '../types/IChaynsReact';
-import invokeAppCall from "../util/appCall";
-import getDeviceInfo, { getScreenSize } from "../util/deviceHelper";
-import { removeVisibilityChangeListener } from "../calls/visibilityChangeListener";
-import getUserInfo from "../calls/getUserInfo";
-import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from "../calls/sendMessage";
-import { addApiListener, dispatchApiEvent } from "../helper/apiListenerHelper";
+import invokeAppCall from '../util/appCall';
+import getDeviceInfo, { getScreenSize } from '../util/deviceHelper';
+import getUserInfo from '../calls/getUserInfo';
+import { sendMessageToGroup, sendMessageToPage, sendMessageToUser } from '../calls/sendMessage';
+import { addApiListener, dispatchApiEvent, removeApiListener } from '../helper/apiListenerHelper';
 export class AppWrapper {
   mapOldApiToNew(retVal) {
     var _window, _window2, _AppInfo$TappSelected;
@@ -86,56 +88,89 @@ export class AppWrapper {
   }
   constructor() {
     _defineProperty(this, "values", null);
-    _defineProperty(this, "accessToken", "");
+    _defineProperty(this, "accessToken", '');
     _defineProperty(this, "counter", 0);
     _defineProperty(this, "functions", {
       getAccessToken: async () => ({
         accessToken: this.accessToken
       }),
-      // addGeoLocationListener: async (value , callback) => {
-      //     return invokeAppCall({
-      //         'action': 14,
-      //         'value': {
-      //             'permanent': false,
-      //             callback: callback
-      //         }
-      //     });
-      // },
-      // addScrollListener: async (value, callback) => {
-      //
-      // },
+      addGeoLocationListener: async (value, callback) => {
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('geoLocationListener', callback);
+        if (shouldInitialize) {
+          this.appCall(14, {
+            permanent: true
+          }, {
+            callback: v => {
+              var _v$accuracy, _v$code;
+              dispatchApiEvent('geoLocationListener', {
+                latitude: v.latitude,
+                longitude: v.longitude,
+                accuracy: (_v$accuracy = v.accuracy) !== null && _v$accuracy !== void 0 ? _v$accuracy : null,
+                speed: v.speed,
+                code: (_v$code = v.code) !== null && _v$code !== void 0 ? _v$code : null
+              });
+            }
+          });
+        }
+        return id;
+      },
+      addScrollListener: async (value, callback) => {
+        let throttledCallback = callback;
+        if (value.throttle) {
+          throttledCallback = throttle(callback, value.throttle);
+        }
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('scrollListener', throttledCallback);
+        if (shouldInitialize) {
+          window.addEventListener('scroll', this.scrollListener = () => {
+            void (async () => {
+              dispatchApiEvent('scrollListener', {
+                scrollX: window.scrollX,
+                scrollY: window.scrollY
+              });
+            })();
+          });
+        }
+        return id;
+      },
       addVisibilityChangeListener: async callback => {
+        const {
+          id,
+          shouldInitialize
+        } = addApiListener('visibilityChangeListener', callback);
+        if (shouldInitialize) {
+          this.appCall(60, {}, {
+            callback: v => {
+              dispatchApiEvent('visibilityChangeListener', {
+                isVisible: v.tappEvent === TappEvent.OnShow,
+                tappEvent: v.tappEvent
+              });
+            }
+          });
+        }
+        return id;
+      },
+      addWindowMetricsListener: async callback => {
         const {
           id,
           shouldInitialize
         } = addApiListener('windowMetricsListener', callback);
-        this.appCall(60, {}, {
-          callback: v => {
-            console.log("v", v);
-            dispatchApiEvent("windowMetricsListener", {
-              isVisible: v.tappEvent === TappEvent.OnShow,
-              tappEvent: v.tappEvent
-            });
-          }
-        });
+        if (shouldInitialize) {
+          window.addEventListener('resize', this.resizeListener = () => {
+            void (async () => {
+              dispatchApiEvent('windowMetricsListener', await this.functions.getWindowMetrics());
+            })();
+          });
+        }
         return id;
       },
-      // addWindowMetricsListener: async (callback) => {
-      //     const { id, shouldInitialize } = addApiListener('windowMetricsListener', callback);
-      //
-      //     if (shouldInitialize) {
-      //         window.addEventListener('resize', this.resizeListener = () => {
-      //             void (async() => {
-      //                 dispatchApiEvent('windowMetricsListener', {
-      //
-      //                 });
-      //             })();
-      //         })
-      //     }
-      //     return id;
-      // },
       customCallbackFunction: async () => {
-        this.notImplemented("customCallbackFunction");
+        this.notImplemented('customCallbackFunction');
       },
       getAvailableSharingServices: async () => {
         const res = await this.appCall(79);
@@ -224,9 +259,9 @@ export class AppWrapper {
           awaitResult: false
         });
       },
-      // openUrl: async (value) => {
-      //
-      // },
+      openUrl: async value => {
+        window.open(value.url);
+      },
       openVideo: async value => {
         this.appCall(15, {
           url: value.url
@@ -240,19 +275,41 @@ export class AppWrapper {
         });
       },
       refreshData: async value => {
-        this.notImplemented("refreshData");
-      },
-      // removeGeoLocationListener: async (id) => {
-      // },
-      // removeScrollListener: async (id) => {
-      // },
-      removeVisibilityChangeListener(number) {
-        removeVisibilityChangeListener(number);
-        return Promise.resolve();
-      },
-      // removeWindowMetricsListener: async (id) => {
-      //
-      // },
+        this.notImplemented('refreshData');
+      },
+      removeGeoLocationListener: async id => {
+        const {
+          shouldRemove
+        } = removeApiListener('geoLocationListener', id);
+        if (shouldRemove) {
+          // App does not support removal of request geo location call with permanent true which makes this a no-op
+        }
+      },
+      removeScrollListener: async id => {
+        const {
+          shouldRemove
+        } = removeApiListener('scrollListener', id);
+        if (shouldRemove && this.scrollListener) {
+          window.removeEventListener('scroll', this.scrollListener);
+          this.scrollListener = null;
+        }
+      },
+      removeVisibilityChangeListener: async id => {
+        const {
+          shouldRemove
+        } = removeApiListener('visibilityChangeListener', id);
+        if (shouldRemove) {
+          // App does not support removal of onActivate callback which makes this a no-op
+        }
+      },
+      removeWindowMetricsListener: async id => {
+        const shouldRemove = removeApiListener('windowMetricsListener', id);
+        if (shouldRemove) {
+          void this.exposedFunctions.removeWindowMetricsListener(id);
+          if (this.resizeListener) window.removeEventListener('resize', this.resizeListener);
+          this.resizeListener = null;
+        }
+      },
       selectPage: async options => {
         void this.appCall(2, {
           id: options.id,
@@ -283,7 +340,7 @@ export class AppWrapper {
         return sendMessageToUser(this, message, userId);
       },
       setAdminMode: async () => {
-        this.notImplemented("setAdminMode");
+        this.notImplemented('setAdminMode');
       },
       setDisplayTimeout: async enabled => {
         this.appCall(94, {
@@ -308,10 +365,10 @@ export class AppWrapper {
         }, callback));
       },
       setHeight: async () => {
-        this.notImplemented("setOverlay");
+        this.notImplemented('setOverlay');
       },
       setOverlay: async () => {
-        this.notImplemented("setOverlay");
+        this.notImplemented('setOverlay');
       },
       setRefreshScrollEnabled: async isEnabled => {
         this.appCall(0, {
@@ -327,7 +384,7 @@ export class AppWrapper {
         return await this.appCall(34, value);
       },
       setTempDesignSettings: async () => {
-        this.notImplemented("setTempDesignSettings");
+        this.notImplemented('setTempDesignSettings');
       },
       setWaitCursor: async value => {
         void this.appCall(1, {
@@ -401,7 +458,7 @@ export class AppWrapper {
         }
         resolve((_v$retVal2 = v === null || v === void 0 ? void 0 : v.retVal) !== null && _v$retVal2 !== void 0 ? _v$retVal2 : v);
       };
-      value.callback = "window." + callbackName;
+      value.callback = 'window.' + callbackName;
       invokeAppCall({
         action,
         value

package/dist/esm/wrapper/FrameWrapper.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import * as comlink from 'comlink';
 import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { ChaynsReactFunctions, ChaynsReactValues, IChaynsReact } from '../types/IChaynsReact';
 export declare const moduleWrapper: {
     current: IChaynsReact;
@@ -8,6 +8,7 @@ type ChaynsProviderProps = {
     functions?: ChaynsReactFunctions;
     renderedByServer?: boolean;
     isModule?: boolean;
+    children?: ReactNode;
 };
 declare const ChaynsProvider: React.FC<ChaynsProviderProps>;
 export default ChaynsProvider;

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

@@ -2,6 +2,7 @@ import { FC, ReactNode } from "react";
 type TaskList = (TaskList | Promise<unknown> | (() => Promise<unknown>))[];
 export declare const WaitUntil: FC<{
     tasks: TaskList;
+    children?: ReactNode;
     loadingComponent?: ReactNode;
 }>;
 export {};

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, Page } from '../../types/IChaynsReact';
 export type TypeSystem = {
     scope: string;
@@ -19,6 +19,7 @@ type ModulePropTypes = {
     customData: any;
     environment: ChaynsReactValues["environment"];
     preventStagingReplacement?: boolean;
+    children?: ReactNode;
 };
 declare const ModuleHost: FC<ModulePropTypes>;
 export default ModuleHost;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.0.8",
+    "version": "1.0.10",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -35,7 +35,7 @@
     },
     "dependencies": {
         "@types/semver": "^7.3.9",
-        "comlink": "^4.3.1",
+        "comlink": "^4.4.1",
         "detect-browser": "^5.2.1",
         "htmlescape": "^1.1.1",
         "lodash.throttle": "^4.1.1",
@@ -46,8 +46,8 @@
         "use-context-selector": "^1.3.9"
     },
     "devDependencies": {
-        "@babel/cli": "^7.16.0",
-        "@babel/core": "^7.16.0",
+        "@babel/cli": "^7.20.7",
+        "@babel/core": "^7.20.12",
         "@babel/preset-env": "^7.16.4",
         "@babel/preset-react": "^7.16.0",
         "@babel/preset-typescript": "^7.16.0",
@@ -56,18 +56,17 @@
         "@types/htmlescape": "^1.1.1",
         "@types/lodash.throttle": "^4.1.6",
         "@types/prop-types": "^15.7.3",
-        "@types/react": "^17.0.37",
+        "@types/react": "^17.0.53",
         "@types/react-dom": "^17.0.11",
-        "@typescript-eslint/parser": "^5.4.0",
-        "chayns-toolkit": "^2.0.0-beta.21",
-        "concurrently": "^6.5.1",
+        "@typescript-eslint/parser": "^5.50.0",
+        "concurrently": "^7.6.0",
         "cross-env": "^7.0.3",
         "postcss-prefix-selector": "^1.13.0",
         "prettier": "^2.5.0",
         "prettier-plugin-packagejson": "^2.2.15",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "typescript": "^4.5.2"
+        "typescript": "^4.9.5"
     },
     "peerDependencies": {
         "react": "^16.8 || ^17.0.1",

package/toolkit.config.js

@@ -1,52 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-const packageJson = require('./package.json');
-const webpack = require('webpack');
-const { ModuleFederationPlugin } = webpack.container;
-const path = require('path');
-
-/**
- * Your `chayns-toolkit.json`-file was automatically converted into this
- * JavaScript configuration file, which will be the configuration format going
- * forward.
- */
-
-module.exports = {
-    development: {
-        host: '0.0.0.0',
-        port: parseInt(process.env.DEV_PORT, 10) || 8083,
-        cert: '//fs1/ssl/tobitag.crt',
-        key: '//fs1/ssl/tobitag.key',
-    },
-    webpack(config, { dev }) {
-        config.output.uniqueName = `module-chayns-api`;
-
-        config.plugins.push(
-            new ModuleFederationPlugin({
-                name: 'chayns_api_module2',
-                filename: 'remoteEntry.js',
-                exposes: {
-                    './index': './src/index',
-                    './ChaynsProvider': './src/components/ChaynsProvider'
-                },
-                shared: {
-                    react: {
-                        requiredVersion: packageJson.peerDependencies?.react || packageJson.dependencies?.react
-                    },
-                    'react-dom': {
-                        requiredVersion: packageJson.peerDependencies?.["react-dom"] || packageJson.dependencies?.["react-dom"]
-                    }
-                }
-            })
-        )
-        config.output.chunkLoadingGlobal = `webpackChunkchayns_api__${process.env.BUILD_ENV || process.env.NODE_ENV}__${process.env.VERSION}`;
-
-        config.resolve.alias = {
-            react: path.resolve('./node_modules/react'),
-            //'react-dom': path.resolve('./node_modules/react-dom')
-        };
-
-        delete config.optimization.splitChunks;
-
-        return config;
-    }
-};