chayns-api 1.0.11 → 1.1.0-0

package/dist/cjs/hooks/addWindowMetricsListener.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddApiListener = exports.ApiListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+let ApiListener;
+exports.ApiListener = ApiListener;
+
+(function (ApiListener) {
+  ApiListener["GeoLocation"] = "GeoLocation";
+  ApiListener["Scroll"] = "Scroll";
+  ApiListener["WindowMetrics"] = "WindowMetrics";
+})(ApiListener || (exports.ApiListener = ApiListener = {}));
+
+const useAddApiListener = type => {
+  const addFunctionName = `add${type}Listener`;
+  const removeFunctionName = `remove${type}Listener`;
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[addFunctionName]);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v[removeFunctionName]);
+  let promise;
+  return (0, _react.useCallback)((...args) => {
+    promise = addListener(...args);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useAddApiListener = useAddApiListener;

package/dist/cjs/hooks/geoLocation.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGeoLocationListener = exports.useGeoLocation = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useGeoLocationListener = () => {
+  const addGeoLocationListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addGeoLocationListener);
+  const removeGeoLocationListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.removeGeoLocationListener);
+  let promise;
+  return (0, _react.useCallback)((value, callback) => {
+    promise = addGeoLocationListener(value, callback);
+    return () => {
+      promise.then(removeGeoLocationListener);
+    };
+  }, []);
+};
+
+exports.useGeoLocationListener = useGeoLocationListener;
+
+const useGeoLocation = ({
+  enabled = true,
+  timeout = 0
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addGeoLocationListener = useGeoLocationListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addGeoLocationListener({
+        timeout
+      }, setValue);
+    }
+
+    return undefined;
+  }, [enabled, timeout, addGeoLocationListener]);
+  return {
+    value
+  };
+};
+
+exports.useGeoLocation = useGeoLocation;

package/dist/cjs/hooks/geoLocationListener.js

@@ -7,8 +7,8 @@ exports.useGeoLocationListener = exports.useGeoLocation = void 0;
 var _useContextSelector = require("use-context-selector");
 var _react = require("react");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useGeoLocationListener = () => {
   const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addGeoLocationListener);
