amp-workflow-ui 0.1.23 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +32 -20
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +32 -20
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -69,7 +69,7 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
69
69
|
styleInject('.hide-scrollbar {\n overflow: auto !important;\n -ms-overflow-style: none !important;\n scrollbar-width: none !important;\n}\n.hide-scrollbar::-webkit-scrollbar {\n display: none !important;\n}\n.approval-card {\n position: relative;\n background-color: #f5f5f5;\n border-radius: 8px;\n width: 1069px;\n min-height: 250px;\n height: auto;\n padding: 24px;\n font-family:\n "Graphik Web",\n -apple-system,\n BlinkMacSystemFont,\n "Segoe UI",\n sans-serif;\n margin-bottom: 10px;\n display: flex;\n flex-direction: column;\n}\n.card-title {\n color: #3f41d1;\n font-size: 18px;\n font-weight: 600;\n text-decoration: underline;\n text-transform: capitalize;\n margin-top: -7px;\n margin-bottom: 24px;\n}\n.vertical-divider {\n position: absolute;\n left: 884px;\n top: 24px;\n width: 1px;\n height: 128px;\n background-color: #d9d9d9;\n}\n.timer-container {\n position: absolute;\n left: 916px;\n top: 24px;\n width: 121px;\n height: 121px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.timer-svg {\n position: absolute;\n width: 121px;\n height: 121px;\n}\n.timer-content {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n z-index: 1;\n}\n.timer-time {\n color: #3a9f4b;\n font-size: 14px;\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n}\n.timer-time-expired {\n color: #e6393e;\n}\n.timer-label {\n color: #666;\n font-size: 12px;\n line-height: 16px;\n}\n.details-section {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-right: 185px;\n margin-bottom: 32px;\n min-height: 80px;\n}\n.details-row {\n display: flex;\n gap: 64px;\n}\n.details-column {\n display: flex;\n flex-direction: column;\n}\n.detail-item {\n color: #666;\n font-size: 14px;\n line-height: 21px;\n text-transform: capitalize;\n margin: 0;\n}\n.detail-label {\n font-weight: 500;\n}\n.view-more-container {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 8px;\n}\n.view-more-button {\n background-color: #f5f5f5;\n border: 1px solid #e697ab;\n border-radius: 8px;\n padding: 4px 12px;\n color: #3e3e3e;\n font-size: 14px;\n font-weight: 500;\n text-transform: capitalize;\n cursor: pointer;\n line-height: 21px;\n}\n.expand-icon {\n color: #666;\n font-size: 18px;\n transform: rotate(270deg);\n}\n.actions-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 18px;\n}\n.progress-bar {\n background-color: white;\n border: 1px solid #3f41d1;\n border-radius: 12px;\n padding: 4px 14px 4px 5px;\n display: flex;\n align-items: center;\n gap: 14px;\n height: 40px;\n}\n.bus-icon {\n width: 35px;\n height: 29px;\n}\n.progress-steps {\n display: flex;\n align-items: center;\n gap: 2px;\n}\n.step-icon {\n width: 17px;\n height: 17px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.step-completed {\n background-color: #eaebfa;\n}\n.step-approved {\n background-color: #3a9f4b;\n}\n.step-inactive {\n background-color: #f6f6f6;\n border: 1px solid #a3a3a3;\n}\n.step-line {\n width: 33px;\n height: 1px;\n}\n.step-line-completed {\n background-color: #3a9f4b;\n}\n.step-line-inactive {\n background-color: #e3e3e3;\n}\n.step-chip-current {\n background-color: #bef2bf !important;\n color: #3e3e3e !important;\n font-size: 14px !important;\n font-weight: 500 !important;\n height: 29px !important;\n border-radius: 14.5px !important;\n text-transform: capitalize;\n}\n.step-chip-next {\n background-color: #eff4f2 !important;\n color: #3e3e3e !important;\n font-size: 14px !important;\n font-weight: 500 !important;\n height: 29px !important;\n border-radius: 14.5px !important;\n text-transform: capitalize;\n}\n.vertical-separator {\n width: 1px;\n height: 29px;\n background-color: #e3e3e3;\n}\n.assignee-text {\n color: #666;\n font-size: 14px;\n line-height: 21px;\n text-transform: capitalize;\n}\n.assignee-label {\n font-weight: 500;\n}\n.action-buttons {\n display: flex;\n gap: 14px;\n}\n.btn-reject,\n.btn-send-back {\n border-color: #666 !important;\n color: #666 !important;\n border-radius: 100px !important;\n text-transform: capitalize !important;\n font-weight: 500 !important;\n font-size: 14px !important;\n height: 40px;\n min-width: 106px;\n}\n.btn-approve {\n background-color: #3f41d1 !important;\n color: white !important;\n border-radius: 100px !important;\n text-transform: capitalize !important;\n font-weight: 500 !important;\n font-size: 14px !important;\n height: 40px;\n}\n.btn-approve:hover {\n background-color: #3436b0 !important;\n}\n.horizontal-divider {\n width: 100%;\n height: 1px;\n background-color: #d9d9d9;\n margin-bottom: 18px;\n}\n.timeline-container {\n display: block;\n}\n.timeline-item {\n width: 215px;\n height: 157px;\n position: relative;\n}\n.timeline-card {\n position: absolute;\n top: 16px;\n width: 215px;\n height: 141px;\n background-color: white;\n border-radius: 16px;\n padding: 16px;\n position: relative;\n}\n.timeline-card.active {\n border: 1px solid #3f41d1;\n}\n.timeline-badge {\n position: absolute !important;\n top: -16px;\n left: 8px;\n width: 32px !important;\n height: 32px !important;\n border-radius: 50% !important;\n font-size: 14px !important;\n font-weight: 500 !important;\n text-transform: capitalize !important;\n border: 3px solid #f6f6f6;\n}\n.badge-l0 {\n background-color: #eaebfa !important;\n color: #3f41d1 !important;\n}\n.badge-l1-bg {\n background-color: #fbcecf !important;\n color: #3e3e3e !important;\n}\n.badge-l1-approved {\n background-color: #3a9f4b !important;\n color: white !important;\n}\n.badge-l1-rejected {\n background-color: #e6393e !important;\n color: white !important;\n}\n.badge-l1-sendback {\n background-color: #dcecf9 !important;\n color: #237ecd !important;\n}\n.badge-l2-active {\n background-color: #f4f0ef !important;\n color: #3e3e3e !important;\n border: 1px solid #3f41d1 !important;\n}\n.timeline-badge-wrapper {\n position: absolute;\n top: -16px;\n left: 8px;\n width: 32px;\n height: 32px;\n}\n.timeline-badge-wrapper .timeline-badge {\n position: absolute !important;\n top: 0;\n left: 0;\n}\n.timeline-badge-wrapper-active {\n position: absolute;\n top: -20px;\n left: 4px;\n width: 38px;\n height: 38px;\n}\n.timeline-badge-wrapper-active .timeline-badge {\n position: absolute !important;\n top: 3px;\n left: 3px;\n}\n.timeline-type {\n color: #666;\n font-size: 12px;\n line-height: 13px;\n text-transform: capitalize;\n margin-top: 12px;\n margin-bottom: 8px;\n}\n.timeline-type.approved {\n color: #3a9f4b;\n font-weight: 600;\n}\n.timeline-type.rejected {\n color: #e6393e;\n font-weight: 600;\n}\n.timeline-type.sendback {\n color: #237ecd;\n font-weight: 600;\n}\n.timeline-name {\n color: #3e3e3e;\n font-size: 14px;\n font-weight: 500;\n line-height: 21px;\n margin-bottom: 8px;\n text-transform: capitalize;\n}\n.timeline-message {\n color: #666;\n font-size: 12px;\n line-height: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-bottom: 24px;\n}\n.attachments {\n color: #0612fb;\n font-size: 12px;\n line-height: 13px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-bottom: 24px;\n cursor: pointer;\n}\n.timeline-date {\n position: absolute;\n bottom: 16px;\n right: 16px;\n color: #666;\n font-size: 12px;\n line-height: 14px;\n text-align: right;\n text-transform: capitalize;\n}\n.timeline-connector {\n width: 45px;\n height: 157px;\n flex-shrink: 0;\n}\n.timeline-connector svg {\n width: 100%;\n height: 100%;\n}\n@media (max-width: 1200px) {\n .approval-card {\n width: 100%;\n height: auto;\n min-height: 437px;\n }\n}\n.flag {\n position: absolute;\n top: 0;\n right: 0;\n padding: 3px 4px;\n border: 2px solid #b28900;\n border-radius: 5px;\n color: #b28900;\n font-size: 12px;\n}\n');
|
|
70
70
|
|
|
71
71
|
// src/common-component/index.css
|
|
72
|
-
styleInject('.workflow-btn {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 10px 24px;\n gap: 8px;\n height: 40px;\n border-radius: 100px;\n border: none;\n cursor: pointer;\n font-family: "Graphik Web", sans-serif;\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n text-align: center;\n text-transform: capitalize;\n background: transparent;\n outline: none;\n}\n.workflow-btn.variant-reject,\n.workflow-btn.variant-send-back {\n background: #FFFFFF;\n border: 1px solid #666666;\n color: #666666;\n}\n.workflow-btn.variant-approve {\n background: #3F41D1;\n color: #FFFFFF;\n}\n.workflow-btn.variant-status-approved {\n background: #3A9F4B;\n color: #CDF3E2;\n}\n.workflow-btn.variant-status-sent-back {\n background: #237ECD;\n color: #DCECF9;\n}\n.workflow-btn.variant-status-rejected {\n background: #FAD7D8;\n color: #E6393E;\n}\n');
|
|
72
|
+
styleInject('.workflow-btn {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 10px 24px;\n gap: 8px;\n height: 40px;\n border-radius: 100px;\n border: none;\n cursor: pointer;\n font-family: "Graphik Web", sans-serif;\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n text-align: center;\n text-transform: capitalize;\n background: transparent;\n outline: none;\n}\n.workflow-btn.variant-reject,\n.workflow-btn.variant-send-back {\n background: #FFFFFF;\n border: 1px solid #666666;\n color: #666666;\n}\n.workflow-btn.variant-approve {\n background: #3F41D1;\n color: #FFFFFF;\n}\n.workflow-btn.variant-status-approved {\n background: #3A9F4B;\n color: #CDF3E2;\n}\n.workflow-btn.variant-status-sent-back {\n background: #237ECD;\n color: #DCECF9;\n}\n.workflow-btn.variant-status-rejected {\n background: #FAD7D8;\n color: #E6393E;\n}\n.workflow-btn.variant-onhold {\n background: #d184ab;\n color: #CDF3E2;\n}\n');
|
|
73
73
|
var variantClassMap = {
|
|
74
74
|
reject: "variant-reject",
|
|
75
75
|
"send-back": "variant-send-back",
|
|
@@ -77,6 +77,7 @@ var variantClassMap = {
|
|
|
77
77
|
approved: "variant-status-approved",
|
|
78
78
|
"status-sent-back": "variant-status-sent-back",
|
|
79
79
|
pending: "variant-status-sent-back",
|
|
80
|
+
onhold: "variant-onhold",
|
|
80
81
|
rejected: "variant-status-rejected"
|
|
81
82
|
};
|
|
82
83
|
var WorkflowButton = ({
|
|
@@ -295,24 +296,35 @@ function WorkflowRequestCard({
|
|
|
295
296
|
userInfo,
|
|
296
297
|
helpers
|
|
297
298
|
}) {
|
|
298
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
|
|
299
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
299
300
|
console.log("\u{1F680} ~ WorkflowRequestCard ~ requestDetails:", requestDetails);
|
|
300
301
|
const { timeLeftDHm, getStatus, buildRedirectionUrl } = helpers;
|
|
301
302
|
const userDetails = userInfo == null ? void 0 : userInfo.userInfo;
|
|
302
|
-
const
|
|
303
|
+
const matchAssigneeUserLevel = ((_b = (_a = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _a.find(
|
|
303
304
|
(level_) => {
|
|
304
305
|
var _a2;
|
|
305
306
|
return ((_a2 = level_.assign_to) == null ? void 0 : _a2[0]) === (userDetails == null ? void 0 : userDetails.id);
|
|
306
307
|
}
|
|
307
308
|
)) == null ? void 0 : _b.id) === (requestDetails == null ? void 0 : requestDetails.current_level);
|
|
308
|
-
|
|
309
|
-
|
|
309
|
+
const matchEscalateUserLevel = ((_d = (_c = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _c.find(
|
|
310
|
+
(level_) => {
|
|
311
|
+
var _a2;
|
|
312
|
+
return ((_a2 = level_.escalate_assign_to) == null ? void 0 : _a2[0]) === (userDetails == null ? void 0 : userDetails.id);
|
|
313
|
+
}
|
|
314
|
+
)) == null ? void 0 : _d.id) === (requestDetails == null ? void 0 : requestDetails.current_level);
|
|
315
|
+
const matchUserInAnyLevel = (_e = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _e.find(
|
|
316
|
+
(level_) => {
|
|
317
|
+
var _a2, _b2;
|
|
318
|
+
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);
|
|
319
|
+
}
|
|
320
|
+
);
|
|
321
|
+
const allCurrentAssignees = (_f = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _f.map(
|
|
310
322
|
(level) => {
|
|
311
323
|
var _a2;
|
|
312
324
|
return (_a2 = level == null ? void 0 : level.assign_to_name) == null ? void 0 : _a2[0];
|
|
313
325
|
}
|
|
314
326
|
);
|
|
315
|
-
const allCurrentEscalatedAssignees = (
|
|
327
|
+
const allCurrentEscalatedAssignees = (_g = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _g.map(
|
|
316
328
|
(level) => {
|
|
317
329
|
var _a2;
|
|
318
330
|
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] : "";
|
|
@@ -321,11 +333,11 @@ function WorkflowRequestCard({
|
|
|
321
333
|
const allAssignees = [
|
|
322
334
|
.../* @__PURE__ */ new Set([...allCurrentAssignees, ...allCurrentEscalatedAssignees])
|
|
323
335
|
].filter((item) => item);
|
|
324
|
-
const currentLevel = (
|
|
336
|
+
const currentLevel = (_h = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _h.find(
|
|
325
337
|
(level_) => level_.id === (requestDetails == null ? void 0 : requestDetails.current_level)
|
|
326
338
|
);
|
|
327
339
|
const currentlyAssignedUserArray = (currentLevel == null ? void 0 : currentLevel.assign_to_name) || [];
|
|
328
|
-
const currentlyEscaltedUserArray = (currentLevel == null ? void 0 : currentLevel.
|
|
340
|
+
const currentlyEscaltedUserArray = (currentLevel == null ? void 0 : currentLevel.escalate_assign_to) || [];
|
|
329
341
|
const currentlyAssignedUser = (currentLevel == null ? void 0 : currentLevel.assign_to_name) ? currentLevel == null ? void 0 : currentLevel.assign_to_name[0] : "NA";
|
|
330
342
|
const currentlyEscalatedUser = (currentLevel == null ? void 0 : currentLevel.escalate_assign_to_name) ? currentLevel == null ? void 0 : currentLevel.escalate_assign_to_name[0] : "NA";
|
|
331
343
|
const extraCurrentlyAssignedUserCount = currentlyAssignedUserArray.length - 1;
|
|
@@ -337,20 +349,20 @@ function WorkflowRequestCard({
|
|
|
337
349
|
};
|
|
338
350
|
const redirectionUrl = buildRedirectionUrl(requestDetails);
|
|
339
351
|
console.log("\u{1F680} ~ WorkflowRequestCard ~ redirectionUrl:", redirectionUrl);
|
|
340
|
-
const currentStatus = ((
|
|
352
|
+
const currentStatus = ((_k = (_j = (_i = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _i.find(
|
|
341
353
|
(lvl) => lvl.id === (requestDetails == null ? void 0 : requestDetails.current_level)
|
|
342
|
-
)) == null ? void 0 :
|
|
354
|
+
)) == 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(
|
|
343
355
|
(lvl) => lvl.id === (requestDetails == null ? void 0 : requestDetails.current_level)
|
|
344
|
-
)) == null ? void 0 :
|
|
356
|
+
)) == null ? void 0 : _m.selected_status) == null ? void 0 : _n.status_id) === 3 ? "rejected" : "pending";
|
|
345
357
|
getStatus(currentStatus);
|
|
346
|
-
const descriptionDetails = (
|
|
358
|
+
const descriptionDetails = (_o = requestDetails == null ? void 0 : requestDetails.template_variables) == null ? void 0 : _o.description_variables;
|
|
347
359
|
const formatKey = (key) => key.replace(/_/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
|
|
348
360
|
const displayEntries = descriptionDetails ? Object.entries(descriptionDetails).filter(
|
|
349
361
|
([, value]) => typeof value === "string" || typeof value === "number"
|
|
350
362
|
) : [];
|
|
351
|
-
const userLevel = (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? "L0" : "L" + (((
|
|
363
|
+
const userLevel = (requestDetails == null ? void 0 : requestDetails.isLevelZero) ? "L0" : "L" + (((_q = (_p = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _p.findIndex(
|
|
352
364
|
(lvl) => lvl.id === (requestDetails == null ? void 0 : requestDetails.current_level)
|
|
353
|
-
)) != null ?
|
|
365
|
+
)) != null ? _q : -1) + 1 || "");
|
|
354
366
|
console.log("\u{1F680} ~ WorkflowRequestCard ~ userLevel:", userLevel);
|
|
355
367
|
const tatExpired = timeLeftDHm(currentLevel == null ? void 0 : currentLevel.tat_expiry) === "0d: 0h: 0m";
|
|
356
368
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -423,7 +435,7 @@ function WorkflowRequestCard({
|
|
|
423
435
|
) }),
|
|
424
436
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "step-line step-line-inactive" })
|
|
425
437
|
] }),
|
|
426
|
-
(
|
|
438
|
+
(_r = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _r.map((_, idx) => {
|
|
427
439
|
const level = idx + 1;
|
|
428
440
|
return /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: userLevel == "L" + level ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
429
441
|
/* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "L" + level, className: "step-chip-current" }),
|
|
@@ -491,7 +503,7 @@ function WorkflowRequestCard({
|
|
|
491
503
|
children: [
|
|
492
504
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "assignee-label", children: "Current Assignee:" }),
|
|
493
505
|
" ",
|
|
494
|
-
allAssignees.length > 0 ? `${(requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (
|
|
506
|
+
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]
|
|
495
507
|
]
|
|
496
508
|
}
|
|
497
509
|
)
|
|
@@ -504,7 +516,7 @@ function WorkflowRequestCard({
|
|
|
504
516
|
children: [
|
|
505
517
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "assignee-label", children: "Current Assignee:" }),
|
|
506
518
|
" ",
|
|
507
|
-
(
|
|
519
|
+
(_u = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _u.full_name
|
|
508
520
|
]
|
|
509
521
|
}
|
|
510
522
|
) }) : extraCurrentlyAssignedUserCount > 0 || tatExpired && extraCurrentlyEscalatedUserCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -534,16 +546,16 @@ function WorkflowRequestCard({
|
|
|
534
546
|
children: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { className: "assignee-text", sx: { cursor: "pointer" }, children: [
|
|
535
547
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "assignee-label", children: tatExpired ? "Escalated To:" : "Current Assignee:" }),
|
|
536
548
|
" ",
|
|
537
|
-
((requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (
|
|
549
|
+
((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
|
|
538
550
|
] })
|
|
539
551
|
}
|
|
540
552
|
) : /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { className: "assignee-text", sx: { cursor: "pointer" }, children: [
|
|
541
553
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "assignee-label", children: tatExpired ? "Escalated To:" : "Current Assignee:" }),
|
|
542
554
|
" ",
|
|
543
|
-
(requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (
|
|
555
|
+
(requestDetails == null ? void 0 : requestDetails.isLevelZero) ? (_w = requestDetails == null ? void 0 : requestDetails.created_by_user) == null ? void 0 : _w.full_name : tatExpired ? currentlyEscalatedUser : currentlyAssignedUser
|
|
544
556
|
] })
|
|
545
557
|
] }),
|
|
546
|
-
(requestDetails == null ? void 0 : requestDetails.current_status)
|
|
558
|
+
(requestDetails == null ? void 0 : requestDetails.current_status) == "pending" && (matchAssigneeUserLevel || matchEscalateUserLevel || matchUserInAnyLevel) && !(requestDetails == null ? void 0 : requestDetails.isLevelZero) ? /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "action-buttons", children: [
|
|
547
559
|
filterRejectForLevelZero(statusList, requestDetails).find(
|
|
548
560
|
(list) => list.status == 3
|
|
549
561
|
) && /* @__PURE__ */ jsxRuntime.jsx(
|