amp-workflow-ui 0.1.6 → 0.1.7

package/dist/index.mjs

@@ -856,19 +856,18 @@ function OnHoldDialog({
   ] });
 }
 var OnHoldDialog_default = OnHoldDialog;
-var CONNECTOR_STYLE = {
+var CONNECTOR = {
   horizontal: {
     thickness: 3,
-    lengthExtra: 20,
-    color: "#2C35FF",
-    offsetY: 90,
-    offsetReverseExtra: 30
-    // extra offset for reversed rows to avoid overlap
+    lengthExtra: 0,
+    offsetReverseExtra: 30,
+    color: "#2C35FF"
   },
   vertical: {
     thickness: 3,
     height: 60,
-    color: "#2C35FF"}
+    color: "#2C35FF"
+  }
 };
 var CARD_WIDTH = 200;
 var CARD_HEIGHT = 220;
@@ -881,6 +880,7 @@ var CustomCard = styled(Card)(
     borderRadius: 16,
     backgroundColor: cardType === "subCard" ? "#FFF2D8" : cardType === "disableCard" ? "#ECECEC" : "#F1F1FF",
     border: cardType === "disableCard" ? "none" : `1px solid ${theme.palette.primary.dark}`,
+    overflow: "hidden",
     position: "relative"
   })
 );
@@ -906,8 +906,7 @@ var Bull = ({ count, cardType }) => {
     }
   );
 };
