@feedmepos/mf-inventory-portal 1.2.25-dev.6 → 1.2.26

package/dist/{ClosingDraftView-CSTykijP.js → ClosingDraftView-BqZkAqFU.js}

@@ -1,31 +1,35 @@
-import { defineComponent as Ne, ref as O, computed as L, onMounted as Ge, resolveComponent as E, openBlock as $, createElementBlock as H, Fragment as se, createTextVNode as ae, createBlock as ce, withCtx as G, createElementVNode as u, toDisplayString as te, unref as B, createVNode as D, createCommentVNode as fe, h as x, reactive as Bt, watch as jt, isRef as dt, normalizeClass as Se, renderList as $e, normalizeStyle as ft, Teleport as Tt, mergeProps as It } from "vue";
-import { aa as Ut, u as Ee, ax as Y, am as pt, ay as vt, r as Pt, Z as We, n as Ke, t as Mt, a0 as Be, W as Rt, Y as Vt, X as Lt, az as gt, aA as yt, $ as V, ah as bt, aB as ht, aC as he, an as Nt, ac as Qe, ab as ke, a6 as Re, D as mt, j as Pe, i as Et, f as zt, a as Ht, a9 as Ot, h as Yt, G as Kt, I as Qt, J as Gt, K as Wt, L as Me } from "./app-CD9h20sX.js";
+import { defineComponent as Ne, ref as H, computed as L, onMounted as Ge, resolveComponent as E, openBlock as $, createElementBlock as O, Fragment as se, createTextVNode as ae, createBlock as ce, withCtx as G, createElementVNode as u, toDisplayString as te, unref as j, createVNode as A, createCommentVNode as fe, h as x, reactive as Bt, watch as jt, isRef as dt, normalizeClass as Se, renderList as $e, normalizeStyle as ft, Teleport as Tt, mergeProps as It } from "vue";
+import { aa as Ut, u as Ee, ax as Y, am as pt, ay as vt, r as Pt, Z as We, n as Ke, t as Mt, a0 as Be, W as Rt, Y as Vt, X as Lt, az as gt, aA as yt, $ as V, ah as bt, aB as ht, aC as he, an as Nt, ac as Qe, ab as ke, a6 as Re, D as mt, j as Pe, i as Et, f as zt, a as Ot, a9 as Ht, h as Yt, G as Kt, I as Qt, J as Gt, K as Wt, L as Me } from "./app-B6xEJFwV.js";
 import { useCoreStore as qt, useI18n as kt } from "@feedmepos/mf-common";
 import { useSnackbar as qe, useDialog as Zt, useProxiedModel as Jt, components as be, useBreakpoints as Xt } from "@feedmepos/ui-library";
 import { defineStore as xt, storeToRefs as ea } from "pinia";
-import { u as Dt } from "./stock-C5k9qQNO.js";
-import { u as Ze } from "./stock-B2clWpa9.js";
+import { u as At } from "./stock-cbSPPFhq.js";
+import { u as Ze } from "./stock-kk7c27VO.js";
 import { E as ta } from "./empty-placeholder-wf6-BWE8.js";
