@hybr1d-tech/charizard 1.1.4 → 1.1.6

package/dist/hybr1d-ui.js

@@ -222,7 +222,7 @@ function Ze() {
     function m0() {
     }
     m0.__reactDisabledLog = !0;
-    function E0() {
+    function M0() {
       {
         if (k === 0) {
           H = console.log, G = console.info, J = console.warn, L0 = console.error, H0 = console.group, h2 = console.groupCollapsed, a0 = console.groupEnd;
@@ -281,7 +281,7 @@ function Ze() {
       }
     }
     var C0 = C.ReactCurrentDispatcher, T0;
-    function M0(f, S, V) {
+    function R0(f, S, V) {
       {
         if (T0 === void 0)
           try {
@@ -312,7 +312,7 @@ function Ze() {
       var n0 = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var r0;
-      r0 = C0.current, C0.current = null, E0();
+      r0 = C0.current, C0.current = null, M0();
       try {
         if (S) {
           var l0 = function() {
@@ -367,7 +367,7 @@ function Ze() {
       } finally {
         p2 = !1, C0.current = r0, b0(), Error.prepareStackTrace = n0;
       }
-      var t1 = f ? f.displayName || f.name : "", O2 = t1 ? M0(t1) : "";
+      var t1 = f ? f.displayName || f.name : "", O2 = t1 ? R0(t1) : "";
       return typeof f == "function" && i2.set(f, O2), O2;
     }
     function Q(f, S, V) {
@@ -383,12 +383,12 @@ function Ze() {
       if (typeof f == "function")
         return R(f, c0(f));
       if (typeof f == "string")
-        return M0(f);
+        return R0(f);
       switch (f) {
         case d:
-          return M0("Suspense");
+          return R0("Suspense");
         case m:
-          return M0("SuspenseList");
+          return R0("SuspenseList");
       }
       if (typeof f == "object")
         switch (f.$$typeof) {
@@ -3139,7 +3139,7 @@ function g4({
     }
   );
 }
-const kt = "_selectContainer_9l7og_1", Vt = "_errorMsg_9l7og_6", Ft = "_multiLabelContainer_9l7og_15", Gt = "_optionContainer_9l7og_21", Lt = "_profileImg_9l7og_21", Ht = "_singleValueContainer_9l7og_23", Dt = "_label_9l7og_37", Pt = "_subLabel_9l7og_43", Tt = "_closeSpan_9l7og_50", Ot = "_downArrowSpan_9l7og_51", S0 = {
+const kt = "_selectContainer_9l7og_1", Vt = "_errorMsg_9l7og_6", Ft = "_multiLabelContainer_9l7og_15", Gt = "_optionContainer_9l7og_21", Lt = "_profileImg_9l7og_21", Ht = "_singleValueContainer_9l7og_23", Dt = "_label_9l7og_37", Pt = "_subLabel_9l7og_43", Tt = "_closeSpan_9l7og_50", Ot = "_downArrowSpan_9l7og_51", E0 = {
   selectContainer: kt,
   errorMsg: Vt,
   multiLabelContainer: Ft,
@@ -3252,42 +3252,42 @@ const kt = "_selectContainer_9l7og_1", Vt = "_errorMsg_9l7og_6", Ft = "_multiLab
   r2.Option,
   {
     ...e,
-    className: q({ [S0.subLabelContainer]: e.data.subLabel }, S0.optionContainer),
+    className: q({ [E0.subLabelContainer]: e.data.subLabel }, E0.optionContainer),
     children: [
-      /* @__PURE__ */ a.jsxs("div", { className: q(S0.label), children: [
+      /* @__PURE__ */ a.jsxs("div", { className: q(E0.label), children: [
         e.data.profileImgUrl && /* @__PURE__ */ a.jsx(
           "img",
           {
             src: e.data.profileImgUrl,
-            className: S0.profileImg,
+            className: E0.profileImg,
             alt: e.data.label
           }
         ),
         /* @__PURE__ */ a.jsx("span", { children: e.data.label })
       ] }),
-      e.data.subLabel && /* @__PURE__ */ a.jsx("div", { className: q(S0.subLabel), children: e.data.subLabel })
+      e.data.subLabel && /* @__PURE__ */ a.jsx("div", { className: q(E0.subLabel), children: e.data.subLabel })
     ]
   }
-), x4 = (e) => /* @__PURE__ */ a.jsx(r2.MultiValueLabel, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: S0.multiLabelContainer, children: [
+), x4 = (e) => /* @__PURE__ */ a.jsx(r2.MultiValueLabel, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: E0.multiLabelContainer, children: [
   e.data.profileImgUrl && /* @__PURE__ */ a.jsx(
     "img",
     {
       src: e.data.profileImgUrl,
-      className: S0.profileImg,
+      className: E0.profileImg,
       alt: e.data.label
     }
   ),
-  /* @__PURE__ */ a.jsx("div", { className: q(S0.label), children: /* @__PURE__ */ a.jsx("span", { children: e.data.label }) })
-] }) }), C4 = (e) => /* @__PURE__ */ a.jsx(r2.MultiValueRemove, { ...e, children: /* @__PURE__ */ a.jsx(M, { path: m2, spanClassName: S0.closeSpan }) }), _4 = (e) => /* @__PURE__ */ a.jsx(r2.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(M, { path: m2, spanClassName: S0.closeSpan }) }), I4 = (e) => /* @__PURE__ */ a.jsx(r2.DropdownIndicator, { ...e, children: /* @__PURE__ */ a.jsx(M, { path: C2, spanClassName: S0.downArrowSpan }) }), z4 = (e) => /* @__PURE__ */ a.jsx(r2.SingleValue, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: S0.singleValueContainer, children: [
+  /* @__PURE__ */ a.jsx("div", { className: q(E0.label), children: /* @__PURE__ */ a.jsx("span", { children: e.data.label }) })
+] }) }), C4 = (e) => /* @__PURE__ */ a.jsx(r2.MultiValueRemove, { ...e, children: /* @__PURE__ */ a.jsx(M, { path: m2, spanClassName: E0.closeSpan }) }), _4 = (e) => /* @__PURE__ */ a.jsx(r2.ClearIndicator, { ...e, children: /* @__PURE__ */ a.jsx(M, { path: m2, spanClassName: E0.closeSpan }) }), I4 = (e) => /* @__PURE__ */ a.jsx(r2.DropdownIndicator, { ...e, children: /* @__PURE__ */ a.jsx(M, { path: C2, spanClassName: E0.downArrowSpan }) }), z4 = (e) => /* @__PURE__ */ a.jsx(r2.SingleValue, { ...e, children: /* @__PURE__ */ a.jsxs("div", { className: E0.singleValueContainer, children: [
   e.data.profileImgUrl && /* @__PURE__ */ a.jsx(
     "img",
     {
       src: e.data.profileImgUrl,
-      className: S0.profileImg,
+      className: E0.profileImg,
       alt: e.data.label
     }
   ),
-  /* @__PURE__ */ a.jsx("div", { className: q(S0.label), children: /* @__PURE__ */ a.jsx("span", { children: e.data.label }) })
+  /* @__PURE__ */ a.jsx("div", { className: q(E0.label), children: /* @__PURE__ */ a.jsx("span", { children: e.data.label }) })
 ] }) });
 function Hb({
   options: e,
@@ -3316,7 +3316,7 @@ function Hb({
     {
       onClick: (z) => z.stopPropagation(),
       style: d,
-      className: S0.selectContainer,
+      className: E0.selectContainer,
       children: [
         /* @__PURE__ */ a.jsx(
           c6,
@@ -3354,7 +3354,7 @@ function Hb({
             ...h
           }
         ),
-        v && /* @__PURE__ */ a.jsx("p", { className: S0.errorMsg, style: m, children: v })
+        v && /* @__PURE__ */ a.jsx("p", { className: E0.errorMsg, style: m, children: v })
       ]
     }
   );
@@ -4720,9 +4720,9 @@ var Kn = process.env.NODE_ENV === "production" ? {
   }, [u]), F = L2(function() {
     var k = "";
     if (n && y.onChange) {
-      var H = n.option, G = n.options, J = n.removedValue, L0 = n.removedValues, H0 = n.value, h2 = function(M0) {
-        return Array.isArray(M0) ? null : M0;
-      }, a0 = J || H || h2(H0), m0 = a0 ? v(a0) : "", E0 = G || L0 || void 0, b0 = E0 ? E0.map(v) : [], C0 = P({
+      var H = n.option, G = n.options, J = n.removedValue, L0 = n.removedValues, H0 = n.value, h2 = function(R0) {
+        return Array.isArray(R0) ? null : R0;
+      }, a0 = J || H || h2(H0), m0 = a0 ? v(a0) : "", M0 = G || L0 || void 0, b0 = M0 ? M0.map(v) : [], C0 = P({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: a0 && x(a0, i),
@@ -6168,26 +6168,26 @@ var u7 = function(l) {
     value: function() {
       var t = this, s = this.getComponents(), r = s.Group, i = s.GroupHeading, o = s.Menu, d = s.MenuList, m = s.MenuPortal, u = s.LoadingMessage, v = s.NoOptionsMessage, h = s.Option, _ = this.commonProps, x = this.state.focusedOption, b = this.props, C = b.captureMenuScroll, p = b.inputValue, I = b.isLoading, z = b.loadingMessage, A = b.minMenuHeight, w = b.maxMenuHeight, E = b.menuIsOpen, y = b.menuPlacement, F = b.menuPosition, Z = b.menuPortalTarget, $ = b.menuShouldBlockScroll, L = b.menuShouldScrollIntoView, N = b.noOptionsMessage, j = b.onMenuScrollToTop, k = b.onMenuScrollToBottom;
       if (!E) return null;
-      var H = function(m0, E0) {
-        var b0 = m0.type, C0 = m0.data, T0 = m0.isDisabled, M0 = m0.isSelected, p2 = m0.label, i2 = m0.value, A2 = x === C0, R = T0 ? void 0 : function() {
+      var H = function(m0, M0) {
+        var b0 = m0.type, C0 = m0.data, T0 = m0.isDisabled, R0 = m0.isSelected, p2 = m0.label, i2 = m0.value, A2 = x === C0, R = T0 ? void 0 : function() {
           return t.onOptionHover(C0);
         }, Q = T0 ? void 0 : function() {
           return t.selectOption(C0);
-        }, c0 = "".concat(t.getElementId("option"), "-").concat(E0), _0 = {
+        }, c0 = "".concat(t.getElementId("option"), "-").concat(M0), _0 = {
           id: c0,
           onClick: Q,
           onMouseMove: R,
           onMouseOver: R,
           tabIndex: -1,
           role: "option",
-          "aria-selected": t.isAppleDevice ? void 0 : M0
+          "aria-selected": t.isAppleDevice ? void 0 : R0
           // is not supported on Apple devices
         };
         return /* @__PURE__ */ g.createElement(h, X({}, _, {
           innerProps: _0,
           data: C0,
           isDisabled: T0,
-          isSelected: M0,
+          isSelected: R0,
           key: c0,
           label: p2,
           type: b0,
@@ -6199,19 +6199,19 @@ var u7 = function(l) {
       if (this.hasOptions())
         G = this.getCategorizedOptions().map(function(a0) {
           if (a0.type === "group") {
-            var m0 = a0.data, E0 = a0.options, b0 = a0.index, C0 = "".concat(t.getElementId("group"), "-").concat(b0), T0 = "".concat(C0, "-heading");
+            var m0 = a0.data, M0 = a0.options, b0 = a0.index, C0 = "".concat(t.getElementId("group"), "-").concat(b0), T0 = "".concat(C0, "-heading");
             return /* @__PURE__ */ g.createElement(r, X({}, _, {
               key: C0,
               data: m0,
-              options: E0,
+              options: M0,
               Heading: i,
               headingProps: {
                 id: T0,
                 data: a0.data
               },
               label: t.formatGroupLabel(a0.data)
-            }), a0.options.map(function(M0) {
-              return H(M0, "".concat(b0, "-").concat(M0.index));
+            }), a0.options.map(function(R0) {
+              return H(R0, "".concat(b0, "-").concat(R0.index));
             }));
           } else if (a0.type === "option")
             return H(a0, "".concat(a0.index));
@@ -6236,7 +6236,7 @@ var u7 = function(l) {
         menuPosition: F,
         menuShouldScrollIntoView: L
       }, h2 = /* @__PURE__ */ g.createElement(Gc, X({}, _, H0), function(a0) {
-        var m0 = a0.ref, E0 = a0.placerProps, b0 = E0.placement, C0 = E0.maxHeight;
+        var m0 = a0.ref, M0 = a0.placerProps, b0 = M0.placement, C0 = M0.maxHeight;
         return /* @__PURE__ */ g.createElement(o, X({}, _, H0, {
           innerRef: m0,
           innerProps: {
@@ -6417,7 +6417,7 @@ var Ls = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function Hs(e) {
   var l = e.defaultOptions, n = l === void 0 ? !1 : l, c = e.cacheOptions, t = c === void 0 ? !1 : c, s = e.loadOptions;
   e.options;
-  var r = e.isLoading, i = r === void 0 ? !1 : r, o = e.onInputChange, d = e.filterOption, m = d === void 0 ? null : d, u = _2(e, Ls), v = u.inputValue, h = g2(void 0), _ = g2(!1), x = P0(Array.isArray(n) ? n : void 0), b = V0(x, 2), C = b[0], p = b[1], I = P0(typeof v < "u" ? v : ""), z = V0(I, 2), A = z[0], w = z[1], E = P0(n === !0), y = V0(E, 2), F = y[0], Z = y[1], $ = P0(void 0), L = V0($, 2), N = L[0], j = L[1], k = P0([]), H = V0(k, 2), G = H[0], J = H[1], L0 = P0(!1), H0 = V0(L0, 2), h2 = H0[0], a0 = H0[1], m0 = P0({}), E0 = V0(m0, 2), b0 = E0[0], C0 = E0[1], T0 = P0(void 0), M0 = V0(T0, 2), p2 = M0[0], i2 = M0[1], A2 = P0(void 0), R = V0(A2, 2), Q = R[0], c0 = R[1];
+  var r = e.isLoading, i = r === void 0 ? !1 : r, o = e.onInputChange, d = e.filterOption, m = d === void 0 ? null : d, u = _2(e, Ls), v = u.inputValue, h = g2(void 0), _ = g2(!1), x = P0(Array.isArray(n) ? n : void 0), b = V0(x, 2), C = b[0], p = b[1], I = P0(typeof v < "u" ? v : ""), z = V0(I, 2), A = z[0], w = z[1], E = P0(n === !0), y = V0(E, 2), F = y[0], Z = y[1], $ = P0(void 0), L = V0($, 2), N = L[0], j = L[1], k = P0([]), H = V0(k, 2), G = H[0], J = H[1], L0 = P0(!1), H0 = V0(L0, 2), h2 = H0[0], a0 = H0[1], m0 = P0({}), M0 = V0(m0, 2), b0 = M0[0], C0 = M0[1], T0 = P0(void 0), R0 = V0(T0, 2), p2 = R0[0], i2 = R0[1], A2 = P0(void 0), R = V0(A2, 2), Q = R[0], c0 = R[1];
   t !== Q && (C0({}), c0(t)), n !== p2 && (p(Array.isArray(n) ? n : void 0), i2(n)), m1(function() {
     return _.current = !0, function() {
       _.current = !1;
@@ -6488,7 +6488,7 @@ function Db({
     {
       onClick: (p) => p.stopPropagation(),
       style: d,
-      className: S0.selectContainer,
+      className: E0.selectContainer,
       children: [
         /* @__PURE__ */ a.jsx(
           Ps,
@@ -6529,7 +6529,7 @@ function Db({
             ...v
           }
         ),
-        u && /* @__PURE__ */ a.jsx("p", { className: S0.errorMsg, children: u })
+        u && /* @__PURE__ */ a.jsx("p", { className: E0.errorMsg, children: u })
       ]
     }
   );
@@ -6620,7 +6620,7 @@ function Pb({
     {
       onClick: (I) => I.stopPropagation(),
       style: d,
-      className: S0.selectContainer,
+      className: E0.selectContainer,
       children: [
         /* @__PURE__ */ a.jsx(
           h7,
@@ -6679,7 +6679,7 @@ function Pb({
             ...v
           }
         ),
-        u && /* @__PURE__ */ a.jsx("p", { className: S0.errorMsg, children: u })
+        u && /* @__PURE__ */ a.jsx("p", { className: E0.errorMsg, children: u })
       ]
     }
   );
@@ -8265,7 +8265,7 @@ function pd(e) {
   }
 }
 var H2 = /* @__PURE__ */ ((e) => (e.PROFILE = "profile", e.LEAVE = "leave", e.ATTENDANCE = "attendance", e.HOLIDAY_CALENDAR = "holiday-calendar", e.IT_REQUEST = "it-request", e.WORKFLOW = "workflow", e))(H2 || {});
-const vd = "_card_1ib22_1", gd = "_taskSection_1ib22_17", qd = "_taskName_1ib22_25", fd = "_dateAndTime_1ib22_29", bd = "_detailsSection_1ib22_34", xd = "_detail_1ib22_34", Cd = "_detailKey_1ib22_50", _d = "_detailValue_1ib22_55", Id = "_detailValueNA_1ib22_62", zd = "_actionSection_1ib22_66", yd = "_detailValueAttachments_1ib22_78", Ad = "_detailValueAttachment_1ib22_78", Nd = "_attachmentName_1ib22_90", jd = "_logoutIcon_1ib22_104", wd = "_fileIcon_1ib22_108", Sd = "_pointerCard_1ib22_112", B0 = {
+const vd = "_card_1ib22_1", gd = "_taskSection_1ib22_17", qd = "_taskName_1ib22_25", fd = "_dateAndTime_1ib22_29", bd = "_detailsSection_1ib22_34", xd = "_detail_1ib22_34", Cd = "_detailKey_1ib22_50", _d = "_detailValue_1ib22_55", Id = "_detailValueNA_1ib22_62", zd = "_actionSection_1ib22_66", yd = "_detailValueAttachments_1ib22_78", Ad = "_detailValueAttachment_1ib22_78", Nd = "_attachmentName_1ib22_90", jd = "_logoutIcon_1ib22_104", wd = "_fileIcon_1ib22_108", Sd = "_pointerCard_1ib22_112", S0 = {
   card: vd,
   taskSection: gd,
   taskName: qd,
@@ -8300,16 +8300,16 @@ function Rd({
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: q(B0.card, !!(s != null && s.length) && B0.pointerCard),
+      className: q(S0.card, !!(s != null && s.length) && S0.pointerCard),
       onMouseLeave: r,
       onClick: () => {
         var o;
         (o = s == null ? void 0 : s[0]) == null || o.onClick(e);
       },
       children: [
-        /* @__PURE__ */ a.jsxs("div", { className: B0.taskSection, children: [
-          /* @__PURE__ */ a.jsx("div", { className: q(B0.taskName, "zap-content-semibold"), children: e.name }),
-          /* @__PURE__ */ a.jsx("div", { className: q(B0.dateAndTime, "zap-caption-medium"), children: Te(e.date) ? Pe(e.date) : e.date }),
+        /* @__PURE__ */ a.jsxs("div", { className: S0.taskSection, children: [
+          /* @__PURE__ */ a.jsx("div", { className: q(S0.taskName, "zap-content-semibold"), children: e.name }),
+          /* @__PURE__ */ a.jsx("div", { className: q(S0.dateAndTime, "zap-caption-medium"), children: Te(e.date) ? Pe(e.date) : e.date }),
           /* @__PURE__ */ a.jsx(
             L1,
             {
@@ -8321,16 +8321,16 @@ function Rd({
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsx("div", { className: B0.detailsSection, children: (i = e.details) == null ? void 0 : i.map((o, d) => {
+        /* @__PURE__ */ a.jsx("div", { className: S0.detailsSection, children: (i = e.details) == null ? void 0 : i.map((o, d) => {
           var m, u;
-          return /* @__PURE__ */ a.jsxs("div", { className: B0.detail, children: [
-            /* @__PURE__ */ a.jsx("div", { className: q(B0.detailKey, "zap-subcontent-medium"), children: `${o.key}: ` }),
-            Array.isArray(o.value) && o.value.length > 0 ? Le(o.value) ? /* @__PURE__ */ a.jsx("div", { className: q(B0.detailValue, "zap-subcontent-medium"), children: o.value.join(", ") }) : /* @__PURE__ */ a.jsx("div", { className: B0.detailValueAttachments, children: o.value[0].file_name ? (m = o.value) == null ? void 0 : m.map((v, h) => {
+          return /* @__PURE__ */ a.jsxs("div", { className: S0.detail, children: [
+            /* @__PURE__ */ a.jsx("div", { className: q(S0.detailKey, "zap-subcontent-medium"), children: `${o.key}: ` }),
+            Array.isArray(o.value) && o.value.length > 0 ? Le(o.value) ? /* @__PURE__ */ a.jsx("div", { className: q(S0.detailValue, "zap-subcontent-medium"), children: o.value.join(", ") }) : /* @__PURE__ */ a.jsx("div", { className: S0.detailValueAttachments, children: o.value[0].file_name ? (m = o.value) == null ? void 0 : m.map((v, h) => {
               var _, x;
               return /* @__PURE__ */ a.jsxs(
                 "div",
                 {
-                  className: B0.detailValueAttachment,
+                  className: S0.detailValueAttachment,
                   onClick: (b) => b.stopPropagation(),
                   children: [
                     /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
@@ -8338,7 +8338,7 @@ function Rd({
                       {
                         src: O1(((_ = v.details) == null ? void 0 : _.type) || ((x = v.details) == null ? void 0 : x.ext)),
                         alt: v.file_name,
-                        className: B0.fileIcon
+                        className: S0.fileIcon
                       }
                     ) }),
                     /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
@@ -8347,7 +8347,7 @@ function Rd({
                         href: v.doc_link,
                         target: "_blank",
                         rel: "noopener noreferrer",
-                        className: B0.attachmentName,
+                        className: S0.attachmentName,
                         children: v.file_name
                       }
                     ) })
@@ -8355,17 +8355,17 @@ function Rd({
                 },
                 h
               );
-            }) : /* @__PURE__ */ a.jsx("div", { className: q(B0.detailValueNA, "zap-subcontent-medium"), children: "N/A" }) }) : o.value && Fe(o.value) && Object.keys(o.value).length ? /* @__PURE__ */ a.jsx(
+            }) : /* @__PURE__ */ a.jsx("div", { className: q(S0.detailValueNA, "zap-subcontent-medium"), children: "N/A" }) }) : o.value && Fe(o.value) && Object.keys(o.value).length ? /* @__PURE__ */ a.jsx(
               Ji,
               {
                 username: g6(o.value),
                 profileImgUrl: o.value.profile_img_url
               }
-            ) : typeof o.value == "string" && ((u = o.value) != null && u.length) ? /* @__PURE__ */ a.jsx("div", { className: q(B0.detailValue, "zap-subcontent-medium"), children: o.value }) : /* @__PURE__ */ a.jsx("div", { className: q(B0.detailValueNA, "zap-subcontent-medium"), children: "N/A" })
+            ) : typeof o.value == "string" && ((u = o.value) != null && u.length) ? /* @__PURE__ */ a.jsx("div", { className: q(S0.detailValue, "zap-subcontent-medium"), children: o.value }) : typeof o.value == "number" ? /* @__PURE__ */ a.jsx("div", { className: q(S0.detailValue, "zap-subcontent-medium"), children: o.value }) : /* @__PURE__ */ a.jsx("div", { className: q(S0.detailValueNA, "zap-subcontent-medium"), children: "N/A" })
           ] }, d);
         }) }),
-        /* @__PURE__ */ a.jsx("div", { className: B0.statusSection, children: /* @__PURE__ */ a.jsx(L1, { highlight: i4.DOT, status: kd[e.status], children: pd(e.status) }) }),
-        /* @__PURE__ */ a.jsx("div", { className: B0.actionSection, onClick: (o) => o.stopPropagation(), children: !!(s != null && s.length) && /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx("div", { className: S0.statusSection, children: /* @__PURE__ */ a.jsx(L1, { highlight: i4.DOT, status: kd[e.status], children: pd(e.status) }) }),
+        /* @__PURE__ */ a.jsx("div", { className: S0.actionSection, onClick: (o) => o.stopPropagation(), children: !!(s != null && s.length) && /* @__PURE__ */ a.jsx(
           A0.ActionsDropdown,
           {
             menuItems: s,
@@ -8429,7 +8429,7 @@ function Vd(e, l, n, c) {
       },
       iconSrc: C7,
       customStyles: { color: "var(--status-error-e50)" },
-      customSvgClassName: B0.logoutIcon,
+      customSvgClassName: S0.logoutIcon,
       hidden: e.module_reference === H2.LEAVE && !e.task_details_id || Md.includes(e.module_reference) || e.status === u2.CANCELLED || e.status === u2.DECLINED || e.status === u2.PENDING_CANCELLATION || e.module_reference === "leave" && Be(e == null ? void 0 : e.leaveFrom) && !(e.status === u2.PENDING || e.status === u2.PENDING_SECOND_APPROVER)
     }
   ].filter((t) => !t.hidden);
@@ -11661,7 +11661,7 @@ function ux({
   handleImageUpload: F
 }) {
   var A2;
-  const [Z, $] = g.useState([]), [L, N] = g.useState([]), [j, k] = g.useState(!1), [H, G] = g.useState([]), [J, L0] = g.useState([]), [H0, h2] = g.useState(null), [a0, m0] = g.useState(""), E0 = g.useRef(), b0 = !!(c && ((A2 = L.filter((R) => !Z.includes(R.key))) == null ? void 0 : A2.length) >= c || h);
+  const [Z, $] = g.useState([]), [L, N] = g.useState([]), [j, k] = g.useState(!1), [H, G] = g.useState([]), [J, L0] = g.useState([]), [H0, h2] = g.useState(null), [a0, m0] = g.useState(""), M0 = g.useRef(), b0 = !!(c && ((A2 = L.filter((R) => !Z.includes(R.key))) == null ? void 0 : A2.length) >= c || h);
   g.useEffect(() => {
     console.log(a0);
     const R = setTimeout(() => {
@@ -11708,16 +11708,16 @@ function ux({
     if (Q.length > c0.length && m0(
       `Few files were not uploaded as they are bigger than maximum size allowed ${r || 5}MB.`
     ), k(!0), !s) {
-      N([...c0]), E0.current.value = "";
+      N([...c0]), M0.current.value = "";
       return;
     }
-    N([...L, ...c0]), E0.current.value = "";
+    N([...L, ...c0]), M0.current.value = "";
   }
   function T0(R) {
     const Q = H.filter((c0) => c0.key !== R);
     N((c0) => c0.filter((_0) => _0.key !== R)), G((c0) => c0.filter((_0) => _0.key !== R)), e(Q);
   }
-  const M0 = () => {
+  const R0 = () => {
     var R;
     return ((R = L == null ? void 0 : L.filter((Q) => !(Z != null && Z.includes(Q.key)))) == null ? void 0 : R.filter((Q) => !(H != null && H.find((c0) => c0.key === Q.key)))) || [];
   }, p2 = (R) => {
@@ -11753,7 +11753,7 @@ function ux({
     /* @__PURE__ */ a.jsx(
       "input",
       {
-        ref: E0,
+        ref: M0,
         onChange: C0,
         type: "file",
         accept: w,
@@ -11768,7 +11768,7 @@ function ux({
         "div",
         {
           onClick: () => {
-            b0 || (b && b(), E0.current.click());
+            b0 || (b && b(), M0.current.click());
           },
           onDrop: (R) => {
             b0 || (R.preventDefault(), R.persist(), C0({ target: { files: R.dataTransfer.files } }));
@@ -11831,7 +11831,7 @@ function ux({
       (H0 || !!a0) && /* @__PURE__ */ a.jsx("p", { className: U.fileUploadLimitError, children: H0 || a0 }),
       E && /* @__PURE__ */ a.jsx("p", { className: U.errorMsg, children: E }),
       v,
-      A && /* @__PURE__ */ a.jsx("div", { className: q(U.fileContainer, o), children: !!L.length && [...H, ...M0()].map((R, Q) => {
+      A && /* @__PURE__ */ a.jsx("div", { className: q(U.fileContainer, o), children: !!L.length && [...H, ...R0()].map((R, Q) => {
         var c0, _0, O0, d2, J0, h0, I0, N2, p0;
         return /* @__PURE__ */ a.jsx("div", { children: Z.indexOf(R.key || "") !== -1 ? /* @__PURE__ */ a.jsx(a.Fragment, {}) : R.isUploaded ? /* @__PURE__ */ a.jsx(
           "div",
@@ -12102,7 +12102,7 @@ function vx({ isOnly500: e, homeRoute: l = "/" }) {
     /* @__PURE__ */ a.jsx(_1, { index: !0, element: /* @__PURE__ */ a.jsx(J5, {}) })
   ] }) }) });
 }
-const df = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%202.5C4.96243%202.5%202.5%204.96243%202.5%208C2.5%2011.0376%204.96243%2013.5%208%2013.5C11.0376%2013.5%2013.5%2011.0376%2013.5%208C13.5%204.96243%2011.0376%202.5%208%202.5ZM1.5%208C1.5%204.41015%204.41015%201.5%208%201.5C11.5899%201.5%2014.5%204.41015%2014.5%208C14.5%2011.5899%2011.5899%2014.5%208%2014.5C4.41015%2014.5%201.5%2011.5899%201.5%208Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.16675C8.27614%204.16675%208.5%204.39061%208.5%204.66675V7.17604C8.5%207.49168%208.67834%207.78023%208.96066%207.92139L10.8903%208.8862C11.1373%209.0097%2011.2374%209.31003%2011.1139%209.55702C10.9904%209.80401%2010.69%209.90412%2010.4431%209.78063L8.51344%208.81582C7.89234%208.50527%207.5%207.87045%207.5%207.17604V4.66675C7.5%204.39061%207.72386%204.16675%208%204.16675Z'%20fill='%23F8F8F8'/%3e%3c/svg%3e", uf = "_trigger_1ku53_1", mf = "_timeInput_1ku53_5", hf = "_triggerIcon_1ku53_9", pf = "_timePopover_1ku53_13", vf = "_footer_1ku53_22", gf = "_timeContainer_1ku53_31", qf = "_di_1ku53_37", ff = "_tri_1ku53_1", bf = "_tera_1ku53_45", xf = "_list_1ku53_49", Cf = "_selected_1ku53_79", _f = "_disabledIconContainer_1ku53_84", R0 = {
+const df = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%202.5C4.96243%202.5%202.5%204.96243%202.5%208C2.5%2011.0376%204.96243%2013.5%208%2013.5C11.0376%2013.5%2013.5%2011.0376%2013.5%208C13.5%204.96243%2011.0376%202.5%208%202.5ZM1.5%208C1.5%204.41015%204.41015%201.5%208%201.5C11.5899%201.5%2014.5%204.41015%2014.5%208C14.5%2011.5899%2011.5899%2014.5%208%2014.5C4.41015%2014.5%201.5%2011.5899%201.5%208Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.16675C8.27614%204.16675%208.5%204.39061%208.5%204.66675V7.17604C8.5%207.49168%208.67834%207.78023%208.96066%207.92139L10.8903%208.8862C11.1373%209.0097%2011.2374%209.31003%2011.1139%209.55702C10.9904%209.80401%2010.69%209.90412%2010.4431%209.78063L8.51344%208.81582C7.89234%208.50527%207.5%207.87045%207.5%207.17604V4.66675C7.5%204.39061%207.72386%204.16675%208%204.16675Z'%20fill='%23F8F8F8'/%3e%3c/svg%3e", uf = "_trigger_1ku53_1", mf = "_timeInput_1ku53_5", hf = "_triggerIcon_1ku53_9", pf = "_timePopover_1ku53_13", vf = "_footer_1ku53_22", gf = "_timeContainer_1ku53_31", qf = "_di_1ku53_37", ff = "_tri_1ku53_1", bf = "_tera_1ku53_45", xf = "_list_1ku53_49", Cf = "_selected_1ku53_79", _f = "_disabledIconContainer_1ku53_84", B0 = {
   trigger: uf,
   timeInput: mf,
   triggerIcon: hf,
@@ -12194,14 +12194,14 @@ function jf({
       },
       placement: "bottom",
       children: [
-        /* @__PURE__ */ a.jsx(g4, { className: R0.trigger, openOnHover: !1, children: /* @__PURE__ */ a.jsxs(W1, { className: t, children: [
+        /* @__PURE__ */ a.jsx(g4, { className: B0.trigger, openOnHover: !1, children: /* @__PURE__ */ a.jsxs(W1, { className: t, children: [
           /* @__PURE__ */ a.jsx(
             X1,
             {
               value: b,
               placeholder: C,
               readOnly: !0,
-              containerClassName: q(R0.timeInput, s),
+              containerClassName: q(B0.timeInput, s),
               ...r
             }
           ),
@@ -12210,8 +12210,8 @@ function jf({
             {
               disabled: r.disabled,
               icon: df,
-              svgClassName: R0.triggerIcon,
-              spanClassName: q(r.disabled && R0.disabledIconContainer)
+              svgClassName: B0.triggerIcon,
+              spanClassName: q(r.disabled && B0.disabledIconContainer)
             }
           )
         ] }) }),
@@ -12219,54 +12219,54 @@ function jf({
           v4,
           {
             bg: "var(--neutral-white)",
-            className: R0.timePopover,
+            className: B0.timePopover,
             positionerStyles: { zIndex: 20 },
             children: [
               /* @__PURE__ */ a.jsxs(
                 "div",
                 {
                   className: q(
-                    R0.timeContainer,
-                    !c && n !== X0.STANDARD && R0.di,
-                    !c && n === X0.STANDARD && R0.tri,
-                    c && n === X0.DUAL && R0.tri,
-                    c && n === X0.STANDARD && R0.tera
+                    B0.timeContainer,
+                    !c && n !== X0.STANDARD && B0.di,
+                    !c && n === X0.STANDARD && B0.tri,
+                    c && n === X0.DUAL && B0.tri,
+                    c && n === X0.STANDARD && B0.tera
                   ),
                   children: [
-                    /* @__PURE__ */ a.jsx("ul", { className: R0.list, children: (n === X0.STANDARD ? zf : Array.from({ length: 24 }, (p, I) => String(I).padStart(2, "0"))).map((p) => /* @__PURE__ */ a.jsx(
+                    /* @__PURE__ */ a.jsx("ul", { className: B0.list, children: (n === X0.STANDARD ? zf : Array.from({ length: 24 }, (p, I) => String(I).padStart(2, "0"))).map((p) => /* @__PURE__ */ a.jsx(
                       "li",
                       {
-                        className: q(d.hour === p && R0.selected),
+                        className: q(d.hour === p && B0.selected),
                         onClick: _("hour").bind(null, p),
                         value: p,
                         children: p
                       },
                       p
                     )) }),
-                    /* @__PURE__ */ a.jsx("ul", { className: R0.list, children: yf.map((p) => /* @__PURE__ */ a.jsx(
+                    /* @__PURE__ */ a.jsx("ul", { className: B0.list, children: yf.map((p) => /* @__PURE__ */ a.jsx(
                       "li",
                       {
-                        className: q(d.minute === p && R0.selected),
+                        className: q(d.minute === p && B0.selected),
                         onClick: _("minute").bind(null, p),
                         value: p,
                         children: p
                       },
                       p
                     )) }),
-                    c && /* @__PURE__ */ a.jsx("ul", { className: R0.list, children: Af.map((p) => /* @__PURE__ */ a.jsx(
+                    c && /* @__PURE__ */ a.jsx("ul", { className: B0.list, children: Af.map((p) => /* @__PURE__ */ a.jsx(
                       "li",
                       {
-                        className: q(d.second === p && R0.selected),
+                        className: q(d.second === p && B0.selected),
                         onClick: _("second").bind(null, p),
                         value: p,
                         children: p
                       },
                       p
                     )) }),
-                    n === X0.STANDARD && /* @__PURE__ */ a.jsx("ul", { className: R0.list, children: Nf.map((p) => /* @__PURE__ */ a.jsx(
+                    n === X0.STANDARD && /* @__PURE__ */ a.jsx("ul", { className: B0.list, children: Nf.map((p) => /* @__PURE__ */ a.jsx(
                       "li",
                       {
-                        className: q(d.period === p && R0.selected),
+                        className: q(d.period === p && B0.selected),
                         onClick: _("period").bind(null, p),
                         value: p,
                         children: p
@@ -12276,7 +12276,7 @@ function jf({
                   ]
                 }
               ),
-              /* @__PURE__ */ a.jsxs("div", { className: R0.footer, children: [
+              /* @__PURE__ */ a.jsxs("div", { className: B0.footer, children: [
                 /* @__PURE__ */ a.jsx(
                   A0,
                   {