@bigbinary/neeto-thank-you-frontend 1.1.3 → 1.1.5

package/dist/index.cjs.js

@@ -6,8 +6,6 @@ var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Scrollable = require('@bigbinary/neeto-molecules/Scrollable');
 var i18next = require('i18next');
-var neetoEditor = require('@bigbinary/neeto-editor');
-var yup = require('yup');
 var classNames = require('classnames');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -19,17 +17,20 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactQuery = require('react-query');
 var axios = require('axios');
 var formik = require('formik');
+var neetoEditor = require('@bigbinary/neeto-editor');
 var Label$1 = require('@bigbinary/neetoui/Label');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Switch = require('@bigbinary/neetoui/formik/Switch');
 var reactI18next = require('react-i18next');
 var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-frontend');
+var jsxRuntime = require('react/jsx-runtime');
 var Button = require('@bigbinary/neetoui/Button');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Modal = require('@bigbinary/neetoui/Modal');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var neetoIcons = require('@bigbinary/neeto-icons');
+var yup = require('yup');
 var NeetoUIHeader = require('@bigbinary/neeto-molecules/Header');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -52,10 +53,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Scrollable__default = /*#__PURE__*/_interopDefaultLegacy(Scrollable);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
@@ -69,6 +69,7 @@ var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var NeetoUIHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIHeader);
 
 var FORM_OPTIONS = {
@@ -87,25 +88,6 @@ var DEFAULT_IMAGE_PROPERTIES = {
   imageSignedId: null,
   imageUrl: ""
 };
-var VALIDATION_SCHEMA = yup__namespace.object().shape({
-  kind: yup__namespace.string().required(),
-  message: yup__namespace.string().test("message", i18next.t("neetoThankYou.thankYou.validations.messageRequired"), function (value) {
-    return !neetoEditor.isEditorEmpty(value);
-  }),
-  socialSharingEnabled: yup__namespace.bool(),
-  showResubmitLink: yup__namespace.bool(),
-  resubmitLinkText: yup__namespace.string().when("showResubmitLink", {
-    is: true,
-    then: yup__namespace.string().required(i18next.t("neetoThankYou.thankYou.validations.resubmitLinkTextIsRequired"))
-  }),
-  redirectUrl: yup__namespace.string().when("kind", {
-    is: FORM_OPTIONS.externalLink.kind,
-    then: yup__namespace.string().url(i18next.t("neetoThankYou.thankYou.validations.invalidLink")).required(i18next.t("neetoThankYou.thankYou.validations.invalidLink")).when("kind", {
-      is: FORM_OPTIONS.customize.kind,
-      then: yup__namespace.string()
-    })
-  })
-});
 var EXTERNAL_URL_PREFIX = "https://";
 var THANK_YOU_TEXT_ALIGNMENTS = {
   left: "left",
@@ -181,8 +163,8 @@ var QUERY_KEYS = {
   THANK_YOU_PAGE: "thank-you-page"
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useShowThankYouConfiguration = function useShowThankYouConfiguration(_ref) {
   var entityId = _ref.entityId;
   return reactQuery.useQuery([QUERY_KEYS.THANK_YOU_CONFIGURATION, entityId], function () {
@@ -197,7 +179,7 @@ var useUpdateThankYouConfiguration = function useUpdateThankYouConfiguration(opt
       entityId: entityId,
       payload: payload
     });
-  }, _objectSpread$2({
+  }, _objectSpread$3({
     keysToInvalidate: [QUERY_KEYS.THANK_YOU_CONFIGURATION]
   }, options));
 };
@@ -275,43 +257,50 @@ var Image = function Image() {
     setFieldValue("imageUrl", image.url);
     setFieldValue("imageSignedId", image.signedId);
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoImageUploaderFrontend.ImageUploader, {
+  return /*#__PURE__*/jsxRuntime.jsx(neetoImageUploaderFrontend.ImageUploader, {
     className: "h-60",
-    key: values.imageUrl,
     src: values.imageUrl,
     uploadConfig: IMAGE_UPLOADER_CONFIG,
     onUploadComplete: handleImageChange
-  });
+  }, values.imageUrl);
 };
 
-var ResubmissionWarningModal = function ResubmissionWarningModal(_ref) {
-  var isOpen = _ref.isOpen,
+var ResubmissionWarningModal = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    isOpen = _ref.isOpen,
     setIsOpen = _ref.setIsOpen,
     uniqueSubmissionLink = _ref.uniqueSubmissionLink;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
     isOpen: isOpen,
     onClose: function onClose() {
       return setIsOpen(false);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoThankYou.common.alert"), "!")), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, t("neetoThankYou.thankYou.resubmissionWarning")), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
-    className: "space-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    label: t("neetoThankYou.thankYou.uniqueSubmissionLinkText"),
-    to: uniqueSubmissionLink
-  }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    label: t("neetoThankYou.common.ok"),
-    style: "text",
-    onClick: function onClick() {
-      return setIsOpen(false);
-    }
-  })));
-};
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+        style: "h3",
+        weight: "semibold",
+        children: [t("neetoThankYou.common.alert"), "!"]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
+      children: t("neetoThankYou.thankYou.resubmissionWarning")
+    }), /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"].Footer, {
+      className: "space-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        label: t("neetoThankYou.common.ok"),
+        style: "tertiary",
+        onClick: function onClick() {
+          return setIsOpen(false);
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        label: t("neetoThankYou.thankYou.uniqueSubmissionLinkText"),
+        to: uniqueSubmissionLink
+      })]
+    })]
+  });
+});
 
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Customize = function Customize(_ref) {
   var editorRef = _ref.editorRef,
     uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
@@ -319,7 +308,8 @@ var Customize = function Customize(_ref) {
     uniqueSubmissionLink = _ref.uniqueSubmissionLink,
     entityId = _ref.entityId,
     disableSocialShare = _ref.disableSocialShare,
-    disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse;
+    disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse,
+    editorProps = _ref.editorProps;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isUniqueSubmissionWarningModalOpen = _useState2[0],
@@ -345,37 +335,44 @@ var Customize = function Customize(_ref) {
   var handleResubmitLinkChange = function handleResubmitLinkChange(event) {
     uniqueSubmissionEnabled ? setIsUniqueSubmissionWarningModalOpen(true) : setFieldValue("showResubmitLink", event.target.checked);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col gap-4"
-  }, hasImageUploader && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoThankYou.thankYou.imageLabel")), /*#__PURE__*/React__default["default"].createElement(Image, null)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.FormikEditor, {
-    required: true,
-    "data-cy": "thank-you-message-editor",
-    label: t("neetoThankYou.thankYou.messageLabel"),
-    name: "message",
-    ref: editorRef
-  })), !disableSocialShare && /*#__PURE__*/React__default["default"].createElement(Switch__default["default"], {
-    label: t("neetoThankYou.thankYou.socialShareIcons"),
-    name: "socialSharingEnabled"
-  }), !disableSubmitAnotherResponse && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Switch__default["default"], {
-    label: t("neetoThankYou.thankYou.showResubmitLink"),
-    name: "showResubmitLink",
-    className: classNames__default["default"]({
-      "neeto-ui-switch--disabled": uniqueSubmissionEnabled
-    }),
-    onChange: handleResubmitLinkChange
-  }), values.showResubmitLink && /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
-    required: true,
-    label: t("neetoThankYou.thankYou.resubmitLinkText"),
-    name: "resubmitLinkText"
-  })), /*#__PURE__*/React__default["default"].createElement(ResubmissionWarningModal, {
-    uniqueSubmissionLink: uniqueSubmissionLink,
-    isOpen: isUniqueSubmissionWarningModalOpen,
-    setIsOpen: setIsUniqueSubmissionWarningModalOpen
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col gap-4",
+    children: [hasImageUploader && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        children: t("neetoThankYou.thankYou.imageLabel")
+      }), /*#__PURE__*/jsxRuntime.jsx(Image, {})]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col gap-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoEditor.FormikEditor, _objectSpread$2({
+        required: true,
+        "data-cy": "thank-you-message-editor",
+        label: t("neetoThankYou.thankYou.messageLabel"),
+        name: "message",
+        ref: editorRef
+      }, editorProps))
+    }), !disableSocialShare && /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+      label: t("neetoThankYou.thankYou.socialShareIcons"),
+      name: "socialSharingEnabled"
+    }), !disableSubmitAnotherResponse && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+        label: t("neetoThankYou.thankYou.showResubmitLink"),
+        name: "showResubmitLink",
+        className: classNames__default["default"]({
+          "neeto-ui-switch--disabled": uniqueSubmissionEnabled
+        }),
+        onChange: handleResubmitLinkChange
+      }), values.showResubmitLink && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        required: true,
+        label: t("neetoThankYou.thankYou.resubmitLinkText"),
+        name: "resubmitLinkText"
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(ResubmissionWarningModal, {
+      uniqueSubmissionLink: uniqueSubmissionLink,
+      isOpen: isUniqueSubmissionWarningModalOpen,
+      setIsOpen: setIsUniqueSubmissionWarningModalOpen
+    })]
+  });
 };
 
 var ENVIRONMENTS = {
@@ -405,24 +402,27 @@ var BrandingInfo = function BrandingInfo(_ref) {
   var _brandingInfo$additio;
   var brandingInfo = _ref.brandingInfo,
     appName = _ref.appName;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__branding-wrap"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__nav"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__nav-footer"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: brandingInfo.displayText,
-    components: _objectSpread$1({
-      signUpLink: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-thank-you-configuration__link",
-        href: buildSignUpUrl(appName),
-        rel: "noreferrer",
-        target: "_blank"
-      }),
-      span: /*#__PURE__*/React__default["default"].createElement("span", null)
-    }, (_brandingInfo$additio = brandingInfo.additionalComponents) !== null && _brandingInfo$additio !== void 0 ? _brandingInfo$additio : {})
-  }))));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-thank-you-configuration__branding-wrap",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-thank-you-configuration__nav",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-thank-you-configuration__nav-footer",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: brandingInfo.displayText,
+          components: _objectSpread$1({
+            signUpLink: /*#__PURE__*/jsxRuntime.jsx("a", {
+              className: "neeto-thank-you-configuration__link",
+              href: buildSignUpUrl(appName),
+              rel: "noreferrer",
+              target: "_blank"
+            }),
+            span: /*#__PURE__*/jsxRuntime.jsx("span", {})
+          }, (_brandingInfo$additio = brandingInfo.additionalComponents) !== null && _brandingInfo$additio !== void 0 ? _brandingInfo$additio : {})
+        })
+      })
+    })
+  });
 };
 
 var _ellipse, _ellipse2, _ellipse3;
