@bigbinary/neeto-thank-you-frontend 1.2.0-beta1 → 2.0.0

package/dist/cjs/ConfigureThankYou.js

@@ -0,0 +1,578 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Scrollable = require('@bigbinary/neeto-molecules/Scrollable');
+var SocialShare = require('./SocialShare-99170cdb.js');
+var i18next = require('i18next');
+var classNames = require('classnames');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var BlockNavigation = require('@bigbinary/neetoui/formik/BlockNavigation');
+var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
+var Radio = require('@bigbinary/neetoui/formik/Radio');
+var ramda = require('ramda');
+var useThankYouConfigurationApi = require('./useThankYouConfigurationApi-302df56a.js');
+var formik = require('formik');
+var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
+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 reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Modal = require('@bigbinary/neetoui/Modal');
+var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
+var BrandingInfo = require('./BrandingInfo-cdb9a379.js');
+var Link = require('@bigbinary/neeto-icons/Link');
+var utils = require('@bigbinary/neeto-editor/utils');
+var yup = require('yup');
+var NeetoUIHeader = require('@bigbinary/neeto-molecules/Header');
+require('@tanstack/react-query');
+require('axios');
+require('./query-95d5312e.js');
+require('./utils.js');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('./constants.js');
+require('@bigbinary/neeto-commons-frontend/initializers');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Scrollable__default = /*#__PURE__*/_interopDefaultLegacy(Scrollable);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var BlockNavigation__default = /*#__PURE__*/_interopDefaultLegacy(BlockNavigation);
+var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
+var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label$1);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+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 EditorContent__default = /*#__PURE__*/_interopDefaultLegacy(EditorContent);
+var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var NeetoUIHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIHeader);
+
+var css = ".neeto-thank-you-configuration-radio__item{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded);padding:12px 16px}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item:not(:last-child){margin-right:0!important}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item{align-items:start!important}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item .neeto-ui-radio{margin-top:3px}.neeto-thank-you-configuration-radio__item.active{background-color:rgb(var(--neeto-ui-primary-100));border:1.5px solid rgb(var(--neeto-ui-primary-800))}";
+SocialShare.n(css,{});
+
+const FORM_OPTIONS = {
+  customize: {
+    label: i18next.t("neetoThankYou.thankYou.customize"),
+    description: i18next.t("neetoThankYou.thankYou.customizeDescription"),
+    kind: "custom_message"
+  },
+  externalLink: {
+    label: i18next.t("neetoThankYou.thankYou.externalLink"),
+    description: i18next.t("neetoThankYou.thankYou.externalLinkDescription"),
+    kind: "redirect_to_url"
+  }
+};
+const DEFAULT_IMAGE_PROPERTIES = {
+  imageSignedId: null,
+  imageUrl: ""
+};
+const EXTERNAL_URL_PREFIX = "https://";
+const THANK_YOU_TEXT_ALIGNMENTS = {
+  left: "left",
+  center: "center"
+};
+
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
+}
+
+const IMAGE_SIZE_LIMIT = 1; // MB
+const IMAGE_UPLOADER_CONFIG = {
+  maxImageSize: IMAGE_SIZE_LIMIT
+};
+
+const Image = () => {
+  const {
+    setFieldValue,
+    values
+  } = formik.useFormikContext();
+  const handleImageChange = image => {
+    if (ramda.isEmpty(image.signedId)) {
+      setFieldValue("imageUrl", "");
+      setFieldValue("imageSignedId", null);
+      return;
+    }
+    setFieldValue("imageUrl", image.url);
+    setFieldValue("imageSignedId", image.signedId);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(neetoImageUploaderFrontend.ImageUploader, {
+    className: "h-60",
+    key: values.imageUrl,
+    src: values.imageUrl,
+    uploadConfig: IMAGE_UPLOADER_CONFIG,
+    onUploadComplete: handleImageChange
+  });
+};
+
+const ResubmissionWarningModal = reactUtils.withT(_ref => {
+  let {
+    t,
+    isOpen,
+    setIsOpen,
+    uniqueSubmissionLink
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
+    isOpen,
+    onClose: () => 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.common.ok"),
+    style: "tertiary",
+    onClick: () => setIsOpen(false)
+  }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    label: t("neetoThankYou.thankYou.uniqueSubmissionLinkText"),
+    to: uniqueSubmissionLink
+  })));
+});
+
+const Customize = _ref => {
+  let {
+    editorRef,
+    uniqueSubmissionEnabled,
+    hasImageUploader,
+    uniqueSubmissionLink,
+    entityId,
+    disableSocialShare,
+    disableSubmitAnotherResponse,
+    editorProps
+  } = _ref;
+  const [isUniqueSubmissionWarningModalOpen, setIsUniqueSubmissionWarningModalOpen] = React.useState(false);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    values,
+    setFieldValue
+  } = formik.useFormikContext();
+  const {
+    data: {
+      thankYouConfiguration
+    } = {},
+    isFetching
+  } = useThankYouConfigurationApi.useShowThankYouConfiguration({
+    entityId
+  });
+  React.useEffect(() => {
+    if (isFetching) return;
+    setFieldValue("message", thankYouConfiguration.message);
+    editorRef.current.editor?.commands.setContent(thankYouConfiguration.message);
+  }, [isFetching]);
+  const 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(FormikEditor__default["default"], _extends$1({
+    required: true,
+    "data-cy": "thank-you-message-editor",
+    label: t("neetoThankYou.thankYou.messageLabel"),
+    name: "message",
+    ref: editorRef
+  }, editorProps))), !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,
+    isOpen: isUniqueSubmissionWarningModalOpen,
+    setIsOpen: setIsUniqueSubmissionWarningModalOpen
+  }));
+};
+
+var _ellipse, _ellipse2, _ellipse3;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgBrowserControls = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 43,
+  height: 13,
+  fill: "none"
+}, props), _ellipse || (_ellipse = /*#__PURE__*/React__namespace.createElement("ellipse", {
+  cx: 6.405,
+  cy: 6.644,
+  fill: "#FFEFED",
+  rx: 5.745,
+  ry: 5.859
+})), _ellipse2 || (_ellipse2 = /*#__PURE__*/React__namespace.createElement("ellipse", {
+  cx: 37.044,
+  cy: 6.644,
+  fill: "#98F3F4",
+  rx: 5.745,
+  ry: 5.859
+})), _ellipse3 || (_ellipse3 = /*#__PURE__*/React__namespace.createElement("ellipse", {
+  cx: 21.725,
+  cy: 6.644,
+  fill: "#FFF2D7",
+  rx: 5.745,
+  ry: 5.859
+})));
+
+const MemoizedEditorContent = /*#__PURE__*/React__default["default"].memo(EditorContent__default["default"]);
+const Preview = _ref => {
+  let {
+    socialHandles,
+    thankYouTextAlignment,
+    resubmitLink,
+    publicLinkId,
+    isPublished,
+    appName,
+    brandingInfo
+  } = _ref;
+  const {
+    values
+  } = formik.useFormikContext();
+  const {
+    t
+  } = reactI18next.useTranslation();
+  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?.imageUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-thank-you-configuration__img"
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    alt: "",
+    src: values.imageUrl
+  })), 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?.showResubmitLink && /*#__PURE__*/React__default["default"].createElement("a", {
+    className: "neeto-thank-you-configuration__resubmit",
+    href: resubmitLink
+  }, values?.resubmitLinkText ?? t("neetoThankYou.thankYou.resubmit")), values?.socialSharingEnabled && /*#__PURE__*/React__default["default"].createElement(SocialShare.SocialShare, {
+    publicLinkId,
+    socialHandles
+  })))), values?.brandingEnabled && /*#__PURE__*/React__default["default"].createElement(BrandingInfo.BrandingInfo, {
+    appName,
+    brandingInfo
+  })));
+};
+
+const ExternalLink = () => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
+    autoFocus: true,
+    required: true,
+    label: t("neetoThankYou.thankYou.link"),
+    name: "redirectUrl",
+    placeholder: EXTERNAL_URL_PREFIX,
+    prefix: /*#__PURE__*/React__default["default"].createElement(Link__default["default"], null)
+  });
+};
+
+const Label = _ref => {
+  let {
+    label,
+    description,
+    kind
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "neeto-ui-text-gray-700",
+    "data-cy": `neeto-thank-you-configuration-${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-${neetoCist.hyphenate(kind)}-description`
+  }, description));
+};
+
+const buildValidationSchema = function () {
+  let 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"), value => allowEmptyCustomMessage || !utils.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()
+      })
+    })
+  });
+};
+
+const Form = _ref => {
+  let {
+    socialHandles,
+    entityId,
+    publicLinkId,
+    hasImageUploader,
+    uniqueSubmissionEnabled,
+    uniqueSubmissionLink,
+    redirectToOnCancel,
+    thankYouTextAlignment,
+    resubmitLink,
+    isPublished,
+    disableSubmitAnotherResponse,
+    disableRadioSelection,
+    appName,
+    blockNavigation,
+    onConfigUpdateSuccess,
+    brandingInfo,
+    editorProps,
+    preview: CustomPreview,
+    allowEmptyCustomMessage
+  } = _ref;
+  const {
+    data: {
+      thankYouConfiguration
+    } = {},
+    isLoading
+  } = useThankYouConfigurationApi.useShowThankYouConfiguration({
+    entityId
+  });
+  const {
+    mutate: updateThankYouConfiguration,
+    isPending: isUpdatingForm
+  } = useThankYouConfigurationApi.useUpdateThankYouConfiguration();
+  const editorRef = React.useRef({
+    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));
+  }
+  const resetEditor = () => editorRef.current.editor?.commands.setContent(thankYouConfiguration.message);
+  return /*#__PURE__*/React__default["default"].createElement(NeetoUIForm__default["default"], {
+    formikProps: {
+      enableReinitialize: true,
+      initialValues: {
+        ...DEFAULT_IMAGE_PROPERTIES,
+        ...thankYouConfiguration
+      },
+      validationSchema: buildValidationSchema(allowEmptyCustomMessage),
+      onSubmit: values => updateThankYouConfiguration({
+        entityId,
+        payload: {
+          ...values,
+          image: values.imageSignedId
+        }
+      }, {
+        onSuccess: function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return onConfigUpdateSuccess(args, thankYouConfiguration);
+        }
+      })
+    }
+  }, _ref2 => {
+    let {
+      values
+    } = _ref2;
+    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(option => /*#__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
+      })
+    })))), values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/React__default["default"].createElement(Customize, {
+      disableSubmitAnotherResponse,
+      editorProps,
+      editorRef,
+      entityId,
+      hasImageUploader,
+      uniqueSubmissionEnabled,
+      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: {
+        "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__*/React__default["default"].createElement(CustomPreview, {
+      values
+    }) : /*#__PURE__*/React__default["default"].createElement(Preview, {
+      appName,
+      brandingInfo,
+      isPublished,
+      publicLinkId,
+      resubmitLink,
+      socialHandles,
+      thankYouTextAlignment
+    })));
+  });
+};
+
+const Header = _ref => {
+  let {
+    breadcrumbs
+  } = _ref;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  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")
+  }));
+};
+
+const ConfigureThankYou = _ref => {
+  let {
+    breadcrumbs,
+    isPublished,
+    entityId,
+    publicLinkId,
+    resubmitLink,
+    redirectToOnCancel,
+    socialHandles = [],
+    uniqueSubmissionLink = "",
+    uniqueSubmissionEnabled = false,
+    hasImageUploader = false,
+    disableSubmitAnotherResponse = false,
+    disableRadioSelection = false,
+    thankYouTextAlignment = THANK_YOU_TEXT_ALIGNMENTS.center,
+    customHeader,
+    appName,
+    blockNavigation = false,
+    onConfigUpdateSuccess = neetoCist.noop,
+    brandingInfo,
+    editorProps = {},
+    preview,
+    allowEmptyCustomMessage = false
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, customHeader || /*#__PURE__*/React__default["default"].createElement(Header, {
+    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, {
+    allowEmptyCustomMessage,
+    appName,
+    blockNavigation,
+    brandingInfo,
+    disableRadioSelection,
+    disableSubmitAnotherResponse,
+    editorProps,
+    entityId,
+    hasImageUploader,
+    isPublished,
+    onConfigUpdateSuccess,
+    preview,
+    publicLinkId,
+    redirectToOnCancel,
+    resubmitLink,
+    socialHandles,
+    thankYouTextAlignment,
+    uniqueSubmissionEnabled,
+    uniqueSubmissionLink
+  }))));
+};
+
+module.exports = ConfigureThankYou;
+//# sourceMappingURL=ConfigureThankYou.js.map