-function SnakeTimeline({ events }) {
-  const { api } = useWorkflowContext();
+function CustomTimelineWithStatus({ events }) {
   useTheme();
   const rows = [];
   for (let i = 0; i < events.length; i += 4) rows.push(events.slice(i, i + 4));
@@ -916,16 +915,13 @@ function SnakeTimeline({ events }) {
     const pos = index % 4;
     return row % 2 === 0 ? pos : 3 - pos;
   };
-  const getHorizontalOffsetY = (rowIndex) => rowIndex % 2 === 0 ? CONNECTOR_STYLE.horizontal.offsetY : CONNECTOR_STYLE.horizontal.offsetY + CONNECTOR_STYLE.horizontal.offsetReverseExtra;
-  const hasNextCard = (currentIndex) => currentIndex + 1 < events.length;
-  const handleAttachmentClick = (att) => {
-    if (!att) return;
-    api.get({
-      url: `/workflow/uploaded-document-url/${att.split("/").pop()}`,
-      serviceURL: "api"
-    }).then((res) => window.open(res.data, "_blank"));
+  const hasNextCard = (i) => i + 1 < events.length;
+  const getHorizontalY = (rowIndex) => {
+    const centerY = CARD_HEIGHT / 2 - CONNECTOR.horizontal.thickness / 2;
+    return rowIndex % 2 === 0 ? centerY : centerY + CONNECTOR.horizontal.offsetReverseExtra;
   };
-  return /* @__PURE__ */ jsx(Box$1, { sx: { width: "100%", overflowX: "auto", p: 2 }, children: /* @__PURE__ */ jsx(
+  const isVerticalNeeded = (index) => (index + 1) % 4 === 0 && hasNextCard(index);
+  return /* @__PURE__ */ jsx(Box$1, { sx: { width: "100%", overflowX: "auto", p: 1 }, children: /* @__PURE__ */ jsx(
     Box$1,
     {
       sx: {
@@ -937,11 +933,9 @@ function SnakeTimeline({ events }) {
         width: "max-content"
       },
       children: events.map((event, index) => {
-        console.log("\u{1F680} ~ SnakeTimeline ~ event:", event);
         const row = Math.floor(index / 4);
         const col = computeColumn(index);
-        const isLastInRow = index % 4 === 3;
-        const isVerticalConnectorNeeded = (index + 1) % 4 === 0 && hasNextCard(index);
+        const isLast = index % 4 === 3;
         return /* @__PURE__ */ jsxs(
           Box$1,
           {
@@ -951,30 +945,30 @@ function SnakeTimeline({ events }) {
               position: "relative"
             },
             children: [
-              !isLastInRow && hasNextCard(index) && /* @__PURE__ */ jsx(
+              !isLast && hasNextCard(index) && /* @__PURE__ */ jsx(
                 Box$1,
                 {
                   sx: {
                     position: "absolute",
-                    top: getHorizontalOffsetY(row),
+                    top: getHorizontalY(row),
                     left: row % 2 === 0 ? CARD_WIDTH : "auto",
                     right: row % 2 !== 0 ? CARD_WIDTH : "auto",
-                    width: GAP + CONNECTOR_STYLE.horizontal.lengthExtra,
-                    borderTop: `${CONNECTOR_STYLE.horizontal.thickness}px dashed ${CONNECTOR_STYLE.horizontal.color}`,
+                    width: GAP + CONNECTOR.horizontal.lengthExtra,
+                    borderTop: `${CONNECTOR.horizontal.thickness}px dashed ${CONNECTOR.horizontal.color}`,
                     zIndex: 10
                   }
                 }
               ),
-              isVerticalConnectorNeeded && /* @__PURE__ */ jsx(
+              isVerticalNeeded(index) && /* @__PURE__ */ jsx(
                 Box$1,
                 {
                   sx: {
                     position: "absolute",
                     top: CARD_HEIGHT,
-                    left: CARD_WIDTH / 2 - CONNECTOR_STYLE.vertical.thickness / 2,
-                    width: CONNECTOR_STYLE.vertical.thickness,
-                    height: CONNECTOR_STYLE.vertical.height,
-                    borderLeft: `${CONNECTOR_STYLE.vertical.thickness}px dashed ${CONNECTOR_STYLE.vertical.color}`,
+                    left: CARD_WIDTH / 2 - CONNECTOR.vertical.thickness / 2,
+                    width: CONNECTOR.vertical.thickness,
+                    height: CONNECTOR.vertical.height,
+                    borderLeft: `${CONNECTOR.vertical.thickness}px dashed ${CONNECTOR.vertical.color}`,
                     zIndex: 10
                   }
                 }
@@ -999,9 +993,10 @@ function SnakeTimeline({ events }) {
                           sx: {
                             backgroundColor: event.status.color,
                             color: event.status.labelColor,
-                            borderRadius: "50px",
+                            borderRadius: "40px",
                             height: 28,
-                            fontWeight: 600
+                            fontWeight: 600,
+                            px: 1
                           }
                         }
                       )
@@ -1018,7 +1013,7 @@ function SnakeTimeline({ events }) {
                   }
                 ),
                 /* @__PURE__ */ jsx(Typography, { sx: { mb: 1 }, variant: "body2", children: event.subTitle }),
-                event.attachment && /* @__PURE__ */ jsxs(
+                event.attachment && /* @__PURE__ */ jsx(
                   Typography,
                   {
                     sx: {
@@ -1026,11 +1021,7 @@ function SnakeTimeline({ events }) {
                       color: "#0B56CA",
                       fontWeight: 600
                     },
-                    onClick: () => handleAttachmentClick(event.attachment),
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "icon-link" }),
-                      " Attachment"
-                    ]
+                    children: "Attachment"
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -1131,14 +1122,13 @@ function ApprovalWorkflow({
   selectedWorkflowsList = [],
   userInfo
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const theme = useTheme$1();
   const { api, urlBuilder, loadingComponent, ENV_VARIABLES } = useWorkflowContext();
   const [selectedApprovalOtions, setSelectedApprovalOtions] = useState(
     selectedWorkflowsList.length ? "selected" : "Action Required"
   );
   const [expandedId, setExpandedId] = useState(null);
-  console.log("\u{1F680} ~ ApprovalWorkflow ~ expandedId:", expandedId);
   const [sendDialog, setSendDialog] = React7.useState(null);
   const [approveTarget, setApproveTarget] = React7.useState(null);
   const [rejectTarget, setRejectTarget] = React7.useState(null);
@@ -1238,7 +1228,6 @@ function ApprovalWorkflow({
     if (option === "selected") fetchSelectedActivites();
   };
   const handleExpandClick = (id) => {
-    console.log("\u{1F680} ~ handleExpandClick ~ id:", id);
     setExpandedId((prevId) => prevId === id ? null : id);
     fetchExpandedActivityLogs(id);
   };
@@ -1393,29 +1382,30 @@ function ApprovalWorkflow({
     approved: {
       title: "Approved",
       color: theme.palette.success.light,
-      labelColor: theme.palette.success.dark
+      labelColor: theme.palette.success.main
     },
     rejected: {
       title: "Rejected",
-      color: theme.palette.error.light,
-      labelColor: theme.palette.error.dark
+      color: ((_a = theme.palette.customColors) == null ? void 0 : _a.chipWarningContainer) || theme.palette.error.light,
+      labelColor: theme.palette.error.main
     },
     onhold: {
       title: "On Hold",
-      color: theme.palette.warning.light,
-      labelColor: theme.palette.warning.dark
+      color: ((_c = (_b = theme.palette) == null ? void 0 : _b.customColors) == null ? void 0 : _c.chipPendingContainer) || theme.palette.warning.light,
+      labelColor: ((_e = (_d = theme.palette) == null ? void 0 : _d.customColors) == null ? void 0 : _e.chipPendingText) || theme.palette.warning.dark
     },
     sendback: {
       title: "Send Back",
-      color: theme.palette.info.light,
-      labelColor: theme.palette.info.dark
+      color: ((_g = (_f = theme.palette) == null ? void 0 : _f.customColors) == null ? void 0 : _g.approvalPrimaryChipBG) || theme.palette.info.light,
+      labelColor: ((_i = (_h = theme.palette) == null ? void 0 : _h.customColors) == null ? void 0 : _i.approvalPrimaryChipText) || theme.palette.info.dark
     },
     pending: {
-      color: theme.palette.grey[300],
-      labelColor: theme.palette.text.primary
+      color: ((_j = theme.palette.customColors) == null ? void 0 : _j.approvalPrimaryChipBG) || theme.palette.grey[300],
+      labelColor: ((_l = (_k = theme.palette) == null ? void 0 : _k.customColors) == null ? void 0 : _l.approvalPrimaryChipText) || theme.palette.text.primary
     }
   };
   if (isLoading && loadingComponent) return /* @__PURE__ */ jsx(Fragment, { children: loadingComponent });
+  console.log("TEST LIB");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Box,
@@ -1486,7 +1476,7 @@ function ApprovalWorkflow({
                 pb: 3
               },
               children: visibleSelectedRequests == null ? void 0 : visibleSelectedRequests.map((info, index) => {
-                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l, _m, _n;
+                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
                 const currentLevel = info == null ? void 0 : info.levels.find(
                   (level_) => level_.id === (info == null ? void 0 : info.current_level)
                 );
@@ -1595,7 +1585,7 @@ function ApprovalWorkflow({
                                     mt: 0.8,
                                     color: ((_g2 = info == null ? void 0 : info.attachment_links) == null ? void 0 : _g2.length) ? "primary.dark" : "text.disabled"
                                   },
-                                  children: ((_h = info == null ? void 0 : info.attachment_links) == null ? void 0 : _h.length) ? `${info.attachment_links.length} file(s)` : "N/A"
+                                  children: ((_h2 = info == null ? void 0 : info.attachment_links) == null ? void 0 : _h2.length) ? `${info.attachment_links.length} file(s)` : "N/A"
                                 }
                               )
                             ] }),
@@ -1624,9 +1614,9 @@ function ApprovalWorkflow({
                                 },
                                 children: [
                                   /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Current Level" }),
-                                  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 0.8 }, children: (info == null ? void 0 : info.isLevelZero) ? "L0" : "L" + (((_j = (_i = info == null ? void 0 : info.levels) == null ? void 0 : _i.findIndex(
+                                  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 0.8 }, children: (info == null ? void 0 : info.isLevelZero) ? "L0" : "L" + (((_j2 = (_i2 = info == null ? void 0 : info.levels) == null ? void 0 : _i2.findIndex(
                                     (lvl) => lvl.id === (info == null ? void 0 : info.current_level)
-                                  )) != null ? _j : -1) + 1 || "") })
+                                  )) != null ? _j2 : -1) + 1 || "") })
                                 ]
                               }
                             ),
@@ -1642,14 +1632,14 @@ function ApprovalWorkflow({
                                   gap: 1.5
                                 },
                                 children: [
-                                  (info == null ? void 0 : info.current_status) !== "completed" && ((_l = (_k = info == null ? void 0 : info.levels) == null ? void 0 : _k.find(
+                                  (info == null ? void 0 : info.current_status) !== "completed" && ((_l2 = (_k2 = info == null ? void 0 : info.levels) == null ? void 0 : _k2.find(
                                     (lvl) => lvl.id === (info == null ? void 0 : info.current_level)
-                                  )) == null ? void 0 : _l.order) <= ((_n = (_m = info == null ? void 0 : info.levels) == null ? void 0 : _m.find(
+                                  )) == null ? void 0 : _l2.order) <= ((_n2 = (_m2 = info == null ? void 0 : info.levels) == null ? void 0 : _m2.find(
                                     (lvl) => {
                                       var _a3;
                                       return Number(lvl.assign_to[0]) === ((_a3 = userInfo == null ? void 0 : userInfo.userInfo) == null ? void 0 : _a3.id);
                                     }
-                                  )) == null ? void 0 : _n.order) ? /* @__PURE__ */ jsx(
+                                  )) == null ? void 0 : _n2.order) ? /* @__PURE__ */ jsx(
                                     Statusselector_default,
                                     {
                                       onSendBack: () => handleSendBack(info == null ? void 0 : info._id),
@@ -1741,7 +1731,7 @@ function ApprovalWorkflow({
                           children: /* @__PURE__ */ jsx(CircularProgress, { size: 36, color: "primary" })
                         }
                       ) : /* @__PURE__ */ jsx(
-                        SnakeTimeline,
+                        CustomTimelineWithStatus,
                         {
                           events: expandedDetails == null ? void 0 : expandedDetails.map((item) => {
                             var _a3, _b3, _c3, _d3;
@@ -1778,7 +1768,7 @@ function ApprovalWorkflow({
                 pb: 3
               },
               children: visibleAllRequests == null ? void 0 : visibleAllRequests.map((info, index) => {
-                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l, _m, _n;
+                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
                 const currentLevel = info == null ? void 0 : info.levels.find(
                   (level_) => level_.id === (info == null ? void 0 : info.current_level)
                 );
@@ -1894,7 +1884,7 @@ function ApprovalWorkflow({
                                     mt: 0.8,
                                     color: ((_g2 = info == null ? void 0 : info.attachment_links) == null ? void 0 : _g2.length) ? "primary.dark" : "text.disabled"
                                   },
-                                  children: ((_h = info == null ? void 0 : info.attachment_links) == null ? void 0 : _h.length) ? `${info.attachment_links.length} file(s)` : "N/A"
+                                  children: ((_h2 = info == null ? void 0 : info.attachment_links) == null ? void 0 : _h2.length) ? `${info.attachment_links.length} file(s)` : "N/A"
                                 }
                               )
                             ] }),
@@ -1923,9 +1913,9 @@ function ApprovalWorkflow({
                                 },
                                 children: [
                                   /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Current Level" }),
-                                  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 0.8 }, children: (info == null ? void 0 : info.isLevelZero) ? "L0" : "L" + (((_j = (_i = info == null ? void 0 : info.levels) == null ? void 0 : _i.findIndex(
+                                  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 0.8 }, children: (info == null ? void 0 : info.isLevelZero) ? "L0" : "L" + (((_j2 = (_i2 = info == null ? void 0 : info.levels) == null ? void 0 : _i2.findIndex(
                                     (lvl) => lvl.id === (info == null ? void 0 : info.current_level)
-                                  )) != null ? _j : -1) + 1 || "") })
+                                  )) != null ? _j2 : -1) + 1 || "") })
                                 ]
                               }
                             ),
@@ -1941,14 +1931,14 @@ function ApprovalWorkflow({
                                   gap: 1.5
                                 },
                                 children: [
-                                  (info == null ? void 0 : info.current_status) !== "completed" && ((_l = (_k = info == null ? void 0 : info.levels) == null ? void 0 : _k.find(
+                                  (info == null ? void 0 : info.current_status) !== "completed" && ((_l2 = (_k2 = info == null ? void 0 : info.levels) == null ? void 0 : _k2.find(
                                     (lvl) => lvl.id === (info == null ? void 0 : info.current_level)
-                                  )) == null ? void 0 : _l.order) <= ((_n = (_m = info == null ? void 0 : info.levels) == null ? void 0 : _m.find(
+                                  )) == null ? void 0 : _l2.order) <= ((_n2 = (_m2 = info == null ? void 0 : info.levels) == null ? void 0 : _m2.find(
                                     (lvl) => {
                                       var _a3;
                                       return Number(lvl.assign_to[0]) === ((_a3 = userInfo == null ? void 0 : userInfo.userInfo) == null ? void 0 : _a3.id);
                                     }
-                                  )) == null ? void 0 : _n.order) ? /* @__PURE__ */ jsx(
+                                  )) == null ? void 0 : _n2.order) ? /* @__PURE__ */ jsx(
                                     Statusselector_default,
                                     {
                                       onSendBack: () => handleSendBack(info == null ? void 0 : info._id),
@@ -2040,7 +2030,7 @@ function ApprovalWorkflow({
                           children: /* @__PURE__ */ jsx(CircularProgress, { size: 36, color: "primary" })
                         }
                       ) : /* @__PURE__ */ jsx(
-                        SnakeTimeline,
+                        CustomTimelineWithStatus,
                         {
                           events: expandedDetails == null ? void 0 : expandedDetails.map((item) => {
                             var _a3, _b3, _c3, _d3;
@@ -2077,8 +2067,7 @@ function ApprovalWorkflow({
                 pb: 3
               },
               children: visiblePendingRequests == null ? void 0 : visiblePendingRequests.map((info, index) => {
-                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k;
-                console.log("\u{1F680} ~ ApprovalWorkflow ~ info:", info);
+                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
                 const currentLevel = (_a2 = info == null ? void 0 : info.levels) == null ? void 0 : _a2.find(
                   (level_) => level_.id === (info == null ? void 0 : info.current_level)
                 );
@@ -2087,7 +2076,6 @@ function ApprovalWorkflow({
                   if (!(info2 == null ? void 0 : info2.isLevelZero)) return statusList2;
                   return statusList2.filter((item) => item.status !== 3);
                 };
-                console.log("statusList", statusList);
                 const redir = buildRedirectionUrl(info);
                 const currentStatus = ((_d2 = (_c2 = (_b2 = info == null ? void 0 : info.levels) == null ? void 0 : _b2.find(
                   (lvl) => lvl.id === (info == null ? void 0 : info.current_level)
@@ -2170,9 +2158,9 @@ function ApprovalWorkflow({
                                   noWrap: true,
                                   sx: {
                                     mt: 0.8,
-                                    color: ((_h = info == null ? void 0 : info.attachment_links) == null ? void 0 : _h.length) ? "primary.dark" : "text.disabled"
+                                    color: ((_h2 = info == null ? void 0 : info.attachment_links) == null ? void 0 : _h2.length) ? "primary.dark" : "text.disabled"
                                   },
-                                  children: ((_i = info == null ? void 0 : info.attachment_links) == null ? void 0 : _i.length) ? `${info.attachment_links.length} file(s)` : "N/A"
+                                  children: ((_i2 = info == null ? void 0 : info.attachment_links) == null ? void 0 : _i2.length) ? `${info.attachment_links.length} file(s)` : "N/A"
                                 }
                               )
                             ] }),
@@ -2201,9 +2189,9 @@ function ApprovalWorkflow({
                                 },
                                 children: [
                                   /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Current Level" }),
-                                  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 0.8 }, children: (info == null ? void 0 : info.isLevelZero) ? "L0" : "L" + (((_k = (_j = info == null ? void 0 : info.levels) == null ? void 0 : _j.findIndex(
+                                  /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 0.8 }, children: (info == null ? void 0 : info.isLevelZero) ? "L0" : "L" + (((_k2 = (_j2 = info == null ? void 0 : info.levels) == null ? void 0 : _j2.findIndex(
                                     (lvl) => lvl.id === (info == null ? void 0 : info.current_level)
-                                  )) != null ? _k : -1) + 1 || "") })
+                                  )) != null ? _k2 : -1) + 1 || "") })
                                 ]
                               }
                             ),
@@ -2309,7 +2297,7 @@ function ApprovalWorkflow({
                           children: /* @__PURE__ */ jsx(CircularProgress, { size: 36, color: "primary" })
                         }
                       ) : /* @__PURE__ */ jsx(
-                        SnakeTimeline,
+                        CustomTimelineWithStatus,
                         {
                           events: expandedDetails == null ? void 0 : expandedDetails.map((item) => {
                             var _a3, _b3, _c3, _d3;
@@ -2353,8 +2341,8 @@ function ApprovalWorkflow({
         openModal: !!approveTarget,
         closeModal: () => setApproveTarget(null),
         header: "Approve",
-        workflowLogId: (_a = approveTarget == null ? void 0 : approveTarget.split("|")) == null ? void 0 : _a[0],
-        statusId: (_b = approveTarget == null ? void 0 : approveTarget.split("|")) == null ? void 0 : _b[1]
+        workflowLogId: (_m = approveTarget == null ? void 0 : approveTarget.split("|")) == null ? void 0 : _m[0],
+        statusId: (_n = approveTarget == null ? void 0 : approveTarget.split("|")) == null ? void 0 : _n[1]
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2363,9 +2351,9 @@ function ApprovalWorkflow({
         openModal: !!rejectTarget,
         closeModal: () => setRejectTarget(null),
         header: "Reject",
-        workflowLogId: (_c = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _c[0],
-        statusId: (_d = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _d[1],
-        rejection_reason_master: (_e = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _e[2]
+        workflowLogId: (_o = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _o[0],
+        statusId: (_p = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _p[1],
+        rejection_reason_master: (_q = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _q[2]
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2374,8 +2362,8 @@ function ApprovalWorkflow({
         openModal: !!onHoldTarget,
         closeModal: () => setOnHoldTarget(null),
         header: "On Hold",
-        workflowLogId: (_f = onHoldTarget == null ? void 0 : onHoldTarget.split("|")) == null ? void 0 : _f[0],
-        statusId: (_g = onHoldTarget == null ? void 0 : onHoldTarget.split("|")) == null ? void 0 : _g[1]
+        workflowLogId: (_r = onHoldTarget == null ? void 0 : onHoldTarget.split("|")) == null ? void 0 : _r[0],
+        statusId: (_s = onHoldTarget == null ? void 0 : onHoldTarget.split("|")) == null ? void 0 : _s[1]
       }
     )
   ] });