@bigbinary/neeto-approvals-frontend 0.2.2 → 0.2.4

package/dist/index.js

@@ -11,8 +11,12 @@ import axios from 'axios';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import { Form as Form$3, Input, Textarea as Textarea$1, Select } from '@bigbinary/neetoui/formik';
 import { MenuHorizontal, Delete } from '@bigbinary/neeto-icons';
-import { capitalize as capitalize$1, noop as noop$1, isPresent, findBy, camelToSnakeCase, removeBy, findById } from '@bigbinary/neeto-commons-frontend/pure';
+import { isPresent, findBy, capitalize as capitalize$1, noop as noop$1, camelToSnakeCase, removeBy, findById } from '@bigbinary/neeto-commons-frontend/pure';
 import { dateFormat, withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
+import dayjs from 'dayjs';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import { EditorContent, isEditorEmpty, FormikEditor, substituteVariables } from '@bigbinary/neeto-editor';
 import { useFormikContext, FieldArray } from 'formik';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
@@ -4343,17 +4347,20 @@ var Form$2 = function Form(_ref) {
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
     className: "w-full space-y-6"
   }, /*#__PURE__*/React.createElement(Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.firstName"),
     name: "firstName",
     placeholder: t("inputs.placeholders.firstName"),
     ref: inputReference
   }), /*#__PURE__*/React.createElement(Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.lastName"),
     name: "lastName",
     placeholder: t("inputs.placeholders.lastName")
   }), /*#__PURE__*/React.createElement(Input, {
+    required: true,
     className: "w-full",
     label: t("common.email"),
     name: "email",
@@ -4775,6 +4782,45 @@ var useUpdateRequest = function useUpdateRequest(options) {
   }));
 };
 
+dayjs.extend(utc);
+dayjs.extend(timezone);
+var updateApprovalDetails = function updateApprovalDetails(_ref) {
+  var requestsData = _ref.requestsData,
+    approvalDetails = _ref.approvalDetails;
+  if (isPresent(requestsData === null || requestsData === void 0 ? void 0 : requestsData.requests) && isPresent(approvalDetails)) {
+    var request = findBy({
+      id: approvalDetails.id
+    }, requestsData.requests) || {};
+    return request;
+  }
+  return {};
+};
+var timeInZone = function timeInZone(time) {
+  var _globalProps$user, _globalProps$user2;
+  ((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone) && dayjs.tz.setDefault((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.timeZone);
+  return dayjs(time).tz();
+};
+var getApprovalFilter = function getApprovalFilter() {
+  return {
+    PENDING: {
+      label: t$2("common.pending"),
+      value: "PENDING"
+    },
+    TEMPLATES: {
+      label: t$2("common.template", PLURAL),
+      value: "TEMPLATES"
+    },
+    HISTORY: {
+      label: t$2("common.history"),
+      value: "HISTORY"
+    },
+    APPROVERS: {
+      label: t$2("common.approver", PLURAL),
+      value: "APPROVERS"
+    }
+  };
+};
+
 var HISTORY_TABLE_COLUMNS = [{
   dataIndex: "approvalLabel",
   key: "approvalLabel",
@@ -4815,7 +4861,7 @@ var HISTORY_TABLE_COLUMNS = [{
   width: "25%",
   title: t$2("common.created"),
   render: function render(createdAt) {
-    return dateFormat.fromNow(createdAt);
+    return dateFormat.fromNow(timeInZone(createdAt));
   }
 }];
 
@@ -4891,7 +4937,7 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     style: "body2"
   }, requesterOrApproverDetails)), /*#__PURE__*/React.createElement("div", {
     className: "flex space-x-10 p-2"
-  }, /*#__PURE__*/React.createElement(Label, null, t("common.created")), /*#__PURE__*/React.createElement(Typography, null, dateFormat.extended(createdAt)))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Label, null, t("common.created")), /*#__PURE__*/React.createElement(Typography, null, dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React.createElement("div", {
     className: "w-full space-y-2"
   }, /*#__PURE__*/React.createElement(Label, null, t("inputs.labels.message")), /*#__PURE__*/React.createElement(MemoizedEditorContent$1, {
     className: "neeto-ui-bg-gray-100 p-4",
@@ -4928,38 +4974,6 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
   })));
 };
 
-var updateApprovalDetails = function updateApprovalDetails(_ref) {
-  var requestsData = _ref.requestsData,
-    approvalDetails = _ref.approvalDetails;
-  if (isPresent(requestsData === null || requestsData === void 0 ? void 0 : requestsData.requests) && isPresent(approvalDetails)) {
-    var request = findBy({
-      id: approvalDetails.id
-    }, requestsData.requests) || {};
-    return request;
-  }
-  return {};
-};
-var getApprovalFilter = function getApprovalFilter() {
-  return {
-    PENDING: {
-      label: t$2("common.pending"),
-      value: "PENDING"
-    },
-    TEMPLATES: {
-      label: t$2("common.template", PLURAL),
-      value: "TEMPLATES"
-    },
-    HISTORY: {
-      label: t$2("common.history"),
-      value: "HISTORY"
-    },
-    APPROVERS: {
-      label: t$2("common.approver", PLURAL),
-      value: "APPROVERS"
-    }
-  };
-};
-
 function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var History = function History(_ref) {
@@ -5239,10 +5253,14 @@ function _toConsumableArray(arr) {
 
 var _t;
 var VALID_VARIABLE_NAME_REGEX = /^[a-z](?:\w*[a-z0-9])*$/i;
+var EVERYONE_VISIBILITY = {
+  label: t$2("select.visibility.everyone"),
+  value: "everyone"
+};
 var TEMPLATE_FORM_INITIAL_VALUES = {
   name: "",
   description: "",
-  visibility: "",
+  visibility: EVERYONE_VISIBILITY,
   approver: "",
   variables: [],
   message: ""
@@ -5263,10 +5281,6 @@ var TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
     })).matches(VALID_VARIABLE_NAME_REGEX, t$2("validations.variableName"))
   }))
 });
-var EVERYONE_VISIBILITY = {
-  label: t$2("select.visibility.everyone"),
-  value: "everyone"
-};
 
 var DynamicBlock = function DynamicBlock() {
   var _useTranslation = useTranslation(),
@@ -5299,6 +5313,7 @@ var DynamicBlock = function DynamicBlock() {
         key: index
       }, /*#__PURE__*/React.createElement(Input, {
         autoFocus: true,
+        required: true,
         label: t("common.variable_", {
           number: index + 1
         }),
@@ -5323,6 +5338,7 @@ var DynamicBlock = function DynamicBlock() {
       }
     }));
   })), /*#__PURE__*/React.createElement(FormikEditor, {
+    required: true,
     key: variables,
     label: t("inputs.labels.message"),
     name: "message",
@@ -5379,6 +5395,7 @@ var Form$1 = function Form(_ref) {
     className: "flex w-full flex-col space-y-6"
   }, /*#__PURE__*/React.createElement(Input, {
     autoFocus: true,
+    required: true,
     className: "w-1/2",
     label: t("common.name"),
     name: "name",
@@ -5391,6 +5408,7 @@ var Form$1 = function Form(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "flex space-x-6"
   }, /*#__PURE__*/React.createElement(Select, {
+    required: true,
     label: t("inputs.labels.approver"),
     name: "approver",
     options: approvers.map(function (approver) {
@@ -6056,6 +6074,7 @@ var Form = function Form(_ref) {
     }, function () {
       return variables.map(function (variable, index) {
         return /*#__PURE__*/React.createElement(Input, {
+          required: true,
           className: "w-full",
           key: variable,
           label: variable,