@@ -457,24 +457,28 @@ var SocialShare = function SocialShare(_ref) {
     publicLinkId = _ref.publicLinkId;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__social-share"
-  }, /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: "neeto-thank-you-configuration__social-share-title"
-  }, t("neetoThankYou.thankYou.socialShareHeading")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration-social-follow"
-  }, socialHandles === null || socialHandles === void 0 ? void 0 : socialHandles.map(function (data, idx) {
-    var Icon = data.icon,
-      generateShareUrl = data.generateShareUrl;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "neeto-thank-you-configuration-social-follow__item",
-      key: idx
-    }, /*#__PURE__*/React__default["default"].createElement("a", {
-      href: generateShareUrl(publicLinkId),
-      rel: "noreferrer",
-      target: "_blank"
-    }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-thank-you-configuration__social-share",
+    children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
+      className: "neeto-thank-you-configuration__social-share-title",
+      children: t("neetoThankYou.thankYou.socialShareHeading")
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-thank-you-configuration-social-follow",
+      children: socialHandles === null || socialHandles === void 0 ? void 0 : socialHandles.map(function (data, idx) {
+        var Icon = data.icon,
+          generateShareUrl = data.generateShareUrl;
+        return /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-thank-you-configuration-social-follow__item",
+          children: /*#__PURE__*/jsxRuntime.jsx("a", {
+            href: generateShareUrl(publicLinkId),
+            rel: "noreferrer",
+            target: "_blank",
+            children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
+          })
+        }, idx);
+      })
+    })]
+  });
 };
 
 var MemoizedEditorContent = /*#__PURE__*/React__default["default"].memo(neetoEditor.EditorContent);
