amp-workflow-ui 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import React7, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
+import React2, { createContext, useState, useEffect, useCallback, useRef, useContext } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Dialog$1 from '@mui/material/Dialog';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -282,8 +282,7 @@ function WorkflowRequestCard({
   userInfo,
   helpers
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
-  console.log("\u{1F680} ~ WorkflowRequestCard ~ requestDetails:", requestDetails);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const { timeLeftDHm, getStatus, buildRedirectionUrl } = helpers;
   const userDetails = userInfo == null ? void 0 : userInfo.userInfo;
   const matchAssigneeUserLevel = ((_b = (_a = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _a.find(
@@ -298,19 +297,25 @@ function WorkflowRequestCard({
       return ((_a2 = level_.escalate_assign_to) == null ? void 0 : _a2[0]) === (userDetails == null ? void 0 : userDetails.id);
     }
   )) == null ? void 0 : _d.id) === (requestDetails == null ? void 0 : requestDetails.current_level);
-  const matchUserInAnyLevel = (_e = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _e.find(
+  const loggedInUserLevel = (_e = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _e.findIndex(
     (level_) => {
       var _a2, _b2;
-      return ((_a2 = level_.escalate_assign_to) == null ? void 0 : _a2[0]) === (userDetails == null ? void 0 : userDetails.id) || ((_b2 = level_.assign_to) == null ? void 0 : _b2[0]) === (userDetails == null ? void 0 : userDetails.id);
+      return ((_a2 = level_.escalate_assign_to) == null ? void 0 : _a2[1]) === (requestDetails == null ? void 0 : requestDetails.current_level) || ((_b2 = level_.assign_to) == null ? void 0 : _b2[0]) === (requestDetails == null ? void 0 : requestDetails.current_level);
     }
   );
-  const allCurrentAssignees = (_f = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _f.map(
+  const matchUserInAnyLevel = (_f = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _f.find(
+    (level_, i) => {
+      var _a2, _b2;
+      return loggedInUserLevel >= i && ((_a2 = level_.escalate_assign_to) == null ? void 0 : _a2[1]) === (requestDetails == null ? void 0 : requestDetails.current_level) || ((_b2 = level_.assign_to) == null ? void 0 : _b2[0]) === (requestDetails == null ? void 0 : requestDetails.current_level);
+    }
+  );
+  const allCurrentAssignees = (_g = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _g.map(
     (level) => {
       var _a2;
       return (_a2 = level == null ? void 0 : level.assign_to_name) == null ? void 0 : _a2[0];
     }
   );
-  const allCurrentEscalatedAssignees = (_g = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _g.map(
+  const allCurrentEscalatedAssignees = (_h = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _h.map(
     (level) => {
       var _a2;
       return timeLeftDHm(level == null ? void 0 : level.tat_expiry) === "0d: 0h: 0m" ? (_a2 = level == null ? void 0 : level.escalate_assign_to_name) == null ? void 0 : _a2[0] : "";
@@ -319,7 +324,7 @@ function WorkflowRequestCard({
   const allAssignees = [
     .../* @__PURE__ */ new Set([...allCurrentAssignees, ...allCurrentEscalatedAssignees])
   ].filter((item) => item);
-  const currentLevel = (_h = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _h.find(
+  const currentLevel = (_i = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _i.find(
     (level_) => level_.id === (requestDetails == null ? void 0 : requestDetails.current_level)
   );
   const currentlyAssignedUserArray = (currentLevel == null ? void 0 : currentLevel.assign_to_name) || [];
@@ -334,22 +339,20 @@ function WorkflowRequestCard({
     return statusList2 == null ? void 0 : statusList2.filter((item) => item.status !== 3);
   };
   const redirectionUrl = buildRedirectionUrl(requestDetails);
-  console.log("\u{1F680} ~ WorkflowRequestCard ~ redirectionUrl:", redirectionUrl);
-  const currentStatus = ((_k = (_j = (_i = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _i.find(
+  const currentStatus = ((_l = (_k = (_j = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _j.find(
     (lvl) => lvl.id === (requestDetails == null ? void 0 : requestDetails.current_level)
-  )) == null ? void 0 : _j.selected_status) == null ? void 0 : _k.status_id) === 1 ? "approved" : ((_n = (_m = (_l = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _l.find(
+  )) == null ? void 0 : _k.selected_status) == null ? void 0 : _l.status_id) === 1 ? "approved" : ((_o = (_n = (_m = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _m.find(
     (lvl) => lvl.id === (requestDetails == null ? void 0 : requestDetails.current_level)
-  )) == null ? void 0 : _m.selected_status) == null ? void 0 : _n.status_id) === 3 ? "rejected" : "pending";
+  )) == null ? void 0 : _n.selected_status) == null ? void 0 : _o.status_id) === 3 ? "rejected" : "pending";
   getStatus(currentStatus);
-  const descriptionDetails = (_o = requestDetails == null ? void 0 : requestDetails.template_variables) == null ? void 0 : _o.description_variables;
+  const descriptionDetails = (_p = requestDetails == null ? void 0 : requestDetails.template_variables) == null ? void 0 : _p.description_variables;
   const formatKey = (key) => key.replace(/_/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
   const displayEntries = descriptionDetails ? Object.entries(descriptionDetails).filter(
     ([, value]) => typeof value === "string" || typeof value === "number"
   ) : [];
-  const userLevel = (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? "L0" : "L" + (((_q = (_p = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _p.findIndex(
+  const userLevel = (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? "L0" : "L" + (((_r = (_q = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _q.findIndex(
     (lvl) => lvl.id === (requestDetails == null ? void 0 : requestDetails.current_level)
-  )) != null ? _q : -1) + 1 || "");
-  console.log("\u{1F680} ~ WorkflowRequestCard ~ userLevel:", userLevel);
+  )) != null ? _r : -1) + 1 || "");
   const tatExpired = timeLeftDHm(currentLevel == null ? void 0 : currentLevel.tat_expiry) === "0d: 0h: 0m";
   return /* @__PURE__ */ jsxs(
     Box,
@@ -421,9 +424,9 @@ function WorkflowRequestCard({
                 ) }),
                 /* @__PURE__ */ jsx("div", { className: "step-line step-line-inactive" })
               ] }),
-              (_r = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _r.map((_, idx) => {
+              (_s = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _s.map((_, idx) => {
                 const level = idx + 1;
-                return /* @__PURE__ */ jsx(React7.Fragment, { children: userLevel == "L" + level ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                return /* @__PURE__ */ jsx(React2.Fragment, { children: userLevel == "L" + level ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(Chip, { label: "L" + level, className: "step-chip-current" }),
                   (requestDetails == null ? void 0 : requestDetails.levels.length) !== level && /* @__PURE__ */ jsx("div", { className: "step-line step-line-inactive" })
                 ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -489,7 +492,7 @@ function WorkflowRequestCard({
                     children: [
                       /* @__PURE__ */ jsx("span", { className: "assignee-label", children: "Current Assignee:" }),
                       " ",
-                      allAssignees.length > 0 ? `${(requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_s = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _s.full_name : allAssignees[0]} +${allAssignees.length - 1}` : (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_t = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _t.full_name : allAssignees[0]
+                      allAssignees.length > 0 ? `${(requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_t = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _t.full_name : allAssignees[0]} +${allAssignees.length - 1}` : (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_u = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _u.full_name : allAssignees[0]
                     ]
                   }
                 )
@@ -502,7 +505,7 @@ function WorkflowRequestCard({
                 children: [
                   /* @__PURE__ */ jsx("span", { className: "assignee-label", children: "Current Assignee:" }),
                   " ",
-                  (_u = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _u.full_name
+                  (_v = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _v.full_name
                 ]
               }
             ) }) : extraCurrentlyAssignedUserCount > 0 || tatExpired && extraCurrentlyEscalatedUserCount > 0 ? /* @__PURE__ */ jsx(
@@ -532,13 +535,13 @@ function WorkflowRequestCard({
                 children: /* @__PURE__ */ jsxs(Typography, { className: "assignee-text", sx: { cursor: "pointer" }, children: [
                   /* @__PURE__ */ jsx("span", { className: "assignee-label", children: tatExpired ? "Escalated To:" : "Current Assignee:" }),
                   " ",
-                  ((requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_v = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _v.full_name : tatExpired ? extraCurrentlyEscalatedUserCount : extraCurrentlyAssignedUserCount) > 0 ? `${tatExpired ? currentlyEscalatedUser : currentlyAssignedUser} +${tatExpired ? extraCurrentlyEscalatedUserCount : extraCurrentlyAssignedUserCount}` : tatExpired ? currentlyEscalatedUser : currentlyAssignedUser
+                  ((requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_w = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _w.full_name : tatExpired ? extraCurrentlyEscalatedUserCount : extraCurrentlyAssignedUserCount) > 0 ? `${tatExpired ? currentlyEscalatedUser : currentlyAssignedUser} +${tatExpired ? extraCurrentlyEscalatedUserCount : extraCurrentlyAssignedUserCount}` : tatExpired ? currentlyEscalatedUser : currentlyAssignedUser
                 ] })
               }
             ) : /* @__PURE__ */ jsxs(Typography, { className: "assignee-text", sx: { cursor: "pointer" }, children: [
               /* @__PURE__ */ jsx("span", { className: "assignee-label", children: tatExpired ? "Escalated To:" : "Current Assignee:" }),
               " ",
-              (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_w = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _w.full_name : tatExpired ? currentlyEscalatedUser : currentlyAssignedUser
+              (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_x = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _x.full_name : tatExpired ? currentlyEscalatedUser : currentlyAssignedUser
             ] })
           ] }),
           (requestDetails == null ? void 0 : requestDetails.current_status) == "pending" && (matchAssigneeUserLevel || matchEscalateUserLevel || matchUserInAnyLevel) && (userDetails == null ? void 0 : userDetails.id) != (requestDetails == null ? void 0 : requestDetails.created_by) && !(requestDetails == null ? void 0 : requestDetails.isLevelZero) ? /* @__PURE__ */ jsxs(Box, { className: "action-buttons", children: [
@@ -1786,10 +1789,10 @@ function ApprovalWorkflow({
   );
   console.log("\u{1F680} ~ ApprovalWorkflow ~ selectedOption:", selectedOption);
   const [expandedId, setExpandedId] = useState(null);
-  const [sendDialog, setSendDialog] = React7.useState(null);
-  const [approveTarget, setApproveTarget] = React7.useState(null);
-  const [rejectTarget, setRejectTarget] = React7.useState(null);
-  const [onHoldTarget, setOnHoldTarget] = React7.useState(null);
+  const [sendDialog, setSendDialog] = useState(null);
+  const [approveTarget, setApproveTarget] = useState(null);
+  const [rejectTarget, setRejectTarget] = useState(null);
+  const [onHoldTarget, setOnHoldTarget] = useState(null);
   const [expandedDetails, setExpandedDetails] = useState([]);
   console.log("\u{1F680} ~ ApprovalWorkflow ~ expandedDetails:", expandedDetails);
   const [descriptionView, setDescriptionView] = useState(null);
@@ -1797,6 +1800,7 @@ function ApprovalWorkflow({
   const [viewMoreDetails, setViewMoreDetails] = useState(null);
   const [isViewMoreOpen, setIsViewMoreOpen] = useState(false);
   const [isFilterOpen, setIsFilterOpen] = useState(false);
+  console.log("\u{1F680} ~ PIPELINE TEST");
   const handleOpenViewMore = (details) => {
     setViewMoreDetails(details);
     setIsViewMoreOpen(true);
@@ -1878,7 +1882,7 @@ function ApprovalWorkflow({
   const handleSearchChange = useCallback((value) => {
     setSearchText(value);
   }, []);
-  const observer = React7.useRef(null);
+  const observer = useRef(null);
   const lastCardRef = useCallback(
     (node) => {
       const currentTab = tabs[selectedOption];
@@ -1899,6 +1903,24 @@ function ApprovalWorkflow({
     },
     [tabs, selectedOption]
   );
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      var _a2, _b2, _c2, _d2;
+      if (((_a2 = document.activeElement) == null ? void 0 : _a2.tagName) === "INPUT" || ((_b2 = document.activeElement) == null ? void 0 : _b2.tagName) === "TEXTAREA") {
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        (_c2 = scrollRef.current) == null ? void 0 : _c2.scrollBy({ top: -100, behavior: "smooth" });
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        (_d2 = scrollRef.current) == null ? void 0 : _d2.scrollBy({ top: 100, behavior: "smooth" });
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, []);
   const handleSendBack = (workflowLogId) => {
     setSendDialog(workflowLogId);
   };
@@ -2377,6 +2399,7 @@ function ApprovalWorkflow({
               /* @__PURE__ */ jsxs(
                 Box$1,
                 {
+                  ref: scrollRef,
                   className: "fixedModal hide-scrollbar",
                   sx: {
                     overflowY: "auto",
@@ -2720,7 +2743,7 @@ function ApprovalWorkflow2(props) {
     ENV_VARIABLES,
     ...rest
   } = props;
-  console.log("\u{1F680} ~ ApprovalWorkflow ~ props:", props);
+  console.log("\u{1F680} ~ PIPELINE TEST");
   return /* @__PURE__ */ jsx(
     WorkflowProvider,
     {