@bigbinary/neeto-thank-you-frontend 1.0.2 → 1.0.4

package/README.md

@@ -1,7 +1,7 @@
+[![BuildStatus](https://neeto-engineering.neetoci.com/badges/neeto-thank-you-nano/workflows/branch.svg)](https://neeto-engineering.neetoci.com/projects/neeto-thank-you-nano)
 # neeto-thank-you-nano
 
-This repo acts as the source of truth for the new nano's structure, configs,
-data etc.
+Nano to manage thank you configuration page on neeto applications.
 
 # Local Development Setup
 
@@ -17,20 +17,3 @@ data etc.
 
 1. [Engine and package installation](./docs/engine-and-package-installation.md)
 2. [Building and releasing](./docs/building-and-releasing.md)
-
-# Replace NeetoThankYounano with your project name
-
-Let's say that the project name is `NeetoBigFish`. Execute the below script to
-replace it.
-
-- [Script to replace project name](./docs/replace-project-name-script.md)
-
-# How to setup neetoCI.
-
-1. Go to https://neeto-engineering.neetoci.net/projects.
-2. Click `Add new project`.
-3. ```
-    Project name: neeto-thank-you-nano
-    Namespace: bigbinary
-    Repository: bigbinary/neeto-thank-you-nano
-   ```

package/dist/index.cjs.js

@@ -2928,7 +2928,8 @@ var thankYou = {
 };
 var buttons = {
 	saveChanges: "Save changes",
-	cancel: "Cancel"
+	cancel: "Cancel",
+	resetChanges: "Reset changes"
 };
 var en = {
 	common: common,
@@ -3047,9 +3048,15 @@ var update = function update(_ref) {
     thankYouConfiguration: payload
   });
 };
+var resetToDefault = function resetToDefault(entityId) {
+  return axios__default["default"].put("".concat(baseUrl$1, "/reset_to_default"), {
+    entityId: entityId
+  });
+};
 var thankYouConfigurationApi = {
   show: show$1,
-  update: update
+  update: update,
+  resetToDefault: resetToDefault
 };
 
 var QUERY_KEYS = {
@@ -3075,12 +3082,21 @@ var useUpdateThankYouConfiguration = function useUpdateThankYouConfiguration(opt
       payload: payload
     });
   }, _objectSpread$3({
-    onSuccess: function onSuccess(_ref3) {
-      var entityId = _ref3.entityId;
-      queryClient.invalidateQueries([QUERY_KEYS.THANK_YOU_CONFIGURATION, entityId]);
+    onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(QUERY_KEYS.THANK_YOU_CONFIGURATION);
     }
   }, options));
 };
+var useResetThankYouConfigurationToDefault = function useResetThankYouConfigurationToDefault(entityId) {
+  var queryClient = reactQuery.useQueryClient();
+  return reactQuery.useMutation(function () {
+    return thankYouConfigurationApi.resetToDefault(entityId);
+  }, {
+    onSuccess: function onSuccess() {
+      queryClient.invalidateQueries(QUERY_KEYS.THANK_YOU_CONFIGURATION);
+    }
+  });
+};
 
 function _arrayWithHoles$2(arr) {
   if (Array.isArray(arr)) return arr;
@@ -13570,7 +13586,8 @@ var ResubmissionWarningModal = function ResubmissionWarningModal(_ref) {
 var Customize = function Customize(_ref) {
   var uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
     hasImageUploader = _ref.hasImageUploader,
-    uniqueSubmissionLink = _ref.uniqueSubmissionLink;
+    uniqueSubmissionLink = _ref.uniqueSubmissionLink,
+    entityId = _ref.entityId;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     isUniqueSubmissionWarningModalOpen = _useState2[0],
@@ -13583,6 +13600,20 @@ var Customize = function Customize(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
+  var _useShowThankYouConfi = useShowThankYouConfiguration({
+      entityId: entityId
+    }),
+    _useShowThankYouConfi2 = _useShowThankYouConfi.data,
+    _useShowThankYouConfi3 = _useShowThankYouConfi2 === void 0 ? {} : _useShowThankYouConfi2,
+    thankYouConfiguration = _useShowThankYouConfi3.thankYouConfiguration,
+    isFetching = _useShowThankYouConfi.isFetching;
+  React.useEffect(function () {
+    if (!isFetching) {
+      var _editorRef$current;
+      setFieldValue("message", thankYouConfiguration.message);
+      (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.editor.commands.setContent(thankYouConfiguration.message);
+    }
+  }, [isFetching]);
   var handleResubmitLinkChange = function handleResubmitLinkChange(event) {
     uniqueSubmissionEnabled ? setIsUniqueSubmissionWarningModalOpen(true) : setFieldValue("showResubmitLink", event.target.checked);
   };
@@ -13746,15 +13777,13 @@ var Preview = function Preview(_ref) {
 var ExternalLink = function ExternalLink() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mb-6"
-  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+  return /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
     autoFocus: true,
     label: t("thankYou.link"),
     name: "redirectUrl",
     placeholder: EXTERNAL_URL_PREFIX,
     prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Link, null)
-  }));
+  });
 };
 
 var Label = function Label(_ref) {
@@ -13792,6 +13821,9 @@ var Form = function Form(_ref) {
   var _useUpdateThankYouCon = useUpdateThankYouConfiguration(),
     updateThankYouConfiguration = _useUpdateThankYouCon.mutate,
     isUpdatingForm = _useUpdateThankYouCon.isLoading;
+  var _useResetThankYouConf = useResetThankYouConfigurationToDefault(entityId),
+    resetToDefaultMessage = _useResetThankYouConf.mutate,
+    isResetting = _useResetThankYouConf.isLoading;
   if (isLoading) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex h-full w-full items-center justify-center"
@@ -13834,17 +13866,25 @@ var Form = function Form(_ref) {
         })
       });
     }))), values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/React__default["default"].createElement(Customize, {
+      entityId: entityId,
       hasImageUploader: hasImageUploader,
       uniqueSubmissionEnabled: uniqueSubmissionEnabled,
       uniqueSubmissionLink: uniqueSubmissionLink
     }) : /*#__PURE__*/React__default["default"].createElement(ExternalLink, null), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "mt-6 flex flex-row items-center justify-start"
+      className: "mt-6 flex items-center space-x-2"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      className: "mr-3",
       disabled: !dirty,
       label: t("buttons.saveChanges"),
       loading: isUpdatingForm,
       type: "submit"
+    }), values.kind === FORM_OPTIONS.customize.kind && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      disabled: isResetting,
+      label: t("buttons.resetChanges"),
+      loading: isResetting,
+      style: "secondary",
+      onClick: function onClick() {
+        return resetToDefaultMessage();
+      }
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("buttons.cancel"),
       style: "text",