@@ -491,59 +495,69 @@ var Preview = function Preview(_ref) {
     values = _useFormikContext.values;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    className: "mb-3 block md:hidden",
-    lineHeight: "normal",
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoThankYou.thankYou.preview")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]("neeto-thank-you-configuration-preview", {
-      "neeto-thank-you-configuration-alignment--left": thankYouTextAlignment === THANK_YOU_TEXT_ALIGNMENTS.left,
-      "neeto-thank-you-configuration-alignment--center": thankYouTextAlignment === THANK_YOU_TEXT_ALIGNMENTS.center,
-      "pointer-events-none": !isPublished
-    })
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration-preview__browser-header"
-  }, /*#__PURE__*/React__default["default"].createElement(SvgBrowserControls, null)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration"
-  }, /*#__PURE__*/React__default["default"].createElement("main", {
-    className: "neeto-thank-you-configuration__main"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__box"
-  }, !ramda.isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__img"
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    alt: "",
-    src: values.imageUrl
-  })), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__description"
-  }, /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent, {
-    content: values.message,
-    "data-cy": "preview-editor-content"
-  })), (values === null || values === void 0 ? void 0 : values.showResubmitLink) && /*#__PURE__*/React__default["default"].createElement("a", {
-    className: "neeto-thank-you-configuration__resubmit",
-    href: resubmitLink
-  }, (_values$resubmitLinkT = values === null || values === void 0 ? void 0 : values.resubmitLinkText) !== null && _values$resubmitLinkT !== void 0 ? _values$resubmitLinkT : t("neetoThankYou.thankYou.resubmit")), (values === null || values === void 0 ? void 0 : values.socialSharingEnabled) && /*#__PURE__*/React__default["default"].createElement(SocialShare, {
-    publicLinkId: publicLinkId,
-    socialHandles: socialHandles
-  })))), (values === null || values === void 0 ? void 0 : values.brandingEnabled) && neetoCist.isPresent(brandingInfo) && /*#__PURE__*/React__default["default"].createElement(BrandingInfo, {
-    appName: appName,
-    brandingInfo: brandingInfo
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "mb-3 block md:hidden",
+      lineHeight: "normal",
+      style: "h3",
+      weight: "semibold",
+      children: t("neetoThankYou.thankYou.preview")
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: classNames__default["default"]("neeto-thank-you-configuration-preview", {
+        "neeto-thank-you-configuration-alignment--left": thankYouTextAlignment === THANK_YOU_TEXT_ALIGNMENTS.left,
+        "neeto-thank-you-configuration-alignment--center": thankYouTextAlignment === THANK_YOU_TEXT_ALIGNMENTS.center,
+        "pointer-events-none": !isPublished
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-thank-you-configuration-preview__browser-header",
+        children: /*#__PURE__*/jsxRuntime.jsx(SvgBrowserControls, {})
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-thank-you-configuration",
+        children: /*#__PURE__*/jsxRuntime.jsx("main", {
+          className: "neeto-thank-you-configuration__main",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "neeto-thank-you-configuration__box",
+            children: [!ramda.isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl) && /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "neeto-thank-you-configuration__img",
+              children: /*#__PURE__*/jsxRuntime.jsx("img", {
+                alt: "",
+                src: values.imageUrl
+              })
+            }), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "neeto-thank-you-configuration__description",
+              children: /*#__PURE__*/jsxRuntime.jsx(MemoizedEditorContent, {
+                content: values.message,
+                "data-cy": "preview-editor-content"
+              })
+            }), (values === null || values === void 0 ? void 0 : values.showResubmitLink) && /*#__PURE__*/jsxRuntime.jsx("a", {
+              className: "neeto-thank-you-configuration__resubmit",
+              href: resubmitLink,
+              children: (_values$resubmitLinkT = values === null || values === void 0 ? void 0 : values.resubmitLinkText) !== null && _values$resubmitLinkT !== void 0 ? _values$resubmitLinkT : t("neetoThankYou.thankYou.resubmit")
+            }), (values === null || values === void 0 ? void 0 : values.socialSharingEnabled) && /*#__PURE__*/jsxRuntime.jsx(SocialShare, {
+              publicLinkId: publicLinkId,
+              socialHandles: socialHandles
+            })]
+          })
+        })
+      }), (values === null || values === void 0 ? void 0 : values.brandingEnabled) && /*#__PURE__*/jsxRuntime.jsx(BrandingInfo, {
+        appName: appName,
+        brandingInfo: brandingInfo
+      })]
+    })]
+  });
 };
 
 var ExternalLink = function ExternalLink() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
     autoFocus: true,
     required: true,
     label: t("neetoThankYou.thankYou.link"),
     name: "redirectUrl",
     placeholder: EXTERNAL_URL_PREFIX,
