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

package/dist/index.js

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import React__default, { useState, useEffect, useRef } from 'react';
-import { isPresent, hyphenate, noop } from '@bigbinary/neeto-cist';
+import { hyphenate, noop } from '@bigbinary/neeto-cist';
 import Scrollable from '@bigbinary/neeto-molecules/Scrollable';
 import { t as t$1 } from 'i18next';
-import { isEditorEmpty, FormikEditor, EditorContent } from '@bigbinary/neeto-editor';
-import * as yup from 'yup';
 import classNames from 'classnames';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -12,21 +10,24 @@ import BlockNavigation from '@bigbinary/neetoui/formik/BlockNavigation';
 import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
 import Radio from '@bigbinary/neetoui/formik/Radio';
 import { isEmpty } from 'ramda';
-import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useMutationWithInvalidation, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { useQuery } from 'react-query';
 import axios from 'axios';
 import { useFormikContext } from 'formik';
+import { FormikEditor, EditorContent, isEditorEmpty } from '@bigbinary/neeto-editor';
 import Label$1 from '@bigbinary/neetoui/Label';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Switch from '@bigbinary/neetoui/formik/Switch';
 import { useTranslation, Trans } from 'react-i18next';
 import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
 import Modal from '@bigbinary/neetoui/Modal';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import { Link } from '@bigbinary/neeto-icons';