@@ -23,8 +23,8 @@ const useGeoLocationListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useGeoLocationListener = useGeoLocationListener;
 const useGeoLocation = ({

package/dist/cjs/hooks/index.js

@@ -33,6 +33,18 @@ Object.defineProperty(exports, "useDevice", {
     return _useDevice.useDevice;
   }
 });
+Object.defineProperty(exports, "useDialogData", {
+  enumerable: true,
+  get: function () {
+    return _useDialogState.useDialogData;
+  }
+});
+Object.defineProperty(exports, "useDialogState", {
+  enumerable: true,
+  get: function () {
+    return _useDialogState.useDialogState;
+  }
+});
 Object.defineProperty(exports, "useEnvironment", {
   enumerable: true,
   get: function () {
@@ -156,4 +168,5 @@ var _useLanguage = require("./useLanguage");
 var _useValues = require("./useValues");
 var _useFunctions = require("./useFunctions");
 var _useCurrentPage = require("./useCurrentPage");
-var _useCustomData = require("./useCustomData");
+var _useCustomData = require("./useCustomData");
+var _useDialogState = require("./useDialogState");

package/dist/cjs/hooks/scrollListener.js

@@ -8,8 +8,8 @@ var _useContextSelector = require("use-context-selector");
 var _react = require("react");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _windowMetricsListener = require("./windowMetricsListener");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useScrollListener = () => {
   const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addScrollListener);
@@ -24,8 +24,8 @@ const useScrollListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useScrollListener = useScrollListener;
 const useScrollPosition = ({
@@ -52,8 +52,8 @@ const useScrollPosition = ({
   }, [getScrollPosition]);
   return value;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useScrollPosition = useScrollPosition;
 const useScrollOffsetTop = ({
@@ -75,8 +75,8 @@ const useScrollOffsetTop = ({
   }
   return 0;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useScrollOffsetTop = useScrollOffsetTop;
 const useScrollOffsetBottom = ({

package/dist/cjs/hooks/useAccessToken.js

@@ -7,8 +7,8 @@ exports.useAccessToken = void 0;
 var _react = require("react");
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useAccessToken = accessToken => {
   const [token, setToken] = (0, _react.useState)(null);

package/dist/cjs/hooks/useAddGeoLocationListener.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddGeoLocationListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useAddGeoLocationListener = () => {
+  const addGeoLocationListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addGeoLocationListener);
+  const removeGeoLocationListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeGeoLocationListener);
+  let promise;
+  return (0, _react.useCallback)((value, callback) => {
+    promise = addGeoLocationListener(value, callback);
+    return () => {
+      promise.then(removeGeoLocationListener);
+    };
+  }, []);
+};
+
+exports.useAddGeoLocationListener = useAddGeoLocationListener;

package/dist/cjs/hooks/useAddScrollListener.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollPosition = exports.useScrollListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useScrollListener = () => {
+  const addScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addScrollListener);
+  const removeScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeScrollListener);
+  let promise;
+  return (0, _react.useCallback)((value, callback) => {
+    promise = addScrollListener(value, callback);
+    return () => {
+      promise.then(removeScrollListener);
+    };
+  }, []);
+};
+
+exports.useScrollListener = useScrollListener;
+
+const useScrollPosition = ({
+  enabled = true,
+  throttle = 200
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addScrollListener = useScrollListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addScrollListener({
+        throttle
+      }, setValue);
+    }
+
+    return undefined;
+  }, [enabled, throttle, addScrollListener]);
+  return {
+    value
+  };
+};
+
+exports.useScrollPosition = useScrollPosition;

package/dist/cjs/hooks/useAddWindowMetricsListener.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWindowMetricsListener = exports.useWindowMetrics = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useWindowMetricsListener = () => {
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addWindowMetricsListener);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeWindowMetricsListener);
+  let promise;
+  return (0, _react.useCallback)(callback => {
+    promise = addListener(callback);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useWindowMetricsListener = useWindowMetricsListener;
+
+const useWindowMetrics = ({
+  enabled = true
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addListener = useWindowMetricsListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addListener(setValue);
+    }
+
+    return undefined;
+  }, [enabled, addListener]);
+  return {
+    value
+  };
+};
+
+exports.useWindowMetrics = useWindowMetrics;

package/dist/cjs/hooks/useAdddScrollListener.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAddScrollListener = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useAddScrollListener = () => {
+  const addScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addScrollListener);
+  const removeScrollListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeScrollListener);
+  let promise;
+  return (0, _react.useCallback)((value, callback) => {
+    promise = addScrollListener(value, callback);
+    return () => {
+      promise.then(removeScrollListener);
+    };
+  }, []);
+};
+
+exports.useAddScrollListener = useAddScrollListener;

package/dist/cjs/hooks/useCurrentPage.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCurrentPage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useCurrentPage = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.currentPage);
 exports.useCurrentPage = useCurrentPage;

package/dist/cjs/hooks/useCustomData.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCustomData = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useCustomData = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.customData);
 exports.useCustomData = useCustomData;

package/dist/cjs/hooks/useDevice.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDevice = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useDevice = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.device);
 exports.useDevice = useDevice;

package/dist/cjs/hooks/useDialogState.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialogState = exports.useDialogData = void 0;
+var _useContextSelector = require("use-context-selector");
+var _ChaynsContext = require("../components/ChaynsContext");
+/**
+ * @category Hooks
+ */
+const useDialogState = () => {
+  const closeDialog = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.closeDialog);
+  const isClosingRequested = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => {
+    var _v$dialog;
+    return v === null || v === void 0 ? void 0 : (_v$dialog = v.dialog) === null || _v$dialog === void 0 ? void 0 : _v$dialog.isClosingRequested;
+  });
+  return {
+    closeDialog,
+    isClosingRequested
+  };
+};
+
+/**
+ * @category Hooks
+ */
+exports.useDialogState = useDialogState;
+const useDialogData = () => {
+  const inputData = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => {
+    var _v$dialog2;
+    return v === null || v === void 0 ? void 0 : (_v$dialog2 = v.dialog) === null || _v$dialog2 === void 0 ? void 0 : _v$dialog2.dialogInput;
+  });
+  return inputData;
+};
+exports.useDialogData = useDialogData;

package/dist/cjs/hooks/useEnvironment.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEnvironment = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useEnvironment = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.environment);
 exports.useEnvironment = useEnvironment;

package/dist/cjs/hooks/useFunction.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFunction = void 0;
+var _useContextSelector = require("use-context-selector");
+var _ChaynsContext = require("../components/ChaynsContext");
+const useFunction = name => {
+  const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, f => f ? f[name] : null);
+  return t;
+};
+exports.useFunction = useFunction;

package/dist/cjs/hooks/useFunctions.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useFunctions = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useFunctions = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, f => f || {});