-    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Link, null)
+    prefix: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Link, {})
   });
 };
 
@@ -551,15 +565,40 @@ var Label = function Label(_ref) {
   var label = _ref.label,
     description = _ref.description,
     kind = _ref.kind;
-  return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
     className: "neeto-ui-text-gray-700",
     "data-cy": "neeto-thank-you-configuration-".concat(neetoCist.hyphenate(kind), "-label"),
     style: "body2",
-    weight: "semibold"
-  }, label, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "block text-xs font-normal leading-snug",
-    "data-cy": "neeto-thank-you-configuration-".concat(neetoCist.hyphenate(kind), "-description")
-  }, description));
+    weight: "semibold",
+    children: [label, /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "block text-xs font-normal leading-snug",
+      "data-cy": "neeto-thank-you-configuration-".concat(neetoCist.hyphenate(kind), "-description"),
+      children: description
+    })]
+  });
+};
+
+var buildValidationSchema = function buildValidationSchema() {
+  var allowEmptyCustomMessage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return yup__namespace.object().shape({
+    kind: yup__namespace.string().required(),
+    message: yup__namespace.string().test("message", i18next.t("neetoThankYou.thankYou.validations.messageRequired"), function (value) {
+      return allowEmptyCustomMessage || !neetoEditor.isEditorEmpty(value);
+    }),
+    socialSharingEnabled: yup__namespace.bool(),
+    showResubmitLink: yup__namespace.bool(),
+    resubmitLinkText: yup__namespace.string().when("showResubmitLink", {
+      is: true,
+      then: yup__namespace.string().required(i18next.t("neetoThankYou.thankYou.validations.resubmitLinkTextIsRequired"))
+    }),
+    redirectUrl: yup__namespace.string().when("kind", {
+      is: FORM_OPTIONS.externalLink.kind,
+      then: yup__namespace.string().url(i18next.t("neetoThankYou.thankYou.validations.invalidLink")).required(i18next.t("neetoThankYou.thankYou.validations.invalidLink")).when("kind", {
+        is: FORM_OPTIONS.customize.kind,
+        then: yup__namespace.string()
+      })
+    })
+  });
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -580,7 +619,10 @@ var Form = function Form(_ref) {
     appName = _ref.appName,
     blockNavigation = _ref.blockNavigation,
     onConfigUpdateSuccess = _ref.onConfigUpdateSuccess,
-    brandingInfo = _ref.brandingInfo;
+    brandingInfo = _ref.brandingInfo,
+    editorProps = _ref.editorProps,
+    CustomPreview = _ref.preview,
+    allowEmptyCustomMessage = _ref.allowEmptyCustomMessage;
   var _useShowThankYouConfi = useShowThankYouConfiguration({
       entityId: entityId
     }),
@@ -595,19 +637,20 @@ var Form = function Form(_ref) {
     editor: {}
   });
   if (isLoading) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null));
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {})
+    });
   }
   var resetEditor = function resetEditor() {
     var _editorRef$current$ed;
     return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.commands.setContent(thankYouConfiguration.message);
   };