-const ze = Ut((i, c) => {
+const ze = Ut((l, r) => {
   function e() {
     return Ee().currentLocation.dbName;
   }
   return {
     async getDraft(d) {
-      const h = e(), b = `${i.inventoryBackendUrl}/${h}/closing-draft/${d}`;
-      return c.get(b);
+      const h = e(), b = `${l.inventoryBackendUrl}/${h}/closing-draft/${d}`;
+      return r.get(b);
     },
     async readDrafts() {
-      const d = e(), h = `${i.inventoryBackendUrl}/${d}/closing-draft`;
-      return c.get(h);
+      const d = e(), h = `${l.inventoryBackendUrl}/${d}/closing-draft`;
+      return r.get(h);
     },
     async runOperation(d) {
-      const h = e(), b = `${i.inventoryBackendUrl}/${h}/closing-draft/run-operation`;
-      return c.post(b, d);
+      const h = e(), b = `${l.inventoryBackendUrl}/${h}/closing-draft/run-operation`;
+      return r.post(b, d);
+    },
+    async runOperationV1(d) {
+      const h = e(), b = `${l.inventoryBackendUrl}/${h}/closing-draft/v1/run-operation`;
+      return r.post(b, d);
     },
     async sync(d) {
-      const h = e(), b = `${i.inventoryBackendUrl}/${h}/closing-draft/sync`;
-      return c.post(b, d);
+      const h = e(), b = `${l.inventoryBackendUrl}/${h}/closing-draft/sync`;
+      return r.post(b, d);
     }
   };
 }), aa = { class: "fm-typo-en-body-lg-400" }, na = { class: "fm-typo-en-body-lg-600" }, oa = {
@@ -39,9 +43,9 @@ const ze = Ut((i, c) => {
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(i) {
-    const c = i, e = O(), d = ze(), h = qe(), b = O(!1), y = O(null), M = O(!1), C = L(() => {
-      switch (c.action) {
+  setup(l) {
+    const r = l, e = H(), d = ze(), h = qe(), b = H(!1), y = H(null), M = H(!1), C = L(() => {
+      switch (r.action) {
         case Y.enum.approveDraft:
           return "Approve";
         case Y.enum.rejectDraft:
@@ -49,9 +53,9 @@ const ze = Ut((i, c) => {
         case Y.enum.markAsFailed:
           return "Mark as Failed";
       }
-      throw new Error(`Unknown action: ${c.action}`);
-    }), _ = L(() => {
-      switch (c.action) {
+      throw new Error(`Unknown action: ${r.action}`);
+    }), D = L(() => {
+      switch (r.action) {
         case Y.enum.approveDraft:
           return "primary";
         case Y.enum.rejectDraft:
@@ -59,14 +63,14 @@ const ze = Ut((i, c) => {
         case Y.enum.markAsFailed:
           return "destructive";
       }
-      throw new Error(`Unknown action: ${c.action}`);
+      throw new Error(`Unknown action: ${r.action}`);
     });
     Ge(() => {
-      if (c.draft.effectiveAt)
-        y.value = new Date(c.draft.effectiveAt);
+      if (r.draft.effectiveAt)
+        y.value = new Date(r.draft.effectiveAt);
       else {
-        const r = new Date(c.draft.createdAt);
-        r.setHours(23, 59, 59, 999), y.value = r;
+        const c = new Date(r.draft.createdAt);
+        c.setHours(23, 59, 59, 999), y.value = c;
       }
       M.value = !0;
     });
@@ -74,10 +78,10 @@ const ze = Ut((i, c) => {
       get() {
         return y.value === null ? "" : pt(y.value);
       },
-      set(r) {
-        if (r) {
-          const s = /* @__PURE__ */ new Date(`${r} ${N.value}`);
-          s.setSeconds(59, 999), y.value = s;
+      set(c) {
+        if (c) {
+          const a = /* @__PURE__ */ new Date(`${c} ${N.value}`);
+          a.setSeconds(59, 999), y.value = a;
         } else
           y.value = null;
       }
@@ -85,21 +89,29 @@ const ze = Ut((i, c) => {
       get() {
         return y.value === null ? "" : vt(y.value);
       },
-      set(r) {
-        if (r) {
-          const s = /* @__PURE__ */ new Date(`${R.value} ${r}`);
-          s.setSeconds(59, 999), y.value = s;
+      set(c) {
+        if (c) {
+          const a = /* @__PURE__ */ new Date(`${R.value} ${c}`);
+          a.setSeconds(59, 999), y.value = a;
         } else
           y.value = null;
       }
     });
-    async function j() {
+    async function B(c) {
       b.value = !0;
       try {
-        await d.runOperation({
-          _id: c.draft._id,
-          _rev: c.draft._rev ?? "",
-          action: c.action,
+        c ? await d.runOperation({
+          _id: r.draft._id,
+          _rev: r.draft._rev ?? "",
+          action: r.action,
+          data: {
+            effectiveAt: y.value ? y.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500) : await d.runOperationV1({
+          _id: r.draft._id,
+          _rev: r.draft._rev ?? "",
+          action: r.action,
           data: {
             effectiveAt: y.value ? y.value.toISOString() : null,
             remark: e.value
@@ -108,108 +120,115 @@ const ze = Ut((i, c) => {
           title: "Success",
           message: "Action submitted",
           type: "success"
-        }), c.onFinished();
-      } catch (r) {
+        }), r.onFinished();
+      } catch (a) {
         h.open({
           title: "Something went wrong",
-          message: (r == null ? void 0 : r.message) ?? "Unable to submit action. Please try again",
+          message: (a == null ? void 0 : a.message) ?? "Unable to submit action. Please try again",
           type: "error"
-        }), console.error("error on submit closing draft action", r);
+        }), console.error("error on submit closing draft action", a);
       } finally {
         b.value = !1;
       }
     }
-    return (r, s) => {
-      const A = E("FmLabel"), z = E("FmDatePicker"), v = E("FmTimePicker"), g = E("FmTextField"), w = E("FmButton"), T = E("FmForm");
+    return (c, a) => {
+      const _ = E("FmLabel"), z = E("FmDatePicker"), v = E("FmTimePicker"), g = E("FmTextField"), w = E("FmButton"), T = E("FmForm");
       return M.value ? ($(), ce(T, {
         key: 1,
-        onValidationSuccess: j,
+        onValidationSuccess: B,
         class: "flex flex-col gap-32",
         disabled: b.value
       }, {
         default: G(() => [
           u("div", aa, [
-            s[4] || (s[4] = ae(" You are about to ")),
+            a[5] || (a[5] = ae(" You are about to ")),
             u("span", na, te(C.value), 1),
-            s[5] || (s[5] = ae(" this draft. Please provide a remark to justify this action. "))
+            a[6] || (a[6] = ae(" this draft. Please provide a remark to justify this action. "))
           ]),
-          r.action === B(Y).enum.approveDraft ? ($(), H("div", oa, [
-            D(A, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => s[6] || (s[6] = [
+          c.action === j(Y).enum.approveDraft ? ($(), O("div", oa, [
+            A(_, { class: "fm-typo-en-body-lg-600" }, {
+              default: G(() => a[7] || (a[7] = [
                 ae("Closing Date")
               ])),
               _: 1
             }),
-            D(z, {
+            A(z, {
               modelValue: R.value,
-              "onUpdate:modelValue": s[0] || (s[0] = (P) => R.value = P)
+              "onUpdate:modelValue": a[0] || (a[0] = (U) => R.value = U)
             }, null, 8, ["modelValue"]),
-            D(A, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => s[7] || (s[7] = [
+            A(_, { class: "fm-typo-en-body-lg-600" }, {
+              default: G(() => a[8] || (a[8] = [
                 ae("Closing Time")
               ])),
               _: 1
             }),
-            D(v, {
+            A(v, {
               modelValue: N.value,
-              "onUpdate:modelValue": s[1] || (s[1] = (P) => N.value = P)
+              "onUpdate:modelValue": a[1] || (a[1] = (U) => N.value = U)
             }, null, 8, ["modelValue"])
           ])) : fe("", !0),
-          D(g, {
+          A(g, {
             modelValue: e.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (P) => e.value = P),
+            "onUpdate:modelValue": a[2] || (a[2] = (U) => e.value = U),
             label: "Remark",
             "label-mark": "required",
-            rules: [B(Pt)()]
+            rules: [j(Pt)()]
           }, null, 8, ["modelValue", "rules"]),
           u("div", sa, [
-            D(w, {
+            A(w, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: s[3] || (s[3] = (P) => r.onCancel())
+              onClick: a[3] || (a[3] = (U) => c.onCancel())
             }),
-            D(w, {
+            A(w, {
               label: C.value,
               type: "submit",
-              variant: _.value,
+              variant: D.value,
+              loading: b.value
+            }, null, 8, ["label", "variant", "loading"]),
+            A(w, {
+              label: "Online Approve (Beta)",
+              type: "button",
+              onClick: a[4] || (a[4] = (U) => B(!0)),
+              variant: D.value,
               loading: b.value
-            }, null, 8, ["label", "variant", "loading"])
+            }, null, 8, ["variant", "loading"])
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : ($(), H(se, { key: 0 }, [
+      }, 8, ["disabled"])) : ($(), O(se, { key: 0 }, [
         ae("Loading")
       ], 64));
     };
   }
 }), ra = Be(0);
-function At(i) {
-  const c = i.measurementsAmounts.groupBy((d) => d.measurement.id), e = i.sku.unit.measurements.reduce((d, h) => {
+function Dt(l) {
+  const r = l.measurementsAmounts.groupBy((d) => d.measurement.id), e = l.sku.unit.measurements.reduce((d, h) => {
     var M, C;
-    const b = ((C = (M = c.get(h.id)) == null ? void 0 : M[0]) == null ? void 0 : C.amount) ?? ra, y = We(h.conversion, b);
+    const b = ((C = (M = r.get(h.id)) == null ? void 0 : M[0]) == null ? void 0 : C.amount) ?? ra, y = We(h.conversion, b);
     return d + +Ke(y);
-  }, +Ke(i.baseAmount));
-  return Mt(e, i.baseAmount.precision);
+  }, +Ke(l.baseAmount));
+  return Mt(e, l.baseAmount.precision);
 }
 const la = Be(0), ia = Be(100), _t = "N/A";
-function ca(i, c, e, d, h, b) {
+function ca(l, r, e, d, h, b) {
   var K, q, S, J, ue;
-  const y = At(i), M = d ?? y, C = gt(M, c), _ = c.amount === 0 ? null : yt(C, {
-    ...c,
-    amount: Math.abs(c.amount)
-  }), R = _ ? We(_, ia) : null, N = ((K = i.sku.defaultCost) == null ? void 0 : K.costPerUnit) ?? { amount: 0, precision: 0 }, j = Number(V.toFormatString({ value: N })), r = ((S = (q = i.sku.defaultCost) == null ? void 0 : q.measurement) == null ? void 0 : S.conversion) ?? {
+  const y = Dt(l), M = d ?? y, C = gt(M, r), D = r.amount === 0 ? null : yt(C, {
+    ...r,
+    amount: Math.abs(r.amount)
+  }), R = D ? We(D, ia) : null, N = ((K = l.sku.defaultCost) == null ? void 0 : K.costPerUnit) ?? { amount: 0, precision: 0 }, B = Number(V.toFormatString({ value: N })), c = ((S = (q = l.sku.defaultCost) == null ? void 0 : q.measurement) == null ? void 0 : S.conversion) ?? {
     amount: 1,
     precision: 0
-  }, s = Number(
-    V.toFormatString({ value: r })
-  ), A = h ? Number(V.toFormatString({ value: h })) : 0, z = Number(V.toFormatString({ value: c })), v = Number(V.toFormatString({ value: M })), g = z - v, w = g * j / s, T = v * j / s, P = z * j / s;
+  }, a = Number(
+    V.toFormatString({ value: c })
+  ), _ = h ? Number(V.toFormatString({ value: h })) : 0, z = Number(V.toFormatString({ value: r })), v = Number(V.toFormatString({ value: M })), g = z - v, w = g * B / a, T = v * B / a, U = z * B / a;
   return {
-    code: i.sku.code,
-    name: i.sku.name,
-    baseUnit: i.sku.unit.abbrev,
-    costUnit: ((ue = (J = i.sku.defaultCost) == null ? void 0 : J.measurement) == null ? void 0 : ue.abbrev) ?? null,
-    baseUnitAmount: Number(V.toFormatString({ value: i.baseAmount })),
-    ...i.measurementsAmounts.filter(
+    code: l.sku.code,
+    name: l.sku.name,
+    baseUnit: l.sku.unit.abbrev,
+    costUnit: ((ue = (J = l.sku.defaultCost) == null ? void 0 : J.measurement) == null ? void 0 : ue.abbrev) ?? null,
+    baseUnitAmount: Number(V.toFormatString({ value: l.baseAmount })),
+    ...l.measurementsAmounts.filter(
       (X) => ua(X.measurement) && e.includes(X.measurement.id)
     ).reduce(
       (X, ne, me) => (X[`measurementAbbrev${me}`] = `(${ne.measurement.abbrev}) × ${V.toFormatString({ value: ne.measurement.conversion })}`, X[`measurementAmount${me}`] = Number(V.toFormatString({ value: ne.amount })), X),
@@ -223,36 +242,36 @@ function ca(i, c, e, d, h, b) {
         value: bt(R, 2)
       })
     ) : null,
-    costPerUnit: j,
-    opening: A,
+    costPerUnit: B,
+    opening: _,
     adjustmentTypes: b ?? _t,
     varianceQty: g,
     varianceInCost: w,
     stockTakeValue: T,
-    systemValue: P
+    systemValue: U
   };
 }
-function ua(i) {
-  return !i.abbrev.toLocaleLowerCase().includes("inactive");
+function ua(l) {
+  return !l.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function ma(i) {
-  const c = wt(i);
-  return i.reduce(
+function ma(l) {
+  const r = wt(l);
+  return l.reduce(
     (e, d) => {
       var h;
-      return Math.max(e, ((h = c == null ? void 0 : c.get(d.sku._id)) == null ? void 0 : h[0].length) ?? 0);
+      return Math.max(e, ((h = r == null ? void 0 : r.get(d.sku._id)) == null ? void 0 : h[0].length) ?? 0);
     },
     0
   );
 }
-function wt(i) {
-  return i.groupBy(
-    (c) => c.sku._id,
-    (c) => c.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
+function wt(l) {
+  return l.groupBy(
+    (r) => r.sku._id,
+    (r) => r.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
   );
 }
-function da(i) {
-  const c = ht(), e = c === "MYR" ? "RM" : c;
+function da(l) {
+  const r = ht(), e = r === "MYR" ? "RM" : r;
   return [
     {
       id: "code",
@@ -318,7 +337,7 @@ function da(i) {
       id: "baseUnitAmount",
       name: "Base unit amount"
     },
-    ...Array.from({ length: i }).flatMap((h, b) => [
+    ...Array.from({ length: l }).flatMap((h, b) => [
       {
         id: `measurementAmount${b}`,
         name: `UOM amount ${b + 1}`
@@ -330,60 +349,60 @@ function da(i) {
     ])
   ];
 }
-function fa(i, c, e) {
-  var g, w, T, P, re, K, q;
-  const d = c.groupBy(
+function fa(l, r, e) {
+  var g, w, T, U, re, K, q;
+  const d = r.groupBy(
     (S) => S.id,
     (S) => S.balance
   ), h = e.groupBy(
     (S) => S.id,
     (S) => S.balance
   ), b = /* @__PURE__ */ new Map();
-  if (i.opening)
-    for (const S of i.opening)
+  if (l.opening)
+    for (const S of l.opening)
       b.set(S.skuId, S.balance);
   const y = /* @__PURE__ */ new Map();
-  if (i.adjustmentSnapshot)
-    for (const S of i.adjustmentSnapshot) {
+  if (l.adjustmentSnapshot)
+    for (const S of l.adjustmentSnapshot) {
       const J = Object.keys(S.adjustmentsByType).join(", ");
       y.set(S.skuId, J || _t);
     }
-  const M = [...i.items, ...i.negativeStockItems ?? []], C = wt(M), _ = M.map((S) => {
-    var me, xe, De;
+  const M = [...l.items, ...l.negativeStockItems ?? []], C = wt(M), D = M.map((S) => {
+    var me, xe, Ae;
     const J = ((me = d.get(S.sku._id)) == null ? void 0 : me[0]) ?? la, ue = ((xe = C == null ? void 0 : C.get(S.sku._id)) == null ? void 0 : xe[0]) ?? [], X = b.get(S.sku._id), ne = y.get(S.sku._id);
     return ca(
       S,
       J,
       ue,
-      (De = h.get(S.sku._id)) == null ? void 0 : De[0],
+      (Ae = h.get(S.sku._id)) == null ? void 0 : Ae[0],
       X,
       ne
     );
-  }), R = ma(M), j = qt().currentBusiness.value, r = da(R), s = [
-    ["Business name:", j == null ? void 0 : j.name],
-    ["Business ID:", j == null ? void 0 : j._id],
-    ["Menu version", j == null ? void 0 : j.menuVersion],
-    ["Created at", new Date(i.createdAt)],
-    ["Created by", (g = i.createdBy) == null ? void 0 : g.name],
-    ["Updated at", new Date(i.updatedAt)],
-    ["Updated by", (w = i.updatedBy) == null ? void 0 : w.name],
-    ["Recent action", i.approvedAt ? "Approve" : i.rejectionHistory ? "Reject" : ""],
+  }), R = ma(M), B = qt().currentBusiness.value, c = da(R), a = [
+    ["Business name:", B == null ? void 0 : B.name],
+    ["Business ID:", B == null ? void 0 : B._id],
+    ["Menu version", B == null ? void 0 : B.menuVersion],
+    ["Created at", new Date(l.createdAt)],
+    ["Created by", (g = l.createdBy) == null ? void 0 : g.name],
+    ["Updated at", new Date(l.updatedAt)],
+    ["Updated by", (w = l.updatedBy) == null ? void 0 : w.name],
+    ["Recent action", l.approvedAt ? "Approve" : l.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      i.approvedAt ? (T = i.approvedBy) == null ? void 0 : T.name : i.rejectionHistory ? (re = (P = i.rejectionHistory[0]) == null ? void 0 : P.rejectedBy) == null ? void 0 : re.name : ""
+      l.approvedAt ? (T = l.approvedBy) == null ? void 0 : T.name : l.rejectionHistory ? (re = (U = l.rejectionHistory[0]) == null ? void 0 : U.rejectedBy) == null ? void 0 : re.name : ""
     ],
     [
       "Action at",
-      i.approvedAt ? new Date(i.approvedAt) : i.rejectionHistory ? new Date((K = i.rejectionHistory[0]) == null ? void 0 : K.rejectedAt) : ""
+      l.approvedAt ? new Date(l.approvedAt) : l.rejectionHistory ? new Date((K = l.rejectionHistory[0]) == null ? void 0 : K.rejectedAt) : ""
     ],
     [
       "Action remark",
-      i.approvedAt ? i.approveRemark : i.rejectionHistory ? new Date((q = i.rejectionHistory[0]) == null ? void 0 : q.rejectRemark) : ""
+      l.approvedAt ? l.approveRemark : l.rejectionHistory ? new Date((q = l.rejectionHistory[0]) == null ? void 0 : q.rejectRemark) : ""
     ],
     [],
-    r.map((S) => S.name),
-    ..._.map((S) => r.map((J) => S[J.id]))
-  ], A = r.map((S) => `system:${S.id}`), z = Rt(s, A), v = `[${j == null ? void 0 : j.name}] closing draft (${Vt(new Date(i.updatedAt))}).xlsx`;
+    c.map((S) => S.name),
+    ...D.map((S) => c.map((J) => S[J.id]))
+  ], _ = c.map((S) => `system:${S.id}`), z = Rt(a, _), v = `[${B == null ? void 0 : B.name}] closing draft (${Vt(new Date(l.updatedAt))}).xlsx`;
   return Lt(z, v), v;
 }
 const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-end w-full" }, ga = /* @__PURE__ */ Ne({
@@ -393,15 +412,15 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(i) {
-    const c = i;
+  setup(l) {
+    const r = l;
     Ze();
-    const e = O(!1), d = O(null), h = O(!1);
+    const e = H(!1), d = H(null), h = H(!1);
     Ge(() => {
-      if (c.draft.effectiveAt)
-        d.value = new Date(c.draft.effectiveAt);
+      if (r.draft.effectiveAt)
+        d.value = new Date(r.draft.effectiveAt);
       else {
-        const C = new Date(c.draft.createdAt);
+        const C = new Date(r.draft.createdAt);
         C.setHours(23, 59, 59, 999), d.value = C;
       }
       h.value = !0;
@@ -412,8 +431,8 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
       },
       set(C) {
         if (C) {
-          const _ = /* @__PURE__ */ new Date(`${C} ${y.value}`);
-          _.setSeconds(59, 999), d.value = _;
+          const D = /* @__PURE__ */ new Date(`${C} ${y.value}`);
+          D.setSeconds(59, 999), d.value = D;
         } else
           d.value = null;
       }
@@ -423,25 +442,25 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
       },
       set(C) {
         if (C) {
-          const _ = /* @__PURE__ */ new Date(`${b.value} ${C}`);
-          _.setSeconds(59, 999), d.value = _;
+          const D = /* @__PURE__ */ new Date(`${b.value} ${C}`);
+          D.setSeconds(59, 999), d.value = D;
         } else
           d.value = null;
       }
     });
     async function M() {
-      e.value = !0, c.onFinished(d.value.toISOString());
+      e.value = !0, r.onFinished(d.value.toISOString());
     }
-    return (C, _) => {
-      const R = E("FmLabel"), N = E("FmDatePicker"), j = E("FmTimePicker"), r = E("FmButton"), s = E("FmForm");
-      return h.value ? ($(), ce(s, {
+    return (C, D) => {
+      const R = E("FmLabel"), N = E("FmDatePicker"), B = E("FmTimePicker"), c = E("FmButton"), a = E("FmForm");
+      return h.value ? ($(), ce(a, {
         key: 1,
         onValidationSuccess: M,
         class: "flex flex-col gap-32",
         disabled: e.value
       }, {
         default: G(() => [
-          _[5] || (_[5] = u("div", { class: "fm-typo-en-body-lg-400" }, [
+          D[5] || (D[5] = u("div", { class: "fm-typo-en-body-lg-400" }, [
             u("p", null, [
               ae(" Performing "),
               u("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
@@ -454,34 +473,34 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
             ])
           ], -1)),
           u("div", pa, [
-            D(R, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => _[3] || (_[3] = [
+            A(R, { class: "fm-typo-en-body-lg-600" }, {
+              default: G(() => D[3] || (D[3] = [
                 ae("Closing Date")
               ])),
               _: 1
             }),
-            D(N, {
+            A(N, {
               modelValue: b.value,
-              "onUpdate:modelValue": _[0] || (_[0] = (A) => b.value = A)
+              "onUpdate:modelValue": D[0] || (D[0] = (_) => b.value = _)
             }, null, 8, ["modelValue"]),
-            D(R, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => _[4] || (_[4] = [
+            A(R, { class: "fm-typo-en-body-lg-600" }, {
+              default: G(() => D[4] || (D[4] = [
                 ae("Closing Time")
               ])),
               _: 1
             }),
-            D(j, {
+            A(B, {
               modelValue: y.value,
-              "onUpdate:modelValue": _[1] || (_[1] = (A) => y.value = A)
+              "onUpdate:modelValue": D[1] || (D[1] = (_) => y.value = _)
             }, null, 8, ["modelValue"])
           ]),
           u("div", va, [
-            D(r, {
+            A(c, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: _[2] || (_[2] = (A) => C.onCancel())
+              onClick: D[2] || (D[2] = (_) => C.onCancel())
             }),
-            D(r, {
+            A(c, {
               label: "Refresh balance",
               type: "submit",
               variant: "primary",
@@ -490,7 +509,7 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : ($(), H(se, { key: 0 }, [
+      }, 8, ["disabled"])) : ($(), O(se, { key: 0 }, [
         ae("Loading")
       ], 64));
     };
@@ -498,14 +517,14 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
 }), Le = xt(
   "closingDraftActions",
   function() {
-    const c = Zt(), e = qe(), d = Ze(), h = ze(), b = Dt(), y = O(!1), M = O();
+    const r = Zt(), e = qe(), d = Ze(), h = ze(), b = At(), y = H(!1), M = H();
     function C(v) {
       const g = {
         draft: v
       };
       M.value = g, y.value = !0;
     }
-    async function _(v) {
+    async function D(v) {
       var w;
       if (v.status === he.enum.COMPLETED) {
         const T = v.closingAdjustmentId;
@@ -517,8 +536,8 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
           }), console.error("Closing draft is completed but closing document cannot be found.", {
             draftId: v._id
           }), [];
-        const P = await d.readAdjustmentById(T);
-        return ((P == null ? void 0 : P.skus) ?? []).map((K) => ({
+        const U = await d.readAdjustmentById(T);
+        return ((U == null ? void 0 : U.skus) ?? []).map((K) => ({
           id: K.sku._id,
           balance: K.fromBalance,
           costs: K.fromCostBalances
@@ -530,51 +549,51 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
       g || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), g = await _(v)), fa(v, g, w ?? []);
+      }), g = await D(v)), fa(v, g, w ?? []);
     }
     function N(v, g) {
-      c.open({
+      r.open({
         title: "Approve draft",
         contentComponent: Ye,
         contentComponentProps: {
           draft: v,
           action: Y.enum.approveDraft,
           onFinished: () => {
-            c.close(), g == null || g();
+            r.close(), g == null || g();
           },
-          onCancel: () => c.close()
+          onCancel: () => r.close()
         }
       });
     }
-    function j(v, g) {
-      c.open({
+    function B(v, g) {
+      r.open({
         title: "Reject draft",
         contentComponent: Ye,
         contentComponentProps: {
           draft: v,
           action: Y.enum.rejectDraft,
           onFinished: () => {
-            c.close(), g == null || g();
+            r.close(), g == null || g();
           },
-          onCancel: () => c.close()
+          onCancel: () => r.close()
         }
       });
     }
-    function r(v, g) {
-      c.open({
+    function c(v, g) {
+      r.open({
         title: "Mark draft as failed",
         contentComponent: Ye,
         contentComponentProps: {
           draft: v,
           action: Y.enum.markAsFailed,
           onFinished: () => {
-            c.close(), g == null || g();
+            r.close(), g == null || g();
           },
-          onCancel: () => c.close()
+          onCancel: () => r.close()
         }
       });
     }
-    async function s(v, g) {
+    async function a(v, g) {
       await h.sync({
         _id: v._id,
         _rev: v._rev ?? "",
@@ -588,31 +607,31 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
         type: "success"
       }), g == null || g();
     }
-    function A() {
+    function _() {
       y.value = !1;
     }
     async function z(v, g, w) {
-      await c.open({
+      await r.open({
         title: "Refresh balance",
         contentComponent: ga,
         contentComponentProps: {
           draft: v,
           onFinished: (T) => {
-            c.close(), w == null || w(T);
+            r.close(), w == null || w(T);
           },
           onCancel: async () => {
-            c.close(), g == null || g();
+            r.close(), g == null || g();
           }
         }
       });
     }
     return {
       viewDraft: C,
-      closeDraftDialog: A,
+      closeDraftDialog: _,
       approveDraft: N,
-      rejectDraft: j,
-      markAsFailed: r,
-      syncDraft: s,
+      rejectDraft: B,
+      markAsFailed: c,
+      syncDraft: a,
       exportDraft: R,
       refreshBalance: z,
       viewClosingDraftShow: y,
@@ -620,8 +639,8 @@ const pa = { class: "flex flex-col" }, va = { class: "flex gap-12 py-8 justify-e
     };
   }
 );
-function Ve(i) {
-  switch (i) {
+function Ve(l) {
+  switch (l) {
     case "DRAFT":
       return "fm-status-badge-draft";
     case "PROCESSING":
@@ -635,57 +654,57 @@ function Ve(i) {
 const ya = xt(
   "closingDraftTable",
   function() {
-    const { t: c } = kt(), e = Le(), d = O(new Array()), h = O(!1), b = Ee(), y = ze();
+    const { t: r } = kt(), e = Le(), d = H(new Array()), h = H(!1), b = Ee(), y = ze();
     async function M() {
       if (d.value = [], !!b._currentLocation) {
         h.value = !0;
         try {
-          const [r] = await Promise.all([y.readDrafts()]).delayed(1e3);
-          d.value = r.reverse();
-        } catch (r) {
-          console.log("Something went wrong when fetching drafts:", r);
+          const [c] = await Promise.all([y.readDrafts()]).delayed(1e3);
+          d.value = c.reverse();
+        } catch (c) {
+          console.log("Something went wrong when fetching drafts:", c);
         } finally {
           h.value = !1;
         }
       }
     }
-    async function C(r) {
-      if (!d.value.find((s) => s._id) && b._currentLocation) {
+    async function C(c) {
+      if (!d.value.find((a) => a._id) && b._currentLocation) {
         h.value = !0;
         try {
-          const [s] = await Promise.all([
-            y.getDraft(r),
-            new Promise((A) => setTimeout(A, 1e3))
+          const [a] = await Promise.all([
+            y.getDraft(c),
+            new Promise((_) => setTimeout(_, 1e3))
           ]);
-          d.value = [s];
-        } catch (s) {
-          console.log("Something went wrong when fetching drafts:", s);
+          d.value = [a];
+        } catch (a) {
+          console.log("Something went wrong when fetching drafts:", a);
         } finally {
           h.value = !1;
         }
       }
     }
-    function _(r) {
-      d.value = d.value.map((s) => s._id === r._id ? {
-        ...r,
-        _rev: s._rev
-      } : s);
+    function D(c) {
+      d.value = d.value.map((a) => a._id === c._id ? {
+        ...c,
+        _rev: a._rev
+      } : a);
     }
     function R() {
       e.closeDraftDialog(), M();
     }
-    function N(r, s) {
-      switch (s = zt(s), r) {
+    function N(c, a) {
+      switch (a = zt(a), c) {
         case Pe.Details:
-          return e.viewDraft(s);
+          return e.viewDraft(a);
         case Pe.Export:
-          return e.exportDraft(s);
+          return e.exportDraft(a);
         case Y.enum.approveDraft:
-          return e.approveDraft(s, R);
+          return e.approveDraft(a, R);
         case Y.enum.rejectDraft:
-          return e.rejectDraft(s, R);
+          return e.rejectDraft(a, R);
         case Y.enum.markAsFailed:
-          return e.markAsFailed(s, R);
+          return e.markAsFailed(a, R);
       }
     }
     return {
@@ -693,26 +712,26 @@ const ya = xt(
         {
           id: "_id",
           accessorKey: "_id",
-          header: () => c("inventory.closing.table.createdAt"),
-          cell(r) {
-            return Nt(`${r.getValue()}`);
+          header: () => r("inventory.closing.table.createdAt"),
+          cell(c) {
+            return Nt(`${c.getValue()}`);
           },
           enableSorting: !0
         },
         {
           accessorKey: "effectiveAt",
           header: () => "Effective at",
-          cell(r) {
-            const s = r.row.original;
-            let A = r.getValue();
-            return A || (A = Qe(s._id)), ke(A);
+          cell(c) {
+            const a = c.row.original;
+            let _ = c.getValue();
+            return _ || (_ = Qe(a._id)), ke(_);
           },
           enableSorting: !0,
           size: 200
         },
         {
           id: "updatedAt",
-          accessorFn: (r) => ke(r.updatedAt),
+          accessorFn: (c) => ke(c.updatedAt),
           header: () => "Updated at",
           enableSorting: !0,
           size: 200
@@ -726,11 +745,11 @@ const ya = xt(
         },
         {
           id: "noOfItems",
-          accessorFn: (r) => {
-            var s;
-            return r.items.length + (((s = r.negativeStockItems) == null ? void 0 : s.length) ?? 0);
+          accessorFn: (c) => {
+            var a;
+            return c.items.length + (((a = c.negativeStockItems) == null ? void 0 : a.length) ?? 0);
           },
-          header: () => c("inventory.closing.table.noOfItems"),
+          header: () => r("inventory.closing.table.noOfItems"),
           enableSorting: !1,
           meta: {
             width: "10rem",
@@ -739,21 +758,21 @@ const ya = xt(
         },
         {
           id: "recentRemark",
-          accessorFn: (r) => {
-            var s;
-            return (r == null ? void 0 : r.approveRemark) ?? ((s = r == null ? void 0 : r.rejectionHistory) == null ? void 0 : s.computeFirst((A) => A.rejectRemark)) ?? r.remark;
+          accessorFn: (c) => {
+            var a;
+            return (c == null ? void 0 : c.approveRemark) ?? ((a = c == null ? void 0 : c.rejectionHistory) == null ? void 0 : a.computeFirst((_) => _.rejectRemark)) ?? c.remark;
           },
           header: () => "Recent remark"
         },
         {
           id: "status",
-          accessorFn: (r) => r.status,
-          header: () => c("inventory.closing.table.status"),
+          accessorFn: (c) => c.status,
+          header: () => r("inventory.closing.table.status"),
           enableSorting: !1,
-          cell(r) {
+          cell(c) {
             var w;
-            const s = r.row.original, A = s.status, z = new Date(s.updatedAt), v = (w = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : w.computeFirst((T) => T.rejectedAt), g = v ? new Date(v) : null;
-            return A === "DRAFT" && g ? g.getTime() > z.getTime() ? x(
+            const a = c.row.original, _ = a.status, z = new Date(a.updatedAt), v = (w = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : w.computeFirst((T) => T.rejectedAt), g = v ? new Date(v) : null;
+            return _ === "DRAFT" && g ? g.getTime() > z.getTime() ? x(
               "div",
               {
                 class: "flex"
@@ -785,17 +804,17 @@ const ya = xt(
               x(
                 "div",
                 {
-                  class: ["fm-status-badge", Ve(A)]
+                  class: ["fm-status-badge", Ve(_)]
                 },
-                Re(A)
+                Re(_)
               )
             );
           }
         },
         {
           id: "action",
-          cell(r) {
-            const s = r.row.original, A = [
+          cell(c) {
+            const a = c.row.original, _ = [
               mt[Pe.Details],
               mt[Pe.Export]
             ], z = [
@@ -817,10 +836,10 @@ const ya = xt(
             ];
             return Et(
               [
-                ...A,
-                ...s.status === he.enum.DRAFT ? z : []
+                ..._,
+                ...a.status === he.enum.DRAFT ? z : []
               ],
-              (v) => N(v, s)
+              (v) => N(v, a)
             );
           },
           enableSorting: !1,
@@ -835,10 +854,10 @@ const ya = xt(
       loading: h,
       fetchDrafts: M,
       loadDraft: C,
-      updateDraftRef: _
+      updateDraftRef: D
     };
   }
-), ba = { class: "w-full flex flex-col gap-32" }, ha = { class: "flex justify-between" }, ka = { class: "flex" }, xa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Da = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Aa = { class: "flex gap-1" }, _a = { class: "fm-typo-en-body-lg-600" }, wa = { class: "flex flex-col gap-16" }, Sa = { class: "flex items-center" }, Fa = {
+), ba = { class: "w-full flex flex-col gap-32" }, ha = { class: "flex justify-between" }, ka = { class: "flex" }, xa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Aa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Da = { class: "flex gap-1" }, _a = { class: "fm-typo-en-body-lg-600" }, wa = { class: "flex flex-col gap-16" }, Sa = { class: "flex items-center" }, Fa = {
   key: 0,
   class: "flex gap-8"
 }, Ca = {
@@ -862,7 +881,7 @@ const ya = xt(
 }, Na = { class: "flex-1 flex flex-col items-center" }, Ea = { class: "flex-1 flex flex-col items-center" }, za = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, Ha = { class: "fm-typo-en-body-lg-400" }, Oa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ya = { class: "flex gap-12 content-stretch" }, Ka = {
+}, Oa = { class: "fm-typo-en-body-lg-400" }, Ha = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ya = { class: "flex gap-12 content-stretch" }, Ka = {
   class: "flex flex-col w-24",
   name: "circles"
 }, Qa = { class: "flex-1 flex flex-col items-center" }, Ga = {
@@ -875,33 +894,33 @@ const ya = xt(
     draft: {}
   },
   emits: ["submitted", "refresh"],
-  setup(i, { emit: c }) {
-    const e = i, d = L(() => {
-      const l = ht();
-      return l === "MYR" ? "RM" : l;
-    }), h = Dt(), b = Le(), y = Jt(e, "show"), M = O(!1), C = O(!1), _ = O(!1), R = O(new Array()), N = O(new Array()), j = O([]), r = Ze(), s = ze(), A = qe(), z = Ht(), v = Ee(), g = Bt({}), w = L(() => new Set(
-      z.skus.filter((l) => {
+  setup(l, { emit: r }) {
+    const e = l, d = L(() => {
+      const i = ht();
+      return i === "MYR" ? "RM" : i;
+    }), h = At(), b = Le(), y = Jt(e, "show"), M = H(!1), C = H(!1), D = H(!1), R = H(new Array()), N = H(new Array()), B = H([]), c = Ze(), a = ze(), _ = qe(), z = Ot(), v = Ee(), g = Bt({}), w = L(() => new Set(
+      z.skus.filter((i) => {
         var t;
-        return g[(t = l.customAttributes) == null ? void 0 : t.tag];
-      }).map((l) => l._id)
-    )), T = c, P = O({
+        return g[(t = i.customAttributes) == null ? void 0 : t.tag];
+      }).map((i) => i._id)
+    )), T = r, U = H({
       templateItem: !0,
       nonTemplateItem: !0
     }), re = L(() => {
       var t, m;
-      const l = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((m = e.draft) == null ? void 0 : m.negativeStockItems) ?? []];
-      return w.value.size ? l.filter((a) => w.value.has(a.sku._id)) : l;
+      const i = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((m = e.draft) == null ? void 0 : m.negativeStockItems) ?? []];
+      return w.value.size ? i.filter((n) => w.value.has(n.sku._id)) : i;
     }), K = L(() => {
-      const l = re.value.map((t) => t.sku);
-      return l.sort((t, m) => t.code.localeCompare(m.code)), l;
+      const i = re.value.map((t) => t.sku);
+      return i.sort((t, m) => t.code.localeCompare(m.code)), i;
     }), q = L(() => re.value.groupBy(
       (t) => t.sku._id,
       (t) => t.measurementsAmounts.filter((m) => !m.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((m) => m.measurement.id)
     ));
     Ge(ue), jt(
       () => e.show,
-      (l) => {
-        l && (ge.value = ve[0], ue(), P.value = {
+      (i) => {
+        i && (ge.value = ve[0], ue(), U.value = {
           templateItem: !0,
           nonTemplateItem: !0
         });
@@ -909,16 +928,16 @@ const ya = xt(
     );
     const S = Be(0), J = Be(100);
     async function ue() {
-      var t, m, a, n;
+      var t, m, n, o;
       if (!v._currentLocation) return;
       M.value = !0;
-      const l = ((t = e.draft) == null ? void 0 : t.status) === he.enum.COMPLETED;
+      const i = ((t = e.draft) == null ? void 0 : t.status) === he.enum.COMPLETED;
       N.value = [];
       try {
-        if (await z.init(), l) {
+        if (await z.init(), i) {
           const I = e.draft.closingAdjustmentId;
           if (!I) {
-            A.open({
+            _.open({
               title: "Something went wrong",
               message: "Closing draft is completed but closing document cannot be found.",
               type: "error"
@@ -927,7 +946,7 @@ const ya = xt(
             });
             return;
           }
-          const U = await r.readAdjustmentById(I), oe = (U == null ? void 0 : U.skus) ?? [];
+          const P = await c.readAdjustmentById(I), oe = (P == null ? void 0 : P.skus) ?? [];
           for (const le of oe) {
             const _e = {
               id: le.sku._id,
@@ -941,23 +960,23 @@ const ya = xt(
             R.value.push(_e), N.value.push(F);
           }
         } else
-          R.value = ((a = e.draft) == null ? void 0 : a.stockSnapshot) ?? [];
-        const o = /* @__PURE__ */ new Set();
-        if ((n = e.draft) != null && n.adjustmentSnapshot)
+          R.value = ((n = e.draft) == null ? void 0 : n.stockSnapshot) ?? [];
+        const s = /* @__PURE__ */ new Set();
+        if ((o = e.draft) != null && o.adjustmentSnapshot)
           for (const I of e.draft.adjustmentSnapshot)
-            I.adjustmentsByType && Object.keys(I.adjustmentsByType).forEach((U) => o.add(U));
+            I.adjustmentsByType && Object.keys(I.adjustmentsByType).forEach((P) => s.add(P));
         const p = ["receive", "sales", "wastage"], k = [];
         p.forEach((I) => {
-          o.has(I) && (k.push(I), o.delete(I));
+          s.has(I) && (k.push(I), s.delete(I));
         });
-        const f = Array.from(o).sort();
-        j.value = [...k, ...f];
-      } catch (o) {
-        A.open({
+        const f = Array.from(s).sort();
+        B.value = [...k, ...f];
+      } catch (s) {
+        _.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
-        }), console.error("error on fetch stock balances", o);
+        }), console.error("error on fetch stock balances", s);
       } finally {
         M.value = !1;
       }
@@ -965,7 +984,7 @@ const ya = xt(
     async function X() {
       var t, m;
       if (!(((t = e.draft) == null ? void 0 : t.effectiveAt) ?? (e.draft ? Qe((m = e.draft) == null ? void 0 : m._id) : null))) {
-        A.open({
+        _.open({
           title: "Cannot refresh",
           message: "Effective date is not available for this draft.",
           type: "error"
@@ -976,30 +995,30 @@ const ya = xt(
         e.draft,
         () => {
         },
-        async (a) => {
+        async (n) => {
           var k;
           C.value = !0;
-          const n = (k = e.draft) == null ? void 0 : k._rev, o = 30, p = 2e3;
+          const o = (k = e.draft) == null ? void 0 : k._rev, s = 30, p = 2e3;
           try {
-            await r.recalculation.scheduleCalculateStockSnapshotAtDate(a, e.draft._id);
+            await c.recalculation.scheduleCalculateStockSnapshotAtDate(n, e.draft._id);
             let f = null;
-            for (let I = 0; I < o && (f = await s.getDraft(e.draft._id).delayed(p), f._rev === n); I++)
+            for (let I = 0; I < s && (f = await a.getDraft(e.draft._id).delayed(p), f._rev === o); I++)
               ;
-            if (!f || f._rev === n) {
-              A.open({
+            if (!f || f._rev === o) {
+              _.open({
                 title: "Refresh failed",
                 message: "Failed to refresh stock balance. Please try again.",
                 type: "error"
               }), console.error("error refreshing stock balances: there is no change in _rev");
               return;
             }
-            T("refresh", f), R.value = f.stockSnapshot ?? [], A.open({
+            T("refresh", f), R.value = f.stockSnapshot ?? [], _.open({
               title: "Balance refreshed",
               message: "Stock balance has been recalculated.",
               type: "success"
             }), y.value = !1;
           } catch (f) {
-            A.open({
+            _.open({
               title: "Refresh failed",
               message: "Failed to refresh stock balance. Please try again.",
               type: "error"
@@ -1012,34 +1031,34 @@ const ya = xt(
     }
     const ne = L(
       () => R.value.groupBy(
-        (l) => l.id,
-        (l) => l.balance
+        (i) => i.id,
+        (i) => i.balance
       )
-    ), me = L(() => re.value.groupBy((l) => l.sku._id)), xe = L(() => {
-      var l;
-      return (l = e.draft) != null && l.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((t) => [t.skuId, t.adjustmentsByType])) : /* @__PURE__ */ new Map();
-    }), De = L(() => {
-      var l;
-      return (l = e.draft) != null && l.opening ? new Map(e.draft.opening.map((t) => [t.skuId, t.balance])) : /* @__PURE__ */ new Map();
+    ), me = L(() => re.value.groupBy((i) => i.sku._id)), xe = L(() => {
+      var i;
+      return (i = e.draft) != null && i.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((t) => [t.skuId, t.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), Ae = L(() => {
+      var i;
+      return (i = e.draft) != null && i.opening ? new Map(e.draft.opening.map((t) => [t.skuId, t.balance])) : /* @__PURE__ */ new Map();
     });
-    function ee(l, t) {
+    function ee(i, t) {
       return x(
         be.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
           default() {
-            return l;
+            return i;
           },
           content() {
-            return t || l;
+            return t || i;
           }
         }
       );
     }
-    const Ae = L(() => {
-      const l = K.value.reduce((m, a) => {
-        var n, o;
-        return Math.max(m, ((o = (n = q.value) == null ? void 0 : n.get(a._id)) == null ? void 0 : o[0].length) ?? 0);
+    const De = L(() => {
+      const i = K.value.reduce((m, n) => {
+        var o, s;
+        return Math.max(m, ((s = (o = q.value) == null ? void 0 : o.get(n._id)) == null ? void 0 : s[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -1048,26 +1067,26 @@ const ya = xt(
           header: () => "Name",
           size: 350,
           cell(m) {
-            const a = m.row.original, n = a.adjustedDiffPercentage, o = typeof n == "number" && Math.abs(n) > 10, p = x("div", { class: "flex flex-col gap-4" }, [
+            const n = m.row.original, o = n.adjustedDiffPercentage, s = typeof o == "number" && Math.abs(o) > 10, p = x("div", { class: "flex flex-col gap-4" }, [
               x(
                 "div",
                 {
                   class: [
                     "line-clamp-1 fm-typo-en-body-lg-400",
-                    o ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                    s ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
                   ]
                 },
-                a.name
+                n.name
               ),
               x(
                 "div",
                 {
                   class: [
                     "line-clamp-1 fm-typo-en-body-md-400",
-                    o ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+                    s ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
                   ]
                 },
-                a.code
+                n.code
               )
             ]);
             return x(
@@ -1077,7 +1096,7 @@ const ya = xt(
               },
               {
                 content() {
-                  return o ? "Adjustment difference is more than 10%." : `${a.code} - ${a.name}`;
+                  return s ? "Adjustment difference is more than 10%." : `${n.code} - ${n.name}`;
                 },
                 default() {
                   return x("div", { class: "flex items-center gap-4 justify-start w-full" }, [
@@ -1094,8 +1113,8 @@ const ya = xt(
           header: () => ee("Cost per unit"),
           size: 160,
           cell(m) {
-            const a = m.row.original.costPerUnit;
-            return x("div", { class: "text-right" }, a.toFixed(2));
+            const n = m.row.original.costPerUnit;
+            return x("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1107,11 +1126,11 @@ const ya = xt(
           size: 120,
           cell(m) {
             var k;
-            const a = m.row.original, n = a.costUnit, o = a.baseUnit, p = n ?? o;
-            if (n && n !== o) {
-              const f = K.value.find((U) => U._id === a.id), I = (k = f == null ? void 0 : f.defaultCost) == null ? void 0 : k.measurement;
+            const n = m.row.original, o = n.costUnit, s = n.baseUnit, p = o ?? s;
+            if (o && o !== s) {
+              const f = K.value.find((P) => P._id === n.id), I = (k = f == null ? void 0 : f.defaultCost) == null ? void 0 : k.measurement;
               if (I) {
-                const U = I.conversion.amount / Math.pow(10, I.conversion.precision);
+                const P = I.conversion.amount / Math.pow(10, I.conversion.precision);
                 return x("div", { class: "flex flex-col" }, [
                   x(
                     "span",
@@ -1120,9 +1139,9 @@ const ya = xt(
                   ),
                   x("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
                     "1 ",
-                    x("span", { class: "fm-typo-en-body-sm-600" }, n),
-                    ` = ${U} `,
-                    x("span", { class: "fm-typo-en-body-sm-600" }, o)
+                    x("span", { class: "fm-typo-en-body-sm-600" }, o),
+                    ` = ${P} `,
+                    x("span", { class: "fm-typo-en-body-sm-600" }, s)
                   ])
                 ]);
               }
@@ -1136,23 +1155,23 @@ const ya = xt(
           header: () => ee("Opening (B/F)", "The opening balance brought forward from previous period."),
           size: 150,
           cell(m) {
-            const a = m.row.original.opening;
-            return x("div", { class: "text-right" }, a.toFixed(2));
+            const n = m.row.original.opening;
+            return x("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
           }
         },
         // Dynamic adjustment type columns
-        ...j.value.map(
+        ...B.value.map(
           (m) => ({
             id: `adjustment_${m}`,
-            accessorFn: (a) => a.adjustmentAmounts[m] ?? { amount: 0, precision: 0 },
+            accessorFn: (n) => n.adjustmentAmounts[m] ?? { amount: 0, precision: 0 },
             header: () => ee(Re(m)),
             size: 150,
-            cell(a) {
-              const n = a.row.original.adjustmentAmounts[m] ?? { amount: 0, precision: 0 };
-              return x("div", { class: "text-right" }, Ke(n));
+            cell(n) {
+              const o = n.row.original.adjustmentAmounts[m] ?? { amount: 0, precision: 0 };
+              return x("div", { class: "text-right" }, Ke(o));
             },
             meta: {
               textAlign: "right"
@@ -1171,29 +1190,29 @@ const ya = xt(
         {
           id: "physicalBalance",
           accessorFn: (m) => {
-            var n;
-            const a = (n = N.value.find((o) => o.id === m.id)) == null ? void 0 : n.balance;
-            return a ? V.toFormatString({ value: a }) : m.physicalBalance;
+            var o;
+            const n = (o = N.value.find((s) => s.id === m.id)) == null ? void 0 : o.balance;
+            return n ? V.toFormatString({ value: n }) : m.physicalBalance;
           },
           header: () => ee("Stock Take balance", "The physical balance recorded during stock take."),
           cell(m) {
             var f;
-            const a = m.row.original, n = V.fromNumber(a.physicalBalance);
-            let o = !0, p = a.physicalBalance;
-            const k = (f = N.value.find((I) => I.id === a.id)) == null ? void 0 : f.balance;
+            const n = m.row.original, o = V.fromNumber(n.physicalBalance);
+            let s = !0, p = n.physicalBalance;
+            const k = (f = N.value.find((I) => I.id === n.id)) == null ? void 0 : f.balance;
             return k && (V.equals({
-              a: n,
+              a: o,
               b: k
-            }) || (o = !1, p = Number(V.toFormatString({ value: k })))), x("div", { class: "flex flex-col" }, [
+            }) || (s = !1, p = Number(V.toFormatString({ value: k })))), x("div", { class: "flex flex-col" }, [
               x(
                 "span",
                 { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                 p
               ),
-              o ? null : x(
+              s ? null : x(
                 "span",
                 { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
-                `Draft: ${a.physicalBalance.toString()}`
+                `Draft: ${n.physicalBalance.toString()}`
               )
             ]);
           },
@@ -1217,11 +1236,11 @@ const ya = xt(
           header: () => ee(`Variance (${d.value})`),
           size: 150,
           cell(m) {
-            const a = m.row.original.varianceInCost;
+            const n = m.row.original.varianceInCost;
             return x(
               "div",
               { class: "text-right" },
-              a.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })
+              n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })
             );
           },
           meta: {
@@ -1237,19 +1256,19 @@ const ya = xt(
           ),
           size: 200,
           cell(m) {
-            const a = m.row.original.adjustedDiffPercentage;
-            if (!a) return Xa;
-            const n = a.toFixed(2);
-            if (n === "0.00")
+            const n = m.row.original.adjustedDiffPercentage;
+            if (!n) return Xa;
+            const o = n.toFixed(2);
+            if (o === "0.00")
               return x("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const o = a > 0;
+            const s = n > 0;
             return x("div", { class: "flex items-center gap-4 justify-end" }, [
               x(be.FmIcon, {
-                name: o ? "arrow_drop_up" : "arrow_drop_down",
-                color: o ? "system-success-300" : "system-error-300",
+                name: s ? "arrow_drop_up" : "arrow_drop_down",
+                color: s ? "system-success-300" : "system-error-300",
                 size: "md"
               }),
-              n
+              o
             ]);
           },
           meta: {
@@ -1263,9 +1282,9 @@ const ya = xt(
           size: 180,
           cell(m) {
             var I;
-            const a = m.row.original, n = a.stockTakeValue, o = K.value.find((U) => U._id === a.id), p = (I = o == null ? void 0 : o.defaultCost) == null ? void 0 : I.measurement, k = a.physicalBalance, f = a.costPerUnit;
+            const n = m.row.original, o = n.stockTakeValue, s = K.value.find((P) => P._id === n.id), p = (I = s == null ? void 0 : s.defaultCost) == null ? void 0 : I.measurement, k = n.physicalBalance, f = n.costPerUnit;
             if (p) {
-              const U = V.toFormatString({ value: p.conversion }), oe = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${a.baseUnit} ÷ ${U} × ${f} ${d.value}`;
+              const P = V.toFormatString({ value: p.conversion }), oe = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} ÷ ${P} × ${f} ${d.value}`;
               return x(
                 be.FmTooltip,
                 { zIndex: 51 },
@@ -1277,7 +1296,7 @@ const ya = xt(
                     return x(
                       "div",
                       { class: "text-right" },
-                      n.toLocaleString("en-US", {
+                      o.toLocaleString("en-US", {
                         minimumFractionDigits: 2,
                         maximumFractionDigits: 4
                       })
@@ -1286,19 +1305,19 @@ const ya = xt(
                 }
               );
             } else {
-              const U = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${a.baseUnit} × ${f} ${d.value}`;
+              const P = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} × ${f} ${d.value}`;
               return x(
                 be.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
-                    return U;
+                    return P;
                   },
                   default() {
                     return x(
                       "div",
                       { class: "text-right" },
-                      n.toLocaleString("en-US", {
+                      o.toLocaleString("en-US", {
                         minimumFractionDigits: 2,
                         maximumFractionDigits: 4
                       })
@@ -1319,9 +1338,9 @@ const ya = xt(
           size: 180,
           cell(m) {
             var I;
-            const a = m.row.original, n = a.systemValue, o = K.value.find((U) => U._id === a.id), p = (I = o == null ? void 0 : o.defaultCost) == null ? void 0 : I.measurement, k = a.systemBalance, f = a.costPerUnit;
+            const n = m.row.original, o = n.systemValue, s = K.value.find((P) => P._id === n.id), p = (I = s == null ? void 0 : s.defaultCost) == null ? void 0 : I.measurement, k = n.systemBalance, f = n.costPerUnit;
             if (p) {
-              const U = V.toFormatString({ value: p.conversion }), oe = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${a.baseUnit} ÷ ${U} × ${f} ${d.value}`;
+              const P = V.toFormatString({ value: p.conversion }), oe = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} ÷ ${P} × ${f} ${d.value}`;
               return x(
                 be.FmTooltip,
                 { zIndex: 51 },
@@ -1333,7 +1352,7 @@ const ya = xt(
                     return x(
                       "div",
                       { class: "text-right" },
-                      n.toLocaleString("en-US", {
+                      o.toLocaleString("en-US", {
                         minimumFractionDigits: 2,
                         maximumFractionDigits: 4
                       })
@@ -1342,19 +1361,19 @@ const ya = xt(
                 }
               );
             } else {
-              const U = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${a.baseUnit} × ${f} ${d.value}`;
+              const P = `${k.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} × ${f} ${d.value}`;
               return x(
                 be.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
-                    return U;
+                    return P;
                   },
                   default() {
                     return x(
                       "div",
                       { class: "text-right" },
-                      n.toLocaleString("en-US", {
+                      o.toLocaleString("en-US", {
                         minimumFractionDigits: 2,
                         maximumFractionDigits: 4
                       })
@@ -1373,7 +1392,7 @@ const ya = xt(
           header: () => "Amounts",
           enableSorting: !1,
           cell(m) {
-            const a = m.row.original, n = (p, k) => x(
+            const n = m.row.original, o = (p, k) => x(
               be.FmTooltip,
               { zIndex: 50 },
               {
@@ -1401,56 +1420,56 @@ const ya = xt(
                 }
               }
             );
-            let o = Array.from({ length: l }).map((p, k) => {
-              if (!a[`measurementAmount${k}`])
+            let s = Array.from({ length: i }).map((p, k) => {
+              if (!n[`measurementAmount${k}`])
                 return null;
-              const f = a[`measurementAmount${k}`], I = a[`measurementAbbrev${k}`];
-              return n(f, I);
+              const f = n[`measurementAmount${k}`], I = n[`measurementAbbrev${k}`];
+              return o(f, I);
             }).filter((p) => p);
-            return (a.baseUnitAmount || !o.length) && (o = [n(a.baseUnitAmount, a.baseUnit), ...o]), x(
+            return (n.baseUnitAmount || !s.length) && (s = [o(n.baseUnitAmount, n.baseUnit), ...s]), x(
               "div",
               {
                 class: "flex gap-8 flex-nowrap",
                 style: {
-                  minWidth: `${120 * o.length}px`
+                  minWidth: `${120 * s.length}px`
                 }
               },
-              o
+              s
             );
           }
         }
       ];
-    }), je = L(() => Ae.value.map((l) => l.size ?? 0).reduce((l, t) => l + t)), we = O(""), Fe = L(() => {
-      var m, a;
-      const l = ((a = (m = e.draft) == null ? void 0 : m.negativeStockItems) == null ? void 0 : a.reduce(
-        (n, o) => (n[o.sku._id] = o, n),
+    }), je = L(() => De.value.map((i) => i.size ?? 0).reduce((i, t) => i + t)), we = H(""), Fe = L(() => {
+      var m, n;
+      const i = ((n = (m = e.draft) == null ? void 0 : m.negativeStockItems) == null ? void 0 : n.reduce(
+        (o, s) => (o[s.sku._id] = s, o),
         {}
       )) ?? {};
-      return K.value.map((n) => {
+      return K.value.map((o) => {
         var et, tt, at, nt, ot, st, rt, lt, it, ct, ut;
-        const o = (et = me.value.get(n._id)) == null ? void 0 : et[0], p = ((tt = ne.value.get(n._id)) == null ? void 0 : tt[0]) ?? S, k = ((at = n.defaultCost) == null ? void 0 : at.costPerUnit) ?? S, f = Number(V.toFormatString({ value: k })), I = ((ot = (nt = n.defaultCost) == null ? void 0 : nt.measurement) == null ? void 0 : ot.conversion) ?? {
+        const s = (et = me.value.get(o._id)) == null ? void 0 : et[0], p = ((tt = ne.value.get(o._id)) == null ? void 0 : tt[0]) ?? S, k = ((at = o.defaultCost) == null ? void 0 : at.costPerUnit) ?? S, f = Number(V.toFormatString({ value: k })), I = ((ot = (nt = o.defaultCost) == null ? void 0 : nt.measurement) == null ? void 0 : ot.conversion) ?? {
           amount: 1,
           precision: 0
-        }, U = Number(
+        }, P = Number(
           V.toFormatString({ value: I })
-        ), oe = De.value.get(n._id), le = oe ? Number(V.toFormatString({ value: oe })) : 0, _e = xe.value.get(n._id), F = {};
-        if (j.value.forEach((W) => {
+        ), oe = Ae.value.get(o._id), le = oe ? Number(V.toFormatString({ value: oe })) : 0, _e = xe.value.get(o._id), F = {};
+        if (B.value.forEach((W) => {
           const ie = F[W] ?? { amount: 0, precision: 0 }, de = _e == null ? void 0 : _e[W];
-          de && (F[W] = Ot(ie, de));
-        }), !o) {
-          const W = Number(V.toFormatString({ value: p })), ie = W - 0, de = ie * f / U, Ue = 0, $t = W * f / U;
+          de && (F[W] = Ht(ie, de));
+        }), !s) {
+          const W = Number(V.toFormatString({ value: p })), ie = W - 0, de = ie * f / P, Ue = 0, $t = W * f / P;
           return {
-            id: n._id,
-            code: n.code,
-            name: n.name,
-            costUnit: ((rt = (st = n.defaultCost) == null ? void 0 : st.measurement) == null ? void 0 : rt.abbrev) ?? null,
-            baseUnit: n.unit.abbrev,
+            id: o._id,
+            code: o.code,
+            name: o.name,
+            costUnit: ((rt = (st = o.defaultCost) == null ? void 0 : st.measurement) == null ? void 0 : rt.abbrev) ?? null,
+            baseUnit: o.unit.abbrev,
             baseUnitAmount: 0,
             systemBalance: W,
             physicalBalance: 0,
             adjustedAmount: -W,
             adjustedDiffPercentage: -100,
-            isTemplateItem: !l[n._id],
+            isTemplateItem: !i[o._id],
             costPerUnit: f,
             opening: le,
             varianceQty: ie,
@@ -1460,35 +1479,35 @@ const ya = xt(
             adjustmentAmounts: F
           };
         }
-        const Q = At(o), Z = (it = (lt = N.value) == null ? void 0 : lt.find(
-          (W) => W.id === n._id
+        const Q = Dt(s), Z = (it = (lt = N.value) == null ? void 0 : lt.find(
+          (W) => W.id === o._id
         )) == null ? void 0 : it.balance, pe = gt(
           Z ?? Q,
           p
         ), Ce = p.amount === 0 ? null : yt(pe, {
           ...p,
           amount: Math.abs(p.amount)
-        }), Ie = Ce ? We(Ce, J) : null, He = Number(V.toFormatString({ value: p })), Oe = Number(V.toFormatString({ value: Q })), Xe = He - Oe, St = Xe * f / U, Ft = Oe * f / U, Ct = He * f / U;
+        }), Ie = Ce ? We(Ce, J) : null, Oe = Number(V.toFormatString({ value: p })), He = Number(V.toFormatString({ value: Q })), Xe = Oe - He, St = Xe * f / P, Ft = He * f / P, Ct = Oe * f / P;
         return {
-          id: n._id,
-          code: n.code,
-          name: n.name,
-          costUnit: ((ut = (ct = n.defaultCost) == null ? void 0 : ct.measurement) == null ? void 0 : ut.abbrev) ?? null,
-          baseUnit: n.unit.abbrev,
-          baseUnitAmount: Number(V.toFormatString({ value: o.baseAmount })),
-          ...o.measurementsAmounts.filter((W) => {
+          id: o._id,
+          code: o.code,
+          name: o.name,
+          costUnit: ((ut = (ct = o.defaultCost) == null ? void 0 : ct.measurement) == null ? void 0 : ut.abbrev) ?? null,
+          baseUnit: o.unit.abbrev,
+          baseUnitAmount: Number(V.toFormatString({ value: s.baseAmount })),
+          ...s.measurementsAmounts.filter((W) => {
             var ie, de, Ue;
-            return (Ue = (de = (ie = q.value) == null ? void 0 : ie.get(n._id)) == null ? void 0 : de[0]) == null ? void 0 : Ue.includes(W.measurement.id);
+            return (Ue = (de = (ie = q.value) == null ? void 0 : ie.get(o._id)) == null ? void 0 : de[0]) == null ? void 0 : Ue.includes(W.measurement.id);
           }).reduce((W, ie, de) => (W[`measurementAbbrev${de}`] = `(${ie.measurement.abbrev}) × ${V.toFormatString({ value: ie.measurement.conversion })}`, W[`measurementAmount${de}`] = Number(V.toFormatString({ value: ie.amount })), W), {}),
-          systemBalance: He,
-          physicalBalance: Oe,
+          systemBalance: Oe,
+          physicalBalance: He,
           adjustedAmount: Number(V.toFormatString({ value: pe })),
           adjustedDiffPercentage: Ie ? Number(
             V.toFormatString({
               value: bt(Ie, 2)
             })
           ) : null,
-          isTemplateItem: !l[n._id],
+          isTemplateItem: !i[o._id],
           costPerUnit: f,
           opening: le,
           varianceQty: Xe,
@@ -1497,20 +1516,20 @@ const ya = xt(
           systemValue: Ct,
           adjustmentAmounts: F
         };
-      }).filter((n) => !!(n.isTemplateItem && P.value.templateItem || !n.isTemplateItem && P.value.nonTemplateItem));
+      }).filter((o) => !!(o.isTemplateItem && U.value.templateItem || !o.isTemplateItem && U.value.nonTemplateItem));
     }), Te = L(() => {
-      var t, m, a, n;
+      var t, m, n, o;
       if (!e.draft) return [];
-      const l = e.draft.approvedAt ? {
+      const i = e.draft.approvedAt ? {
         action: `Approve at ${ke(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((o) => ({
-        action: `Reject at ${ke(o.rejectedAt)}`,
+      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((s) => ({
+        action: `Reject at ${ke(s.rejectedAt)}`,
         // actionAt: e.rejectedAt,
-        actionBy: o.rejectedBy,
-        remark: o.rejectRemark
+        actionBy: s.rejectedBy,
+        remark: s.rejectRemark
       }));
       return [
         {
@@ -1535,25 +1554,25 @@ const ya = xt(
         },
         {
           label: "Using template",
-          value: ((a = e.draft.usingTemplates.find((o) => o)) == null ? void 0 : a.name) ?? "None"
+          value: ((n = e.draft.usingTemplates.find((s) => s)) == null ? void 0 : n.name) ?? "None"
         },
         e.draft.remark ? {
           label: "Remark",
           value: e.draft.remark
         } : null,
-        l ? {
+        i ? {
           label: "Last action",
-          value: l.action
+          value: i.action
         } : null,
-        l && l.actionBy ? {
+        i && i.actionBy ? {
           label: "Last action by",
-          value: (n = l.actionBy) == null ? void 0 : n.name
+          value: (o = i.actionBy) == null ? void 0 : o.name
         } : null,
-        l && l.remark ? {
+        i && i.remark ? {
           label: "Action remark",
-          value: l.remark
+          value: i.remark
         } : null
-      ].filter((o) => o).map((o) => o);
+      ].filter((s) => s).map((s) => s);
     }), ve = [
       {
         label: "Overview",
@@ -1563,29 +1582,29 @@ const ya = xt(
         label: "Action history",
         value: "history"
       }
-    ], ge = O(ve[0]), ye = L(() => {
-      var a, n, o;
-      const l = ((a = e.draft) == null ? void 0 : a.activityLogs) ?? [], t = ((n = e.draft) == null ? void 0 : n.rejectionHistory) ?? [];
+    ], ge = H(ve[0]), ye = L(() => {
+      var n, o, s;
+      const i = ((n = e.draft) == null ? void 0 : n.activityLogs) ?? [], t = ((o = e.draft) == null ? void 0 : o.rejectionHistory) ?? [];
       for (const p of t)
-        l.find(
+        i.find(
           (f) => `${f.action}_${f.performedAt}` == `${Y.enum.rejectDraft}_${p.rejectedAt}`
-        ) || l.push({
+        ) || i.push({
           action: Y.enum.rejectDraft,
           performedAt: p.rejectedAt,
           performedBy: p.rejectedBy,
           remark: p.rejectRemark
         });
-      return (o = e.draft) != null && o.approvedAt && (l.find(
+      return (s = e.draft) != null && s.approvedAt && (i.find(
         (k) => {
           var f;
           return `${k.action}_${k.performedAt}` == `${Y.enum.approveDraft}_${(f = e.draft) == null ? void 0 : f.approvedAt}`;
         }
-      ) || l.push({
+      ) || i.push({
         action: Y.enum.approveDraft,
         performedAt: e.draft.approvedAt,
         performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
         remark: e.draft.approveRemark
-      })), l.sort((p, k) => new Date(k.performedAt).getTime() - new Date(p.performedAt).getTime()).map(
+      })), i.sort((p, k) => new Date(k.performedAt).getTime() - new Date(p.performedAt).getTime()).map(
         (p) => ({
           header: Re(p.action),
           date: ke(p.performedAt),
@@ -1602,21 +1621,21 @@ const ya = xt(
         })
       );
     }), Je = L(() => {
-      var n, o, p, k;
-      if (!((n = e.draft) != null && n.stockSnapshot)) return "Stock snapshot is not available.";
-      if (((o = e.draft) == null ? void 0 : o.status) !== he.enum.DRAFT) return "Status is not draft.";
-      const l = Fe.value.some((f) => f.physicalBalance < 0), t = ((k = (p = h.stockBalance.skus) == null ? void 0 : p.filter((f) => f.balance.amount < 0)) == null ? void 0 : k.map((f) => f.id)) ?? [], m = new Set(K.value.map((f) => f._id)), a = t.filter((f) => !m.has(f)).length;
+      var o, s, p, k;
+      if (!((o = e.draft) != null && o.stockSnapshot)) return "Stock snapshot is not available.";
+      if (((s = e.draft) == null ? void 0 : s.status) !== he.enum.DRAFT) return "Status is not draft.";
+      const i = Fe.value.some((f) => f.physicalBalance < 0), t = ((k = (p = h.stockBalance.skus) == null ? void 0 : p.filter((f) => f.balance.amount < 0)) == null ? void 0 : k.map((f) => f.id)) ?? [], m = new Set(K.value.map((f) => f._id)), n = t.filter((f) => !m.has(f)).length;
       return [
-        l ? "Negative total exist." : null,
-        a ? "Negative stock is not included in this draft. Please commit the draft to include these stocks." : null
+        i ? "Negative total exist." : null,
+        n ? "Negative stock is not included in this draft. Please commit the draft to include these stocks." : null
       ].filter((f) => f).join(" ");
     });
-    return (l, t) => {
-      const m = E("FmButtonGroup"), a = E("FmMenuDivider"), n = E("FmCard"), o = E("FmButton"), p = E("FmCircularProgress"), k = E("FmChip"), f = E("FmTextField"), I = E("FmIcon"), U = E("FmTable"), oe = E("FmSpacer"), le = E("FmTooltip"), _e = E("FmSideSheet");
+    return (i, t) => {
+      const m = E("FmButtonGroup"), n = E("FmMenuDivider"), o = E("FmCard"), s = E("FmButton"), p = E("FmCircularProgress"), k = E("FmChip"), f = E("FmTextField"), I = E("FmIcon"), P = E("FmTable"), oe = E("FmSpacer"), le = E("FmTooltip"), _e = E("FmSideSheet");
       return $(), ce(_e, {
         "dismiss-away": "",
         "max-width": 9999,
-        "model-value": B(y),
+        "model-value": j(y),
         "onUpdate:modelValue": t[10] || (t[10] = (F) => dt(y) ? y.value = F : null),
         header: "Closing details"
       }, {
@@ -1624,7 +1643,7 @@ const ya = xt(
           var F, Q, Z, pe;
           return [
             u("div", Ja, [
-              ((F = e.draft) == null ? void 0 : F.status) === B(he).enum.DRAFT ? ($(), H(se, { key: 0 }, [
+              ((F = e.draft) == null ? void 0 : F.status) === j(he).enum.DRAFT ? ($(), O(se, { key: 0 }, [
                 Je.value ? ($(), ce(le, {
                   key: 0,
                   "z-index": 51,
@@ -1634,41 +1653,41 @@ const ya = xt(
                     ae(te(Je.value), 1)
                   ]),
                   default: G(() => [
-                    D(o, {
+                    A(s, {
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
-                      onClick: t[5] || (t[5] = () => e.draft && B(b).approveDraft(e.draft, () => T("submitted")))
+                      onClick: t[5] || (t[5] = () => e.draft && j(b).approveDraft(e.draft, () => T("submitted")))
                     })
                   ]),
                   _: 1
-                })) : ($(), ce(o, {
+                })) : ($(), ce(s, {
                   key: "approve key",
                   label: "Approve",
-                  onClick: t[6] || (t[6] = () => e.draft && B(b).approveDraft(e.draft, () => T("submitted")))
+                  onClick: t[6] || (t[6] = () => e.draft && j(b).approveDraft(e.draft, () => T("submitted")))
                 }))
               ], 64)) : fe("", !0),
-              ((Q = e.draft) == null ? void 0 : Q.status) === B(he).enum.DRAFT ? ($(), ce(o, {
+              ((Q = e.draft) == null ? void 0 : Q.status) === j(he).enum.DRAFT ? ($(), ce(s, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: t[7] || (t[7] = () => e.draft && B(b).rejectDraft(e.draft, () => T("submitted")))
+                onClick: t[7] || (t[7] = () => e.draft && j(b).rejectDraft(e.draft, () => T("submitted")))
               })) : fe("", !0),
-              (Z = e.draft) != null && Z.approvedAt && ((pe = e.draft) == null ? void 0 : pe.status) !== B(he).enum.COMPLETED ? ($(), ce(Yt, { key: 2 }, {
+              (Z = e.draft) != null && Z.approvedAt && ((pe = e.draft) == null ? void 0 : pe.status) !== j(he).enum.COMPLETED ? ($(), ce(Yt, { key: 2 }, {
                 default: G(() => [
-                  D(o, {
+                  A(s, {
                     label: "Sync",
-                    loading: _.value,
+                    loading: D.value,
                     onClick: t[8] || (t[8] = () => {
-                      e.draft && (_.value = !0, B(b).syncDraft(e.draft, () => {
-                        _.value = !1, T("submitted");
+                      e.draft && (D.value = !0, j(b).syncDraft(e.draft, () => {
+                        D.value = !1, T("submitted");
                       }));
                     })
                   }, null, 8, ["loading"])
                 ]),
                 _: 1
               })) : fe("", !0),
-              D(o, {
+              A(s, {
                 label: "Close",
                 variant: "tertiary",
                 onClick: t[9] || (t[9] = (Ce) => y.value = !1)
@@ -1679,14 +1698,14 @@ const ya = xt(
         default: G(() => [
           u("div", ba, [
             u("div", null, [
-              D(m, {
+              A(m, {
                 items: ve,
                 modelValue: ge.value,
                 "onUpdate:modelValue": t[0] || (t[0] = (F) => ge.value = F)
               }, null, 8, ["modelValue"])
             ]),
-            ge.value.value === "overview" ? ($(), H(se, { key: 0 }, [
-              D(n, {
+            ge.value.value === "overview" ? ($(), O(se, { key: 0 }, [
+              A(o, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
@@ -1697,18 +1716,18 @@ const ya = xt(
                       t[11] || (t[11] = u("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
                       u("div", ka, [
                         u("div", {
-                          class: Se(["fm-status-badge", B(Ve)(((F = l.draft) == null ? void 0 : F.status) ?? "DRAFT")])
-                        }, te(B(Re)(((Q = l.draft) == null ? void 0 : Q.status) ?? "")), 3)
+                          class: Se(["fm-status-badge", j(Ve)(((F = i.draft) == null ? void 0 : F.status) ?? "DRAFT")])
+                        }, te(j(Re)(((Q = i.draft) == null ? void 0 : Q.status) ?? "")), 3)
                       ])
                     ]),
-                    D(a),
+                    A(n),
                     u("div", xa, [
-                      ($(!0), H(se, null, $e(Te.value, (Z, pe) => ($(), H("div", {
+                      ($(!0), O(se, null, $e(Te.value, (Z, pe) => ($(), O("div", {
                         class: "flex flex-col gap-4",
                         key: pe
                       }, [
-                        u("div", Da, [
-                          u("div", Aa, te(Z.label), 1)
+                        u("div", Aa, [
+                          u("div", Da, te(Z.label), 1)
                         ]),
                         u("div", _a, te(Z.value), 1)
                       ]))), 128))
@@ -1720,8 +1739,8 @@ const ya = xt(
               u("div", wa, [
                 u("div", Sa, [
                   t[12] || (t[12] = u("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  M.value ? fe("", !0) : ($(), H("div", Fa, [
-                    l.draft && l.draft.status !== B(he).enum.COMPLETED ? ($(), ce(o, {
+                  M.value ? fe("", !0) : ($(), O("div", Fa, [
+                    i.draft && i.draft.status !== j(he).enum.COMPLETED ? ($(), ce(s, {
                       key: 0,
                       label: "Refresh balance",
                       "prepend-icon": "refresh",
@@ -1732,52 +1751,52 @@ const ya = xt(
                       loading: C.value,
                       onClick: X
                     }, null, 8, ["loading"])) : fe("", !0),
-                    D(o, {
+                    A(s, {
                       label: "Export data",
                       "prepend-icon": "download",
                       variant: "secondary",
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: t[1] || (t[1] = (F) => l.draft ? B(b).exportDraft(
-                        l.draft,
+                      onClick: t[1] || (t[1] = (F) => i.draft ? j(b).exportDraft(
+                        i.draft,
                         R.value,
                         N.value
                       ) : null)
                     })
                   ]))
                 ]),
-                M.value ? ($(), H("div", Ca, [
+                M.value ? ($(), O("div", Ca, [
                   t[14] || (t[14] = u("div", { class: "h-80" }, null, -1)),
                   u("div", $a, [
                     u("div", null, [
-                      D(p, { size: "md" })
+                      A(p, { size: "md" })
                     ]),
                     t[13] || (t[13] = u("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   t[15] || (t[15] = u("div", { class: "h-80" }, null, -1))
-                ])) : ($(), H(se, { key: 1 }, [
+                ])) : ($(), O(se, { key: 1 }, [
                   u("div", Ba, [
                     u("div", ja, [
-                      D(k, {
+                      A(k, {
                         label: "Template Item(s)",
-                        selected: P.value.templateItem,
-                        onClick: t[2] || (t[2] = (F) => P.value.templateItem = !P.value.templateItem)
+                        selected: U.value.templateItem,
+                        onClick: t[2] || (t[2] = (F) => U.value.templateItem = !U.value.templateItem)
                       }, null, 8, ["selected"]),
-                      D(k, {
+                      A(k, {
                         label: "Non-template Item(s)",
-                        selected: P.value.nonTemplateItem,
-                        onClick: t[3] || (t[3] = (F) => P.value.nonTemplateItem = !P.value.nonTemplateItem)
+                        selected: U.value.nonTemplateItem,
+                        onClick: t[3] || (t[3] = (F) => U.value.nonTemplateItem = !U.value.nonTemplateItem)
                       }, null, 8, ["selected"])
                     ]),
-                    D(f, {
+                    A(f, {
                       modelValue: we.value,
                       "onUpdate:modelValue": t[4] || (t[4] = (F) => we.value = F),
                       placeholder: "Filter items"
                     }, null, 8, ["modelValue"])
                   ]),
-                  B(z).skuTags.size ? ($(), H("div", Ta, [
-                    ($(!0), H(se, null, $e(B(z).skuTags.keys(), (F) => ($(), ce(k, {
+                  j(z).skuTags.size ? ($(), O("div", Ta, [
+                    ($(!0), O(se, null, $e(j(z).skuTags.keys(), (F) => ($(), ce(k, {
                       key: `${F}`,
                       label: `${F}`,
                       selectable: "",
@@ -1808,8 +1827,8 @@ const ya = xt(
                     u("div", {
                       style: ft({ minWidth: `${je.value}px` })
                     }, [
-                      D(U, {
-                        "column-defs": Ae.value,
+                      A(P, {
+                        "column-defs": De.value,
                         "row-data": Fe.value,
                         "search-value": we.value
                       }, null, 8, ["column-defs", "row-data", "search-value"])
@@ -1818,9 +1837,9 @@ const ya = xt(
                 ], 64))
               ])
             ], 64)) : fe("", !0),
-            ge.value.value === "history" ? ($(), H("div", Ua, [
-              ye.value.length ? ($(), H("div", Ra, [
-                ($(!0), H(se, null, $e(ye.value, (F, Q) => ($(), H(se, { key: Q }, [
+            ge.value.value === "history" ? ($(), O("div", Ua, [
+              ye.value.length ? ($(), O("div", Ra, [
+                ($(!0), O(se, null, $e(ye.value, (F, Q) => ($(), O(se, { key: Q }, [
                   u("div", Va, [
                     u("div", La, [
                       u("div", Na, [
@@ -1848,8 +1867,8 @@ const ya = xt(
                       ])
                     ]),
                     u("div", za, [
-                      u("div", Ha, te(F.header), 1),
-                      u("div", Oa, te(F.date), 1)
+                      u("div", Oa, te(F.header), 1),
+                      u("div", Ha, te(F.date), 1)
                     ])
                   ]),
                   u("div", Ya, [
@@ -1867,19 +1886,19 @@ const ya = xt(
                       ])
                     ]),
                     u("div", Ga, [
-                      D(n, {
+                      A(o, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: G(() => [
                           u("div", Wa, [
-                            ($(!0), H(se, null, $e(F.info, (Z, pe) => ($(), H("div", {
+                            ($(!0), O(se, null, $e(F.info, (Z, pe) => ($(), O("div", {
                               key: pe,
                               class: "flex flex-col gap-4"
                             }, [
                               u("div", qa, te(Z == null ? void 0 : Z.label), 1),
                               u("div", Za, [
-                                ($(!0), H(se, null, $e(Z == null ? void 0 : Z.values, (Ce, Ie) => ($(), H("div", {
+                                ($(!0), O(se, null, $e(Z == null ? void 0 : Z.values, (Ce, Ie) => ($(), O("div", {
                                   key: Ie,
                                   class: "fm-typo-en-body-lg-600"
                                 }, te(Ce), 1))), 128))
@@ -1892,18 +1911,18 @@ const ya = xt(
                     ])
                   ])
                 ], 64))), 128))
-              ])) : ($(), H("div", Pa, [
-                D(oe),
+              ])) : ($(), O("div", Pa, [
+                A(oe),
                 u("div", null, [
                   u("img", {
-                    src: B(ta),
+                    src: j(ta),
                     alt: "List is empty"
                   }, null, 8, Ma)
                 ]),
                 t[16] || (t[16] = u("div", { class: "fm-typo-en-body-lg-600" }, te("No records found"), -1)),
                 t[17] || (t[17] = u("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, te("You can track approval and rejection history here"), -1)),
-                D(oe),
-                D(oe)
+                A(oe),
+                A(oe)
               ]))
             ])) : fe("", !0)
           ])
@@ -1914,39 +1933,39 @@ const ya = xt(
   }
 }), tn = { class: "flex-1 flex flex-col gap-8" }, an = { class: "flex flex-col" }, nn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, on = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, sn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, rn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, bn = /* @__PURE__ */ Ne({
   __name: "ClosingDraftView",
-  setup(i) {
-    const { t: c } = kt(), { viewDraft: e } = Le(), { viewClosingDraftProps: d, viewClosingDraftShow: h } = ea(Le()), b = Ee(), y = ya(), M = Kt(), { breakpoints: C } = Xt();
+  setup(l) {
+    const { t: r } = kt(), { viewDraft: e } = Le(), { viewClosingDraftProps: d, viewClosingDraftShow: h } = ea(Le()), b = Ee(), y = ya(), M = Kt(), { breakpoints: C } = Xt();
     b.watchLocation(y.fetchDrafts);
-    const _ = L(() => y.loading), R = O(""), N = L(() => C.value.xs || C.value.sm), j = L(() => N.value ? 10 : 20);
-    function r(z) {
+    const D = L(() => y.loading), R = H(""), N = L(() => C.value.xs || C.value.sm), B = L(() => N.value ? 10 : 20);
+    function c(z) {
       switch (z) {
         case "refresh":
           return y.fetchDrafts();
       }
     }
-    function s(z) {
+    function a(z) {
       return z;
     }
-    const A = L(() => N.value ? [
+    const _ = L(() => N.value ? [
       {
-        label: c("inventory.common.refresh"),
+        label: r("inventory.common.refresh"),
         value: "refresh",
         isPrimary: !1
       }
     ] : [
       {
-        label: c("inventory.common.refresh"),
+        label: r("inventory.common.refresh"),
         value: "refresh",
         isPrimary: !1
       }
     ]);
     return (z, v) => {
       const g = E("FmTable");
-      return $(), H(se, null, [
-        D(Qt, {
-          title: B(c)("inventory.closing.draft.title"),
-          actions: A.value,
-          "onClick:action": r
+      return $(), O(se, null, [
+        A(Qt, {
+          title: j(r)("inventory.closing.draft.title"),
+          actions: _.value,
+          "onClick:action": c
         }, {
           default: G(() => [
             u("div", {
@@ -1958,39 +1977,39 @@ const ya = xt(
                 }
               ])
             }, [
-              D(Gt, {
+              A(Gt, {
                 "change-location": "",
                 searchable: "",
                 search: R.value,
                 "onUpdate:search": v[0] || (v[0] = (w) => R.value = w)
               }, null, 8, ["search"]),
-              D(g, {
-                style: ft(B(M).tableHeight),
-                "column-defs": B(y).columnDefs,
-                "row-data": B(y).drafts,
+              A(g, {
+                style: ft(j(M).tableHeight),
+                "column-defs": j(y).columnDefs,
+                "row-data": j(y).drafts,
                 "search-value": R.value,
-                loading: _.value,
-                onRowClick: v[1] || (v[1] = (w) => B(e)(w.original)),
-                "page-size": j.value
+                loading: D.value,
+                onRowClick: v[1] || (v[1] = (w) => j(e)(w.original)),
+                "page-size": B.value
               }, {
                 "list-row": G((w) => [
-                  D(Wt, {
+                  A(Wt, {
                     row: w,
-                    onRowClick: (T) => B(e)(T)
+                    onRowClick: (T) => j(e)(T)
                   }, {
                     default: G((T) => {
-                      var P, re, K, q, S, J, ue, X, ne, me, xe, De, ee, Ae, je, we, Fe, Te, ve, ge;
+                      var U, re, K, q, S, J, ue, X, ne, me, xe, Ae, ee, De, je, we, Fe, Te, ve, ge;
                       return [
                         u("div", tn, [
                           u("div", an, [
                             u("div", nn, [
-                              D(B(Me), {
-                                render: (K = (re = (P = T._id) == null ? void 0 : P.column) == null ? void 0 : re.columnDef) == null ? void 0 : K.cell,
+                              A(j(Me), {
+                                render: (K = (re = (U = T._id) == null ? void 0 : U.column) == null ? void 0 : re.columnDef) == null ? void 0 : K.cell,
                                 props: (S = (q = T._id) == null ? void 0 : q.getContext) == null ? void 0 : S.call(q)
                               }, null, 8, ["render", "props"])
                             ]),
                             u("div", on, [
-                              D(B(Me), {
+                              A(j(Me), {
                                 render: (X = (ue = (J = T.name) == null ? void 0 : J.column) == null ? void 0 : ue.columnDef) == null ? void 0 : X.cell,
                                 props: (me = (ne = T.name) == null ? void 0 : ne.getContext) == null ? void 0 : me.call(ne)
                               }, null, 8, ["render", "props"])
@@ -2000,14 +2019,14 @@ const ya = xt(
                               ...w.original.items.length >= 3 ? [`and ${w.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
                             u("div", rn, [
-                              D(B(Me), {
-                                render: (ee = (De = (xe = T.ref) == null ? void 0 : xe.column) == null ? void 0 : De.columnDef) == null ? void 0 : ee.cell,
-                                props: (je = (Ae = T.ref) == null ? void 0 : Ae.getContext) == null ? void 0 : je.call(Ae)
+                              A(j(Me), {
+                                render: (ee = (Ae = (xe = T.ref) == null ? void 0 : xe.column) == null ? void 0 : Ae.columnDef) == null ? void 0 : ee.cell,
+                                props: (je = (De = T.ref) == null ? void 0 : De.getContext) == null ? void 0 : je.call(De)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           u("div", null, [
-                            D(B(Me), {
+                            A(j(Me), {
                               render: (Te = (Fe = (we = T.status) == null ? void 0 : we.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : Te.cell,
                               props: (ge = (ve = T.status) == null ? void 0 : ve.getContext) == null ? void 0 : ge.call(ve)
                             }, null, 8, ["render", "props"])
@@ -2025,11 +2044,11 @@ const ya = xt(
           _: 1
         }, 8, ["title", "actions"]),
         ($(), ce(Tt, { to: "body" }, [
-          D(en, It(B(d), {
-            show: B(h),
+          A(en, It(j(d), {
+            show: j(h),
             "onUpdate:show": v[2] || (v[2] = (w) => dt(h) ? h.value = w : null),
-            onSubmitted: v[3] || (v[3] = () => (h.value = !1, B(y).fetchDrafts())),
-            onRefresh: v[4] || (v[4] = (w) => B(y).updateDraftRef(w))
+            onSubmitted: v[3] || (v[3] = () => (h.value = !1, j(y).fetchDrafts())),
+            onRefresh: v[4] || (v[4] = (w) => j(y).updateDraftRef(w))
           }), null, 16, ["show"])
         ]))
       ], 64);