@bigbinary/neeto-approvals-frontend 0.2.2 → 0.2.4

package/dist/index.cjs.js

@@ -17,6 +17,10 @@ var formik = require('@bigbinary/neetoui/formik');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var dayjs = require('dayjs');
+var timezone = require('dayjs/plugin/timezone');
+var utc = require('dayjs/plugin/utc');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var neetoEditor = require('@bigbinary/neeto-editor');
 var formik$1 = require('formik');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
@@ -46,6 +50,9 @@ var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
+var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 
 function _typeof$3(o) {
@@ -4374,17 +4381,20 @@ var Form$2 = function Form(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.firstName"),
     name: "firstName",
     placeholder: t("inputs.placeholders.firstName"),
     ref: inputReference
   }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.lastName"),
     name: "lastName",
     placeholder: t("inputs.placeholders.lastName")
   }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
     className: "w-full",
     label: t("common.email"),
     name: "email",
@@ -4806,6 +4816,45 @@ var useUpdateRequest = function useUpdateRequest(options) {
   }));
 };
 
+dayjs__default["default"].extend(utc__default["default"]);
+dayjs__default["default"].extend(timezone__default["default"]);
+var updateApprovalDetails = function updateApprovalDetails(_ref) {
+  var requestsData = _ref.requestsData,
+    approvalDetails = _ref.approvalDetails;
+  if (pure.isPresent(requestsData === null || requestsData === void 0 ? void 0 : requestsData.requests) && pure.isPresent(approvalDetails)) {
+    var request = pure.findBy({
+      id: approvalDetails.id
+    }, requestsData.requests) || {};
+    return request;
+  }
+  return {};
+};
+var timeInZone = function timeInZone(time) {
+  var _globalProps$user, _globalProps$user2;
+  ((_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone) && dayjs__default["default"].tz.setDefault((_globalProps$user2 = initializers.globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.timeZone);
+  return dayjs__default["default"](time).tz();
+};
+var getApprovalFilter = function getApprovalFilter() {
+  return {
+    PENDING: {
+      label: t$2("common.pending"),
+      value: "PENDING"
+    },
+    TEMPLATES: {
+      label: t$2("common.template", constants.PLURAL),
+      value: "TEMPLATES"
+    },
+    HISTORY: {
+      label: t$2("common.history"),
+      value: "HISTORY"
+    },
+    APPROVERS: {
+      label: t$2("common.approver", constants.PLURAL),
+      value: "APPROVERS"
+    }
+  };
+};
+
 var HISTORY_TABLE_COLUMNS = [{
   dataIndex: "approvalLabel",
   key: "approvalLabel",
@@ -4846,7 +4895,7 @@ var HISTORY_TABLE_COLUMNS = [{
   width: "25%",
   title: t$2("common.created"),
   render: function render(createdAt) {
-    return utils.dateFormat.fromNow(createdAt);
+    return utils.dateFormat.fromNow(timeInZone(createdAt));
   }
 }];
 
@@ -4922,7 +4971,7 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
     style: "body2"
   }, requesterOrApproverDetails)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex space-x-10 p-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("common.created")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, utils.dateFormat.extended(createdAt)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("common.created")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, utils.dateFormat.extended(timeInZone(createdAt))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("inputs.labels.message")), /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent$1, {
     className: "neeto-ui-bg-gray-100 p-4",
@@ -4959,38 +5008,6 @@ var ApprovalsDetails = function ApprovalsDetails(_ref) {
   })));
 };
 
-var updateApprovalDetails = function updateApprovalDetails(_ref) {
-  var requestsData = _ref.requestsData,
-    approvalDetails = _ref.approvalDetails;
-  if (pure.isPresent(requestsData === null || requestsData === void 0 ? void 0 : requestsData.requests) && pure.isPresent(approvalDetails)) {
-    var request = pure.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", constants.PLURAL),
-      value: "TEMPLATES"
-    },
-    HISTORY: {
-      label: t$2("common.history"),
-      value: "HISTORY"
-    },
-    APPROVERS: {
-      label: t$2("common.approver", constants.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) {
@@ -5270,10 +5287,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: ""
@@ -5294,10 +5315,6 @@ var TEMPLATE_FORM_VALIDATION_SCHEMA = yup__namespace.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(),
@@ -5330,6 +5347,7 @@ var DynamicBlock = function DynamicBlock() {
         key: index
       }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
         autoFocus: true,
+        required: true,
         label: t("common.variable_", {
           number: index + 1
         }),
@@ -5354,6 +5372,7 @@ var DynamicBlock = function DynamicBlock() {
       }
     }));
   })), /*#__PURE__*/React__default["default"].createElement(neetoEditor.FormikEditor, {
+    required: true,
     key: variables,
     label: t("inputs.labels.message"),
     name: "message",
@@ -5410,6 +5429,7 @@ var Form$1 = function Form(_ref) {
     className: "flex w-full flex-col space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
     autoFocus: true,
+    required: true,
     className: "w-1/2",
     label: t("common.name"),
     name: "name",
@@ -5422,6 +5442,7 @@ var Form$1 = function Form(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex space-x-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
+    required: true,
     label: t("inputs.labels.approver"),
     name: "approver",
     options: approvers.map(function (approver) {
@@ -6087,6 +6108,7 @@ var Form = function Form(_ref) {
     }, function () {
       return variables.map(function (variable, index) {
         return /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+          required: true,
           className: "w-full",
           key: variable,
           label: variable,