-  return /*#__PURE__*/React__default["default"].createElement(NeetoUIForm__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm__default["default"], {
     formikProps: {
       enableReinitialize: true,
       initialValues: _objectSpread(_objectSpread({}, DEFAULT_IMAGE_PROPERTIES), thankYouConfiguration),
-      validationSchema: VALIDATION_SCHEMA,
+      validationSchema: buildValidationSchema(allowEmptyCustomMessage),
       onSubmit: function onSubmit(values) {
         return updateThankYouConfiguration({
           entityId: entityId,
@@ -623,60 +666,67 @@ var Form = function Form(_ref) {
           }
         });
       }
-    }
-  }, function (_ref2) {
-    var values = _ref2.values;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "grid grid-cols-1 gap-10 pb-6 md:grid-cols-2 md:gap-6"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex flex-col"
-    }, blockNavigation && /*#__PURE__*/React__default["default"].createElement(BlockNavigation__default["default"], null), !disableRadioSelection && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "mb-6 w-full"
-    }, /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
-      containerClassName: "grid grid-cols-1 sm:grid-cols-2 gap-6 items-stretch w-full",
-      name: "kind"
-    }, Object.values(FORM_OPTIONS).map(function (option) {
-      return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
-        key: option.kind,
-        label: /*#__PURE__*/React__default["default"].createElement(Label, option),
-        name: "kind",
-        value: option.kind,
-        className: classNames__default["default"]("neeto-thank-you-configuration-radio__item", {
-          active: values.kind === option.kind
-        })
+    },
+    children: function children(_ref2) {
+      var values = _ref2.values;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "grid grid-cols-1 gap-10 pb-6 md:grid-cols-2 md:gap-6",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col",
+          children: [blockNavigation && /*#__PURE__*/jsxRuntime.jsx(BlockNavigation__default["default"], {}), !disableRadioSelection && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "mb-6 w-full",
+            children: /*#__PURE__*/jsxRuntime.jsx(Radio__default["default"], {
+              containerClassName: "grid grid-cols-1 sm:grid-cols-2 gap-6 items-stretch w-full",
+              name: "kind",
+              children: Object.values(FORM_OPTIONS).map(function (option) {
+                return /*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
+                  label: /*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread({}, option)),
+                  name: "kind",
+                  value: option.kind,
+                  className: classNames__default["default"]("neeto-thank-you-configuration-radio__item", {
+                    active: values.kind === option.kind
+                  })
+                }, option.kind);
+              })
+            })
+          }), values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/jsxRuntime.jsx(Customize, {
+            disableSubmitAnotherResponse: disableSubmitAnotherResponse,
+            editorProps: editorProps,
+            editorRef: editorRef,
+            entityId: entityId,
+            hasImageUploader: hasImageUploader,
+            uniqueSubmissionEnabled: uniqueSubmissionEnabled,
+            uniqueSubmissionLink: uniqueSubmissionLink,
+            disableSocialShare: ramda.isEmpty(socialHandles)
+          }) : /*#__PURE__*/jsxRuntime.jsx(ExternalLink, {}), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            className: "mt-6",
+            isSubmitting: isUpdatingForm,
+            cancelButtonProps: _objectSpread({
+              "data-cy": "neeto-thank-you-configuration-cancel-button"
+            }, redirectToOnCancel ? {
+              to: redirectToOnCancel,
+              onClick: neetoCist.noop
+            } : {
+              type: "reset",
+              onClick: resetEditor
+            }),
+            submitButtonProps: {
+              "data-cy": "neeto-thank-you-configuration-save-button"
+            }
+          })]
+        }), values.kind === FORM_OPTIONS.customize.kind && (CustomPreview ? /*#__PURE__*/jsxRuntime.jsx(CustomPreview, {
+          values: values
+        }) : /*#__PURE__*/jsxRuntime.jsx(Preview, {
+          appName: appName,
+          brandingInfo: brandingInfo,
+          isPublished: isPublished,
+          publicLinkId: publicLinkId,
+          resubmitLink: resubmitLink,
+          socialHandles: socialHandles,
+          thankYouTextAlignment: thankYouTextAlignment
+        }))]
       });
