@bigbinary/neeto-approvals-frontend 0.0.34 → 0.1.1

package/dist/index.js

@@ -4092,7 +4092,7 @@ var common$1 = {
 	status: "Status",
 	record_one: "Record",
 	record_other: "Records",
-	note: "Note by approver",
+	note: "Note",
 	approvedBy: "Approved by",
 	rejectedBy: "Rejected by",
 	cancelledBy: "Cancelled by",
@@ -4118,8 +4118,7 @@ var inputs = {
 		description: "Description",
 		approver: "Approver",
 		variableMapping: "Variable mapping",
-		message: "Message",
-		approverNote: "Approver's note"
+		message: "Message"
 	},
 	placeholders: {
 		firstName: "Enter first name",
@@ -5028,17 +5027,17 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     createdAt = approvalDetails.createdAt,
     approverName = approvalDetails.approverName,
     approverEmail = approvalDetails.approverEmail,
-    _approvalDetails$appr = approvalDetails.approverNote,
-    note = _approvalDetails$appr === void 0 ? "" : _approvalDetails$appr,
+    _approvalDetails$note = approvalDetails.note,
+    initialNote = _approvalDetails$note === void 0 ? "" : _approvalDetails$note,
     requesterName = approvalDetails.requesterName,
     requesterEmail = approvalDetails.requesterEmail;
-  var _useState = useState(note),
+  var _useState = useState(initialNote),
     _useState2 = _slicedToArray(_useState, 2),
-    approverNote = _useState2[0],
-    setApproverNote = _useState2[1];
+    note = _useState2[0],
+    setNote = _useState2[1];
   useEffect(function () {
-    setApproverNote(note);
-  }, [note]);
+    setNote(initialNote);
+  }, [initialNote]);
   var requesterOrApproverDetails = status === STATUSES.cancelled ? "".concat(requesterName, " (").concat(requesterEmail, ")") : "".concat(approverName, " (").concat(approverEmail, ")");
   var isCurrentUserApprover = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : (_window$globalProps$u = _window$globalProps.user) === null || _window$globalProps$u === void 0 ? void 0 : _window$globalProps$u.email) === approverEmail;
   var getStatusLabel = function getStatusLabel() {
@@ -5048,13 +5047,13 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     return STATUS_UPDATED_BY[status];
   };
   var handleOnClose = function handleOnClose() {
-    setApproverNote("");
+    setNote("");
     onClose();
   };
   var handleSubmit = function handleSubmit(status) {
     onSubmit({
       status: status,
-      approverNote: approverNote,
+      note: note,
       approvedAt: new Date()
     });
   };
@@ -5087,17 +5086,17 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
   })), isPending && isCurrentUserApprover && /*#__PURE__*/React.createElement(Textarea, {
     className: "w-full",
     disabled: !isPending,
-    label: t("inputs.labels.approverNote"),
-    value: approverNote,
+    label: t("common.note"),
+    value: note,
     placeholder: t("inputs.placeholders.add_", {
       what: t("common.note").toLocaleLowerCase()
     }),
-    onChange: withEventTargetValue(setApproverNote)
-  }), !isPending && approverNote && /*#__PURE__*/React.createElement("div", {
+    onChange: withEventTargetValue(setNote)
+  }), !isPending && note && /*#__PURE__*/React.createElement("div", {
     className: "w-full space-y-2"
   }, /*#__PURE__*/React.createElement(Label, null, t("common.note")), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-bg-gray-100 p-4"
-  }, approverNote))), isPending && isCurrentUserApprover && /*#__PURE__*/React.createElement(Pane.Footer, {
+  }, note))), isPending && isCurrentUserApprover && /*#__PURE__*/React.createElement(Pane.Footer, {
     className: "flex gap-x-2"
   }, /*#__PURE__*/React.createElement(Button, {
     label: t("buttons.approve"),
@@ -5454,6 +5453,36 @@ var Field = function Field(_ref) {
 };
 var Field$1 = /*#__PURE__*/React.memo(Field);
 
+var VALID_VARIABLE_NAME_REGEX = /^[a-z](?:\w*[a-z0-9])*$/i;
+var TEMPLATE_FORM_INITIAL_VALUES = {
+  name: "",
+  description: "",
+  visibility: "",
+  approver: "",
+  variables: [],
+  message: ""
+};
+var TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
+  name: yup.string().trim().required(t$2("validations.required", {
+    what: t$2("common.name")
+  })),
+  approver: yup.object().required(t$2("validations.approver")),
+  message: yup.string().test("message", t$2("validations.required", {
+    what: t$2("inputs.labels.message")
+  }), function (content) {
+    return !isEditorEmpty(content);
+  }),
+  variables: yup.array().of(yup.object().shape({
+    variable: yup.string().trim().required(t$2("validations.pleaseEnter_", {
+      what: t$2("common.variable").toLocaleLowerCase()
+    })).matches(VALID_VARIABLE_NAME_REGEX, t$2("validations.variableName"))
+  }))
+});
+var EVERYONE_VISIBILITY = {
+  label: t$2("select.visibility.everyone"),
+  value: "everyone"
+};
+
 var MemoizedEditorContent = /*#__PURE__*/React.memo(EditorContent);
 var TemplateDetails = function TemplateDetails(_ref) {
   var _Object$entries;
@@ -5488,7 +5517,7 @@ var TemplateDetails = function TemplateDetails(_ref) {
     value: approverName
   }), /*#__PURE__*/React.createElement(Field$1, {
     label: t("common.visibility"),
-    value: accessible === null || accessible === void 0 ? void 0 : accessible.label
+    value: (accessible === null || accessible === void 0 ? void 0 : accessible.label) || EVERYONE_VISIBILITY.label
   }), (_Object$entries = Object.entries(variables || {})) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
       variable = _ref3[0],
@@ -5508,36 +5537,6 @@ var TemplateDetails = function TemplateDetails(_ref) {
   }))));
 };
 
