chayns-api 1.0.11 → 1.1.0-0

package/dist/cjs/host/HostIframe.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var comlink = _interopRequireWildcard(require("comlink"));
+
+var _postIframeForm = _interopRequireDefault(require("../util/postIframeForm"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const HostIframe = ({
+  iFrameProps,
+  src,
+  postForm = false,
+  iFrameRef,
+  // shallow data
+  pages,
+  isAdminModeActive,
+  site,
+  user,
+  currentPage,
+  functions,
+  device
+}) => {
+  const eventTarget = (0, _react.useRef)();
+  const ref = (0, _react.useRef)();
+  const currentDataRef = (0, _react.useRef)();
+
+  if (!eventTarget.current) {
+    eventTarget.current = global.EventTarget ? new EventTarget() : undefined;
+  }
+
+  const setHeight = value => {
+    if (ref.current) {
+      ref.current.height = `${value}px`;
+    }
+  }; // region initialData
+
+
+  const initialData = {
+    site,
+    isAdminModeActive,
+    pages,
+    currentPage,
+    device,
+    user
+  }; // endregion
+
+  currentDataRef.current = initialData; // region postIframeForm
+
+  (0, _react.useEffect)(() => {
+    if (postForm) {
+      void (0, _postIframeForm.default)(src, JSON.stringify({ ...initialData,
+        pages: undefined
+      }), 'chayns', iFrameProps.name);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, []); // endregion
+
+  console.debug('functions', functions); // region expose data and functions to iframe
+
+  (0, _react.useEffect)(() => {
+    var _ref$current;
+
+    if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contentWindow) {
+      const obj = {
+        [iFrameProps.name]: {
+          functions: { ...functions,
+            setHeight
+          },
+          addDataListener: cb => {
+            if (eventTarget.current) eventTarget.current.addEventListener('data_update', e => e.detail && cb(e.detail));
+          },
+          getInitialData: () => currentDataRef.current
+        }
+      };
+      comlink.expose(obj, comlink.windowEndpoint(ref.current.contentWindow));
+      ref.current.contentWindow.postMessage('chayns-api-host-ready', '*'); // https://github.com/GoogleChromeLabs/comlink/pull/469 might be better approach once released
+
+      return () => {
+        delete obj[iFrameProps.name];
+      };
+    }
+
+    return undefined; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // endregion
+  // region dispatch data update
+
+  (0, _react.useEffect)(() => {
+    if (eventTarget.current) {
+      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
+        detail: {
+          type: 'isAdminModeActive',
+          value: isAdminModeActive
+        }
+      }));
+    }
+  }, [isAdminModeActive]);
+  (0, _react.useEffect)(() => {
+    if (eventTarget.current) {
+      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
+        detail: {
+          type: 'user',
+          value: user
+        }
+      }));
+    }
+  }, [user]);
+  (0, _react.useEffect)(() => {
+    if (eventTarget.current) {
+      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
+        detail: {
+          type: 'site',
+          value: site
+        }
+      }));
+    }
+  }, [site]);
+  (0, _react.useEffect)(() => {
+    if (eventTarget.current) {
+      eventTarget.current.dispatchEvent(new CustomEvent('data_update', {
+        detail: {
+          type: 'pages',
+          value: pages
+        }
+      }));
+    }
+  }, [pages]); // endregion
+
+  return /*#__PURE__*/_react.default.createElement("iframe", _extends({
+    ref: r => {
+      ref.current = r;
+
+      if (iFrameRef) {
+        // eslint-disable-next-line no-param-reassign
+        iFrameRef.current = r;
+      }
+    },
+    title: " "
+  }, iFrameProps, {
+    src: postForm ? undefined : src
+  }));
+};
+
+var _default = HostIframe;
+exports.default = _default;

package/dist/cjs/host/ModuleHost.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+const ModuleHost = ({}) => {};
+
+var _default = ModuleHost;
+exports.default = _default;

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