-    }))), values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/React__default["default"].createElement(Customize, {
-      disableSubmitAnotherResponse: disableSubmitAnotherResponse,
-      editorRef: editorRef,
-      entityId: entityId,
-      hasImageUploader: hasImageUploader,
-      uniqueSubmissionEnabled: uniqueSubmissionEnabled,
-      uniqueSubmissionLink: uniqueSubmissionLink,
-      disableSocialShare: ramda.isEmpty(socialHandles)
-    }) : /*#__PURE__*/React__default["default"].createElement(ExternalLink, null), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
-      className: "mt-6",
-      isSubmitting: isUpdatingForm,
-      cancelButtonProps: _objectSpread({
-        "data-cy": "neeto-thank-you-configuration-cancel-button"
-      }, redirectToOnCancel ? {
-        to: redirectToOnCancel,
-        onClick: neetoCist.noop
-      } : {
-        type: "reset",
-        onClick: resetEditor
-      }),
-      submitButtonProps: {
-        "data-cy": "neeto-thank-you-configuration-save-button"
-      }
-    })), values.kind === FORM_OPTIONS.customize.kind && /*#__PURE__*/React__default["default"].createElement(Preview, {
-      appName: appName,
-      brandingInfo: brandingInfo,
-      isPublished: isPublished,
-      publicLinkId: publicLinkId,
-      resubmitLink: resubmitLink,
-      socialHandles: socialHandles,
-      thankYouTextAlignment: thankYouTextAlignment
-    }));
+    }
   });
 };
 