-var VALID_VARIABLE_NAME_REGEX = /^[a-z](?:\w*[a-z0-9])*$/i;
-var TEMPLATE_FORM_INITIAL_VALUES = {
-  name: "",
-  description: "",
-  visibility: "",
-  approver: "",
-  variables: [],
-  message: ""
-};
-var TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
-  name: yup.string().trim().required(t$2("validations.required", {
-    what: t$2("common.name")
-  })),
-  approver: yup.object().required(t$2("validations.approver")),
-  message: yup.string().test("message", t$2("validations.required", {
-    what: t$2("inputs.labels.message")
-  }), function (content) {
-    return !isEditorEmpty(content);
-  }),
-  variables: yup.array().of(yup.object().shape({
-    variable: yup.string().trim().required(t$2("validations.pleaseEnter_", {
-      what: t$2("common.variable").toLocaleLowerCase()
-    })).matches(VALID_VARIABLE_NAME_REGEX, t$2("validations.variableName"))
-  }))
-});
-var EVERYONE_VISIBILITY = {
-  label: t$2("select.visibility.everyone"),
-  value: "everyone"
-};
-
 var Menu$1 = Dropdown.Menu,
   MenuItem = Dropdown.MenuItem;
 var columnData = function columnData(_ref) {
@@ -6282,16 +6281,16 @@ var show = function show(id) {
 };
 var accept = function accept(_ref) {
   var id = _ref.id,
-    approverNote = _ref.approverNote;
+    note = _ref.note;
   return axios.patch("".concat(BASE_URL, "/public/requests/").concat(id, "/accept"), {
-    approverNote: approverNote
+    note: note
   });
 };
 var decline = function decline(_ref2) {
   var id = _ref2.id,
-    approverNote = _ref2.approverNote;
+    note = _ref2.note;
   return axios.patch("".concat(BASE_URL, "/public/requests/").concat(id, "/decline"), {
-    approverNote: approverNote
+    note: note
   });
 };
 var publicRequestsApi = {
@@ -6338,8 +6337,8 @@ var useDeclinePendingRequest = function useDeclinePendingRequest(options) {
 var Public = function Public() {
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
-    approverNote = _useState2[0],
-    setApproverNote = _useState2[1];
+    note = _useState2[0],
+    setNote = _useState2[1];
   var _useParams = useParams(),
     id = _useParams.id;
   var _useTranslation = useTranslation(),
@@ -6348,8 +6347,8 @@ var Public = function Public() {
       requestId: id
     }, {
       onSuccess: function onSuccess(_ref) {
-        var approverNote = _ref.approvalRequest.approverNote;
-        approverNote && setApproverNote(approverNote);
+        var note = _ref.approvalRequest.note;
+        note && setNote(note);
       }
     }),
     _useFetchPublicReques2 = _useFetchPublicReques.data,
@@ -6364,7 +6363,7 @@ var Public = function Public() {
     declinePendingRequest = _useDeclinePendingReq.mutate,
     isDeclining = _useDeclinePendingReq.isLoading;
   var calloutStyle = approvalRequest.status === STATUSES.approved ? "success" : "danger";
-  var hideTextArea = approvalRequest.status !== STATUSES.pending && isEmpty(approverNote);
+  var hideTextArea = approvalRequest.status !== STATUSES.pending && isEmpty(note);
   if (isLoading) {
     return /*#__PURE__*/React.createElement("div", {
       className: "h-screen items-center justify-center"
@@ -6383,15 +6382,13 @@ var Public = function Public() {
   }, approvalRequest.title), /*#__PURE__*/React.createElement(EditorContent, {
     content: approvalRequest.message
   }), !hideTextArea && /*#__PURE__*/React.createElement(Textarea, {
-    label: t("inputs.labels.approverNote"),
+    label: t("common.note"),
     placeholder: t("inputs.placeholders.add_", {
       what: t("common.note").toLocaleLowerCase()
     }),
-    value: approverNote,
+    value: note,
     disabled: approvalRequest.status !== STATUSES.pending,
-    onChange: function onChange(e) {
-      return setApproverNote(e.target.value);
-    }
+    onChange: withEventTargetValue(setNote)
   }), approvalRequest.status === STATUSES.pending ? /*#__PURE__*/React.createElement("div", {
     className: "mx-auto mt-8 flex space-x-6"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -6399,7 +6396,7 @@ var Public = function Public() {
     onClick: function onClick() {
       return acceptPendingRequest({
         id: approvalRequest.id,
-        approverNote: approverNote
+        note: note
       });
     },
     loading: isAccepting
@@ -6408,7 +6405,7 @@ var Public = function Public() {
     onClick: function onClick() {
       return declinePendingRequest({
         id: approvalRequest.id,
-        approverNote: approverNote
+        note: note
       });
     },
     style: "secondary",