package/dist/cjs/hooks/useIsAdminMode.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIsAdminMode = void 0;
 var _useContextSelector2 = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useIsAdminMode = () => {
   var _useContextSelector;

package/dist/cjs/hooks/useLanguage.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useLanguage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useLanguage = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.language);
 exports.useLanguage = useLanguage;

package/dist/cjs/hooks/usePages.js

@@ -7,8 +7,8 @@ exports.usePages = exports.usePage = exports.getPage = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _ChaynsProvider = require("../components/ChaynsProvider");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const usePages = ({
   siteId
@@ -21,8 +21,8 @@ const usePages = ({
   }
   return pages;
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.usePages = usePages;
 const usePage = ({

package/dist/cjs/hooks/useParameters.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useParameters = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useParameters = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.parameters) || []);
 exports.useParameters = useParameters;

package/dist/cjs/hooks/useSite.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSite = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useSite = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v === null || v === void 0 ? void 0 : v.site);
 exports.useSite = useSite;

package/dist/cjs/hooks/useUser.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useUser = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useUser = () => (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => (v === null || v === void 0 ? void 0 : v.user) || {});
 exports.useUser = useUser;

package/dist/cjs/hooks/useValues.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useValues = void 0;
 var _useContextSelector = require("use-context-selector");
 var _ChaynsContext = require("../components/ChaynsContext");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useValues = () => {
   const t = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsContext, v => v || {});

package/dist/cjs/hooks/windowMetrics.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWindowMetricsListener = exports.useWindowMetrics = void 0;
+
+var _useContextSelector = require("use-context-selector");
+
+var _ChaynsContext = require("../components/ChaynsContext");
+
+var _react = require("react");
+
+const useWindowMetricsListener = () => {
+  const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.addWindowMetricsListener);
+  const removeListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v === null || v === void 0 ? void 0 : v.removeWindowMetricsListener);
+  let promise;
+  return (0, _react.useCallback)(callback => {
+    promise = addListener(callback);
+    return () => {
+      promise.then(removeListener);
+    };
+  }, []);
+};
+
+exports.useWindowMetricsListener = useWindowMetricsListener;
+
+const useWindowMetrics = ({
+  enabled = true
+} = {}) => {
+  const [value, setValue] = (0, _react.useState)(null);
+  const addListener = useWindowMetricsListener();
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      return addListener(setValue);
+    }
+
+    return undefined;
+  }, [enabled, addListener]);
+  return {
+    value
+  };
+};
+
+exports.useWindowMetrics = useWindowMetrics;

package/dist/cjs/hooks/windowMetricsListener.js

@@ -8,8 +8,8 @@ var _useContextSelector = require("use-context-selector");
 var _react = require("react");
 var _ChaynsContext = require("../components/ChaynsContext");
 var _IChaynsReact = require("../types/IChaynsReact");
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 const useWindowMetricsListener = () => {
   const addListener = (0, _useContextSelector.useContextSelector)(_ChaynsContext.ChaynsFunctionsContext, v => v.addWindowMetricsListener);
@@ -24,8 +24,8 @@ const useWindowMetricsListener = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-/**
- * @category Hooks
+/**
+ * @category Hooks
  */
 exports.useWindowMetricsListener = useWindowMetricsListener;
 const useWindowMetrics = ({

package/dist/cjs/host/ChaynsHost.js

@@ -28,7 +28,8 @@ const ChaynsHost = ({
   parameters,
   customData,
   environment,
-  preventStagingReplacement
+  preventStagingReplacement,
+  dialog
 }) => {
   switch (type) {
     case 'client-iframe':
@@ -47,7 +48,8 @@ const ChaynsHost = ({
         parameters: parameters,
         environment: environment,
         customData: customData,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'client-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
@@ -64,7 +66,8 @@ const ChaynsHost = ({
         parameters: parameters,
         customData: customData,
         environment: environment,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'server-iframe':
       return /*#__PURE__*/_react.default.createElement(_HostIframe.default, {
@@ -83,7 +86,8 @@ const ChaynsHost = ({
         parameters: parameters,
         environment: environment,
         customData: customData,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       });
     case 'server-module':
       return /*#__PURE__*/_react.default.createElement(_ModuleHost.default, {
@@ -99,7 +103,8 @@ const ChaynsHost = ({
         parameters: parameters,
         customData: customData,
         environment: environment,
-        preventStagingReplacement: preventStagingReplacement
+        preventStagingReplacement: preventStagingReplacement,
+        dialog: dialog
       }, children);
     default:
       return null;