@@ -684,13 +734,14 @@ var Header = function Header(_ref) {
   var breadcrumbs = _ref.breadcrumbs;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full px-6"
-  }, /*#__PURE__*/React__default["default"].createElement(NeetoUIHeader__default["default"], {
-    breadcrumbs: breadcrumbs,
-    size: "small",
-    title: t("neetoThankYou.common.thankYou")
-  }));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full px-6",
+    children: /*#__PURE__*/jsxRuntime.jsx(NeetoUIHeader__default["default"], {
+      breadcrumbs: breadcrumbs,
+      size: "small",
+      title: t("neetoThankYou.common.thankYou")
+    })
+  });
 };
 
 var ConfigureThankYou = function ConfigureThankYou(_ref) {
@@ -720,32 +771,43 @@ var ConfigureThankYou = function ConfigureThankYou(_ref) {
     blockNavigation = _ref$blockNavigation === void 0 ? false : _ref$blockNavigation,
     _ref$onConfigUpdateSu = _ref.onConfigUpdateSuccess,
     onConfigUpdateSuccess = _ref$onConfigUpdateSu === void 0 ? neetoCist.noop : _ref$onConfigUpdateSu,
-    _ref$brandingInfo = _ref.brandingInfo,
-    brandingInfo = _ref$brandingInfo === void 0 ? {} : _ref$brandingInfo;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, customHeader || /*#__PURE__*/React__default["default"].createElement(Header, {
-    breadcrumbs: breadcrumbs
-  }), /*#__PURE__*/React__default["default"].createElement(Scrollable__default["default"], {
-    className: "w-full p-6 pt-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mx-auto h-full max-w-7xl"
-  }, /*#__PURE__*/React__default["default"].createElement(Form, {
-    appName: appName,
-    blockNavigation: blockNavigation,
-    brandingInfo: brandingInfo,
-    disableRadioSelection: disableRadioSelection,
-    disableSubmitAnotherResponse: disableSubmitAnotherResponse,
-    entityId: entityId,
-    hasImageUploader: hasImageUploader,
-    isPublished: isPublished,
-    onConfigUpdateSuccess: onConfigUpdateSuccess,
-    publicLinkId: publicLinkId,
-    redirectToOnCancel: redirectToOnCancel,
-    resubmitLink: resubmitLink,
-    socialHandles: socialHandles,
-    thankYouTextAlignment: thankYouTextAlignment,
-    uniqueSubmissionEnabled: uniqueSubmissionEnabled,
-    uniqueSubmissionLink: uniqueSubmissionLink
-  }))));
+    brandingInfo = _ref.brandingInfo,
+    _ref$editorProps = _ref.editorProps,
+    editorProps = _ref$editorProps === void 0 ? {} : _ref$editorProps,
+    preview = _ref.preview,
+    _ref$allowEmptyCustom = _ref.allowEmptyCustomMessage,
+    allowEmptyCustomMessage = _ref$allowEmptyCustom === void 0 ? false : _ref$allowEmptyCustom;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [customHeader || /*#__PURE__*/jsxRuntime.jsx(Header, {
+      breadcrumbs: breadcrumbs
+    }), /*#__PURE__*/jsxRuntime.jsx(Scrollable__default["default"], {
+      className: "w-full p-6 pt-0",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mx-auto h-full max-w-7xl",
+        children: /*#__PURE__*/jsxRuntime.jsx(Form, {
+          allowEmptyCustomMessage: allowEmptyCustomMessage,
+          appName: appName,
+          blockNavigation: blockNavigation,
+          brandingInfo: brandingInfo,
+          disableRadioSelection: disableRadioSelection,
+          disableSubmitAnotherResponse: disableSubmitAnotherResponse,
+          editorProps: editorProps,
+          entityId: entityId,
+          hasImageUploader: hasImageUploader,
+          isPublished: isPublished,
+          onConfigUpdateSuccess: onConfigUpdateSuccess,
+          preview: preview,
+          publicLinkId: publicLinkId,
+          redirectToOnCancel: redirectToOnCancel,
+          resubmitLink: resubmitLink,
+          socialHandles: socialHandles,
+          thankYouTextAlignment: thankYouTextAlignment,
+          uniqueSubmissionEnabled: uniqueSubmissionEnabled,
+          uniqueSubmissionLink: uniqueSubmissionLink
+        })
+      })
+    })]
+  });
 };
 
 var baseUrl = "".concat(THANK_YOU_ENGINE_BASE_URL, "/thank_you_page");