@@ -30,7 +30,8 @@ const HostIframe = ({
   parameters,
   environment,
   customData,
-  preventStagingReplacement
+  preventStagingReplacement,
+  dialog
 }) => {
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
@@ -56,7 +57,8 @@ const HostIframe = ({
     language,
     parameters,
     environment,
-    customData
+    customData,
+    dialog
   };
   // endregion
 
@@ -116,6 +118,7 @@ const HostIframe = ({
   (0, _useUpdateData.default)(eventTarget.current, 'parameters', parameters);
   (0, _useUpdateData.default)(eventTarget.current, 'environment', environment);
   (0, _useUpdateData.default)(eventTarget.current, 'customData', customData);
+  (0, _useUpdateData.default)(eventTarget.current, 'dialog', dialog);
   // endregion
 
   return /*#__PURE__*/_react.default.createElement("iframe", _extends({

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

@@ -50,6 +50,7 @@ const ModuleHost = ({
   language,
   parameters,
   customData,
+  dialog,
   environment,
   preventStagingReplacement
 }) => {
@@ -68,6 +69,9 @@ const ModuleHost = ({
   if (user) {
     initialData.user = user;
   }
+  if (dialog) {
+    initialData.dialog = dialog;
+  }
   // endregion
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadComponent = loadComponent;
+
+function loadComponent(scope, module) {
+  return async () => {
+    // Initializes the shared scope. Fills it with known provided modules from this build and all remotes
+    // eslint-disable-next-line no-undef
+    // @ts-expect-error
+    await __webpack_init_sharing__('default');
+    const container = window[scope]; // or get the container somewhere else
+    // Initialize the container, it may provide shared modules
+    // eslint-disable-next-line no-undef
+    // @ts-expect-error
+
+    await container.init(__webpack_share_scopes__.default); // @ts-expect-error
+
+    const factory = await window[scope].get(module);
+    const Module = factory();
+    return Module;
+  };
+}

package/dist/cjs/index.example.js

@@ -0,0 +1,7 @@
+"use strict";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+Promise.resolve().then(() => _interopRequireWildcard(require('./bootstrap')));

package/dist/cjs/index2.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  RealChaynsProvider: true,
+  getDeviceInfo: true,
+  ChaynsHost: true
+};
+Object.defineProperty(exports, "ChaynsHost", {
+  enumerable: true,
+  get: function () {
+    return _ChaynsHost.default;
+  }
+});
+Object.defineProperty(exports, "RealChaynsProvider", {
+  enumerable: true,
+  get: function () {
+    return _ChaynsProvider.default;
+  }
+});
+Object.defineProperty(exports, "getDeviceInfo", {
+  enumerable: true,
+  get: function () {
+    return _deviceHelper.default;
+  }
+});
+
+var _ChaynsProvider = _interopRequireDefault(require("./components/ChaynsProvider"));
+
+var _deviceHelper = _interopRequireDefault(require("./util/deviceHelper"));
+
+var _ChaynsHost = _interopRequireDefault(require("./host/ChaynsHost"));
+
+var _calls = require("./calls");
+
+Object.keys(_calls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _calls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _calls[key];
+    }
+  });
+});
+
+var _hooks = require("./hooks");
+
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/types/DynamicApiImport.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/DynamicImport.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/types/IChaynsReact.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DeviceOs = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
+exports.TappEvent = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnviroment = exports.Language = exports.IconType = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.Environment = exports.DialogType = exports.DialogButtonType = exports.DeviceOs = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AccessMode = void 0;
+let DialogButtonType;
+exports.DialogButtonType = DialogButtonType;
+(function (DialogButtonType) {
+  DialogButtonType[DialogButtonType["OK"] = 1] = "OK";
+  DialogButtonType[DialogButtonType["CANCEL"] = -1] = "CANCEL";
+  DialogButtonType[DialogButtonType["NEGATIVE"] = 0] = "NEGATIVE";
+})(DialogButtonType || (exports.DialogButtonType = DialogButtonType = {}));
 let ScreenSize;
 exports.ScreenSize = ScreenSize;
 (function (ScreenSize) {
@@ -258,4 +265,17 @@ var selectType;
 (function (selectType) {
   selectType[selectType["DEFAULT"] = 0] = "DEFAULT";
   selectType[selectType["ICON"] = 1] = "ICON";
-})(selectType || (selectType = {}));
+})(selectType || (selectType = {}));
+let DialogType;
+exports.DialogType = DialogType;
+(function (DialogType) {
+  DialogType["ALERT"] = "alert";
+  DialogType["CONFIRM"] = "confirm";
+  DialogType["DATE"] = "date";
+  DialogType["FILE_SELECT"] = "fileSelect";
+  DialogType["IFRAME"] = "iframe";
+  DialogType["MODULE"] = "module";
+  DialogType["INPUT"] = "input";
+  DialogType["SELECT"] = "select";
+  DialogType["TOAST"] = "toast";
+})(DialogType || (exports.DialogType = DialogType = {}));

package/dist/cjs/types/chayns-components.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/types/chayns-logger.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/types/chayns.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/types/tobit-websocket-service-client.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/types/toolkit-types.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/util/deviceHelper.js

@@ -35,7 +35,7 @@ const getDeviceInfo = (userAgent, acceptHeader) => {
   result.accessToken = undefined; // TODO
   result.os = parsedUA === null || parsedUA === void 0 ? void 0 : parsedUA.os;
   if (typeof window !== 'undefined') {
-    result.screenSize = getScreenSize(window.innerWidth);
+    result.screenSize = getScreenSize(window.innerWidth, window.innerHeight);
   } else {
     // estimate size over user agent, very inaccurate, could be improved by setting a cookie with the screensize
     const screenSizeByUA = /mobi/i.test(userAgent) ? _IChaynsReact.ScreenSize.SM : _IChaynsReact.ScreenSize.XL;
@@ -49,15 +49,16 @@ const getClientDeviceInfo = () => ({
   isTouch: navigator.maxTouchPoints > 0 && window.matchMedia('(pointer: coarse)')
 });
 exports.getClientDeviceInfo = getClientDeviceInfo;
-const getScreenSize = width => {
+const getScreenSize = (width, height) => {
+  const size = Math.max(width, height);
   let value;
-  if (width > 1200) {
+  if (size > 1200) {
     value = _IChaynsReact.ScreenSize.XL;
-  } else if (width > 993) {
+  } else if (size > 993) {
     value = _IChaynsReact.ScreenSize.LG;
-  } else if (width > 769) {
+  } else if (size > 769) {
     value = _IChaynsReact.ScreenSize.MD;
-  } else if (width > 556) {
+  } else if (size > 556) {
     value = _IChaynsReact.ScreenSize.SM;
   } else {
     value = _IChaynsReact.ScreenSize.XS;

package/dist/cjs/util/useFunctionsContext.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFunctionsContext = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+const useFunctionsContext = () => {
+  return (0, _useContextSelector.useContext)(_ChaynsContext.ChaynsFunctionsContext);
+};
+
+exports.useFunctionsContext = useFunctionsContext;

package/dist/cjs/util/useIsAdminMode.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsAdminMode = void 0;
+
+var _useContextSelector2 = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+const useIsAdminMode = () => {
+  var _useContextSelector;
+
+  return (_useContextSelector = (0, _useContextSelector2.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.isAdminModeActive)) !== null && _useContextSelector !== void 0 ? _useContextSelector : false;
+};
+
+exports.useIsAdminMode = useIsAdminMode;

package/dist/cjs/util/useUser.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUser = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+const useUser = () => {
+  return (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.user);
+};
+
+exports.useUser = useUser;

package/dist/cjs/wrapper/AppWrapper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AppWrapper = void 0;
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
 var _IChaynsReact = require("../types/IChaynsReact");
 var _appCall = _interopRequireDefault(require("../util/appCall"));
 var _deviceHelper = _interopRequireWildcard(require("../util/deviceHelper"));
@@ -17,6 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* eslint-disable */
 // @ts-nocheck
 
+let appWrapperDialogId = 0;
 class AppWrapper {
   values = null;
   accessToken = '';
@@ -98,6 +100,12 @@ class AppWrapper {
   notImplemented(call) {
     console.warn(`call ${call} not implement in app`);
   }
+  dispatchDialogChange(detail) {
+    this.dialogs = detail;
+    this.dialogEventTarget.dispatchEvent(new CustomEvent('change', {
+      detail
+    }));
+  }
   counter = 0;
   appCall(action, value = {}, {
     callback,
@@ -465,8 +473,39 @@ class AppWrapper {
       void this.appCall(19, value, {
         awaitResult: false
       });
+    },
+    createDialog: config => {
+      return new _DialogHandler.default(config, this.functions.openDialog, this.functions.closeDialog);
+    },
+    openDialog: async (config, callback) => {
+      const currentDialogId = appWrapperDialogId++;
+      const eventTarget = new EventTarget();
+      const resolve = result => {
+        callback(result);
+        this.dispatchDialogChange(this.dialogs.filter(x => x.dialogId !== currentDialogId));
+      };
+      this.dispatchDialogChange([...this.dialogs, {
+        config,
+        resolve,
+        dialogId: currentDialogId,
+        eventTarget
+      }]);
+      return currentDialogId;
+    },
+    closeDialog: dialogId => {
+      const dialog = this.dialogs.find(x => x.dialogId === dialogId);
+      if (dialog) {
+        dialog.resolve({
+          buttonType: -1
+        });
+      }
     }
   };
+  dialogs = [];
+  dialogEventTarget = new EventTarget();
+  getDialogEventTarget() {
+    return this.dialogEventTarget;
+  }
   async init() {
     this.values = this.mapOldApiToNew(await this.appCall(18));
     return undefined;

package/dist/cjs/wrapper/Dialog.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class DialogHandler {
+  isOpen = false;
+  constructor(config, open, close) {
+    this._open = open;
+    this._close = close;
+    this._config = config;
+  }
+  async open() {
+    if (this.isOpen) {
+      throw new Error('cannot open a dialog which is already open');
+    }
+    return new Promise(async resolve => {
+      const callback = data => {
+        this.isOpen = false;
+        resolve(data);
+      };
+      this.isOpen = true;
+      this.dialogId = await this._open(this._config, callback);
+    });
+  }
+  close(buttonType, data) {
+    if (!this.isOpen) {
+      return;
+    }
+    this.isOpen = false;
+    this._close(this.dialogId, data);
+  }
+}
+exports.default = DialogHandler;

package/dist/cjs/wrapper/DialogHandler.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class DialogHandler {
+  isOpen = false;
+  constructor(config, open, close) {
+    this._open = open;
+    this._close = close;
+    this._config = config;
+  }
+  async open() {
+    if (this.isOpen) {
+      throw new Error('cannot open a dialog which is already open');
+    }
+    return new Promise(async resolve => {
+      const callback = data => {
+        this.isOpen = false;
+        resolve(data);
+      };
+      this.isOpen = true;
+      this.dialogId = await this._open(this._config, callback);
+    });
+  }
+  close(buttonType, data) {
+    if (!this.isOpen) {
+      return;
+    }
+    this.isOpen = false;
+    this._close(this.dialogId, data);
+  }
+}
+exports.default = DialogHandler;

package/dist/cjs/wrapper/FrameWrapper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FrameWrapper = void 0;
 var comlink = _interopRequireWildcard(require("comlink"));
+var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
 var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
@@ -233,6 +234,22 @@ class FrameWrapper {
     scrollByY: async (value, duration) => {
       if (!this.initialized) await this.ready;
       return this.exposedFunctions.scrollByY(value, duration);
+    },
+    createDialog: config => {
+      const openDialog = (config, callback) => this.exposedFunctions.openDialog(config, comlink.proxy(callback));
+      return new _DialogHandler.default(config, openDialog, this.exposedFunctions.closeDialog);
+    },
+    closeDialog: async dialogId => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.closeDialog(dialogId);
+    },
+    openDialog: async (config, callback) => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.openDialog(config, comlink.proxy(callback));
+    },
+    setDialogResult: async result => {
+      if (!this.initialized) await this.ready;
+      return this.exposedFunctions.setDialogResult(result);
     }
   };
   initialized = false;

package/dist/cjs/wrapper/ModuleFederationWrapper.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ModuleFederationWrapper = void 0;
+var _DialogHandler = _interopRequireDefault(require("../handler/DialogHandler"));
 var _visibilityChangeListener = require("../calls/visibilityChangeListener");
 var _apiListenerHelper = require("../helper/apiListenerHelper");
 var _getUserInfo = _interopRequireDefault(require("../calls/getUserInfo"));
@@ -24,6 +25,9 @@ class ModuleFederationWrapper {
       // eslint-disable-next-line
       this.functions[k] = async (...args) => fn(...args);
     });
+    this.functions.createDialog = config => {
+      return new _DialogHandler.default(config, functions.openDialog, functions.closeDialog);
+    };
     this.functions.addWindowMetricsListener = async callback => {
       const {
         id,

package/dist/esm/bootstrap.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './components/App';
+ReactDOM.render( /*#__PURE__*/React.createElement(App, null), document.querySelector('#root'));