@feedmepos/mf-inventory-portal 1.2.46-dev.3 → 1.2.46-dev.4

package/dist/{ClosingDraftView-BatMvmqU.js → ClosingDraftView-DMeJEGFR.js}

@@ -1,23 +1,23 @@
-import { defineComponent as Re, ref as Y, computed as M, onMounted as et, resolveComponent as K, openBlock as w, createElementBlock as P, Fragment as oe, createTextVNode as re, createBlock as ce, withCtx as O, createElementVNode as s, toDisplayString as Z, unref as g, createVNode as k, createCommentVNode as J, h as $, watch as Ee, renderList as $e, reactive as Mt, isRef as bt, normalizeClass as Be, normalizeStyle as ht, Teleport as Lt, mergeProps as Nt } from "vue";
+import { defineComponent as Re, ref as Y, computed as M, onMounted as et, resolveComponent as K, openBlock as F, createElementBlock as P, Fragment as oe, createTextVNode as re, createBlock as ce, withCtx as O, createElementVNode as s, toDisplayString as Z, unref as g, createVNode as k, createCommentVNode as J, h as B, watch as ze, renderList as $e, reactive as Mt, isRef as bt, normalizeClass as Be, normalizeStyle as ht, Teleport as Lt, mergeProps as Nt } from "vue";
 import { F as Je, u as Et, _ as zt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
 import { useCoreStore as kt, useI18n as _t } from "@feedmepos/mf-common";
 import { useSnackbar as tt, useDialog as Ht, components as ge, useProxiedModel as Ot, useBreakpoints as Kt } from "@feedmepos/ui-library";
-import { o as Yt, u as Qe, I as Q, s as E, J as Dt, K as be, A as ze, v as He, c as Qt, a as qt } from "./app-L6j_SX6Z.js";
+import { o as Yt, u as qe, I as Q, s as E, J as Dt, K as be, A as He, v as Oe, c as Qt, a as qt } from "./app-C41vbTKc.js";
 import { defineStore as xt, storeToRefs as Gt } from "pinia";
-import { d as Ke, e as At, f as Wt, a as ye } from "./date2-C60QiPZL.js";
-import { R as Zt, f as at, a as Xe, t as Jt, d as Ue, o as St, p as wt, m as Ct, l as Xt } from "./rules-DNwy6oOH.js";
-import { b as ea, d as ta } from "./xlsx.util-Coy8SybJ.js";
-import { u as Ft } from "./stock-DTK8SpFp.js";
-import { u as nt } from "./stock-DQX_I8wd.js";
-import { D as yt, R as Fe } from "./row-action.enum-BcW_L_nE.js";
-import { c as aa, _ as na, F as Ne } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
-import { f as oa } from "./format-time-from-id-Cr_k7Wi5.js";
-import { _ as sa } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-No_HFW6L.js";
+import { d as Ye, e as At, f as Wt, a as ye } from "./date2-CMZo42ry.js";
+import { R as Zt, f as at, a as Xe, t as Jt, d as Ue, o as St, p as wt, m as Ft, l as Xt } from "./rules-D2ifX1qj.js";
+import { b as ea, d as ta } from "./xlsx.util-D-mF9Cdj.js";
+import { u as Ct } from "./stock-S6w8LDdV.js";
+import { u as nt } from "./stock-BS7XBKNg.js";
+import { D as yt, R as Ce } from "./row-action.enum-BcW_L_nE.js";
+import { c as aa, _ as na, F as Ee } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
+import { f as oa } from "./format-time-from-id-CZXW775p.js";
+import { _ as sa } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CQiU_sGW.js";
 import { E as ra } from "./empty-placeholder-wf6-BWE8.js";
-import { u as la } from "./vue-i18n-Drpwc5_v.js";
-const qe = Yt((i, r) => {
+import { u as la } from "./vue-i18n-ChDJFBbd.js";
+const Ge = Yt((i, r) => {
   function e() {
-    return Qe().currentLocation.dbName;
+    return qe().currentLocation.dbName;
   }
   return {
     async getDraft(d) {
@@ -60,7 +60,7 @@ const qe = Yt((i, r) => {
     onFinished: { type: Function }
   },
   setup(i) {
-    const r = i, e = Y(), d = qe(), _ = tt(), y = Y(!1), f = Y(null), j = Y(!1), V = M(() => {
+    const r = i, e = Y(), d = Ge(), _ = tt(), y = Y(!1), f = Y(null), j = Y(!1), V = M(() => {
       switch (r.action) {
         case Q.enum.approveDraft:
           return "Approve";
@@ -92,7 +92,7 @@ const qe = Yt((i, r) => {
     });
     const x = M({
       get() {
-        return f.value === null ? "" : Ke(f.value);
+        return f.value === null ? "" : Ye(f.value);
       },
       set(m) {
         if (m) {
@@ -148,8 +148,8 @@ const qe = Yt((i, r) => {
       }
     }
     return (m, t) => {
-      const S = K("FmLabel"), R = K("FmDatePicker"), z = K("FmTimePicker"), h = K("FmTextField"), p = K("FmButton"), B = K("FmForm");
-      return j.value ? (w(), ce(B, {
+      const S = K("FmLabel"), R = K("FmDatePicker"), z = K("FmTimePicker"), h = K("FmTextField"), p = K("FmButton"), w = K("FmForm");
+      return j.value ? (F(), ce(w, {
         key: 1,
         onValidationSuccess: W,
         class: "flex flex-col gap-32",
@@ -161,7 +161,7 @@ const qe = Yt((i, r) => {
             s("span", ca, Z(V.value), 1),
             t[6] || (t[6] = re(" this draft. Please provide a remark to justify this action. "))
           ]),
-          m.action === g(Q).enum.approveDraft ? (w(), P("div", ua, [
+          m.action === g(Q).enum.approveDraft ? (F(), P("div", ua, [
             k(S, { class: "fm-typo-en-body-lg-600" }, {
               default: O(() => t[7] || (t[7] = [
                 re("Closing Date")
@@ -171,7 +171,7 @@ const qe = Yt((i, r) => {
             k(R, {
               modelValue: x.value,
               "onUpdate:modelValue": t[0] || (t[0] = (H) => x.value = H),
-              max: g(Ke)(/* @__PURE__ */ new Date())
+              max: g(Ye)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
             k(S, { class: "fm-typo-en-body-lg-600" }, {
               default: O(() => t[8] || (t[8] = [
@@ -183,7 +183,7 @@ const qe = Yt((i, r) => {
               modelValue: D.value,
               "onUpdate:modelValue": t[1] || (t[1] = (H) => D.value = H)
             }, null, 8, ["modelValue"]),
-            I.value ? (w(), P("div", da, " Cannot select future date ")) : J("", !0)
+            I.value ? (F(), P("div", da, " Cannot select future date ")) : J("", !0)
           ])) : J("", !0),
           k(h, {
             modelValue: e.value,
@@ -198,7 +198,7 @@ const qe = Yt((i, r) => {
               variant: "tertiary",
               onClick: t[3] || (t[3] = (H) => m.onCancel())
             }),
-            m.action === g(Q).enum.approveDraft ? (w(), ce(Je, { key: 0 }, {
+            m.action === g(Q).enum.approveDraft ? (F(), ce(Je, { key: 0 }, {
               default: O(() => [
                 k(p, {
                   label: "Approve (Legacy)",
@@ -220,7 +220,7 @@ const qe = Yt((i, r) => {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (w(), P(oe, { key: 0 }, [
+      }, 8, ["disabled"])) : (F(), P(oe, { key: 0 }, [
         re("Loading")
       ], 64));
     };
@@ -245,7 +245,7 @@ function ga(i, r, e, d, _, y) {
     precision: 0
   }, m = Number(
     E.toFormatString({ value: W })
-  ), t = _ ? Number(E.toFormatString({ value: _ })) : 0, S = Number(E.toFormatString({ value: r })), R = Number(E.toFormatString({ value: j })), z = S - R, h = z * I / m, p = R * I / m, B = S * I / m;
+  ), t = _ ? Number(E.toFormatString({ value: _ })) : 0, S = Number(E.toFormatString({ value: r })), R = Number(E.toFormatString({ value: j })), z = S - R, h = z * I / m, p = R * I / m, w = S * I / m;
   return {
     code: i.sku.code,
     name: i.sku.name,
@@ -263,7 +263,7 @@ function ga(i, r, e, d, _, y) {
     adjustedAmount: Number(E.toFormatString({ value: V })),
     adjustedDiffPercentage: x ? Number(
       E.toFormatString({
-        value: Ct(x, 2)
+        value: Ft(x, 2)
       })
     ) : null,
     costPerUnit: I,
@@ -272,7 +272,7 @@ function ga(i, r, e, d, _, y) {
     varianceQty: z,
     varianceInCost: h,
     stockTakeValue: p,
-    systemValue: B
+    systemValue: w
   };
 }
 function ya(i) {
@@ -374,7 +374,7 @@ function ha(i) {
   ];
 }
 function ka(i, r, e) {
-  var z, h, p, B, H, q, C;
+  var z, h, p, w, H, q, C;
   const d = r.groupBy(
     (b) => b.id,
     (b) => b.balance
@@ -413,7 +413,7 @@ function ka(i, r, e) {
     ["Recent action", i.approvedAt ? "Approve" : i.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      i.approvedAt ? (p = i.approvedBy) == null ? void 0 : p.name : i.rejectionHistory ? (H = (B = i.rejectionHistory[0]) == null ? void 0 : B.rejectedBy) == null ? void 0 : H.name : ""
+      i.approvedAt ? (p = i.approvedBy) == null ? void 0 : p.name : i.rejectionHistory ? (H = (w = i.rejectionHistory[0]) == null ? void 0 : w.rejectedBy) == null ? void 0 : H.name : ""
     ],
     [
       "Action at",
@@ -454,7 +454,7 @@ const _a = { class: "flex flex-col" }, Da = {
     });
     const y = M({
       get() {
-        return d.value === null ? "" : Ke(d.value);
+        return d.value === null ? "" : Ye(d.value);
       },
       set(T) {
         if (T) {
@@ -480,7 +480,7 @@ const _a = { class: "flex flex-col" }, Da = {
     }
     return (T, x) => {
       const D = K("FmLabel"), I = K("FmDatePicker"), W = K("FmTimePicker"), m = K("FmButton"), t = K("FmForm");
-      return _.value ? (w(), ce(t, {
+      return _.value ? (F(), ce(t, {
         key: 1,
         onValidationSuccess: V,
         class: "flex flex-col gap-32",
@@ -509,7 +509,7 @@ const _a = { class: "flex flex-col" }, Da = {
             k(I, {
               modelValue: y.value,
               "onUpdate:modelValue": x[0] || (x[0] = (S) => y.value = S),
-              max: g(Ke)(/* @__PURE__ */ new Date())
+              max: g(Ye)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
             k(D, { class: "fm-typo-en-body-lg-600" }, {
               default: O(() => x[4] || (x[4] = [
@@ -521,7 +521,7 @@ const _a = { class: "flex flex-col" }, Da = {
               modelValue: f.value,
               "onUpdate:modelValue": x[1] || (x[1] = (S) => f.value = S)
             }, null, 8, ["modelValue"]),
-            j.value ? (w(), P("div", Da, " Cannot select future date ")) : J("", !0)
+            j.value ? (F(), P("div", Da, " Cannot select future date ")) : J("", !0)
           ]),
           s("div", xa, [
             k(m, {
@@ -539,15 +539,15 @@ const _a = { class: "flex flex-col" }, Da = {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (w(), P(oe, { key: 0 }, [
+      }, 8, ["disabled"])) : (F(), P(oe, { key: 0 }, [
         re("Loading")
       ], 64));
     };
   }
-}), Ye = xt(
+}), Qe = xt(
   "closingDraftActions",
   function() {
-    const r = Ht(), e = tt(), d = nt(), _ = qe(), y = Ft(), f = Y(!1), j = Y();
+    const r = Ht(), e = tt(), d = nt(), _ = Ge(), y = Ct(), f = Y(!1), j = Y();
     function V(h) {
       const p = {
         draft: h
@@ -555,7 +555,7 @@ const _a = { class: "flex flex-col" }, Da = {
       j.value = p, f.value = !0;
     }
     async function T(h) {
-      var B;
+      var w;
       if (h.status === be.enum.COMPLETED) {
         const H = h.closingAdjustmentId;
         if (!H)
@@ -573,15 +573,15 @@ const _a = { class: "flex flex-col" }, Da = {
           costs: b.fromCostBalances
         }));
       } else
-        return await y.readStockBalance(), ((B = y.stockBalance) == null ? void 0 : B.skus) ?? [];
+        return await y.readStockBalance(), ((w = y.stockBalance) == null ? void 0 : w.skus) ?? [];
     }
-    async function x(h, p, B) {
+    async function x(h, p, w) {
       p || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), p = await T(h)), ka(h, p, B ?? []);
+      }), p = await T(h)), ka(h, p, w ?? []);
     }
-    function D(h, p) {
+    function D(h, p, w) {
       r.open({
         title: "Approve draft",
         contentComponent: Ze,
@@ -591,8 +591,12 @@ const _a = { class: "flex flex-col" }, Da = {
           onFinished: () => {
             r.close(), p == null || p();
           },
-          onCancel: () => r.close()
+          onCancel: () => {
+            r.close();
+          }
         }
+      }).onClose(() => {
+        w == null || w();
       });
     }
     function I(h, p) {
@@ -640,14 +644,14 @@ const _a = { class: "flex flex-col" }, Da = {
     function t() {
       f.value = !1;
     }
-    async function S(h, p, B) {
+    async function S(h, p, w) {
       await r.open({
         title: "Refresh balance",
         contentComponent: Aa,
         contentComponentProps: {
           draft: h,
           onFinished: (H) => {
-            r.close(), B == null || B(H);
+            r.close(), w == null || w(H);
           },
           onCancel: async () => {
             r.close(), p == null || p();
@@ -679,10 +683,10 @@ const _a = { class: "flex flex-col" }, Da = {
           message: "Draft cloned successfully",
           type: "success"
         }), p == null || p();
-      } catch (B) {
+      } catch (w) {
         e.open({
           title: "Error",
-          message: (B == null ? void 0 : B.message) || "Failed to clone draft",
+          message: (w == null ? void 0 : w.message) || "Failed to clone draft",
           type: "error"
         });
       }
@@ -703,7 +707,7 @@ const _a = { class: "flex flex-col" }, Da = {
     };
   }
 );
-function Oe(i) {
+function Ke(i) {
   switch (i) {
     case "DRAFT":
       return "fm-status-badge-draft";
@@ -718,7 +722,7 @@ function Oe(i) {
 const Sa = xt(
   "closingDraftTable",
   function() {
-    const { t: r } = _t(), e = kt(), d = Ye(), _ = Y(new Array()), y = Y(!1), f = Qe(), j = qe();
+    const { t: r } = _t(), e = kt(), d = Qe(), _ = Y(new Array()), y = Y(!1), f = qe(), j = Ge();
     async function V() {
       if (_.value = [], !!f._currentLocation) {
         y.value = !0;
@@ -759,9 +763,9 @@ const Sa = xt(
     }
     function I(m, t) {
       switch (t = Qt(t), m) {
-        case Fe.Details:
+        case Ce.Details:
           return d.viewDraft(t);
-        case Fe.Export:
+        case Ce.Export:
           return d.exportDraft(t);
         case Q.enum.approveDraft:
           return d.approveDraft(t, D);
@@ -769,7 +773,7 @@ const Sa = xt(
           return d.rejectDraft(t, D);
         case Q.enum.markAsFailed:
           return d.markAsFailed(t, D);
-        case Fe.Duplicate:
+        case Ce.Duplicate:
           return d.cloneDraft(t, D);
       }
     }
@@ -790,7 +794,7 @@ const Sa = xt(
           cell(m) {
             const t = m.row.original;
             let S = m.getValue();
-            return S || (S = ze(t._id)), ye(S);
+            return S || (S = He(t._id)), ye(S);
           },
           enableSorting: !0,
           size: 200
@@ -837,42 +841,42 @@ const Sa = xt(
           enableSorting: !1,
           cell(m) {
             var p;
-            const t = m.row.original, S = t.status, R = new Date(t.updatedAt), z = (p = t == null ? void 0 : t.rejectionHistory) == null ? void 0 : p.computeFirst((B) => B.rejectedAt), h = z ? new Date(z) : null;
-            return S === "DRAFT" && h ? h.getTime() > R.getTime() ? $(
+            const t = m.row.original, S = t.status, R = new Date(t.updatedAt), z = (p = t == null ? void 0 : t.rejectionHistory) == null ? void 0 : p.computeFirst((w) => w.rejectedAt), h = z ? new Date(z) : null;
+            return S === "DRAFT" && h ? h.getTime() > R.getTime() ? B(
               "div",
               {
                 class: "flex"
               },
-              $(
+              B(
                 "div",
                 {
-                  class: ["fm-status-badge", Oe("FAILED")]
+                  class: ["fm-status-badge", Ke("FAILED")]
                 },
                 "Rejected"
               )
-            ) : $(
+            ) : B(
               "div",
               {
                 class: "flex"
               },
-              $(
+              B(
                 "div",
                 {
-                  class: ["fm-status-badge", Oe("PROCESSING")]
+                  class: ["fm-status-badge", Ke("PROCESSING")]
                 },
                 "Updated"
               )
-            ) : $(
+            ) : B(
               "div",
               {
                 class: "flex"
               },
-              $(
+              B(
                 "div",
                 {
-                  class: ["fm-status-badge", Oe(S)]
+                  class: ["fm-status-badge", Ke(S)]
                 },
-                He(S)
+                Oe(S)
               )
             );
           }
@@ -882,8 +886,8 @@ const Sa = xt(
           cell(m) {
             var p;
             const t = m.row.original, S = ((p = e.sessionUser.value) == null ? void 0 : p.role.isAdmin) ?? !1, R = [
-              yt[Fe.Details],
-              yt[Fe.Export]
+              yt[Ce.Details],
+              yt[Ce.Export]
             ], z = [
               {
                 translationKey: "inventory.closing.draft.approveDraft",
@@ -904,7 +908,7 @@ const Sa = xt(
               {
                 translationKey: "inventory.closing.draft.cloneDraft",
                 color: "text-fm-color-typo-primary",
-                value: Fe.Duplicate
+                value: Ce.Duplicate
               }
             ] : [];
             return aa(
@@ -912,7 +916,7 @@ const Sa = xt(
                 ...R,
                 ...t.status === be.enum.DRAFT ? z : []
               ],
-              (B) => I(B, t),
+              (w) => I(w, t),
               h
             );
           },
@@ -931,7 +935,7 @@ const Sa = xt(
       updateDraftRef: x
     };
   }
-), wa = { class: "fm-typo-en-heading-lg-600" }, Ca = { class: "py-4" }, Fa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, $a = { key: 0 }, Ba = { class: "mt-4 flex gap-4" }, Ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ja = { key: 0 }, Ia = {
+), wa = { class: "fm-typo-en-heading-lg-600" }, Fa = { class: "py-4" }, Ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, $a = { key: 0 }, Ba = { class: "mt-4 flex gap-4" }, Ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ja = { key: 0 }, Ia = {
   key: 0,
   class: "mb-4"
 }, Ua = { class: "flex flex-col gap-1 max-h-200 overflow-auto pr-4" }, Ra = { class: "fm-typo-en-body-md-400" }, Va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pa = { class: "mt-4 flex gap-4" }, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, La = {
@@ -972,17 +976,17 @@ const Sa = xt(
     function h() {
       return j.hasStockSnapshot ? T.value ? 2 : 3 : 1;
     }
-    Ee(
+    ze(
       () => j.show,
       (C) => {
         C && (D.value = h());
       }
-    ), Ee(
+    ), ze(
       () => j.hasStockSnapshot,
       (C) => {
         C && D.value === 1 && (D.value = R(1));
       }
-    ), Ee(
+    ), ze(
       () => T.value,
       (C) => {
         !C && D.value === 2 && (D.value = R(2));
@@ -991,7 +995,7 @@ const Sa = xt(
     function p() {
       V("refresh");
     }
-    function B() {
+    function w() {
       D.value < 3 && (D.value = R(D.value));
     }
     function H() {
@@ -1000,7 +1004,7 @@ const Sa = xt(
     function q() {
       V("approve");
     }
-    return (C, b) => (w(), ce(g(_), {
+    return (C, b) => (F(), ce(g(_), {
       modelValue: x.value,
       "onUpdate:modelValue": b[1] || (b[1] = (G) => x.value = G),
       "max-width": 600
@@ -1009,7 +1013,7 @@ const Sa = xt(
         s("div", wa, Z(g(f)("inventory.closing.approval.title")), 1)
       ]),
       default: O(() => [
-        s("div", Ca, [
+        s("div", Fa, [
           k(g(e), {
             modelValue: D.value,
             "onUpdate:modelValue": b[0] || (b[0] = (G) => D.value = G),
@@ -1022,8 +1026,8 @@ const Sa = xt(
                 complete: I
               }, {
                 default: O(() => [
-                  s("div", Fa, Z(g(f)("inventory.closing.approval.step.generateReport.description")), 1),
-                  D.value === 1 ? (w(), P("div", $a, [
+                  s("div", Ca, Z(g(f)("inventory.closing.approval.step.generateReport.description")), 1),
+                  D.value === 1 ? (F(), P("div", $a, [
                     k(g(y), {
                       label: g(f)("inventory.stock.stock_balance.refreshBalance"),
                       "prepend-icon": "refresh",
@@ -1035,7 +1039,7 @@ const Sa = xt(
                       k(g(y), {
                         label: g(f)("inventory.common.continue"),
                         disabled: !C.hasStockSnapshot,
-                        onClick: B
+                        onClick: w
                       }, null, 8, ["label", "disabled"])
                     ])
                   ])) : J("", !0)
@@ -1052,10 +1056,10 @@ const Sa = xt(
                   var G;
                   return [
                     s("div", Ta, Z(T.value ? g(f)("inventory.closing.approval.step.negativeItems.resolveMessage") : g(f)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
-                    D.value === 2 ? (w(), P("div", ja, [
-                      T.value && (((G = C.negativeItems) == null ? void 0 : G.length) ?? 0) > 0 ? (w(), P("div", Ia, [
+                    D.value === 2 ? (F(), P("div", ja, [
+                      T.value && (((G = C.negativeItems) == null ? void 0 : G.length) ?? 0) > 0 ? (F(), P("div", Ia, [
                         s("div", Ua, [
-                          (w(!0), P(oe, null, $e(C.negativeItems, (ne) => (w(), P("div", {
+                          (F(!0), P(oe, null, $e(C.negativeItems, (ne) => (F(), P("div", {
                             key: ne.code,
                             class: "flex justify-between gap-8"
                           }, [
@@ -1073,7 +1077,7 @@ const Sa = xt(
                         k(g(y), {
                           label: g(f)("inventory.common.continue"),
                           disabled: T.value,
-                          onClick: B
+                          onClick: w
                         }, null, 8, ["label", "disabled"])
                       ])
                     ])) : J("", !0)
@@ -1089,7 +1093,7 @@ const Sa = xt(
               }, {
                 default: O(() => [
                   s("div", Ma, Z(g(f)("inventory.closing.approval.step.approval.warning")), 1),
-                  D.value === 3 ? (w(), P("div", La, [
+                  D.value === 3 ? (F(), P("div", La, [
                     k(g(y), {
                       label: g(f)("inventory.common.back"),
                       variant: "secondary",
@@ -1155,12 +1159,12 @@ const Sa = xt(
     const e = i, d = M(() => {
       const c = Dt();
       return c === "MYR" ? "RM" : c;
-    }), _ = Ft(), y = Ye(), f = Ot(e, "show"), j = Y(!1), V = Y(!1), T = Y(!1), x = Y(new Array()), D = Y(new Array()), I = Y([]), W = nt(), m = qe(), t = tt(), S = qt(), R = Qe(), z = Mt({}), h = M(() => new Set(
+    }), _ = Ct(), y = Qe(), f = Ot(e, "show"), j = Y(!1), V = Y(!1), T = Y(!1), x = Y(new Array()), D = Y(new Array()), I = Y([]), W = nt(), m = Ge(), t = tt(), S = qt(), R = qe(), z = Mt({}), h = M(() => new Set(
       S.skus.filter((c) => {
         var a;
         return z[(a = c.customAttributes) == null ? void 0 : a.tag];
       }).map((c) => c._id)
-    )), p = r, B = Y({
+    )), p = r, w = Y({
       templateItem: !0,
       nonTemplateItem: !0
     }), H = M(() => {
@@ -1174,10 +1178,10 @@ const Sa = xt(
       (a) => a.sku._id,
       (a) => a.measurementsAmounts.filter((v) => !v.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((v) => v.measurement.id)
     ));
-    et(ne), Ee(
+    et(ne), ze(
       () => e.show,
       (c) => {
-        c && (_e.value = Se[0], ne(), B.value = {
+        c && (_e.value = Se[0], ne(), w.value = {
           templateItem: !0,
           nonTemplateItem: !0
         });
@@ -1222,12 +1226,12 @@ const Sa = xt(
         if ((o = e.draft) != null && o.adjustmentSnapshot)
           for (const L of e.draft.adjustmentSnapshot)
             L.adjustmentsByType && Object.keys(L.adjustmentsByType).forEach((N) => u.add(N));
-        const l = ["receive", "sales", "wastage"], F = [];
+        const l = ["receive", "sales", "wastage"], $ = [];
         l.forEach((L) => {
-          u.has(L) && (F.push(L), u.delete(L));
+          u.has(L) && ($.push(L), u.delete(L));
         });
         const A = Array.from(u).sort();
-        I.value = [...F, ...A];
+        I.value = [...$, ...A];
       } catch (u) {
         t.open({
           title: "Something went wrong",
@@ -1240,7 +1244,7 @@ const Sa = xt(
     }
     async function se() {
       var a, v;
-      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? ze((v = e.draft) == null ? void 0 : v._id) : null))) {
+      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? He((v = e.draft) == null ? void 0 : v._id) : null))) {
         t.open({
           title: "Cannot refresh",
           message: "Effective date is not available for this draft.",
@@ -1253,9 +1257,9 @@ const Sa = xt(
         () => {
         },
         async (n) => {
-          var F;
+          var $;
           V.value = !0;
-          const o = (F = e.draft) == null ? void 0 : F._rev, u = 30, l = 2e3;
+          const o = ($ = e.draft) == null ? void 0 : $._rev, u = 30, l = 2e3;
           try {
             await W.recalculation.scheduleCalculateStockSnapshotAtDate(n, e.draft._id);
             let A = null;
@@ -1288,7 +1292,7 @@ const Sa = xt(
     }
     async function le() {
       var a, v;
-      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? ze((v = e.draft) == null ? void 0 : v._id) : null))) {
+      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? He((v = e.draft) == null ? void 0 : v._id) : null))) {
         t.open({
           title: "Cannot refresh",
           message: "Effective date is not available for this draft.",
@@ -1311,7 +1315,7 @@ const Sa = xt(
       return (c = e.draft) != null && c.opening ? new Map(e.draft.opening.map((a) => [a.skuId, a.balance])) : /* @__PURE__ */ new Map();
     });
     function te(c, a) {
-      return $(
+      return B(
         ge.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
@@ -1336,8 +1340,8 @@ const Sa = xt(
           header: () => "Name",
           size: 350,
           cell(v) {
-            const n = v.row.original, o = n.adjustedDiffPercentage, u = typeof o == "number" && Math.abs(o) > 10, l = $("div", { class: "flex flex-col gap-4" }, [
-              $(
+            const n = v.row.original, o = n.adjustedDiffPercentage, u = typeof o == "number" && Math.abs(o) > 10, l = B("div", { class: "flex flex-col gap-4" }, [
+              B(
                 "div",
                 {
                   class: [
@@ -1347,7 +1351,7 @@ const Sa = xt(
                 },
                 n.name
               ),
-              $(
+              B(
                 "div",
                 {
                   class: [
@@ -1358,7 +1362,7 @@ const Sa = xt(
                 n.code
               )
             ]);
-            return $(
+            return B(
               ge.FmTooltip,
               {
                 zIndex: 51
@@ -1368,7 +1372,7 @@ const Sa = xt(
                   return u ? "Adjustment difference is more than 10%." : `${n.code} - ${n.name}`;
                 },
                 default() {
-                  return $("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                  return B("div", { class: "flex items-center gap-4 justify-start w-full" }, [
                     l
                   ]);
                 }
@@ -1383,7 +1387,7 @@ const Sa = xt(
           size: 160,
           cell(v) {
             const n = v.row.original.costPerUnit;
-            return $("div", { class: "text-right" }, n.toFixed(2));
+            return B("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1394,23 +1398,23 @@ const Sa = xt(
           header: () => "UOM",
           size: 120,
           cell(v) {
-            var F;
+            var $;
             const n = v.row.original, o = n.costUnit, u = n.baseUnit, l = o ?? u;
             if (o && o !== u) {
-              const A = q.value.find((N) => N._id === n.id), L = (F = A == null ? void 0 : A.defaultCost) == null ? void 0 : F.measurement;
+              const A = q.value.find((N) => N._id === n.id), L = ($ = A == null ? void 0 : A.defaultCost) == null ? void 0 : $.measurement;
               if (L) {
                 const N = L.conversion.amount / Math.pow(10, L.conversion.precision);
-                return $("div", { class: "flex flex-col" }, [
-                  $(
+                return B("div", { class: "flex flex-col" }, [
+                  B(
                     "span",
                     { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                     l
                   ),
-                  $("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                  B("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
                     "1 ",
-                    $("span", { class: "fm-typo-en-body-sm-600" }, o),
+                    B("span", { class: "fm-typo-en-body-sm-600" }, o),
                     ` = ${N} `,
-                    $("span", { class: "fm-typo-en-body-sm-600" }, u)
+                    B("span", { class: "fm-typo-en-body-sm-600" }, u)
                   ])
                 ]);
               }
@@ -1425,7 +1429,7 @@ const Sa = xt(
           size: 150,
           cell(v) {
             const n = v.row.original.opening;
-            return $("div", { class: "text-right" }, n.toFixed(2));
+            return B("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1436,11 +1440,11 @@ const Sa = xt(
           (v) => ({
             id: `adjustment_${v}`,
             accessorFn: (n) => n.adjustmentAmounts[v] ?? { amount: 0, precision: 0 },
-            header: () => te(He(v)),
+            header: () => te(Oe(v)),
             size: 150,
             cell(n) {
               const o = n.row.original.adjustmentAmounts[v] ?? { amount: 0, precision: 0 };
-              return $("div", { class: "text-right" }, Xe(o));
+              return B("div", { class: "text-right" }, Xe(o));
             },
             meta: {
               textAlign: "right"
@@ -1468,17 +1472,17 @@ const Sa = xt(
             var A;
             const n = v.row.original, o = E.fromNumber(n.physicalBalance);
             let u = !0, l = n.physicalBalance;
-            const F = (A = D.value.find((L) => L.id === n.id)) == null ? void 0 : A.balance;
-            return F && (E.equals({
+            const $ = (A = D.value.find((L) => L.id === n.id)) == null ? void 0 : A.balance;
+            return $ && (E.equals({
               a: o,
-              b: F
-            }) || (u = !1, l = Number(E.toFormatString({ value: F })))), $("div", { class: "flex flex-col" }, [
-              $(
+              b: $
+            }) || (u = !1, l = Number(E.toFormatString({ value: $ })))), B("div", { class: "flex flex-col" }, [
+              B(
                 "span",
                 { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                 l
               ),
-              u ? null : $(
+              u ? null : B(
                 "span",
                 { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
                 `Draft: ${n.physicalBalance.toString()}`
@@ -1506,7 +1510,7 @@ const Sa = xt(
           size: 150,
           cell(v) {
             const n = v.row.original.varianceInCost;
-            return $(
+            return B(
               "div",
               { class: "text-right" },
               n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })
@@ -1529,10 +1533,10 @@ const Sa = xt(
             if (!n) return xn;
             const o = n.toFixed(2);
             if (o === "0.00")
-              return $("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+              return B("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
             const u = n > 0;
-            return $("div", { class: "flex items-center gap-4 justify-end" }, [
-              $(ge.FmIcon, {
+            return B("div", { class: "flex items-center gap-4 justify-end" }, [
+              B(ge.FmIcon, {
                 name: u ? "arrow_drop_up" : "arrow_drop_down",
                 color: u ? "system-success-300" : "system-error-300",
                 size: "md"
@@ -1551,10 +1555,10 @@ const Sa = xt(
           size: 180,
           cell(v) {
             var L;
-            const n = v.row.original, o = n.stockTakeValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, F = n.physicalBalance, A = n.costPerUnit;
+            const n = v.row.original, o = n.stockTakeValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, $ = n.physicalBalance, A = n.costPerUnit;
             if (l) {
-              const N = E.toFormatString({ value: l.conversion }), ie = `${F.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
-              return $(
+              const N = E.toFormatString({ value: l.conversion }), ie = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
@@ -1562,7 +1566,7 @@ const Sa = xt(
                     return ie;
                   },
                   default() {
-                    return $(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1574,8 +1578,8 @@ const Sa = xt(
                 }
               );
             } else {
-              const N = `${F.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} × ${A} ${d.value}`;
-              return $(
+              const N = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
@@ -1583,7 +1587,7 @@ const Sa = xt(
                     return N;
                   },
                   default() {
-                    return $(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1607,10 +1611,10 @@ const Sa = xt(
           size: 180,
           cell(v) {
             var L;
-            const n = v.row.original, o = n.systemValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, F = n.systemBalance, A = n.costPerUnit;
+            const n = v.row.original, o = n.systemValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, $ = n.systemBalance, A = n.costPerUnit;
             if (l) {
-              const N = E.toFormatString({ value: l.conversion }), ie = `${F.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
-              return $(
+              const N = E.toFormatString({ value: l.conversion }), ie = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
@@ -1618,7 +1622,7 @@ const Sa = xt(
                     return ie;
                   },
                   default() {
-                    return $(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1630,8 +1634,8 @@ const Sa = xt(
                 }
               );
             } else {
-              const N = `${F.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} × ${A} ${d.value}`;
-              return $(
+              const N = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
@@ -1639,7 +1643,7 @@ const Sa = xt(
                     return N;
                   },
                   default() {
-                    return $(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1661,41 +1665,41 @@ const Sa = xt(
           header: () => "Amounts",
           enableSorting: !1,
           cell(v) {
-            const n = v.row.original, o = (l, F) => $(
+            const n = v.row.original, o = (l, $) => B(
               ge.FmTooltip,
               { zIndex: 50 },
               {
                 default() {
-                  return $(
+                  return B(
                     "div",
                     {
                       class: "fm-typo-en-body-md-400 py-4 px-8 border-1 border-fm-color-typo-secondary fm-corner-radius-md line-clamp-1"
                     },
                     [
-                      $("span", { class: "text-fm-color-typo-primary" }, `${l} `),
-                      $(
+                      B("span", { class: "text-fm-color-typo-primary" }, `${l} `),
+                      B(
                         "span",
                         {
                           class: "text-fm-color-typo-secondary",
                           style: { maxWidth: "80px" }
                         },
-                        F
+                        $
                       )
                     ]
                   );
                 },
                 content() {
-                  return `${l} ${F}`;
+                  return `${l} ${$}`;
                 }
               }
             );
-            let u = Array.from({ length: c }).map((l, F) => {
-              if (!n[`measurementAmount${F}`])
+            let u = Array.from({ length: c }).map((l, $) => {
+              if (!n[`measurementAmount${$}`])
                 return null;
-              const A = n[`measurementAmount${F}`], L = n[`measurementAbbrev${F}`];
+              const A = n[`measurementAmount${$}`], L = n[`measurementAbbrev${$}`];
               return o(A, L);
             }).filter((l) => l);
-            return (n.baseUnitAmount || !u.length) && (u = [o(n.baseUnitAmount, n.baseUnit), ...u]), $(
+            return (n.baseUnitAmount || !u.length) && (u = [o(n.baseUnitAmount, n.baseUnit), ...u]), B(
               "div",
               {
                 class: "flex gap-8 flex-nowrap",
@@ -1716,7 +1720,7 @@ const Sa = xt(
       )) ?? {};
       return q.value.map((o) => {
         var rt, lt, it, ct, ut, dt, mt, ft, pt, vt, gt;
-        const u = (rt = he.value.get(o._id)) == null ? void 0 : rt[0], l = ((lt = me.value.get(o._id)) == null ? void 0 : lt[0]) ?? b, F = ((it = o.defaultCost) == null ? void 0 : it.costPerUnit) ?? b, A = Number(E.toFormatString({ value: F })), L = ((ut = (ct = o.defaultCost) == null ? void 0 : ct.measurement) == null ? void 0 : ut.conversion) ?? {
+        const u = (rt = he.value.get(o._id)) == null ? void 0 : rt[0], l = ((lt = me.value.get(o._id)) == null ? void 0 : lt[0]) ?? b, $ = ((it = o.defaultCost) == null ? void 0 : it.costPerUnit) ?? b, A = Number(E.toFormatString({ value: $ })), L = ((ut = (ct = o.defaultCost) == null ? void 0 : ct.measurement) == null ? void 0 : ut.conversion) ?? {
           amount: 1,
           precision: 0
         }, N = Number(
@@ -1726,7 +1730,7 @@ const Sa = xt(
           const de = pe[ee] ?? { amount: 0, precision: 0 }, fe = De == null ? void 0 : De[ee];
           fe && (pe[ee] = Xt(de, fe));
         }), !u) {
-          const ee = Number(E.toFormatString({ value: l })), de = ee - 0, fe = de * A / N, Le = 0, Pt = ee * A / N;
+          const ee = Number(E.toFormatString({ value: l })), de = ee - 0, fe = de * A / N, Ne = 0, Pt = ee * A / N;
           return {
             id: o._id,
             code: o.code,
@@ -1743,7 +1747,7 @@ const Sa = xt(
             opening: ue,
             varianceQty: de,
             varianceInCost: fe,
-            stockTakeValue: Le,
+            stockTakeValue: Ne,
             systemValue: Pt,
             adjustmentAmounts: pe
           };
@@ -1756,7 +1760,7 @@ const Sa = xt(
         ), ve = l.amount === 0 ? null : wt(ae, {
           ...l,
           amount: Math.abs(l.amount)
-        }), Ce = ve ? at(ve, G) : null, Ie = Number(E.toFormatString({ value: l })), We = Number(E.toFormatString({ value: U })), st = Ie - We, Ut = st * A / N, Rt = We * A / N, Vt = Ie * A / N;
+        }), Fe = ve ? at(ve, G) : null, Ie = Number(E.toFormatString({ value: l })), We = Number(E.toFormatString({ value: U })), st = Ie - We, Ut = st * A / N, Rt = We * A / N, Vt = Ie * A / N;
         return {
           id: o._id,
           code: o.code,
@@ -1765,15 +1769,15 @@ const Sa = xt(
           baseUnit: o.unit.abbrev,
           baseUnitAmount: Number(E.toFormatString({ value: u.baseAmount })),
           ...u.measurementsAmounts.filter((ee) => {
-            var de, fe, Le;
-            return (Le = (fe = (de = C.value) == null ? void 0 : de.get(o._id)) == null ? void 0 : fe[0]) == null ? void 0 : Le.includes(ee.measurement.id);
+            var de, fe, Ne;
+            return (Ne = (fe = (de = C.value) == null ? void 0 : de.get(o._id)) == null ? void 0 : fe[0]) == null ? void 0 : Ne.includes(ee.measurement.id);
           }).reduce((ee, de, fe) => (ee[`measurementAbbrev${fe}`] = `(${de.measurement.abbrev}) × ${E.toFormatString({ value: de.measurement.conversion })}`, ee[`measurementAmount${fe}`] = Number(E.toFormatString({ value: de.amount })), ee), {}),
           systemBalance: Ie,
           physicalBalance: We,
           adjustedAmount: Number(E.toFormatString({ value: ae })),
-          adjustedDiffPercentage: Ce ? Number(
+          adjustedDiffPercentage: Fe ? Number(
             E.toFormatString({
-              value: Ct(Ce, 2)
+              value: Ft(Fe, 2)
             })
           ) : null,
           isTemplateItem: !c[o._id],
@@ -1785,7 +1789,7 @@ const Sa = xt(
           systemValue: Vt,
           adjustmentAmounts: pe
         };
-      }).filter((o) => !!(o.isTemplateItem && B.value.templateItem || !o.isTemplateItem && B.value.nonTemplateItem));
+      }).filter((o) => !!(o.isTemplateItem && w.value.templateItem || !o.isTemplateItem && w.value.nonTemplateItem));
     }), Ae = M(() => {
       var a, v, n, o, u;
       if (!e.draft) return [];
@@ -1823,7 +1827,7 @@ const Sa = xt(
         },
         {
           label: "Effective at",
-          value: ye(e.draft.effectiveAt ?? ze((n = e.draft) == null ? void 0 : n._id))
+          value: ye(e.draft.effectiveAt ?? He((n = e.draft) == null ? void 0 : n._id))
         },
         {
           label: "Using template",
@@ -1868,18 +1872,18 @@ const Sa = xt(
           remark: l.rejectRemark
         });
       return (u = e.draft) != null && u.approvedAt && (c.find(
-        (F) => {
+        ($) => {
           var A;
-          return `${F.action}_${F.performedAt}` == `${Q.enum.approveDraft}_${(A = e.draft) == null ? void 0 : A.approvedAt}`;
+          return `${$.action}_${$.performedAt}` == `${Q.enum.approveDraft}_${(A = e.draft) == null ? void 0 : A.approvedAt}`;
         }
       ) || c.push({
         action: Q.enum.approveDraft,
         performedAt: e.draft.approvedAt,
         performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
         remark: e.draft.approveRemark
-      })), c.sort((l, F) => new Date(F.performedAt).getTime() - new Date(l.performedAt).getTime()).map(
+      })), c.sort((l, $) => new Date($.performedAt).getTime() - new Date(l.performedAt).getTime()).map(
         (l) => ({
-          header: He(l.action),
+          header: Oe(l.action),
           date: ye(l.performedAt),
           info: [
             {
@@ -1893,15 +1897,15 @@ const Sa = xt(
           ]
         })
       );
-    }), Me = Y(!1), Ge = Y(!1), jt = M(() => {
+    }), Me = Y(!1), Le = Y(!1), jt = M(() => {
       var o, u;
       const c = je.value.filter((l) => l.physicalBalance < 0).map((l) => ({
         code: l.code,
         name: l.name
       })), a = ((u = (o = _.stockBalance.skus) == null ? void 0 : o.filter((l) => l.balance.amount < 0)) == null ? void 0 : u.map((l) => l.id)) ?? [], v = new Set(q.value.map((l) => l._id)), n = a.filter((l) => !v.has(l)).map((l) => {
-        var F, A;
+        var $, A;
         return {
-          code: ((F = S.skuById[l]) == null ? void 0 : F.code) ?? "N/A",
+          code: (($ = S.skuById[l]) == null ? void 0 : $.code) ?? "N/A",
           name: ((A = S.skuById[l]) == null ? void 0 : A.name) ?? "N/A"
         };
       });
@@ -1911,14 +1915,20 @@ const Sa = xt(
       return ((c = e.draft) == null ? void 0 : c.status) !== be.enum.DRAFT ? "Status is not draft." : null;
     });
     function It() {
-      e.draft && (Ge.value = !0, y.approveDraft(e.draft, () => {
-        Ge.value = !1, Me.value = !1, p("submitted");
-      }));
+      e.draft && (Le.value = !0, y.approveDraft(
+        e.draft,
+        () => {
+          Le.value = !1, Me.value = !1, p("submitted");
+        },
+        () => {
+          Le.value = !1;
+        }
+      ));
     }
     return (c, a) => {
       var pe;
-      const v = K("FmButtonGroup"), n = K("FmMenuDivider"), o = K("FmCard"), u = K("FmButton"), l = K("FmCircularProgress"), F = K("FmChip"), A = K("FmTextField"), L = K("FmIcon"), N = K("FmTable"), ie = K("FmSpacer"), ue = K("FmTooltip"), De = K("FmSideSheet");
-      return w(), P(oe, null, [
+      const v = K("FmButtonGroup"), n = K("FmMenuDivider"), o = K("FmCard"), u = K("FmButton"), l = K("FmCircularProgress"), $ = K("FmChip"), A = K("FmTextField"), L = K("FmIcon"), N = K("FmTable"), ie = K("FmSpacer"), ue = K("FmTooltip"), De = K("FmSideSheet");
+      return F(), P(oe, null, [
         k(De, {
           "dismiss-away": "",
           "max-width": 9999,
@@ -1930,8 +1940,8 @@ const Sa = xt(
             var U, X, ae, ve;
             return [
               s("div", Dn, [
-                ((U = e.draft) == null ? void 0 : U.status) === g(be).enum.DRAFT ? (w(), P(oe, { key: 0 }, [
-                  ot.value ? (w(), ce(ue, {
+                ((U = e.draft) == null ? void 0 : U.status) === g(be).enum.DRAFT ? (F(), P(oe, { key: 0 }, [
+                  ot.value ? (F(), ce(ue, {
                     key: 0,
                     "z-index": 51,
                     placement: "right"
@@ -1947,19 +1957,19 @@ const Sa = xt(
                       })
                     ]),
                     _: 1
-                  })) : (w(), ce(u, {
+                  })) : (F(), ce(u, {
                     key: "approve key",
                     label: "Approve",
-                    onClick: a[5] || (a[5] = (Ce) => Me.value = !0)
+                    onClick: a[5] || (a[5] = (Fe) => Me.value = !0)
                   }))
                 ], 64)) : J("", !0),
-                ((X = e.draft) == null ? void 0 : X.status) === g(be).enum.DRAFT ? (w(), ce(u, {
+                ((X = e.draft) == null ? void 0 : X.status) === g(be).enum.DRAFT ? (F(), ce(u, {
                   key: 1,
                   label: "Reject",
                   variant: "destructive",
                   onClick: a[6] || (a[6] = () => e.draft && g(y).rejectDraft(e.draft, () => p("submitted")))
                 })) : J("", !0),
-                (ae = e.draft) != null && ae.approvedAt && ((ve = e.draft) == null ? void 0 : ve.status) !== g(be).enum.COMPLETED ? (w(), ce(Je, { key: 2 }, {
+                (ae = e.draft) != null && ae.approvedAt && ((ve = e.draft) == null ? void 0 : ve.status) !== g(be).enum.COMPLETED ? (F(), ce(Je, { key: 2 }, {
                   default: O(() => [
                     k(u, {
                       label: "Sync",
@@ -1976,7 +1986,7 @@ const Sa = xt(
                 k(u, {
                   label: "Close",
                   variant: "tertiary",
-                  onClick: a[8] || (a[8] = (Ce) => f.value = !1)
+                  onClick: a[8] || (a[8] = (Fe) => f.value = !1)
                 })
               ])
             ];
@@ -1990,7 +2000,7 @@ const Sa = xt(
                   "onUpdate:modelValue": a[0] || (a[0] = (U) => _e.value = U)
                 }, null, 8, ["modelValue"])
               ]),
-              _e.value.value === "overview" ? (w(), P(oe, { key: 0 }, [
+              _e.value.value === "overview" ? (F(), P(oe, { key: 0 }, [
                 k(o, {
                   variant: "outlined",
                   class: "flex flex-col gap-8 px-12 py-16"
@@ -2002,13 +2012,13 @@ const Sa = xt(
                         a[11] || (a[11] = s("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
                         s("div", Ha, [
                           s("div", {
-                            class: Be(["fm-status-badge", g(Oe)(((U = c.draft) == null ? void 0 : U.status) ?? "DRAFT")])
-                          }, Z(g(He)(((X = c.draft) == null ? void 0 : X.status) ?? "")), 3)
+                            class: Be(["fm-status-badge", g(Ke)(((U = c.draft) == null ? void 0 : U.status) ?? "DRAFT")])
+                          }, Z(g(Oe)(((X = c.draft) == null ? void 0 : X.status) ?? "")), 3)
                         ])
                       ]),
                       k(n),
                       s("div", Oa, [
-                        (w(!0), P(oe, null, $e(Ae.value, (ae, ve) => (w(), P("div", {
+                        (F(!0), P(oe, null, $e(Ae.value, (ae, ve) => (F(), P("div", {
                           class: "flex flex-col gap-4",
                           key: ve
                         }, [
@@ -2025,7 +2035,7 @@ const Sa = xt(
                 s("div", qa, [
                   s("div", Ga, [
                     a[12] || (a[12] = s("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                    j.value ? J("", !0) : (w(), P("div", Wa, [
+                    j.value ? J("", !0) : (F(), P("div", Wa, [
                       k(Je, null, {
                         default: O(() => [
                           k(u, {
@@ -2056,7 +2066,7 @@ const Sa = xt(
                       })
                     ]))
                   ]),
-                  j.value ? (w(), P("div", Za, [
+                  j.value ? (F(), P("div", Za, [
                     a[14] || (a[14] = s("div", { class: "h-80" }, null, -1)),
                     s("div", Ja, [
                       s("div", null, [
@@ -2065,18 +2075,18 @@ const Sa = xt(
                       a[13] || (a[13] = s("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                     ]),
                     a[15] || (a[15] = s("div", { class: "h-80" }, null, -1))
-                  ])) : (w(), P(oe, { key: 1 }, [
+                  ])) : (F(), P(oe, { key: 1 }, [
                     s("div", Xa, [
                       s("div", en, [
-                        k(F, {
+                        k($, {
                           label: "Template Item(s)",
-                          selected: B.value.templateItem,
-                          onClick: a[2] || (a[2] = (U) => B.value.templateItem = !B.value.templateItem)
+                          selected: w.value.templateItem,
+                          onClick: a[2] || (a[2] = (U) => w.value.templateItem = !w.value.templateItem)
                         }, null, 8, ["selected"]),
-                        k(F, {
+                        k($, {
                           label: "Non-template Item(s)",
-                          selected: B.value.nonTemplateItem,
-                          onClick: a[3] || (a[3] = (U) => B.value.nonTemplateItem = !B.value.nonTemplateItem)
+                          selected: w.value.nonTemplateItem,
+                          onClick: a[3] || (a[3] = (U) => w.value.nonTemplateItem = !w.value.nonTemplateItem)
                         }, null, 8, ["selected"])
                       ]),
                       k(A, {
@@ -2085,8 +2095,8 @@ const Sa = xt(
                         placeholder: "Filter items"
                       }, null, 8, ["modelValue"])
                     ]),
-                    g(S).skuTags.size ? (w(), P("div", tn, [
-                      (w(!0), P(oe, null, $e(g(S).skuTags.keys(), (U) => (w(), ce(F, {
+                    g(S).skuTags.size ? (F(), P("div", tn, [
+                      (F(!0), P(oe, null, $e(g(S).skuTags.keys(), (U) => (F(), ce($, {
                         key: `${U}`,
                         label: `${U}`,
                         selectable: "",
@@ -2094,7 +2104,7 @@ const Sa = xt(
                         onClick: (X) => z[`${U}`] = !z[`${U}`]
                       }, {
                         default: O(() => [
-                          z[`${U}`] ? (w(), ce(L, {
+                          z[`${U}`] ? (F(), ce(L, {
                             key: 0,
                             name: "check",
                             class: "text-white",
@@ -2127,9 +2137,9 @@ const Sa = xt(
                   ], 64))
                 ])
               ], 64)) : J("", !0),
-              _e.value.value === "history" ? (w(), P("div", nn, [
-                we.value.length ? (w(), P("div", rn, [
-                  (w(!0), P(oe, null, $e(we.value, (U, X) => (w(), P(oe, { key: X }, [
+              _e.value.value === "history" ? (F(), P("div", nn, [
+                we.value.length ? (F(), P("div", rn, [
+                  (F(!0), P(oe, null, $e(we.value, (U, X) => (F(), P(oe, { key: X }, [
                     s("div", ln, [
                       s("div", cn, [
                         s("div", un, [
@@ -2182,16 +2192,16 @@ const Sa = xt(
                         }, {
                           default: O(() => [
                             s("div", hn, [
-                              (w(!0), P(oe, null, $e(U.info, (ae, ve) => (w(), P("div", {
+                              (F(!0), P(oe, null, $e(U.info, (ae, ve) => (F(), P("div", {
                                 key: ve,
                                 class: "flex flex-col gap-4"
                               }, [
                                 s("div", kn, Z(ae == null ? void 0 : ae.label), 1),
                                 s("div", _n, [
-                                  (w(!0), P(oe, null, $e(ae == null ? void 0 : ae.values, (Ce, Ie) => (w(), P("div", {
+                                  (F(!0), P(oe, null, $e(ae == null ? void 0 : ae.values, (Fe, Ie) => (F(), P("div", {
                                     key: Ie,
                                     class: "fm-typo-en-body-lg-600"
-                                  }, Z(Ce), 1))), 128))
+                                  }, Z(Fe), 1))), 128))
                                 ])
                               ]))), 128))
                             ])
@@ -2201,7 +2211,7 @@ const Sa = xt(
                       ])
                     ])
                   ], 64))), 128))
-                ])) : (w(), P("div", on, [
+                ])) : (F(), P("div", on, [
                   k(ie),
                   s("div", null, [
                     s("img", {
@@ -2219,13 +2229,13 @@ const Sa = xt(
           ]),
           _: 1
         }, 8, ["model-value"]),
-        g(f) ? (w(), ce(Na, {
+        g(f) ? (F(), ce(Na, {
           key: 0,
           show: Me.value,
           "onUpdate:show": a[10] || (a[10] = (U) => Me.value = U),
           "negative-items": jt.value,
           refreshing: V.value,
-          approving: Ge.value,
+          approving: Le.value,
           "has-stock-snapshot": !!((pe = e.draft) != null && pe.stockSnapshot),
           onRefresh: se,
           onApprove: It
@@ -2233,10 +2243,10 @@ const Sa = xt(
       ], 64);
     };
   }
-}), Sn = { class: "flex-1 flex flex-col gap-8" }, wn = { class: "flex flex-col" }, Cn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, $n = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Bn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Wn = /* @__PURE__ */ Re({
+}), Sn = { class: "flex-1 flex flex-col gap-8" }, wn = { class: "flex flex-col" }, Fn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Cn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, $n = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Bn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Wn = /* @__PURE__ */ Re({
   __name: "ClosingDraftView",
   setup(i) {
-    const { t: r } = _t(), { viewDraft: e } = Ye(), { viewClosingDraftProps: d, viewClosingDraftShow: _ } = Gt(Ye()), y = Qe(), f = Sa(), j = Et(), { breakpoints: V } = Kt();
+    const { t: r } = _t(), { viewDraft: e } = Qe(), { viewClosingDraftProps: d, viewClosingDraftShow: _ } = Gt(Qe()), y = qe(), f = Sa(), j = Et(), { breakpoints: V } = Kt();
     y.watchLocation(f.fetchDrafts);
     const T = M(() => f.loading), x = Y(""), D = M(() => V.value.xs || V.value.sm), I = M(() => D.value ? 10 : 20);
     function W(S) {
@@ -2263,7 +2273,7 @@ const Sa = xt(
     ]);
     return (S, R) => {
       const z = K("FmTable");
-      return w(), P(oe, null, [
+      return F(), P(oe, null, [
         k(zt, {
           title: g(r)("inventory.closing.draft.title"),
           actions: t.value,
@@ -2300,18 +2310,18 @@ const Sa = xt(
                     onRowClick: (p) => g(e)(p)
                   }, {
                     default: O((p) => {
-                      var B, H, q, C, b, G, ne, se, le, me, he, ke, Ve, te, Te, Pe, xe, je, Ae, Se;
+                      var w, H, q, C, b, G, ne, se, le, me, he, ke, Ve, te, Te, Pe, xe, je, Ae, Se;
                       return [
                         s("div", Sn, [
                           s("div", wn, [
-                            s("div", Cn, [
-                              k(g(Ne), {
-                                render: (q = (H = (B = p._id) == null ? void 0 : B.column) == null ? void 0 : H.columnDef) == null ? void 0 : q.cell,
+                            s("div", Fn, [
+                              k(g(Ee), {
+                                render: (q = (H = (w = p._id) == null ? void 0 : w.column) == null ? void 0 : H.columnDef) == null ? void 0 : q.cell,
                                 props: (b = (C = p._id) == null ? void 0 : C.getContext) == null ? void 0 : b.call(C)
                               }, null, 8, ["render", "props"])
                             ]),
-                            s("div", Fn, [
-                              k(g(Ne), {
+                            s("div", Cn, [
+                              k(g(Ee), {
                                 render: (se = (ne = (G = p.name) == null ? void 0 : G.column) == null ? void 0 : ne.columnDef) == null ? void 0 : se.cell,
                                 props: (me = (le = p.name) == null ? void 0 : le.getContext) == null ? void 0 : me.call(le)
                               }, null, 8, ["render", "props"])
@@ -2321,14 +2331,14 @@ const Sa = xt(
                               ...h.original.items.length >= 3 ? [`and ${h.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
                             s("div", Bn, [
-                              k(g(Ne), {
+                              k(g(Ee), {
                                 render: (Ve = (ke = (he = p.ref) == null ? void 0 : he.column) == null ? void 0 : ke.columnDef) == null ? void 0 : Ve.cell,
                                 props: (Te = (te = p.ref) == null ? void 0 : te.getContext) == null ? void 0 : Te.call(te)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           s("div", null, [
-                            k(g(Ne), {
+                            k(g(Ee), {
                               render: (je = (xe = (Pe = p.status) == null ? void 0 : Pe.column) == null ? void 0 : xe.columnDef) == null ? void 0 : je.cell,
                               props: (Se = (Ae = p.status) == null ? void 0 : Ae.getContext) == null ? void 0 : Se.call(Ae)
                             }, null, 8, ["render", "props"])
@@ -2345,7 +2355,7 @@ const Sa = xt(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (w(), ce(Lt, { to: "body" }, [
+        (F(), ce(Lt, { to: "body" }, [
           k(An, Nt(g(d), {
             show: g(_),
             "onUpdate:show": R[2] || (R[2] = (h) => bt(_) ? _.value = h : null),