+import * as yup from 'yup';
 import NeetoUIHeader from '@bigbinary/neeto-molecules/Header';
 
 var FORM_OPTIONS = {
@@ -45,25 +46,6 @@ var DEFAULT_IMAGE_PROPERTIES = {
   imageSignedId: null,
   imageUrl: ""
 };
-var VALIDATION_SCHEMA = yup.object().shape({
-  kind: yup.string().required(),
-  message: yup.string().test("message", t$1("neetoThankYou.thankYou.validations.messageRequired"), function (value) {
-    return !isEditorEmpty(value);
-  }),
-  socialSharingEnabled: yup.bool(),
-  showResubmitLink: yup.bool(),
-  resubmitLinkText: yup.string().when("showResubmitLink", {
-    is: true,
-    then: yup.string().required(t$1("neetoThankYou.thankYou.validations.resubmitLinkTextIsRequired"))
-  }),
-  redirectUrl: yup.string().when("kind", {
-    is: FORM_OPTIONS.externalLink.kind,
-    then: yup.string().url(t$1("neetoThankYou.thankYou.validations.invalidLink")).required(t$1("neetoThankYou.thankYou.validations.invalidLink")).when("kind", {
-      is: FORM_OPTIONS.customize.kind,
-      then: yup.string()
-    })
-  })
-});
 var EXTERNAL_URL_PREFIX = "https://";
 var THANK_YOU_TEXT_ALIGNMENTS = {
   left: "left",
@@ -139,8 +121,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 useQuery([QUERY_KEYS.THANK_YOU_CONFIGURATION, entityId], function () {
@@ -155,7 +137,7 @@ var useUpdateThankYouConfiguration = function useUpdateThankYouConfiguration(opt
       entityId: entityId,
       payload: payload
     });
-  }, _objectSpread$2({
+  }, _objectSpread$3({
     keysToInvalidate: [QUERY_KEYS.THANK_YOU_CONFIGURATION]
   }, options));
 };
@@ -233,43 +215,50 @@ var Image = function Image() {
     setFieldValue("imageUrl", image.url);
     setFieldValue("imageSignedId", image.signedId);
   };
-  return /*#__PURE__*/React__default.createElement(ImageUploader, {
+  return /*#__PURE__*/jsx(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 = withT(function (_ref) {
+  var t = _ref.t,
+    isOpen = _ref.isOpen,
     setIsOpen = _ref.setIsOpen,
     uniqueSubmissionLink = _ref.uniqueSubmissionLink;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/jsxs(Modal, {
     isOpen: isOpen,
     onClose: function onClose() {
       return setIsOpen(false);
-    }
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoThankYou.common.alert"), "!")), /*#__PURE__*/React__default.createElement(Modal.Body, null, t("neetoThankYou.thankYou.resubmissionWarning")), /*#__PURE__*/React__default.createElement(Modal.Footer, {
-    className: "space-x-2"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    label: t("neetoThankYou.thankYou.uniqueSubmissionLinkText"),
-    to: uniqueSubmissionLink
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    label: t("neetoThankYou.common.ok"),
-    style: "text",
-    onClick: function onClick() {
-      return setIsOpen(false);
-    }
-  })));
-};
+    },
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsxs(Typography, {
+        style: "h3",
+        weight: "semibold",
+        children: [t("neetoThankYou.common.alert"), "!"]
+      })
+    }), /*#__PURE__*/jsx(Modal.Body, {
+      children: t("neetoThankYou.thankYou.resubmissionWarning")
+    }), /*#__PURE__*/jsxs(Modal.Footer, {
+      className: "space-x-2",
+      children: [/*#__PURE__*/jsx(Button, {
+        label: t("neetoThankYou.common.ok"),
+        style: "tertiary",
+        onClick: function onClick() {
+          return setIsOpen(false);
+        }
+      }), /*#__PURE__*/jsx(Button, {
+        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,
@@ -277,7 +266,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isUniqueSubmissionWarningModalOpen = _useState2[0],
@@ -303,37 +293,44 @@ var Customize = function Customize(_ref) {
   var handleResubmitLinkChange = function handleResubmitLinkChange(event) {
     uniqueSubmissionEnabled ? setIsUniqueSubmissionWarningModalOpen(true) : setFieldValue("showResubmitLink", event.target.checked);
   };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-4"
-  }, hasImageUploader && /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-2"
-  }, /*#__PURE__*/React__default.createElement(Label$1, null, t("neetoThankYou.thankYou.imageLabel")), /*#__PURE__*/React__default.createElement(Image, null)), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-2"
-  }, /*#__PURE__*/React__default.createElement(FormikEditor, {
-    required: true,
-    "data-cy": "thank-you-message-editor",
-    label: t("neetoThankYou.thankYou.messageLabel"),
-    name: "message",
-    ref: editorRef
-  })), !disableSocialShare && /*#__PURE__*/React__default.createElement(Switch, {
-    label: t("neetoThankYou.thankYou.socialShareIcons"),
-    name: "socialSharingEnabled"
-  }), !disableSubmitAnotherResponse && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Switch, {
-    label: t("neetoThankYou.thankYou.showResubmitLink"),
-    name: "showResubmitLink",
-    className: classNames({
-      "neeto-ui-switch--disabled": uniqueSubmissionEnabled
-    }),
-    onChange: handleResubmitLinkChange
-  }), values.showResubmitLink && /*#__PURE__*/React__default.createElement(Input, {
-    required: true,
-    label: t("neetoThankYou.thankYou.resubmitLinkText"),
-    name: "resubmitLinkText"
-  })), /*#__PURE__*/React__default.createElement(ResubmissionWarningModal, {
-    uniqueSubmissionLink: uniqueSubmissionLink,
-    isOpen: isUniqueSubmissionWarningModalOpen,
-    setIsOpen: setIsUniqueSubmissionWarningModalOpen
-  }));
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col gap-4",
+    children: [hasImageUploader && /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-2",
+      children: [/*#__PURE__*/jsx(Label$1, {
+        children: t("neetoThankYou.thankYou.imageLabel")
+      }), /*#__PURE__*/jsx(Image, {})]
+    }), /*#__PURE__*/jsx("div", {
+      className: "flex flex-col gap-2",
+      children: /*#__PURE__*/jsx(FormikEditor, _objectSpread$2({
+        required: true,
+        "data-cy": "thank-you-message-editor",
+        label: t("neetoThankYou.thankYou.messageLabel"),
+        name: "message",
+        ref: editorRef
+      }, editorProps))
+    }), !disableSocialShare && /*#__PURE__*/jsx(Switch, {
+      label: t("neetoThankYou.thankYou.socialShareIcons"),
+      name: "socialSharingEnabled"
+    }), !disableSubmitAnotherResponse && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Switch, {
+        label: t("neetoThankYou.thankYou.showResubmitLink"),
+        name: "showResubmitLink",
+        className: classNames({
+          "neeto-ui-switch--disabled": uniqueSubmissionEnabled
+        }),
+        onChange: handleResubmitLinkChange
+      }), values.showResubmitLink && /*#__PURE__*/jsx(Input, {
+        required: true,
+        label: t("neetoThankYou.thankYou.resubmitLinkText"),
+        name: "resubmitLinkText"
+      })]
+    }), /*#__PURE__*/jsx(ResubmissionWarningModal, {
+      uniqueSubmissionLink: uniqueSubmissionLink,
+      isOpen: isUniqueSubmissionWarningModalOpen,
+      setIsOpen: setIsUniqueSubmissionWarningModalOpen
+    })]
+  });
 };
 
 var ENVIRONMENTS = {
@@ -363,24 +360,27 @@ var BrandingInfo = function BrandingInfo(_ref) {
   var _brandingInfo$additio;
   var brandingInfo = _ref.brandingInfo,
     appName = _ref.appName;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__branding-wrap"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__nav"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__nav-footer"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: brandingInfo.displayText,
-    components: _objectSpread$1({
-      signUpLink: /*#__PURE__*/React__default.createElement("a", {
-        className: "neeto-thank-you-configuration__link",
-        href: buildSignUpUrl(appName),
-        rel: "noreferrer",
-        target: "_blank"
-      }),
-      span: /*#__PURE__*/React__default.createElement("span", null)
-    }, (_brandingInfo$additio = brandingInfo.additionalComponents) !== null && _brandingInfo$additio !== void 0 ? _brandingInfo$additio : {})
-  }))));
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-thank-you-configuration__branding-wrap",
+    children: /*#__PURE__*/jsx("div", {
+      className: "neeto-thank-you-configuration__nav",
+      children: /*#__PURE__*/jsx("div", {
+        className: "neeto-thank-you-configuration__nav-footer",
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: brandingInfo.displayText,
+          components: _objectSpread$1({
+            signUpLink: /*#__PURE__*/jsx("a", {
+              className: "neeto-thank-you-configuration__link",
+              href: buildSignUpUrl(appName),
+              rel: "noreferrer",
+              target: "_blank"
+            }),
+            span: /*#__PURE__*/jsx("span", {})
+          }, (_brandingInfo$additio = brandingInfo.additionalComponents) !== null && _brandingInfo$additio !== void 0 ? _brandingInfo$additio : {})
+        })
+      })
+    })
+  });
 };
 
 var _ellipse, _ellipse2, _ellipse3;