@@ -779,9 +841,10 @@ var buildDraftUrl = function buildDraftUrl(url) {
 };
 
 var DefaultPageLoader = function DefaultPageLoader() {
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration"
-  }, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null));
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-thank-you-configuration",
+    children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {})
+  });
 };
 var ShowThankYou = function ShowThankYou(_ref) {
   var _thankYouConfiguratio;
@@ -793,8 +856,7 @@ var ShowThankYou = function ShowThankYou(_ref) {
     publicLinkId = _ref.publicLinkId,
     appName = _ref.appName,
     CustomPageLoader = _ref.customPageLoader,
-    _ref$brandingInfo = _ref.brandingInfo,
-    brandingInfo = _ref$brandingInfo === void 0 ? {} : _ref$brandingInfo;
+    brandingInfo = _ref.brandingInfo;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useShowThankYouPage = useShowThankYouPage({
@@ -806,35 +868,42 @@ var ShowThankYou = function ShowThankYou(_ref) {
     isLoading = _useShowThankYouPage.isLoading;
   var PageLoader = CustomPageLoader || DefaultPageLoader;
   if (isLoading && isThankYouPageLoading) {
-    return /*#__PURE__*/React__default["default"].createElement(PageLoader, null);
+    return /*#__PURE__*/jsxRuntime.jsx(PageLoader, {});
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration"
-  }, /*#__PURE__*/React__default["default"].createElement("main", {
-    className: "neeto-thank-you-configuration__main"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__box"
-  }, !ramda.isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__img"
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    alt: "",
-    src: thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl
-  })), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-thank-you-configuration__description"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
-    content: thankYouConfiguration.message
-  })), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.showResubmitLink) && /*#__PURE__*/React__default["default"].createElement("a", {
-    className: "neeto-thank-you-configuration__resubmit",
-    href: isDraftPreview ? buildDraftUrl(resubmitLink) : resubmitLink
-  }, (_thankYouConfiguratio = thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.resubmitLinkText) !== null && _thankYouConfiguratio !== void 0 ? _thankYouConfiguratio : t("neetoThankYou.common.resubmit")), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.socialSharingEnabled) && /*#__PURE__*/React__default["default"].createElement(SocialShare, {
-    publicLinkId: publicLinkId,
-    socialHandles: socialHandles
-  }), isDraftPreview && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "body3"
-  }, t("neetoThankYou.thankYou.draftVersionForm")))), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.brandingEnabled) && neetoCist.isPresent(brandingInfo) && /*#__PURE__*/React__default["default"].createElement(BrandingInfo, {
-    appName: appName,
-    brandingInfo: brandingInfo
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-thank-you-configuration",
+    children: [/*#__PURE__*/jsxRuntime.jsx("main", {
+      className: "neeto-thank-you-configuration__main",
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-thank-you-configuration__box",
+        children: [!ramda.isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl) && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-thank-you-configuration__img",
+          children: /*#__PURE__*/jsxRuntime.jsx("img", {
+            alt: "",
+            src: thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl
+          })
+        }), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-thank-you-configuration__description",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoEditor.EditorContent, {
+            content: thankYouConfiguration.message
+          })
+        }), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.showResubmitLink) && /*#__PURE__*/jsxRuntime.jsx("a", {
+          className: "neeto-thank-you-configuration__resubmit",
+          href: isDraftPreview ? buildDraftUrl(resubmitLink) : resubmitLink,
+          children: (_thankYouConfiguratio = thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.resubmitLinkText) !== null && _thankYouConfiguratio !== void 0 ? _thankYouConfiguratio : t("neetoThankYou.common.resubmit")
+        }), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.socialSharingEnabled) && /*#__PURE__*/jsxRuntime.jsx(SocialShare, {
+          publicLinkId: publicLinkId,
+          socialHandles: socialHandles
+        }), isDraftPreview && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          style: "body3",
+          children: t("neetoThankYou.thankYou.draftVersionForm")
+        })]
+      })
+    }), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.brandingEnabled) && /*#__PURE__*/jsxRuntime.jsx(BrandingInfo, {
+      appName: appName,
+      brandingInfo: brandingInfo
+    })]
+  });
 };
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}