@bigbinary/neeto-thank-you-frontend 3.1.9 → 3.1.11

package/dist/cjs/v2/ConfigureThankYou.js

@@ -0,0 +1,698 @@
+'use strict';
+
+var neetoCist = require('@bigbinary/neeto-cist');
+require('../thank-you-BYHzj8zD.js');
+require('../thank-you-BAOIUbgZ.js');
+var SocialShare = require('../SocialShare-BFeAkgVT.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik$1 = require('@bigbinary/neeto-atoms/formik');
+var classNames = require('classnames');
+var MobilePreviewHeader = require('@bigbinary/neeto-molecules/v2/MobilePreviewHeader');
+var ramda = require('ramda');
+var useThankYouConfigurationApi = require('../useThankYouConfigurationApi-Bx8hQqrm.js');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var formik = require('formik');
+var FormikEditor = require('@bigbinary/neeto-editor/v2/FormikEditor');
+var reactI18next = require('react-i18next');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+var jsxRuntime = require('react/jsx-runtime');
+var BrowserPreview = require('@bigbinary/neeto-molecules/v2/BrowserPreview');
+var BrandingInfo = require('../BrandingInfo-CxPUChPj.js');
+var v2_constants = require('./constants.js');
+var EditorContent = require('@bigbinary/neeto-editor/v2/EditorContent');
+var Link = require('@bigbinary/neeto-icons/Link');
+var HelpPopover = require('@bigbinary/neeto-molecules/v2/HelpPopover');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var NeetoUIHeader = require('@bigbinary/neeto-molecules/v2/Header');
+var i18next = require('i18next');
+var utils = require('@bigbinary/neeto-editor/v2/utils');
+var yup = require('yup');
+require('@bigbinary/neeto-commons-frontend/v2/initializers');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('../index-Bp2NY-mY.js');
+require('../query.js');
+require('@bigbinary/neeto-molecules/v2/MadeWith');
+
+function _interopNamespaceDefault(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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var ResubmissionWarningModal = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    isOpen = _ref.isOpen,
+    setIsOpen = _ref.setIsOpen,
+    uniqueSubmissionLink = _ref.uniqueSubmissionLink;
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    isOpen: isOpen,
+    onClose: function onClose() {
+      return setIsOpen(false);
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+        children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+          variant: "h3",
+          weight: "semibold",
+          children: [t("neetoThankYou.common.alert"), "!"]
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
+      children: t("neetoThankYou.thankYou.resubmissionWarning")
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Footer, {
+      className: "space-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        label: t("neetoThankYou.common.ok"),
+        variant: "outline",
+        onClick: function onClick() {
+          return setIsOpen(false);
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        label: t("neetoThankYou.thankYou.uniqueSubmissionLinkText"),
+        to: uniqueSubmissionLink
+      })]
+    })]
+  });
+});
+
+var EXTERNAL_URL_PREFIX = "https://";
+var DEFAULT_EDITOR_ADDONS = ["emoji"];
+
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Customize = function Customize(_ref) {
+  var editorRef = _ref.editorRef,
+    editorProps = _ref.editorProps,
+    customMessage = _ref.customMessage,
+    hasImageUploader = _ref.hasImageUploader,
+    disableSocialShare = _ref.disableSocialShare,
+    disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse,
+    uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
+    uniqueSubmissionLink = _ref.uniqueSubmissionLink,
+    isUniqueSubmissionWarningModalOpen = _ref.isUniqueSubmissionWarningModalOpen,
+    setIsUniqueSubmissionWarningModalOpen = _ref.setIsUniqueSubmissionWarningModalOpen;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var editorAddons = [].concat(_toConsumableArray(DEFAULT_EDITOR_ADDONS), _toConsumableArray(hasImageUploader ? ["image-upload"] : []));
+  react.useEffect(function () {
+    var _editorRef$current$ed;
+    setFieldValue("message", customMessage);
+    (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || _editorRef$current$ed.commands.setContent(customMessage);
+  }, [customMessage]);
+  var handleResubmitLinkChange = function handleResubmitLinkChange(checked) {
+    if (!uniqueSubmissionEnabled) return;
+
+    // atoms' formik Switch commits the new value before invoking this
+    // callback, so revert it to keep v1's behaviour of leaving the toggle
+    // untouched while the resubmission warning is shown.
+    setFieldValue("showResubmitLink", !checked);
+    setIsUniqueSubmissionWarningModalOpen(true);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col gap-4",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col gap-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(FormikEditor, _objectSpread$6({
+        required: true,
+        addons: editorAddons,
+        "data-testid": "thank-you-message-editor",
+        label: t("neetoThankYou.thankYou.messageLabel"),
+        name: "message",
+        ref: editorRef
+      }, editorProps))
+    }), !disableSocialShare && /*#__PURE__*/jsxRuntime.jsx(formik$1.Switch, {
+      label: t("neetoThankYou.thankYou.socialShareIcons"),
+      name: "socialSharingEnabled"
+    }), !disableSubmitAnotherResponse && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Switch, {
+        label: t("neetoThankYou.thankYou.showResubmitLink"),
+        name: "showResubmitLink",
+        onCheckedChange: handleResubmitLinkChange
+      }), values.showResubmitLink && /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+        required: true,
+        label: t("neetoThankYou.thankYou.resubmitLinkText"),
+        name: "resubmitLinkText"
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(ResubmissionWarningModal, {
+      uniqueSubmissionLink: uniqueSubmissionLink,
+      isOpen: isUniqueSubmissionWarningModalOpen,
+      setIsOpen: setIsUniqueSubmissionWarningModalOpen
+    })]
+  });
+};
+
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MemoizedEditorContent$1 = /*#__PURE__*/react.memo(EditorContent);
+var CustomMessage = function CustomMessage(_ref) {
+  var _values$resubmitLinkT;
+  var resubmitLink = _ref.resubmitLink,
+    publicLinkId = _ref.publicLinkId,
+    socialHandles = _ref.socialHandles,
+    editorProps = _ref.editorProps,
+    appName = _ref.appName,
+    _ref$ctaProps = _ref.ctaProps,
+    ctaProps = _ref$ctaProps === void 0 ? {} : _ref$ctaProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [(values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-thank-you-configuration__description text-foreground",
+      children: /*#__PURE__*/jsxRuntime.jsx(MemoizedEditorContent$1, _objectSpread$5({
+        content: values.message,
+        "data-testid": "preview-editor-content"
+      }, editorProps))
+    }), (values === null || values === void 0 ? void 0 : values.showResubmitLink) && /*#__PURE__*/jsxRuntime.jsx("a", {
+      className: "neeto-thank-you-configuration__resubmit",
+      "data-testid": "preview-resubmit-link",
+      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.SocialShare, {
+      publicLinkId: publicLinkId,
+      socialHandles: socialHandles
+    }), neetoCist.isPresent(ctaProps) && /*#__PURE__*/jsxRuntime.jsx(SocialShare.CallToAction, _objectSpread$5({}, _objectSpread$5({
+      appName: appName
+    }, ctaProps)))]
+  });
+};
+
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MemoizedEditorContent = /*#__PURE__*/react.memo(EditorContent);
+var RedirectMessage = function RedirectMessage(_ref) {
+  var editorProps = _ref.editorProps,
+    appName = _ref.appName,
+    _ref$ctaProps = _ref.ctaProps,
+    ctaProps = _ref$ctaProps === void 0 ? {} : _ref$ctaProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [(values === null || values === void 0 ? void 0 : values.redirectMessage) && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-thank-you-configuration__description mt-6",
+      children: /*#__PURE__*/jsxRuntime.jsx(MemoizedEditorContent, _objectSpread$4({
+        content: values.redirectMessage,
+        "data-testid": "preview-editor-content"
+      }, editorProps))
+    }), /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-thank-you-configuration__redirect-message text-foreground",
+      children: t("neetoThankYou.thankYou.redirectingInSecondsMessage", {
+        seconds: SocialShare.REDIRECT_DELAY
+      })
+    }), neetoCist.isPresent(ctaProps) && /*#__PURE__*/jsxRuntime.jsx(SocialShare.CallToAction, _objectSpread$4({}, _objectSpread$4({
+      appName: appName
+    }, ctaProps)))]
+  });
+};
+
+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), true).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 Preview = function Preview(_ref) {
+  var socialHandles = _ref.socialHandles,
+    thankYouTextAlignment = _ref.thankYouTextAlignment,
+    resubmitLink = _ref.resubmitLink,
+    publicLinkId = _ref.publicLinkId,
+    appName = _ref.appName,
+    appIcon = _ref.appIcon,
+    ctaProps = _ref.ctaProps,
+    editorProps = _ref.editorProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
+  var isCtaVisible = !v2_constants.IS_PRO_ORGANIZATION && (values === null || values === void 0 ? void 0 : values.brandingEnabled);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-thank-you-configuration-preview__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      className: "mb-3 block leading-normal md:hidden",
+      variant: "h3",
+      weight: "semibold",
+      children: t("neetoThankYou.thankYou.preview")
+    }), /*#__PURE__*/jsxRuntime.jsxs(BrowserPreview, {
+      className: classNames({
+        "neeto-thank-you-configuration-alignment--left": thankYouTextAlignment === SocialShare.THANK_YOU_TEXT_ALIGNMENTS.left,
+        "neeto-thank-you-configuration-alignment--center": thankYouTextAlignment === SocialShare.THANK_YOU_TEXT_ALIGNMENTS.center
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-thank-you-configuration",
+        children: /*#__PURE__*/jsxRuntime.jsx("main", {
+          className: "neeto-thank-you-configuration__main",
+          "data-testid": "neeto-thankyou-preview-main",
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: classNames("neeto-thank-you-configuration__box", {
+              "neeto-thank-you-configuration__box--is-cta-visible": isCtaVisible
+            }),
+            children: values.kind === SocialShare.FORM_OPTIONS.customize.kind ? /*#__PURE__*/jsxRuntime.jsx(CustomMessage, _objectSpread$3({}, _objectSpread$3({
+              appName: appName,
+              editorProps: editorProps,
+              publicLinkId: publicLinkId,
+              resubmitLink: resubmitLink,
+              socialHandles: socialHandles
+            }, isCtaVisible && {
+              ctaProps: ctaProps
+            }))) : /*#__PURE__*/jsxRuntime.jsx(RedirectMessage, _objectSpread$3({}, _objectSpread$3({
+              appName: appName,
+              editorProps: editorProps
+            }, isCtaVisible && {
+              ctaProps: ctaProps
+            })))
+          })
+        })
+      }), !v2_constants.IS_PRO_ORGANIZATION && (values === null || values === void 0 ? void 0 : values.brandingEnabled) && /*#__PURE__*/jsxRuntime.jsx(BrandingInfo.BrandingInfo, {
+        appIcon: appIcon,
+        appName: appName
+      })]
+    })]
+  });
+};
+
+var _excluded = ["name", "title", "className"];
+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), true).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 SwitchBlock = function SwitchBlock(_ref) {
+  var name = _ref.name,
+    title = _ref.title,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Label, {
+    className: classNames("flex items-center justify-start gap-2", className),
+    "data-testid": "neeto-thank-you-nano-".concat(neetoCist.hyphenate(title && name), "-toggle-label"),
+    children: /*#__PURE__*/jsxRuntime.jsx(formik$1.Switch, _objectSpread$2(_objectSpread$2({}, _objectSpread$2(_objectSpread$2({}, otherProps), {}, {
+      name: name
+    })), {}, {
+      "data-testid": "neeto-thank-you-nano-".concat(neetoCist.hyphenate(title && name), "-switch"),
+      label: title
+    }))
+  });
+};
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ExternalLink = function ExternalLink(_ref) {
+  var editorProps = _ref.editorProps,
+    isPassEventDetailsEnabled = _ref.isPassEventDetailsEnabled,
+    eventDetailsSwitchLabel = _ref.eventDetailsSwitchLabel,
+    passEventDetailsHelpDocUrl = _ref.passEventDetailsHelpDocUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var passEventDetailsSwitchLabel = neetoCist.isNotEmpty(eventDetailsSwitchLabel) ? eventDetailsSwitchLabel : t("neetoThankYou.thankYou.passEventDetails");
+  var _useFormikContext = formik.useFormikContext(),
+    showRedirectMessage = _useFormikContext.values.showRedirectMessage;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col gap-4",
+    children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+      autoFocus: true,
+      required: true,
+      className: "grow-0",
+      label: t("neetoThankYou.thankYou.link"),
+      name: "redirectUrl",
+      placeholder: EXTERNAL_URL_PREFIX,
+      prefix: /*#__PURE__*/jsxRuntime.jsx(Link, {})
+    }), isPassEventDetailsEnabled && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex space-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Switch, {
+        label: passEventDetailsSwitchLabel,
+        name: "passEventDetailsToRedirectUrl"
+      }), passEventDetailsHelpDocUrl && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
+        className: "shrink-0",
+        helpLinkProps: {
+          href: passEventDetailsHelpDocUrl
+        },
+        title: passEventDetailsSwitchLabel
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(SwitchBlock, {
+      name: "showRedirectMessage",
+      title: t("neetoThankYou.thankYou.showMessageWhileRedirecting")
+    }), showRedirectMessage && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col gap-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(FormikEditor, _objectSpread$1({
+        required: true,
+        addons: DEFAULT_EDITOR_ADDONS,
+        "data-testid": "neeto-thank-you-redirect-message-editor",
+        label: t("neetoThankYou.thankYou.messageLabel"),
+        name: "redirectMessage"
+      }, editorProps))
+    })]
+  });
+};
+
+var Header = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    breadcrumbs = _ref.breadcrumbs,
+    helpPopoverProps = _ref.helpPopoverProps;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsxRuntime.jsx(NeetoUIHeader, {
+      breadcrumbs: breadcrumbs,
+      size: "small",
+      title: t("neetoThankYou.common.thankYouPage"),
+      titleHelpPopoverProps: helpPopoverProps
+    })
+  });
+});
+
+var Label = function Label(_ref) {
+  var label = _ref.label,
+    description = _ref.description,
+    kind = _ref.kind;
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+    "data-testid": "neeto-thank-you-configuration-".concat(neetoCist.hyphenate(kind), "-label"),
+    variant: "body2",
+    weight: "semibold",
+    children: [label, /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "block text-xs font-normal leading-snug",
+      "data-testid": "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().when("kind", {
+      is: SocialShare.FORM_OPTIONS.customize.kind,
+      then: yup__namespace.string().test("message", i18next.t("neetoThankYou.thankYou.validations.messageRequired"), function (value) {
+        return 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: SocialShare.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: SocialShare.FORM_OPTIONS.customize.kind,
+        then: yup__namespace.string()
+      })
+    }),
+    redirectMessage: yup__namespace.string().when(["kind", "showRedirectMessage"], {
+      is: function is(kind, showRedirectMessage) {
+        return kind === SocialShare.FORM_OPTIONS.externalLink.kind && showRedirectMessage;
+      },
+      then: yup__namespace.string().test("redirectMessage", i18next.t("neetoThankYou.thankYou.validations.redirectMessageRequired"), function (value) {
+        return !utils.isEditorEmpty(value);
+      })
+    })
+  });
+};
+
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Form = function Form(_ref) {
+  var id = _ref.id,
+    socialHandles = _ref.socialHandles,
+    entityId = _ref.entityId,
+    publicLinkId = _ref.publicLinkId,
+    hasImageUploader = _ref.hasImageUploader,
+    uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
+    uniqueSubmissionLink = _ref.uniqueSubmissionLink,
+    redirectToOnCancel = _ref.redirectToOnCancel,
+    thankYouTextAlignment = _ref.thankYouTextAlignment,
+    resubmitLink = _ref.resubmitLink,
+    isPublished = _ref.isPublished,
+    disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse,
+    disableRadioSelection = _ref.disableRadioSelection,
+    appName = _ref.appName,
+    appIcon = _ref.appIcon,
+    blockNavigation = _ref.blockNavigation,
+    onConfigUpdateSuccess = _ref.onConfigUpdateSuccess,
+    editorProps = _ref.editorProps,
+    CustomPreview = _ref.preview,
+    allowEmptyCustomMessage = _ref.allowEmptyCustomMessage,
+    isPassEventDetailsEnabled = _ref.isPassEventDetailsEnabled,
+    passEventDetailsHelpDocUrl = _ref.passEventDetailsHelpDocUrl,
+    customHeader = _ref.customHeader,
+    breadcrumbs = _ref.breadcrumbs,
+    eventDetailsSwitchLabel = _ref.eventDetailsSwitchLabel,
+    helpPopoverProps = _ref.helpPopoverProps,
+    ctaProps = _ref.ctaProps;
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isUniqueSubmissionWarningModalOpen = _useState2[0],
+    setIsUniqueSubmissionWarningModalOpen = _useState2[1];
+  var _useFetchThankYouConf = useThankYouConfigurationApi.useFetchThankYouConfigurations(entityId),
+    _useFetchThankYouConf2 = _useFetchThankYouConf.data,
+    _useFetchThankYouConf3 = _useFetchThankYouConf2 === void 0 ? {} : _useFetchThankYouConf2,
+    _useFetchThankYouConf4 = _useFetchThankYouConf3.defaultMessage,
+    defaultMessage = _useFetchThankYouConf4 === void 0 ? "" : _useFetchThankYouConf4,
+    _useFetchThankYouConf5 = _useFetchThankYouConf3.primaryConfigurationId,
+    primaryConfigurationId = _useFetchThankYouConf5 === void 0 ? "" : _useFetchThankYouConf5,
+    isLoadingConfigurations = _useFetchThankYouConf.isLoading;
+  var configurationId = id !== null && id !== void 0 ? id : primaryConfigurationId;
+  var _useShowThankYouConfi = useThankYouConfigurationApi.useShowThankYouConfiguration({
+      entityId: entityId,
+      id: configurationId,
+      enabled: neetoCist.isPresent(configurationId)
+    }),
+    _useShowThankYouConfi2 = _useShowThankYouConfi.data,
+    _useShowThankYouConfi3 = _useShowThankYouConfi2 === void 0 ? {} : _useShowThankYouConfi2,
+    thankYouConfiguration = _useShowThankYouConfi3.thankYouConfiguration,
+    isLoadingConfiguration = _useShowThankYouConfi.isLoading;
+  var _useUpdateThankYouCon = useThankYouConfigurationApi.useUpdateThankYouConfiguration(configurationId),
+    updateThankYouConfiguration = _useUpdateThankYouCon.mutate,
+    isUpdatingForm = _useUpdateThankYouCon.isPending;
+  var editorRef = react.useRef({
+    editor: {}
+  });
+  var shouldBlockNavigation = blockNavigation && !isUpdatingForm && !isUniqueSubmissionWarningModalOpen;
+  var handleSubmit = function handleSubmit(values) {
+    var showResubmitLink = values.showResubmitLink,
+      kind = values.kind;
+    if (uniqueSubmissionEnabled && kind === SocialShare.THANK_YOU_KINDS.CUSTOM_MESSAGE && showResubmitLink) {
+      setIsUniqueSubmissionWarningModalOpen(true);
+      return;
+    }
+    updateThankYouConfiguration({
+      entityId: entityId,
+      payload: values
+    }, {
+      onSuccess: function onSuccess() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        return onConfigUpdateSuccess(args, thankYouConfiguration);
+      }
+    });
+  };
+  var customMessage = allowEmptyCustomMessage ? thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message : (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) || defaultMessage;
+  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(customMessage);
+  };
+  var shouldShowPreview = function shouldShowPreview(_ref2) {
+    var kind = _ref2.kind,
+      showRedirectMessage = _ref2.showRedirectMessage;
+    return kind === SocialShare.FORM_OPTIONS.customize.kind || showRedirectMessage;
+  };
+  if (isLoadingConfigurations || isLoadingConfiguration) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(formik$1.Form, {
+    className: "h-full w-full",
+    formikProps: {
+      enableReinitialize: true,
+      initialValues: thankYouConfiguration || {},
+      validationSchema: buildValidationSchema(allowEmptyCustomMessage),
+      onSubmit: handleSubmit
+    },
+    children: function children(_ref3) {
+      var values = _ref3.values;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-thankyou-nano-wrapper flex h-full flex-col overflow-y-auto lg:flex-row",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "neeto-thankyou-nano__left-panel flex w-full flex-col px-5 md:px-10 lg:h-full lg:w-1/2 lg:overflow-y-auto",
+          "data-testid": "neeto-thankyou-left-panel",
+          children: [customHeader || /*#__PURE__*/jsxRuntime.jsx(Header, {
+            breadcrumbs: breadcrumbs,
+            helpPopoverProps: helpPopoverProps
+          }), shouldBlockNavigation && /*#__PURE__*/jsxRuntime.jsx(formik$1.BlockNavigation, {}), !disableRadioSelection && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "mb-6 w-full",
+            children: /*#__PURE__*/jsxRuntime.jsx(formik$1.RadioGroup, {
+              className: "w-full grid-cols-1 items-stretch sm:grid-cols-2",
+              name: "kind",
+              orientation: "vertical",
+              children: Object.values(SocialShare.FORM_OPTIONS).map(function (option) {
+                return /*#__PURE__*/jsxRuntime.jsx(formik$1.RadioGroup.Item, {
+                  label: /*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread({}, option)),
+                  value: option.kind,
+                  className: classNames("neeto-thank-you-configuration-radio__item", {
+                    active: values.kind === option.kind
+                  })
+                }, option.kind);
+              })
+            })
+          }), values.kind === SocialShare.FORM_OPTIONS.customize.kind ? /*#__PURE__*/jsxRuntime.jsx(Customize, {
+            customMessage: customMessage,
+            disableSubmitAnotherResponse: disableSubmitAnotherResponse,
+            editorProps: editorProps,
+            editorRef: editorRef,
+            hasImageUploader: hasImageUploader,
+            isUniqueSubmissionWarningModalOpen: isUniqueSubmissionWarningModalOpen,
+            setIsUniqueSubmissionWarningModalOpen: setIsUniqueSubmissionWarningModalOpen,
+            uniqueSubmissionEnabled: uniqueSubmissionEnabled,
+            uniqueSubmissionLink: uniqueSubmissionLink,
+            disableSocialShare: ramda.isEmpty(socialHandles)
+          }) : /*#__PURE__*/jsxRuntime.jsx(ExternalLink, {
+            editorProps: editorProps,
+            eventDetailsSwitchLabel: eventDetailsSwitchLabel,
+            isPassEventDetailsEnabled: isPassEventDetailsEnabled,
+            passEventDetailsHelpDocUrl: passEventDetailsHelpDocUrl
+          }), /*#__PURE__*/jsxRuntime.jsx(formik$1.ActionBlock, {
+            className: "bg-background sticky bottom-0 py-5",
+            isSubmitting: isUpdatingForm,
+            cancelButtonProps: _objectSpread({
+              "data-testid": "neeto-thank-you-configuration-cancel-button"
+            }, redirectToOnCancel ? {
+              to: redirectToOnCancel,
+              onClick: neetoCist.noop
+            } : {
+              type: "reset",
+              onClick: resetEditor
+            }),
+            submitButtonProps: {
+              "data-testid": "neeto-thank-you-configuration-save-button"
+            }
+          })]
+        }), shouldShowPreview(values) && (CustomPreview ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(MobilePreviewHeader, {
+            className: "block lg:hidden"
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "bg-muted neeto-thankyou-nano__right-panel w-full px-6 py-10 lg:h-full lg:w-1/2 lg:overflow-y-auto",
+            children: /*#__PURE__*/jsxRuntime.jsx(CustomPreview, {
+              values: values
+            })
+          })]
+        }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(MobilePreviewHeader, {
+            className: "block lg:hidden"
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "bg-muted neeto-thankyou-nano__right-panel w-full px-6 py-10 lg:h-full lg:w-1/2 lg:overflow-y-auto",
+            children: /*#__PURE__*/jsxRuntime.jsx(Preview, {
+              appIcon: appIcon,
+              appName: appName,
+              ctaProps: ctaProps,
+              editorProps: editorProps,
+              isPublished: isPublished,
+              publicLinkId: publicLinkId,
+              resubmitLink: resubmitLink,
+              socialHandles: socialHandles,
+              thankYouTextAlignment: thankYouTextAlignment
+            })
+          })]
+        }))]
+      });
+    }
+  });
+};
+
+var ConfigureThankYou = function ConfigureThankYou(_ref) {
+  var id = _ref.id,
+    breadcrumbs = _ref.breadcrumbs,
+    isPublished = _ref.isPublished,
+    entityId = _ref.entityId,
+    publicLinkId = _ref.publicLinkId,
+    resubmitLink = _ref.resubmitLink,
+    redirectToOnCancel = _ref.redirectToOnCancel,
+    _ref$socialHandles = _ref.socialHandles,
+    socialHandles = _ref$socialHandles === void 0 ? [] : _ref$socialHandles,
+    _ref$uniqueSubmission = _ref.uniqueSubmissionLink,
+    uniqueSubmissionLink = _ref$uniqueSubmission === void 0 ? "" : _ref$uniqueSubmission,
+    _ref$uniqueSubmission2 = _ref.uniqueSubmissionEnabled,
+    uniqueSubmissionEnabled = _ref$uniqueSubmission2 === void 0 ? false : _ref$uniqueSubmission2,
+    _ref$hasImageUploader = _ref.hasImageUploader,
+    hasImageUploader = _ref$hasImageUploader === void 0 ? false : _ref$hasImageUploader,
+    _ref$disableSubmitAno = _ref.disableSubmitAnotherResponse,
+    disableSubmitAnotherResponse = _ref$disableSubmitAno === void 0 ? false : _ref$disableSubmitAno,
+    _ref$disableRadioSele = _ref.disableRadioSelection,
+    disableRadioSelection = _ref$disableRadioSele === void 0 ? false : _ref$disableRadioSele,
+    _ref$thankYouTextAlig = _ref.thankYouTextAlignment,
+    thankYouTextAlignment = _ref$thankYouTextAlig === void 0 ? SocialShare.THANK_YOU_TEXT_ALIGNMENTS.center : _ref$thankYouTextAlig,
+    customHeader = _ref.customHeader,
+    appName = _ref.appName,
+    appIcon = _ref.appIcon,
+    _ref$blockNavigation = _ref.blockNavigation,
+    blockNavigation = _ref$blockNavigation === void 0 ? false : _ref$blockNavigation,
+    _ref$onConfigUpdateSu = _ref.onConfigUpdateSuccess,
+    onConfigUpdateSuccess = _ref$onConfigUpdateSu === void 0 ? neetoCist.noop : _ref$onConfigUpdateSu,
+    _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,
+    _ref$isPassEventDetai = _ref.isPassEventDetailsEnabled,
+    isPassEventDetailsEnabled = _ref$isPassEventDetai === void 0 ? false : _ref$isPassEventDetai,
+    _ref$passEventDetails = _ref.passEventDetailsHelpDocUrl,
+    passEventDetailsHelpDocUrl = _ref$passEventDetails === void 0 ? null : _ref$passEventDetails,
+    _ref$eventDetailsSwit = _ref.eventDetailsSwitchLabel,
+    eventDetailsSwitchLabel = _ref$eventDetailsSwit === void 0 ? "" : _ref$eventDetailsSwit,
+    _ref$helpPopoverProps = _ref.helpPopoverProps,
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
+    _ref$ctaProps = _ref.ctaProps,
+    ctaProps = _ref$ctaProps === void 0 ? {} : _ref$ctaProps;
+  return /*#__PURE__*/jsxRuntime.jsx(Form, {
+    allowEmptyCustomMessage: allowEmptyCustomMessage,
+    appIcon: appIcon,
+    appName: appName,
+    blockNavigation: blockNavigation,
+    breadcrumbs: breadcrumbs,
+    ctaProps: ctaProps,
+    customHeader: customHeader,
+    disableRadioSelection: disableRadioSelection,
+    disableSubmitAnotherResponse: disableSubmitAnotherResponse,
+    editorProps: editorProps,
+    entityId: entityId,
+    eventDetailsSwitchLabel: eventDetailsSwitchLabel,
+    hasImageUploader: hasImageUploader,
+    helpPopoverProps: helpPopoverProps,
+    id: id,
+    isPassEventDetailsEnabled: isPassEventDetailsEnabled,
+    isPublished: isPublished,
+    onConfigUpdateSuccess: onConfigUpdateSuccess,
+    passEventDetailsHelpDocUrl: passEventDetailsHelpDocUrl,
+    preview: preview,
+    publicLinkId: publicLinkId,
+    redirectToOnCancel: redirectToOnCancel,
+    resubmitLink: resubmitLink,
+    socialHandles: socialHandles,
+    thankYouTextAlignment: thankYouTextAlignment,
+    uniqueSubmissionEnabled: uniqueSubmissionEnabled,
+    uniqueSubmissionLink: uniqueSubmissionLink
+  });
+};
+
+module.exports = ConfigureThankYou;
+//# sourceMappingURL=ConfigureThankYou.js.map