@@ -415,24 +415,28 @@ var SocialShare = function SocialShare(_ref) {
     publicLinkId = _ref.publicLinkId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__social-share"
-  }, /*#__PURE__*/React__default.createElement("h3", {
-    className: "neeto-thank-you-configuration__social-share-title"
-  }, t("neetoThankYou.thankYou.socialShareHeading")), /*#__PURE__*/React__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.createElement("div", {
-      className: "neeto-thank-you-configuration-social-follow__item",
-      key: idx
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: generateShareUrl(publicLinkId),
-      rel: "noreferrer",
-      target: "_blank"
-    }, /*#__PURE__*/React__default.createElement(Icon, null)));
-  })));
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-thank-you-configuration__social-share",
+    children: [/*#__PURE__*/jsx("h3", {
+      className: "neeto-thank-you-configuration__social-share-title",
+      children: t("neetoThankYou.thankYou.socialShareHeading")
+    }), /*#__PURE__*/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__*/jsx("div", {
+          className: "neeto-thank-you-configuration-social-follow__item",
+          children: /*#__PURE__*/jsx("a", {
+            href: generateShareUrl(publicLinkId),
+            rel: "noreferrer",
+            target: "_blank",
+            children: /*#__PURE__*/jsx(Icon, {})
+          })
+        }, idx);
+      })
+    })]
+  });
 };
 
 var MemoizedEditorContent = /*#__PURE__*/React__default.memo(EditorContent);
@@ -449,59 +453,69 @@ var Preview = function Preview(_ref) {
     values = _useFormikContext.values;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "mb-3 block md:hidden",
-    lineHeight: "normal",
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoThankYou.thankYou.preview")), /*#__PURE__*/React__default.createElement("div", {
-    className: classNames("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.createElement("div", {
-    className: "neeto-thank-you-configuration-preview__browser-header"
-  }, /*#__PURE__*/React__default.createElement(SvgBrowserControls, null)), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration"
-  }, /*#__PURE__*/React__default.createElement("main", {
-    className: "neeto-thank-you-configuration__main"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__box"
-  }, !isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl) && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__img"
-  }, /*#__PURE__*/React__default.createElement("img", {
-    alt: "",
-    src: values.imageUrl
-  })), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__description"
-  }, /*#__PURE__*/React__default.createElement(MemoizedEditorContent, {
-    content: values.message,
-    "data-cy": "preview-editor-content"
-  })), (values === null || values === void 0 ? void 0 : values.showResubmitLink) && /*#__PURE__*/React__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.createElement(SocialShare, {
-    publicLinkId: publicLinkId,
-    socialHandles: socialHandles
-  })))), (values === null || values === void 0 ? void 0 : values.brandingEnabled) && isPresent(brandingInfo) && /*#__PURE__*/React__default.createElement(BrandingInfo, {
-    appName: appName,
-    brandingInfo: brandingInfo
-  })));
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col",
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: "mb-3 block md:hidden",
+      lineHeight: "normal",
+      style: "h3",
+      weight: "semibold",
+      children: t("neetoThankYou.thankYou.preview")
+    }), /*#__PURE__*/jsxs("div", {
+      className: classNames("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__*/jsx("div", {
+        className: "neeto-thank-you-configuration-preview__browser-header",
+        children: /*#__PURE__*/jsx(SvgBrowserControls, {})
+      }), /*#__PURE__*/jsx("div", {
+        className: "neeto-thank-you-configuration",
+        children: /*#__PURE__*/jsx("main", {
+          className: "neeto-thank-you-configuration__main",
+          children: /*#__PURE__*/jsxs("div", {
+            className: "neeto-thank-you-configuration__box",
+            children: [!isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl) && /*#__PURE__*/jsx("div", {
+              className: "neeto-thank-you-configuration__img",
+              children: /*#__PURE__*/jsx("img", {
+                alt: "",
+                src: values.imageUrl
+              })
+            }), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/jsx("div", {
+              className: "neeto-thank-you-configuration__description",
+              children: /*#__PURE__*/jsx(MemoizedEditorContent, {
+                content: values.message,
+                "data-cy": "preview-editor-content"
+              })
+            }), (values === null || values === void 0 ? void 0 : values.showResubmitLink) && /*#__PURE__*/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__*/jsx(SocialShare, {
+              publicLinkId: publicLinkId,
+              socialHandles: socialHandles
+            })]
+          })
+        })
+      }), (values === null || values === void 0 ? void 0 : values.brandingEnabled) && /*#__PURE__*/jsx(BrandingInfo, {
+        appName: appName,
+        brandingInfo: brandingInfo
+      })]
+    })]
+  });
 };
 
 var ExternalLink = function ExternalLink() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default.createElement(Input, {
+  return /*#__PURE__*/jsx(Input, {
     autoFocus: true,
     required: true,
     label: t("neetoThankYou.thankYou.link"),
     name: "redirectUrl",
     placeholder: EXTERNAL_URL_PREFIX,
-    prefix: /*#__PURE__*/React__default.createElement(Link, null)
+    prefix: /*#__PURE__*/jsx(Link, {})
   });
 };
 
@@ -509,15 +523,40 @@ var Label = function Label(_ref) {
   var label = _ref.label,
     description = _ref.description,
     kind = _ref.kind;
-  return /*#__PURE__*/React__default.createElement(Typography, {
+  return /*#__PURE__*/jsxs(Typography, {
     className: "neeto-ui-text-gray-700",
     "data-cy": "neeto-thank-you-configuration-".concat(hyphenate(kind), "-label"),
     style: "body2",
-    weight: "semibold"
-  }, label, /*#__PURE__*/React__default.createElement("span", {
-    className: "block text-xs font-normal leading-snug",
-    "data-cy": "neeto-thank-you-configuration-".concat(hyphenate(kind), "-description")
-  }, description));
+    weight: "semibold",
+    children: [label, /*#__PURE__*/jsx("span", {
+      className: "block text-xs font-normal leading-snug",
+      "data-cy": "neeto-thank-you-configuration-".concat(hyphenate(kind), "-description"),
+      children: description
+    })]
+  });
+};
+
+var buildValidationSchema = function buildValidationSchema() {
+  var allowEmptyCustomMessage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return yup.object().shape({
+    kind: yup.string().required(),
+    message: yup.string().test("message", t$1("neetoThankYou.thankYou.validations.messageRequired"), function (value) {
+      return allowEmptyCustomMessage || !isEditorEmpty(value);
+    }),
+    socialSharingEnabled: yup.bool(),
+    showResubmitLink: yup.bool(),
+    resubmitLinkText: yup.string().when("showResubmitLink", {
+      is: true,
+      then: yup.string().required(t$1("neetoThankYou.thankYou.validations.resubmitLinkTextIsRequired"))
+    }),
+    redirectUrl: yup.string().when("kind", {
+      is: FORM_OPTIONS.externalLink.kind,
+      then: yup.string().url(t$1("neetoThankYou.thankYou.validations.invalidLink")).required(t$1("neetoThankYou.thankYou.validations.invalidLink")).when("kind", {
+        is: FORM_OPTIONS.customize.kind,
+        then: yup.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; }
@@ -538,7 +577,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
     }),
@@ -553,19 +595,20 @@ var Form = function Form(_ref) {
     editor: {}
   });
   if (isLoading) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React__default.createElement(PageLoader, null));
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(PageLoader, {})
+    });
   }
   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.createElement(NeetoUIForm, {
+  return /*#__PURE__*/jsx(NeetoUIForm, {
     formikProps: {
       enableReinitialize: true,
       initialValues: _objectSpread(_objectSpread({}, DEFAULT_IMAGE_PROPERTIES), thankYouConfiguration),
-      validationSchema: VALIDATION_SCHEMA,
+      validationSchema: buildValidationSchema(allowEmptyCustomMessage),
       onSubmit: function onSubmit(values) {
         return updateThankYouConfiguration({
           entityId: entityId,
@@ -581,60 +624,67 @@ var Form = function Form(_ref) {
           }
         });
       }
-    }
-  }, function (_ref2) {
-    var values = _ref2.values;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "grid grid-cols-1 gap-10 pb-6 md:grid-cols-2 md:gap-6"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "flex flex-col"
-    }, blockNavigation && /*#__PURE__*/React__default.createElement(BlockNavigation, null), !disableRadioSelection && /*#__PURE__*/React__default.createElement("div", {
-      className: "mb-6 w-full"
-    }, /*#__PURE__*/React__default.createElement(Radio, {
-      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.createElement(Radio.Item, {
-        key: option.kind,
-        label: /*#__PURE__*/React__default.createElement(Label, option),
-        name: "kind",
-        value: option.kind,
-        className: classNames("neeto-thank-you-configuration-radio__item", {
-          active: values.kind === option.kind
-        })
+    },
+    children: function children(_ref2) {
+      var values = _ref2.values;
+      return /*#__PURE__*/jsxs("div", {
+        className: "grid grid-cols-1 gap-10 pb-6 md:grid-cols-2 md:gap-6",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex flex-col",
+          children: [blockNavigation && /*#__PURE__*/jsx(BlockNavigation, {}), !disableRadioSelection && /*#__PURE__*/jsx("div", {
+            className: "mb-6 w-full",
+            children: /*#__PURE__*/jsx(Radio, {
+              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__*/jsx(Radio.Item, {
+                  label: /*#__PURE__*/jsx(Label, _objectSpread({}, option)),
+                  name: "kind",
+                  value: option.kind,
+                  className: classNames("neeto-thank-you-configuration-radio__item", {
+                    active: values.kind === option.kind
+                  })
+                }, option.kind);
+              })
+            })
+          }), values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/jsx(Customize, {
+            disableSubmitAnotherResponse: disableSubmitAnotherResponse,
+            editorProps: editorProps,
+            editorRef: editorRef,
+            entityId: entityId,
+            hasImageUploader: hasImageUploader,
+            uniqueSubmissionEnabled: uniqueSubmissionEnabled,
+            uniqueSubmissionLink: uniqueSubmissionLink,
+            disableSocialShare: isEmpty(socialHandles)
+          }) : /*#__PURE__*/jsx(ExternalLink, {}), /*#__PURE__*/jsx(ActionBlock, {
+            className: "mt-6",
+            isSubmitting: isUpdatingForm,
+            cancelButtonProps: _objectSpread({
+              "data-cy": "neeto-thank-you-configuration-cancel-button"
+            }, redirectToOnCancel ? {
+              to: redirectToOnCancel,
+              onClick: noop
+            } : {
+              type: "reset",
+              onClick: resetEditor
+            }),
+            submitButtonProps: {
+              "data-cy": "neeto-thank-you-configuration-save-button"
+            }
+          })]
+        }), values.kind === FORM_OPTIONS.customize.kind && (CustomPreview ? /*#__PURE__*/jsx(CustomPreview, {
+          values: values
+        }) : /*#__PURE__*/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.createElement(Customize, {
-      disableSubmitAnotherResponse: disableSubmitAnotherResponse,
-      editorRef: editorRef,
-      entityId: entityId,
-      hasImageUploader: hasImageUploader,
-      uniqueSubmissionEnabled: uniqueSubmissionEnabled,
-      uniqueSubmissionLink: uniqueSubmissionLink,
-      disableSocialShare: isEmpty(socialHandles)
-    }) : /*#__PURE__*/React__default.createElement(ExternalLink, null), /*#__PURE__*/React__default.createElement(ActionBlock, {
-      className: "mt-6",
-      isSubmitting: isUpdatingForm,
-      cancelButtonProps: _objectSpread({
-        "data-cy": "neeto-thank-you-configuration-cancel-button"
-      }, redirectToOnCancel ? {
-        to: redirectToOnCancel,
-        onClick: noop
-      } : {
-        type: "reset",
-        onClick: resetEditor
-      }),
-      submitButtonProps: {
-        "data-cy": "neeto-thank-you-configuration-save-button"
-      }
-    })), values.kind === FORM_OPTIONS.customize.kind && /*#__PURE__*/React__default.createElement(Preview, {
-      appName: appName,
-      brandingInfo: brandingInfo,
-      isPublished: isPublished,
-      publicLinkId: publicLinkId,
-      resubmitLink: resubmitLink,
-      socialHandles: socialHandles,
-      thankYouTextAlignment: thankYouTextAlignment
-    }));
+    }
   });
 };
 
@@ -642,13 +692,14 @@ var Header = function Header(_ref) {
   var breadcrumbs = _ref.breadcrumbs;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full px-6"
-  }, /*#__PURE__*/React__default.createElement(NeetoUIHeader, {
-    breadcrumbs: breadcrumbs,
-    size: "small",
-    title: t("neetoThankYou.common.thankYou")
-  }));
+  return /*#__PURE__*/jsx("div", {
+    className: "w-full px-6",
+    children: /*#__PURE__*/jsx(NeetoUIHeader, {
+      breadcrumbs: breadcrumbs,
+      size: "small",
+      title: t("neetoThankYou.common.thankYou")
+    })
+  });
 };
 
 var ConfigureThankYou = function ConfigureThankYou(_ref) {
@@ -678,32 +729,43 @@ var ConfigureThankYou = function ConfigureThankYou(_ref) {
     blockNavigation = _ref$blockNavigation === void 0 ? false : _ref$blockNavigation,
     _ref$onConfigUpdateSu = _ref.onConfigUpdateSuccess,
     onConfigUpdateSuccess = _ref$onConfigUpdateSu === void 0 ? noop : _ref$onConfigUpdateSu,
-    _ref$brandingInfo = _ref.brandingInfo,
-    brandingInfo = _ref$brandingInfo === void 0 ? {} : _ref$brandingInfo;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, customHeader || /*#__PURE__*/React__default.createElement(Header, {
-    breadcrumbs: breadcrumbs
-  }), /*#__PURE__*/React__default.createElement(Scrollable, {
-    className: "w-full p-6 pt-0"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "mx-auto h-full max-w-7xl"
-  }, /*#__PURE__*/React__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__*/jsxs(Fragment, {
+    children: [customHeader || /*#__PURE__*/jsx(Header, {
+      breadcrumbs: breadcrumbs
+    }), /*#__PURE__*/jsx(Scrollable, {
+      className: "w-full p-6 pt-0",
+      children: /*#__PURE__*/jsx("div", {
+        className: "mx-auto h-full max-w-7xl",
+        children: /*#__PURE__*/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");
@@ -737,9 +799,10 @@ var buildDraftUrl = function buildDraftUrl(url) {
 };
 
 var DefaultPageLoader = function DefaultPageLoader() {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration"
-  }, /*#__PURE__*/React__default.createElement(PageLoader, null));
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-thank-you-configuration",
+    children: /*#__PURE__*/jsx(PageLoader, {})
+  });
 };
 var ShowThankYou = function ShowThankYou(_ref) {
   var _thankYouConfiguratio;
@@ -751,8 +814,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 = useTranslation(),
     t = _useTranslation.t;
   var _useShowThankYouPage = useShowThankYouPage({
@@ -764,35 +826,42 @@ var ShowThankYou = function ShowThankYou(_ref) {
     isLoading = _useShowThankYouPage.isLoading;
   var PageLoader = CustomPageLoader || DefaultPageLoader;
   if (isLoading && isThankYouPageLoading) {
-    return /*#__PURE__*/React__default.createElement(PageLoader, null);
+    return /*#__PURE__*/jsx(PageLoader, {});
   }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration"
-  }, /*#__PURE__*/React__default.createElement("main", {
-    className: "neeto-thank-you-configuration__main"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__box"
-  }, !isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl) && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-thank-you-configuration__img"
-  }, /*#__PURE__*/React__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.createElement("div", {
-    className: "neeto-thank-you-configuration__description"
-  }, /*#__PURE__*/React__default.createElement(EditorContent, {
-    content: thankYouConfiguration.message
-  })), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.showResubmitLink) && /*#__PURE__*/React__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.createElement(SocialShare, {
-    publicLinkId: publicLinkId,
-    socialHandles: socialHandles
-  }), isDraftPreview && /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body3"
-  }, t("neetoThankYou.thankYou.draftVersionForm")))), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.brandingEnabled) && isPresent(brandingInfo) && /*#__PURE__*/React__default.createElement(BrandingInfo, {
-    appName: appName,
-    brandingInfo: brandingInfo
-  }));
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-thank-you-configuration",
+    children: [/*#__PURE__*/jsx("main", {
+      className: "neeto-thank-you-configuration__main",
+      children: /*#__PURE__*/jsxs("div", {
+        className: "neeto-thank-you-configuration__box",
+        children: [!isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl) && /*#__PURE__*/jsx("div", {
+          className: "neeto-thank-you-configuration__img",
+          children: /*#__PURE__*/jsx("img", {
+            alt: "",
+            src: thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl
+          })
+        }), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) && /*#__PURE__*/jsx("div", {
+          className: "neeto-thank-you-configuration__description",
+          children: /*#__PURE__*/jsx(EditorContent, {
+            content: thankYouConfiguration.message
+          })
+        }), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.showResubmitLink) && /*#__PURE__*/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__*/jsx(SocialShare, {
+          publicLinkId: publicLinkId,
+          socialHandles: socialHandles
+        }), isDraftPreview && /*#__PURE__*/jsx(Typography, {
+          style: "body3",
+          children: t("neetoThankYou.thankYou.draftVersionForm")
+        })]
+      })
+    }), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.brandingEnabled) && /*#__PURE__*/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}}