@feedmepos/mf-inventory-portal 1.2.22 → 1.2.23

package/dist/{ClosingDraftView-CFtoPAOq.js → ClosingDraftView-DkT7ssTD.js}

@@ -1,36 +1,36 @@
-import { defineComponent as He, ref as H, computed as V, onMounted as Ye, resolveComponent as U, openBlock as C, createElementBlock as L, Fragment as ee, createTextVNode as X, createBlock as se, withCtx as G, createElementVNode as s, toDisplayString as J, unref as F, createVNode as x, createCommentVNode as de, h as T, reactive as kt, watch as ht, isRef as at, normalizeClass as De, renderList as Ce, normalizeStyle as nt, Teleport as At, mergeProps as xt } from "vue";
-import { aa as _t, u as ze, ax as z, am as ot, ay as st, r as Dt, Z as Qe, n as N, t as wt, a0 as Be, W as St, Y as jt, X as Ct, az as rt, aA as lt, ah as ct, aB as pe, an as Bt, ac as Ke, ab as ve, a6 as Ue, D as tt, j as Re, i as Ft, f as Tt, a as $t, $ as Ie, a9 as Mt, G as Rt, I as It, J as Pt, K as Vt, L as Pe } from "./app-Cjjc1O8D.js";
-import { useCoreStore as Ut, useI18n as it } from "@feedmepos/mf-common";
-import { useSnackbar as Ge, useDialog as Lt, useProxiedModel as Et, components as Ve, useBreakpoints as Ht } from "@feedmepos/ui-library";
-import { defineStore as ut, storeToRefs as zt } from "pinia";
-import { a as We, u as dt } from "./stock-DQyM4uEY.js";
-import { E as Nt } from "./empty-placeholder-wf6-BWE8.js";
-const Ne = _t((n, r) => {
+import { defineComponent as He, ref as H, computed as V, onMounted as Ye, resolveComponent as U, openBlock as j, createElementBlock as L, Fragment as ee, createTextVNode as X, createBlock as se, withCtx as G, createElementVNode as r, toDisplayString as J, unref as F, createVNode as x, createCommentVNode as de, h as T, reactive as _t, watch as Dt, isRef as rt, normalizeClass as De, renderList as je, normalizeStyle as lt, Teleport as wt, mergeProps as St } from "vue";
+import { aa as Ct, u as ze, ax as z, am as ct, ay as it, r as jt, Z as Qe, n as N, t as Bt, a0 as Be, W as Ft, Y as Tt, X as $t, az as ut, aA as dt, ah as mt, aB as pe, an as Mt, ac as Ke, ab as ve, a6 as Ue, D as st, j as Re, i as Rt, f as It, a as Pt, $ as Ie, a9 as Vt, G as Ut, I as Lt, J as Et, K as Ht, L as Pe } from "./app-90sUA0QM.js";
+import { useCoreStore as zt, useI18n as ft } from "@feedmepos/mf-common";
+import { useSnackbar as Ge, useDialog as Nt, useProxiedModel as Ot, components as Ve, useBreakpoints as Kt } from "@feedmepos/ui-library";
+import { defineStore as pt, storeToRefs as Yt } from "pinia";
+import { a as We, u as vt } from "./stock-Cg3h8ddl.js";
+import { E as Qt } from "./empty-placeholder-wf6-BWE8.js";
+const Ne = Ct((o, l) => {
   function e() {
     return ze().currentLocation.dbName;
   }
   return {
     async getDraft(m) {
-      const p = e(), w = `${n.inventoryBackendUrl}/${p}/closing-draft/${m}`;
-      return r.get(w);
+      const p = e(), w = `${o.inventoryBackendUrl}/${p}/closing-draft/${m}`;
+      return l.get(w);
     },
     async readDrafts() {
-      const m = e(), p = `${n.inventoryBackendUrl}/${m}/closing-draft`;
-      return r.get(p);
+      const m = e(), p = `${o.inventoryBackendUrl}/${m}/closing-draft`;
+      return l.get(p);
     },
     async runOperation(m) {
-      const p = e(), w = `${n.inventoryBackendUrl}/${p}/closing-draft/run-operation`;
-      return r.post(w, m);
+      const p = e(), w = `${o.inventoryBackendUrl}/${p}/closing-draft/run-operation`;
+      return l.post(w, m);
     },
     async sync(m) {
-      const p = e(), w = `${n.inventoryBackendUrl}/${p}/closing-draft/sync`;
-      return r.post(w, m);
+      const p = e(), w = `${o.inventoryBackendUrl}/${p}/closing-draft/sync`;
+      return l.post(w, m);
     }
   };
-}), Ot = { class: "fm-typo-en-body-lg-400" }, Kt = { class: "fm-typo-en-body-lg-600" }, Yt = {
+}), Gt = { class: "fm-typo-en-body-lg-400" }, Wt = { class: "fm-typo-en-body-lg-600" }, qt = {
   key: 0,
   class: "flex flex-col"
-}, Qt = { class: "flex gap-12 py-8 justify-end w-full" }, Oe = /* @__PURE__ */ He({
+}, Zt = { class: "flex gap-12 py-8 justify-end w-full" }, Oe = /* @__PURE__ */ He({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -38,9 +38,9 @@ const Ne = _t((n, r) => {
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(n) {
-    const r = n, e = H(), m = Ne(), p = Ge(), w = H(!1), v = H(null), R = H(!1), S = V(() => {
-      switch (r.action) {
+  setup(o) {
+    const l = o, e = H(), m = Ne(), p = Ge(), w = H(!1), v = H(null), R = H(!1), S = V(() => {
+      switch (l.action) {
         case z.enum.approveDraft:
           return "Approve";
         case z.enum.rejectDraft:
@@ -48,9 +48,9 @@ const Ne = _t((n, r) => {
         case z.enum.markAsFailed:
           return "Mark as Failed";
       }
-      throw new Error(`Unknown action: ${r.action}`);
+      throw new Error(`Unknown action: ${l.action}`);
     }), k = V(() => {
-      switch (r.action) {
+      switch (l.action) {
         case z.enum.approveDraft:
           return "primary";
         case z.enum.rejectDraft:
@@ -58,35 +58,35 @@ const Ne = _t((n, r) => {
         case z.enum.markAsFailed:
           return "destructive";
       }
-      throw new Error(`Unknown action: ${r.action}`);
+      throw new Error(`Unknown action: ${l.action}`);
     });
     Ye(() => {
-      if (r.draft.effectiveAt)
-        v.value = new Date(r.draft.effectiveAt);
+      if (l.draft.effectiveAt)
+        v.value = new Date(l.draft.effectiveAt);
       else {
-        const o = new Date(r.draft.createdAt);
-        o.setHours(23, 59, 59, 999), v.value = o;
+        const s = new Date(l.draft.createdAt);
+        s.setHours(23, 59, 59, 999), v.value = s;
       }
       R.value = !0;
     });
     const $ = V({
       get() {
-        return v.value === null ? "" : ot(v.value);
+        return v.value === null ? "" : ct(v.value);
       },
-      set(o) {
-        if (o) {
-          const a = /* @__PURE__ */ new Date(`${o} ${P.value}`);
+      set(s) {
+        if (s) {
+          const a = /* @__PURE__ */ new Date(`${s} ${P.value}`);
           a.setSeconds(59, 999), v.value = a;
         } else
           v.value = null;
       }
     }), P = V({
       get() {
-        return v.value === null ? "" : st(v.value);
+        return v.value === null ? "" : it(v.value);
       },
-      set(o) {
-        if (o) {
-          const a = /* @__PURE__ */ new Date(`${$.value} ${o}`);
+      set(s) {
+        if (s) {
+          const a = /* @__PURE__ */ new Date(`${$.value} ${s}`);
           a.setSeconds(59, 999), v.value = a;
         } else
           v.value = null;
@@ -96,9 +96,9 @@ const Ne = _t((n, r) => {
       w.value = !0;
       try {
         await m.runOperation({
-          _id: r.draft._id,
-          _rev: r.draft._rev ?? "",
-          action: r.action,
+          _id: l.draft._id,
+          _rev: l.draft._rev ?? "",
+          action: l.action,
           data: {
             effectiveAt: v.value ? v.value.toISOString() : null,
             remark: e.value
@@ -107,32 +107,32 @@ const Ne = _t((n, r) => {
           title: "Success",
           message: "Action submitted",
           type: "success"
-        }), r.onFinished();
-      } catch (o) {
+        }), l.onFinished();
+      } catch (s) {
         p.open({
           title: "Something went wrong",
           message: "Unable to submit action. Please try again",
           type: "error"
-        }), console.error("error on submit closing draft action", o);
+        }), console.error("error on submit closing draft action", s);
       } finally {
         w.value = !1;
       }
     }
-    return (o, a) => {
+    return (s, a) => {
       const _ = U("FmLabel"), O = U("FmDatePicker"), f = U("FmTimePicker"), y = U("FmTextField"), h = U("FmButton"), D = U("FmForm");
-      return R.value ? (C(), se(D, {
+      return R.value ? (j(), se(D, {
         key: 1,
         onValidationSuccess: I,
         class: "flex flex-col gap-32",
         disabled: w.value
       }, {
         default: G(() => [
-          s("div", Ot, [
+          r("div", Gt, [
             a[4] || (a[4] = X(" You are about to ")),
-            s("span", Kt, J(S.value), 1),
+            r("span", Wt, J(S.value), 1),
             a[5] || (a[5] = X(" this draft. Please provide a remark to justify this action. "))
           ]),
-          o.action === F(z).enum.approveDraft ? (C(), L("div", Yt, [
+          s.action === F(z).enum.approveDraft ? (j(), L("div", qt, [
             x(_, { class: "fm-typo-en-body-lg-600" }, {
               default: G(() => a[6] || (a[6] = [
                 X("Closing Date")
@@ -159,13 +159,13 @@ const Ne = _t((n, r) => {
             "onUpdate:modelValue": a[2] || (a[2] = (M) => e.value = M),
             label: "Remark",
             "label-mark": "required",
-            rules: [F(Dt)()]
+            rules: [F(jt)()]
           }, null, 8, ["modelValue", "rules"]),
-          s("div", Qt, [
+          r("div", Zt, [
             x(h, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: a[3] || (a[3] = (M) => o.onCancel())
+              onClick: a[3] || (a[3] = (M) => s.onCancel())
             }),
             x(h, {
               label: S.value,
@@ -176,71 +176,71 @@ const Ne = _t((n, r) => {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (C(), L(ee, { key: 0 }, [
+      }, 8, ["disabled"])) : (j(), L(ee, { key: 0 }, [
         X("Loading")
       ], 64));
     };
   }
-}), Gt = Be(0);
-function mt(n) {
-  const r = n.measurementsAmounts.groupBy((m) => m.measurement.id), e = n.sku.unit.measurements.reduce((m, p) => {
+}), Jt = Be(0);
+function yt(o) {
+  const l = o.measurementsAmounts.groupBy((m) => m.measurement.id), e = o.sku.unit.measurements.reduce((m, p) => {
     var R, S;
-    const w = ((S = (R = r.get(p.id)) == null ? void 0 : R[0]) == null ? void 0 : S.amount) ?? Gt, v = Qe(p.conversion, w);
+    const w = ((S = (R = l.get(p.id)) == null ? void 0 : R[0]) == null ? void 0 : S.amount) ?? Jt, v = Qe(p.conversion, w);
     return m + +N(v);
-  }, +N(n.baseAmount));
-  return wt(e, n.baseAmount.precision);
+  }, +N(o.baseAmount));
+  return Bt(e, o.baseAmount.precision);
 }
-const Wt = Be(0), qt = Be(100), ft = "N/A";
-function Zt(n, r, e, m, p, w) {
+const Xt = Be(0), ea = Be(100), gt = "N/A";
+function ta(o, l, e, m, p, w) {
   var D;
-  const v = mt(n), R = m ?? v, S = rt(R, r), k = r.amount === 0 ? null : lt(S, {
-    ...r,
-    amount: Math.abs(r.amount)
-  }), $ = k ? Qe(k, qt) : null, P = (D = n.sku.defaultCost) != null && D.costPerUnit ? n.sku.defaultCost.costPerUnit.amount / Math.pow(10, n.sku.defaultCost.costPerUnit.precision) : 0, I = p ? +N(p) : 0, o = +N(r), a = +N(R), _ = o - a, O = _ * P, f = a * P, y = o * P;
+  const v = yt(o), R = m ?? v, S = ut(R, l), k = l.amount === 0 ? null : dt(S, {
+    ...l,
+    amount: Math.abs(l.amount)
+  }), $ = k ? Qe(k, ea) : null, P = (D = o.sku.defaultCost) != null && D.costPerUnit ? o.sku.defaultCost.costPerUnit.amount / Math.pow(10, o.sku.defaultCost.costPerUnit.precision) : 0, I = p ? +N(p) : 0, s = +N(l), a = +N(R), _ = s - a, O = _ * P, f = a * P, y = s * P;
   return {
-    code: n.sku.code,
-    name: n.sku.name,
-    baseUnit: n.sku.unit.abbrev,
-    baseUnitAmount: +N(n.baseAmount),
-    ...n.measurementsAmounts.filter(
-      (M) => Jt(M.measurement) && e.includes(M.measurement.id)
+    code: o.sku.code,
+    name: o.sku.name,
+    baseUnit: o.sku.unit.abbrev,
+    baseUnitAmount: +N(o.baseAmount),
+    ...o.measurementsAmounts.filter(
+      (M) => aa(M.measurement) && e.includes(M.measurement.id)
     ).reduce(
       (M, Z, W) => (M[`measurementAbbrev${W}`] = `(${Z.measurement.abbrev}) × ${N(Z.measurement.conversion)}`, M[`measurementAmount${W}`] = +N(Z.amount), M),
       {}
     ),
-    systemBalance: o,
+    systemBalance: s,
     physicalBalance: a,
     adjustedAmount: +N(S),
-    adjustedDiffPercentage: $ ? +N(ct($, 2)) : null,
+    adjustedDiffPercentage: $ ? +N(mt($, 2)) : null,
     costPerUnit: P,
     opening: I,
-    adjustmentTypes: w ?? ft,
+    adjustmentTypes: w ?? gt,
     varianceQty: _,
     varianceRM: O,
     stockTakeValue: f,
     systemValue: y
   };
 }
-function Jt(n) {
-  return !n.abbrev.toLocaleLowerCase().includes("inactive");
+function aa(o) {
+  return !o.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function Xt(n) {
-  const r = pt(n);
-  return n.reduce(
+function na(o) {
+  const l = bt(o);
+  return o.reduce(
     (e, m) => {
       var p;
-      return Math.max(e, ((p = r == null ? void 0 : r.get(m.sku._id)) == null ? void 0 : p[0].length) ?? 0);
+      return Math.max(e, ((p = l == null ? void 0 : l.get(m.sku._id)) == null ? void 0 : p[0].length) ?? 0);
     },
     0
   );
 }
-function pt(n) {
-  return n.groupBy(
-    (r) => r.sku._id,
-    (r) => r.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
+function bt(o) {
+  return o.groupBy(
+    (l) => l.sku._id,
+    (l) => l.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
   );
 }
-function ea(n) {
+function oa(o) {
   return [
     {
       id: "code",
@@ -302,7 +302,7 @@ function ea(n) {
       id: "baseUnitAmount",
       name: "Base unit amount"
     },
-    ...Array.from({ length: n }).flatMap((e, m) => [
+    ...Array.from({ length: o }).flatMap((e, m) => [
       {
         id: `measurementAmount${m}`,
         name: `UOM amount ${m + 1}`
@@ -314,28 +314,28 @@ function ea(n) {
     ])
   ];
 }
-function ta(n, r, e) {
+function sa(o, l, e) {
   var y, h, D, M, Z, W, re;
-  const m = r.groupBy(
+  const m = l.groupBy(
     (B) => B.id,
     (B) => B.balance
   ), p = e.groupBy(
     (B) => B.id,
     (B) => B.balance
   ), w = /* @__PURE__ */ new Map();
-  if (n.opening)
-    for (const B of n.opening)
+  if (o.opening)
+    for (const B of o.opening)
       w.set(B.skuId, B.balance);
   const v = /* @__PURE__ */ new Map();
-  if (n.adjustmentSnapshot)
-    for (const B of n.adjustmentSnapshot) {
+  if (o.adjustmentSnapshot)
+    for (const B of o.adjustmentSnapshot) {
       const te = Object.keys(B.adjustmentsByType).join(", ");
-      v.set(B.skuId, te || ft);
+      v.set(B.skuId, te || gt);
     }
-  const R = [...n.items, ...n.negativeStockItems ?? []], S = pt(R), k = R.map((B) => {
+  const R = [...o.items, ...o.negativeStockItems ?? []], S = bt(R), k = R.map((B) => {
     var ye, ge, Y;
-    const te = ((ye = m.get(B.sku._id)) == null ? void 0 : ye[0]) ?? Wt, be = ((ge = S == null ? void 0 : S.get(B.sku._id)) == null ? void 0 : ge[0]) ?? [], ke = w.get(B.sku._id), fe = v.get(B.sku._id);
-    return Zt(
+    const te = ((ye = m.get(B.sku._id)) == null ? void 0 : ye[0]) ?? Xt, be = ((ge = S == null ? void 0 : S.get(B.sku._id)) == null ? void 0 : ge[0]) ?? [], ke = w.get(B.sku._id), fe = v.get(B.sku._id);
+    return ta(
       B,
       te,
       be,
@@ -343,56 +343,56 @@ function ta(n, r, e) {
       ke,
       fe
     );
-  }), $ = Xt(R), I = Ut().currentBusiness.value, o = ea($), a = [
+  }), $ = na(R), I = zt().currentBusiness.value, s = oa($), a = [
     ["Business name:", I == null ? void 0 : I.name],
     ["Business ID:", I == null ? void 0 : I._id],
     ["Menu version", I == null ? void 0 : I.menuVersion],
-    ["Created at", new Date(n.createdAt)],
-    ["Created by", (y = n.createdBy) == null ? void 0 : y.name],
-    ["Updated at", new Date(n.updatedAt)],
-    ["Updated by", (h = n.updatedBy) == null ? void 0 : h.name],
-    ["Recent action", n.approvedAt ? "Approve" : n.rejectionHistory ? "Reject" : ""],
+    ["Created at", new Date(o.createdAt)],
+    ["Created by", (y = o.createdBy) == null ? void 0 : y.name],
+    ["Updated at", new Date(o.updatedAt)],
+    ["Updated by", (h = o.updatedBy) == null ? void 0 : h.name],
+    ["Recent action", o.approvedAt ? "Approve" : o.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      n.approvedAt ? (D = n.approvedBy) == null ? void 0 : D.name : n.rejectionHistory ? (Z = (M = n.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : Z.name : ""
+      o.approvedAt ? (D = o.approvedBy) == null ? void 0 : D.name : o.rejectionHistory ? (Z = (M = o.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : Z.name : ""
     ],
     [
       "Action at",
-      n.approvedAt ? new Date(n.approvedAt) : n.rejectionHistory ? new Date((W = n.rejectionHistory[0]) == null ? void 0 : W.rejectedAt) : ""
+      o.approvedAt ? new Date(o.approvedAt) : o.rejectionHistory ? new Date((W = o.rejectionHistory[0]) == null ? void 0 : W.rejectedAt) : ""
     ],
     [
       "Action remark",
-      n.approvedAt ? n.approveRemark : n.rejectionHistory ? new Date((re = n.rejectionHistory[0]) == null ? void 0 : re.rejectRemark) : ""
+      o.approvedAt ? o.approveRemark : o.rejectionHistory ? new Date((re = o.rejectionHistory[0]) == null ? void 0 : re.rejectRemark) : ""
     ],
     [],
-    o.map((B) => B.name),
-    ...k.map((B) => o.map((te) => B[te.id]))
-  ], _ = o.map((B) => `system:${B.id}`), O = St(a, _), f = `[${I == null ? void 0 : I.name}] closing draft (${jt(new Date(n.updatedAt))}).xlsx`;
-  return Ct(O, f), f;
+    s.map((B) => B.name),
+    ...k.map((B) => s.map((te) => B[te.id]))
+  ], _ = s.map((B) => `system:${B.id}`), O = Ft(a, _), f = `[${I == null ? void 0 : I.name}] closing draft (${Tt(new Date(o.updatedAt))}).xlsx`;
+  return $t(O, f), f;
 }
-const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-end w-full" }, oa = /* @__PURE__ */ He({
+const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-end w-full" }, ca = /* @__PURE__ */ He({
   __name: "RefreshBalanceAction",
   props: {
     draft: {},
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(n) {
-    const r = n;
+  setup(o) {
+    const l = o;
     We();
     const e = H(!1), m = H(null), p = H(!1);
     Ye(() => {
-      if (r.draft.effectiveAt)
-        m.value = new Date(r.draft.effectiveAt);
+      if (l.draft.effectiveAt)
+        m.value = new Date(l.draft.effectiveAt);
       else {
-        const S = new Date(r.draft.createdAt);
+        const S = new Date(l.draft.createdAt);
         S.setHours(23, 59, 59, 999), m.value = S;
       }
       p.value = !0;
     });
     const w = V({
       get() {
-        return m.value === null ? "" : ot(m.value);
+        return m.value === null ? "" : ct(m.value);
       },
       set(S) {
         if (S) {
@@ -403,7 +403,7 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
       }
     }), v = V({
       get() {
-        return m.value === null ? "" : st(m.value);
+        return m.value === null ? "" : it(m.value);
       },
       set(S) {
         if (S) {
@@ -414,30 +414,30 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
       }
     });
     async function R() {
-      e.value = !0, r.onFinished(m.value.toISOString());
+      e.value = !0, l.onFinished(m.value.toISOString());
     }
     return (S, k) => {
-      const $ = U("FmLabel"), P = U("FmDatePicker"), I = U("FmTimePicker"), o = U("FmButton"), a = U("FmForm");
-      return p.value ? (C(), se(a, {
+      const $ = U("FmLabel"), P = U("FmDatePicker"), I = U("FmTimePicker"), s = U("FmButton"), a = U("FmForm");
+      return p.value ? (j(), se(a, {
         key: 1,
         onValidationSuccess: R,
         class: "flex flex-col gap-32",
         disabled: e.value
       }, {
         default: G(() => [
-          k[5] || (k[5] = s("div", { class: "fm-typo-en-body-lg-400" }, [
-            s("p", null, [
+          k[5] || (k[5] = r("div", { class: "fm-typo-en-body-lg-400" }, [
+            r("p", null, [
               X(" Performing "),
-              s("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
+              r("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
               X(" until closing effective date and time. ")
             ]),
-            s("p", { class: "mt-2" }, [
+            r("p", { class: "mt-2" }, [
               X(" Please note that this action will "),
-              s("b", null, "update"),
+              r("b", null, "update"),
               X(" the effective date and time. ")
             ])
           ], -1)),
-          s("div", aa, [
+          r("div", ra, [
             x($, { class: "fm-typo-en-body-lg-600" }, {
               default: G(() => k[3] || (k[3] = [
                 X("Closing Date")
@@ -459,13 +459,13 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
               "onUpdate:modelValue": k[1] || (k[1] = (_) => v.value = _)
             }, null, 8, ["modelValue"])
           ]),
-          s("div", na, [
-            x(o, {
+          r("div", la, [
+            x(s, {
               label: "Cancel",
               variant: "tertiary",
               onClick: k[2] || (k[2] = (_) => S.onCancel())
             }),
-            x(o, {
+            x(s, {
               label: "Refresh balance",
               type: "submit",
               variant: "primary",
@@ -474,15 +474,15 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (C(), L(ee, { key: 0 }, [
+      }, 8, ["disabled"])) : (j(), L(ee, { key: 0 }, [
         X("Loading")
       ], 64));
     };
   }
-}), Ee = ut(
+}), Ee = pt(
   "closingDraftActions",
   function() {
-    const r = Lt(), e = Ge(), m = We(), p = Ne(), w = dt(), v = H(!1), R = H();
+    const l = Nt(), e = Ge(), m = We(), p = Ne(), w = vt(), v = H(!1), R = H();
     function S(f) {
       const y = {
         draft: f
@@ -514,47 +514,47 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
       y || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), y = await k(f)), ta(f, y, h ?? []);
+      }), y = await k(f)), sa(f, y, h ?? []);
     }
     function P(f, y) {
-      r.open({
+      l.open({
         title: "Approve draft",
         contentComponent: Oe,
         contentComponentProps: {
           draft: f,
           action: z.enum.approveDraft,
           onFinished: () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           },
-          onCancel: () => r.close()
+          onCancel: () => l.close()
         }
       });
     }
     function I(f, y) {
-      r.open({
+      l.open({
         title: "Reject draft",
         contentComponent: Oe,
         contentComponentProps: {
           draft: f,
           action: z.enum.rejectDraft,
           onFinished: () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           },
-          onCancel: () => r.close()
+          onCancel: () => l.close()
         }
       });
     }
-    function o(f, y) {
-      r.open({
+    function s(f, y) {
+      l.open({
         title: "Mark draft as failed",
         contentComponent: Oe,
         contentComponentProps: {
           draft: f,
           action: z.enum.markAsFailed,
           onFinished: () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           },
-          onCancel: () => r.close()
+          onCancel: () => l.close()
         }
       });
     }
@@ -576,16 +576,16 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
       v.value = !1;
     }
     async function O(f, y, h) {
-      await r.open({
+      await l.open({
         title: "Refresh balance",
-        contentComponent: oa,
+        contentComponent: ca,
         contentComponentProps: {
           draft: f,
           onFinished: (D) => {
-            r.close(), h == null || h(D);
+            l.close(), h == null || h(D);
           },
           onCancel: async () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           }
         }
       });
@@ -595,7 +595,7 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
       closeDraftDialog: _,
       approveDraft: P,
       rejectDraft: I,
-      markAsFailed: o,
+      markAsFailed: s,
       syncDraft: a,
       exportDraft: $,
       refreshBalance: O,
@@ -604,8 +604,8 @@ const aa = { class: "flex flex-col" }, na = { class: "flex gap-12 py-8 justify-e
     };
   }
 );
-function Le(n) {
-  switch (n) {
+function Le(o) {
+  switch (o) {
     case "DRAFT":
       return "fm-status-badge-draft";
     case "PROCESSING":
@@ -616,29 +616,29 @@ function Le(n) {
       return "fm-status-badge-complete";
   }
 }
-const sa = ut(
+const ia = pt(
   "closingDraftTable",
   function() {
-    const { t: r } = it(), e = Ee(), m = H(new Array()), p = H(!1), w = ze(), v = Ne();
+    const { t: l } = ft(), e = Ee(), m = H(new Array()), p = H(!1), w = ze(), v = Ne();
     async function R() {
       if (m.value = [], !!w._currentLocation) {
         p.value = !0;
         try {
-          const [o] = await Promise.all([v.readDrafts()]).delayed(1e3);
-          m.value = o.reverse();
-        } catch (o) {
-          console.log("Something went wrong when fetching drafts:", o);
+          const [s] = await Promise.all([v.readDrafts()]).delayed(1e3);
+          m.value = s.reverse();
+        } catch (s) {
+          console.log("Something went wrong when fetching drafts:", s);
         } finally {
           p.value = !1;
         }
       }
     }
-    async function S(o) {
+    async function S(s) {
       if (!m.value.find((a) => a._id) && w._currentLocation) {
         p.value = !0;
         try {
           const [a] = await Promise.all([
-            v.getDraft(o),
+            v.getDraft(s),
             new Promise((_) => setTimeout(_, 1e3))
           ]);
           m.value = [a];
@@ -649,17 +649,17 @@ const sa = ut(
         }
       }
     }
-    function k(o) {
-      m.value = m.value.map((a) => a._id === o._id ? {
-        ...o,
+    function k(s) {
+      m.value = m.value.map((a) => a._id === s._id ? {
+        ...s,
         _rev: a._rev
       } : a);
     }
     function $() {
       e.closeDraftDialog(), R();
     }
-    function P(o, a) {
-      switch (a = Tt(a), o) {
+    function P(s, a) {
+      switch (a = It(a), s) {
         case Re.Details:
           return e.viewDraft(a);
         case Re.Export:
@@ -677,18 +677,18 @@ const sa = ut(
         {
           id: "_id",
           accessorKey: "_id",
-          header: () => r("inventory.closing.table.createdAt"),
-          cell(o) {
-            return Bt(`${o.getValue()}`);
+          header: () => l("inventory.closing.table.createdAt"),
+          cell(s) {
+            return Mt(`${s.getValue()}`);
           },
           enableSorting: !0
         },
         {
           accessorKey: "effectiveAt",
           header: () => "Effective at",
-          cell(o) {
-            const a = o.row.original;
-            let _ = o.getValue();
+          cell(s) {
+            const a = s.row.original;
+            let _ = s.getValue();
             return _ || (_ = Ke(a._id)), ve(_);
           },
           enableSorting: !0,
@@ -696,7 +696,7 @@ const sa = ut(
         },
         {
           id: "updatedAt",
-          accessorFn: (o) => ve(o.updatedAt),
+          accessorFn: (s) => ve(s.updatedAt),
           header: () => "Updated at",
           enableSorting: !0,
           size: 200
@@ -710,11 +710,11 @@ const sa = ut(
         },
         {
           id: "noOfItems",
-          accessorFn: (o) => {
+          accessorFn: (s) => {
             var a;
-            return o.items.length + (((a = o.negativeStockItems) == null ? void 0 : a.length) ?? 0);
+            return s.items.length + (((a = s.negativeStockItems) == null ? void 0 : a.length) ?? 0);
           },
-          header: () => r("inventory.closing.table.noOfItems"),
+          header: () => l("inventory.closing.table.noOfItems"),
           enableSorting: !1,
           meta: {
             width: "10rem",
@@ -723,20 +723,20 @@ const sa = ut(
         },
         {
           id: "recentRemark",
-          accessorFn: (o) => {
+          accessorFn: (s) => {
             var a;
-            return (o == null ? void 0 : o.approveRemark) ?? ((a = o == null ? void 0 : o.rejectionHistory) == null ? void 0 : a.computeFirst((_) => _.rejectRemark)) ?? o.remark;
+            return (s == null ? void 0 : s.approveRemark) ?? ((a = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : a.computeFirst((_) => _.rejectRemark)) ?? s.remark;
           },
           header: () => "Recent remark"
         },
         {
           id: "status",
-          accessorFn: (o) => o.status,
-          header: () => r("inventory.closing.table.status"),
+          accessorFn: (s) => s.status,
+          header: () => l("inventory.closing.table.status"),
           enableSorting: !1,
-          cell(o) {
+          cell(s) {
             var h;
-            const a = o.row.original, _ = a.status, O = new Date(a.updatedAt), f = (h = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : h.computeFirst((D) => D.rejectedAt), y = f ? new Date(f) : null;
+            const a = s.row.original, _ = a.status, O = new Date(a.updatedAt), f = (h = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : h.computeFirst((D) => D.rejectedAt), y = f ? new Date(f) : null;
             return _ === "DRAFT" && y ? y.getTime() > O.getTime() ? T(
               "div",
               {
@@ -778,10 +778,10 @@ const sa = ut(
         },
         {
           id: "action",
-          cell(o) {
-            const a = o.row.original, _ = [
-              tt[Re.Details],
-              tt[Re.Export]
+          cell(s) {
+            const a = s.row.original, _ = [
+              st[Re.Details],
+              st[Re.Export]
             ], O = [
               {
                 translationKey: "inventory.closing.draft.approveDraft",
@@ -799,7 +799,7 @@ const sa = ut(
                 value: z.enum.markAsFailed
               }
             ];
-            return Ft(
+            return Rt(
               [
                 ..._,
                 ...a.status === pe.enum.DRAFT ? O : []
@@ -822,67 +822,67 @@ const sa = ut(
       updateDraftRef: k
     };
   }
-), ra = { class: "w-full flex flex-col gap-32" }, la = { class: "flex justify-between" }, ca = { class: "flex" }, ia = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, ua = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, da = { class: "flex gap-1" }, ma = { class: "fm-typo-en-body-lg-600" }, fa = { class: "flex flex-col gap-16" }, pa = { class: "flex items-center" }, va = {
+), ua = { class: "w-full flex flex-col gap-32" }, da = { class: "flex justify-between" }, ma = { class: "flex" }, fa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, va = { class: "flex gap-1" }, ya = { class: "fm-typo-en-body-lg-600" }, ga = { class: "flex flex-col gap-16" }, ba = { class: "flex items-center" }, ka = {
   key: 0,
   class: "flex gap-8"
-}, ya = {
+}, ha = {
   key: 0,
   class: "w-full flex flex-col items-center"
-}, ga = { class: "flex items-center gap-8" }, ba = { class: "flex flex-col gap-8" }, ka = { class: "flex gap-8" }, ha = {
+}, Aa = { class: "flex items-center gap-8" }, xa = { class: "flex flex-col gap-8" }, _a = { class: "flex gap-8" }, Da = {
   key: 0,
   class: "flex gap-8"
-}, Aa = { class: "overflow-x-auto" }, xa = {
+}, wa = { class: "overflow-x-auto" }, Sa = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, _a = {
+}, Ca = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
-}, Da = ["src"], wa = {
+}, ja = ["src"], Ba = {
   key: 1,
   class: "px-4 flex flex-col"
-}, Sa = { class: "flex gap-12 content-stretch" }, ja = {
+}, Fa = { class: "flex gap-12 content-stretch" }, Ta = {
   class: "flex flex-col w-24",
   name: "circles"
-}, Ca = { class: "flex-1 flex flex-col items-center" }, Ba = { class: "flex-1 flex flex-col items-center" }, Fa = {
+}, $a = { class: "flex-1 flex flex-col items-center" }, Ma = { class: "flex-1 flex flex-col items-center" }, Ra = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, Ta = { class: "fm-typo-en-body-lg-400" }, $a = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ma = { class: "flex gap-12 content-stretch" }, Ra = {
+}, Ia = { class: "fm-typo-en-body-lg-400" }, Pa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Va = { class: "flex gap-12 content-stretch" }, Ua = {
   class: "flex flex-col w-24",
   name: "circles"
-}, Ia = { class: "flex-1 flex flex-col items-center" }, Pa = {
+}, La = { class: "flex-1 flex flex-col items-center" }, Ea = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, Va = { class: "flex flex-col gap-8" }, Ua = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, La = { class: "flex flex-col gap-4" }, Ea = { class: "flex gap-8" }, Ha = "N/A", za = /* @__PURE__ */ He({
+}, Ha = { class: "flex flex-col gap-8" }, za = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Na = { class: "flex flex-col gap-4" }, Oa = { class: "flex gap-8" }, Ka = "N/A", Ya = /* @__PURE__ */ He({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
     draft: {}
   },
   emits: ["submitted", "refresh"],
-  setup(n, { emit: r }) {
-    const e = n, m = dt(), p = Ee(), w = Et(e, "show"), v = H(!1), R = H(!1), S = H(!1), k = H(new Array()), $ = H(new Array()), P = H([]), I = We(), o = Ne(), a = Ge(), _ = $t(), O = ze(), f = kt({}), y = V(() => new Set(
-      _.skus.filter((l) => {
+  setup(o, { emit: l }) {
+    const e = o, m = vt(), p = Ee(), w = Ot(e, "show"), v = H(!1), R = H(!1), S = H(!1), k = H(new Array()), $ = H(new Array()), P = H([]), I = We(), s = Ne(), a = Ge(), _ = Pt(), O = ze(), f = _t({}), y = V(() => new Set(
+      _.skus.filter((c) => {
         var t;
-        return f[(t = l.customAttributes) == null ? void 0 : t.tag];
-      }).map((l) => l._id)
-    )), h = r, D = H({
+        return f[(t = c.customAttributes) == null ? void 0 : t.tag];
+      }).map((c) => c._id)
+    )), h = l, D = H({
       templateItem: !0,
       nonTemplateItem: !0
     }), M = V(() => {
       var t, d;
-      const l = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((d = e.draft) == null ? void 0 : d.negativeStockItems) ?? []];
-      return y.value.size ? l.filter((u) => y.value.has(u.sku._id)) : l;
+      const c = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((d = e.draft) == null ? void 0 : d.negativeStockItems) ?? []];
+      return y.value.size ? c.filter((i) => y.value.has(i.sku._id)) : c;
     }), Z = V(() => {
-      const l = M.value.map((t) => t.sku);
-      return l.sort((t, d) => t.code.localeCompare(d.code)), l;
+      const c = M.value.map((t) => t.sku);
+      return c.sort((t, d) => t.code.localeCompare(d.code)), c;
     }), W = V(() => M.value.groupBy(
       (t) => t.sku._id,
       (t) => t.measurementsAmounts.filter((d) => !d.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((d) => d.measurement.id)
     ));
-    Ye(te), ht(
+    Ye(te), Dt(
       () => e.show,
-      (l) => {
-        l && (le.value = xe[0], te(), D.value = {
+      (c) => {
+        c && (le.value = xe[0], te(), D.value = {
           templateItem: !0,
           nonTemplateItem: !0
         });
@@ -890,13 +890,13 @@ const sa = ut(
     );
     const re = Be(0), B = Be(100);
     async function te() {
-      var t, d, u, c;
+      var t, d, i, n;
       if (!O._currentLocation) return;
       v.value = !0;
-      const l = ((t = e.draft) == null ? void 0 : t.status) === pe.enum.COMPLETED;
+      const c = ((t = e.draft) == null ? void 0 : t.status) === pe.enum.COMPLETED;
       $.value = [];
       try {
-        if (await _.init(), l) {
+        if (await _.init(), c) {
           const E = e.draft.closingAdjustmentId;
           if (!E) {
             a.open({
@@ -910,35 +910,35 @@ const sa = ut(
           }
           const ae = await I.readAdjustmentById(E), ce = (ae == null ? void 0 : ae.skus) ?? [];
           for (const ne of ce) {
-            const je = {
+            const Ce = {
               id: ne.sku._id,
               balance: ne.fromBalance,
               costs: ne.fromCostBalances
-            }, j = {
+            }, C = {
               id: ne.sku._id,
               balance: ne.toBalance,
               costs: ne.toCostBalances
             };
-            k.value.push(je), $.value.push(j);
+            k.value.push(Ce), $.value.push(C);
           }
         } else
-          k.value = ((u = e.draft) == null ? void 0 : u.stockSnapshot) ?? [];
-        const i = /* @__PURE__ */ new Set();
-        if ((c = e.draft) != null && c.adjustmentSnapshot)
+          k.value = ((i = e.draft) == null ? void 0 : i.stockSnapshot) ?? [];
+        const u = /* @__PURE__ */ new Set();
+        if ((n = e.draft) != null && n.adjustmentSnapshot)
           for (const E of e.draft.adjustmentSnapshot)
-            E.adjustmentsByType && Object.keys(E.adjustmentsByType).forEach((ae) => i.add(ae));
+            E.adjustmentsByType && Object.keys(E.adjustmentsByType).forEach((ae) => u.add(ae));
         const g = ["receive", "sales", "wastage"], A = [];
         g.forEach((E) => {
-          i.has(E) && (A.push(E), i.delete(E));
+          u.has(E) && (A.push(E), u.delete(E));
         });
-        const b = Array.from(i).sort();
+        const b = Array.from(u).sort();
         P.value = [...A, ...b];
-      } catch (i) {
+      } catch (u) {
         a.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
-        }), console.error("error on fetch stock balances", i);
+        }), console.error("error on fetch stock balances", u);
       } finally {
         v.value = !1;
       }
@@ -957,16 +957,16 @@ const sa = ut(
         e.draft,
         () => {
         },
-        async (u) => {
+        async (i) => {
           var A;
           R.value = !0;
-          const c = (A = e.draft) == null ? void 0 : A._rev, i = 30, g = 2e3;
+          const n = (A = e.draft) == null ? void 0 : A._rev, u = 30, g = 2e3;
           try {
-            await I.recalculation.scheduleCalculateStockSnapshotAtDate(u, e.draft._id);
+            await I.recalculation.scheduleCalculateStockSnapshotAtDate(i, e.draft._id);
             let b = null;
-            for (let E = 0; E < i && (b = await o.getDraft(e.draft._id).delayed(g), b._rev === c); E++)
+            for (let E = 0; E < u && (b = await s.getDraft(e.draft._id).delayed(g), b._rev === n); E++)
               ;
-            if (!b || b._rev === c) {
+            if (!b || b._rev === n) {
               a.open({
                 title: "Refresh failed",
                 message: "Failed to refresh stock balance. Please try again.",
@@ -993,34 +993,34 @@ const sa = ut(
     }
     const ke = V(
       () => k.value.groupBy(
-        (l) => l.id,
-        (l) => l.balance
+        (c) => c.id,
+        (c) => c.balance
       )
-    ), fe = V(() => M.value.groupBy((l) => l.sku._id)), ye = V(() => {
-      var l;
-      return (l = e.draft) != null && l.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((t) => [t.skuId, t.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    ), fe = V(() => M.value.groupBy((c) => c.sku._id)), ye = V(() => {
+      var c;
+      return (c = e.draft) != null && c.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((t) => [t.skuId, t.adjustmentsByType])) : /* @__PURE__ */ new Map();
     }), ge = V(() => {
-      var l;
-      return (l = e.draft) != null && l.opening ? new Map(e.draft.opening.map((t) => [t.skuId, t.balance])) : /* @__PURE__ */ new Map();
+      var c;
+      return (c = e.draft) != null && c.opening ? new Map(e.draft.opening.map((t) => [t.skuId, t.balance])) : /* @__PURE__ */ new Map();
     });
-    function Y(l, t) {
+    function Y(c, t) {
       return T(
         Ve.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
           default() {
-            return l;
+            return c;
           },
           content() {
-            return t || l;
+            return t || c;
           }
         }
       );
     }
     const we = V(() => {
-      const l = Z.value.reduce((d, u) => {
-        var c, i;
-        return Math.max(d, ((i = (c = W.value) == null ? void 0 : c.get(u._id)) == null ? void 0 : i[0].length) ?? 0);
+      const c = Z.value.reduce((d, i) => {
+        var n, u;
+        return Math.max(d, ((u = (n = W.value) == null ? void 0 : n.get(i._id)) == null ? void 0 : u[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -1029,26 +1029,26 @@ const sa = ut(
           header: () => "Name",
           size: 350,
           cell(d) {
-            const u = d.row.original, c = u.adjustedDiffPercentage, i = typeof c == "number" && Math.abs(c) > 10, g = T("div", { class: "flex flex-col gap-4" }, [
+            const i = d.row.original, n = i.adjustedDiffPercentage, u = typeof n == "number" && Math.abs(n) > 10, g = T("div", { class: "flex flex-col gap-4" }, [
               T(
                 "div",
                 {
                   class: [
                     "line-clamp-1 fm-typo-en-body-lg-400",
-                    i ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                    u ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
                   ]
                 },
-                u.name
+                i.name
               ),
               T(
                 "div",
                 {
                   class: [
                     "line-clamp-1 fm-typo-en-body-md-400",
-                    i ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+                    u ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
                   ]
                 },
-                u.code
+                i.code
               )
             ]);
             return T(
@@ -1058,7 +1058,7 @@ const sa = ut(
               },
               {
                 content() {
-                  return i ? "Adjustment difference is more than 10%." : `${u.code} - ${u.name}`;
+                  return u ? "Adjustment difference is more than 10%." : `${i.code} - ${i.name}`;
                 },
                 default() {
                   return T("div", { class: "flex items-center gap-4 justify-start w-full" }, [
@@ -1075,18 +1075,21 @@ const sa = ut(
           header: () => Y("Cost per unit"),
           size: 160,
           cell(d) {
-            const u = d.row.original.costPerUnit;
-            return T("div", { class: "text-right" }, u.toFixed(2));
+            const i = d.row.original.costPerUnit;
+            return T("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
           }
         },
         {
-          id: "baseUnit",
+          id: "costUnit",
           header: () => "UOM",
           size: 80,
-          accessorKey: "baseUnit"
+          cell(d) {
+            const i = d.row.original.costUnit, n = d.row.original.baseUnit;
+            return i ?? n;
+          }
         },
         {
           id: "opening",
@@ -1094,27 +1097,29 @@ const sa = ut(
           header: () => Y("Opening (B/F)", "The opening balance brought forward from previous period."),
           size: 150,
           cell(d) {
-            const u = d.row.original.opening;
-            return T("div", { class: "text-right" }, u.toFixed(2));
+            const i = d.row.original.opening;
+            return T("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
           }
         },
         // Dynamic adjustment type columns
-        ...P.value.map((d) => ({
-          id: `adjustment_${d}`,
-          accessorFn: (u) => u.adjustmentAmounts[d] ?? { amount: 0, precision: 0 },
-          header: () => Y(Ue(d)),
-          size: 150,
-          cell(u) {
-            const c = u.row.original.adjustmentAmounts[d] ?? { amount: 0, precision: 0 };
-            return T("div", { class: "text-right" }, N(c));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        })),
+        ...P.value.map(
+          (d) => ({
+            id: `adjustment_${d}`,
+            accessorFn: (i) => i.adjustmentAmounts[d] ?? { amount: 0, precision: 0 },
+            header: () => Y(Ue(d)),
+            size: 150,
+            cell(i) {
+              const n = i.row.original.adjustmentAmounts[d] ?? { amount: 0, precision: 0 };
+              return T("div", { class: "text-right" }, N(n));
+            },
+            meta: {
+              textAlign: "right"
+            }
+          })
+        ),
         {
           id: "systemBalance",
           accessorKey: "systemBalance",
@@ -1127,29 +1132,29 @@ const sa = ut(
         {
           id: "physicalBalance",
           accessorFn: (d) => {
-            var c;
-            const u = (c = $.value.find((i) => i.id === d.id)) == null ? void 0 : c.balance;
-            return u ? Ie.toFormatString({ value: u }) : d.physicalBalance;
+            var n;
+            const i = (n = $.value.find((u) => u.id === d.id)) == null ? void 0 : n.balance;
+            return i ? Ie.toFormatString({ value: i }) : d.physicalBalance;
           },
           header: () => Y("Stock Take balance", "The physical balance recorded during stock take."),
           cell(d) {
             var b;
-            const u = d.row.original, c = Ie.fromNumber(u.physicalBalance);
-            let i = !0, g = u.physicalBalance;
-            const A = (b = $.value.find((E) => E.id === u.id)) == null ? void 0 : b.balance;
+            const i = d.row.original, n = Ie.fromNumber(i.physicalBalance);
+            let u = !0, g = i.physicalBalance;
+            const A = (b = $.value.find((E) => E.id === i.id)) == null ? void 0 : b.balance;
             return A && (Ie.equals({
-              a: c,
+              a: n,
               b: A
-            }) || (i = !1, g = Number(Ie.toFormatString({ value: A })))), T("div", { class: "flex flex-col" }, [
+            }) || (u = !1, g = Number(Ie.toFormatString({ value: A })))), T("div", { class: "flex flex-col" }, [
               T(
                 "span",
                 { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                 g
               ),
-              i ? null : T(
+              u ? null : T(
                 "span",
                 { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
-                `Draft: ${u.physicalBalance.toString()}`
+                `Draft: ${i.physicalBalance.toString()}`
               )
             ]);
           },
@@ -1173,8 +1178,8 @@ const sa = ut(
           header: () => Y("Variance (RM)"),
           size: 150,
           cell(d) {
-            const u = d.row.original.varianceRM;
-            return T("div", { class: "text-right" }, u.toFixed(2));
+            const i = d.row.original.varianceRM;
+            return T("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1183,22 +1188,25 @@ const sa = ut(
         {
           id: "adjustedDiffPercentage",
           accessorKey: "adjustedDiffPercentage",
-          header: () => Y("Variance (%)", "Difference between Stock Take balance and System Balance in percentage."),
+          header: () => Y(
+            "Variance (%)",
+            "Difference between Stock Take balance and System Balance in percentage."
+          ),
           size: 200,
           cell(d) {
-            const u = d.row.original.adjustedDiffPercentage;
-            if (!u) return Ha;
-            const c = u.toFixed(2);
-            if (c === "0.00")
+            const i = d.row.original.adjustedDiffPercentage;
+            if (!i) return Ka;
+            const n = i.toFixed(2);
+            if (n === "0.00")
               return T("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const i = u > 0;
+            const u = i > 0;
             return T("div", { class: "flex items-center gap-4 justify-end" }, [
               T(Ve.FmIcon, {
-                name: i ? "arrow_drop_up" : "arrow_drop_down",
-                color: i ? "system-success-300" : "system-error-300",
+                name: u ? "arrow_drop_up" : "arrow_drop_down",
+                color: u ? "system-success-300" : "system-error-300",
                 size: "md"
               }),
-              c
+              n
             ]);
           },
           meta: {
@@ -1211,8 +1219,8 @@ const sa = ut(
           header: () => Y("Stock take value (RM)"),
           size: 180,
           cell(d) {
-            const u = d.row.original.stockTakeValue;
-            return T("div", { class: "text-right" }, u.toFixed(2));
+            const i = d.row.original.stockTakeValue;
+            return T("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1224,8 +1232,8 @@ const sa = ut(
           header: () => Y("System value (RM)"),
           size: 180,
           cell(d) {
-            const u = d.row.original.systemValue;
-            return T("div", { class: "text-right" }, u.toFixed(2));
+            const i = d.row.original.systemValue;
+            return T("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1236,7 +1244,7 @@ const sa = ut(
           header: () => "Amounts",
           enableSorting: !1,
           cell(d) {
-            const u = d.row.original, c = (g, A) => T(
+            const i = d.row.original, n = (g, A) => T(
               Ve.FmTooltip,
               { zIndex: 50 },
               {
@@ -1264,105 +1272,107 @@ const sa = ut(
                 }
               }
             );
-            let i = Array.from({ length: l }).map((g, A) => {
-              if (!u[`measurementAmount${A}`])
+            let u = Array.from({ length: c }).map((g, A) => {
+              if (!i[`measurementAmount${A}`])
                 return null;
-              const b = u[`measurementAmount${A}`], E = u[`measurementAbbrev${A}`];
-              return c(b, E);
+              const b = i[`measurementAmount${A}`], E = i[`measurementAbbrev${A}`];
+              return n(b, E);
             }).filter((g) => g);
-            return (u.baseUnitAmount || !i.length) && (i = [c(u.baseUnitAmount, u.baseUnit), ...i]), T(
+            return (i.baseUnitAmount || !u.length) && (u = [n(i.baseUnitAmount, i.baseUnit), ...u]), T(
               "div",
               {
                 class: "flex gap-8 flex-nowrap",
                 style: {
-                  minWidth: `${120 * i.length}px`
+                  minWidth: `${120 * u.length}px`
                 }
               },
-              i
+              u
             );
           }
         }
       ];
-    }), he = V(() => we.value.map((l) => l.size ?? 0).reduce((l, t) => l + t)), Ae = H(""), Se = V(() => {
-      var d, u;
-      const l = ((u = (d = e.draft) == null ? void 0 : d.negativeStockItems) == null ? void 0 : u.reduce(
-        (c, i) => (c[i.sku._id] = i, c),
+    }), he = V(() => we.value.map((c) => c.size ?? 0).reduce((c, t) => c + t)), Ae = H(""), Se = V(() => {
+      var d, i;
+      const c = ((i = (d = e.draft) == null ? void 0 : d.negativeStockItems) == null ? void 0 : i.reduce(
+        (n, u) => (n[u.sku._id] = u, n),
         {}
       )) ?? {};
-      return Z.value.map((c) => {
-        var qe, Ze, Je, Xe, et;
-        const i = (qe = fe.value.get(c._id)) == null ? void 0 : qe[0], g = ((Ze = ke.value.get(c._id)) == null ? void 0 : Ze[0]) ?? re, A = (Je = c.defaultCost) != null && Je.costPerUnit ? c.defaultCost.costPerUnit.amount / Math.pow(10, c.defaultCost.costPerUnit.precision) : 0, b = ge.value.get(c._id), E = b ? +N(b) : 0, ae = ye.value.get(c._id), ce = {};
+      return Z.value.map((n) => {
+        var qe, Ze, Je, Xe, et, tt, at, nt, ot;
+        const u = (qe = fe.value.get(n._id)) == null ? void 0 : qe[0], g = ((Ze = ke.value.get(n._id)) == null ? void 0 : Ze[0]) ?? re, A = (Je = n.defaultCost) != null && Je.costPerUnit ? n.defaultCost.costPerUnit.amount / Math.pow(10, n.defaultCost.costPerUnit.precision) : 0, b = ge.value.get(n._id), E = b ? +N(b) : 0, ae = ye.value.get(n._id), ce = {};
         if (P.value.forEach((Q) => {
           const oe = ce[Q] ?? { amount: 0, precision: 0 }, ue = ae == null ? void 0 : ae[Q];
-          ue && (ce[Q] = Mt(oe, ue));
-        }), !i) {
-          const Q = +N(g), oe = Q - 0, ue = oe * A, Me = 0, bt = Q * A;
+          ue && (ce[Q] = Vt(oe, ue));
+        }), !u) {
+          const Q = +N(g), oe = Q - 0, ue = oe * A, Me = 0, xt = Q * A;
           return {
-            id: c._id,
-            code: c.code,
-            name: c.name,
-            baseUnit: c.unit.abbrev,
+            id: n._id,
+            code: n.code,
+            name: n.name,
+            costUnit: ((et = (Xe = n.defaultCost) == null ? void 0 : Xe.measurement) == null ? void 0 : et.abbrev) ?? null,
+            baseUnit: n.unit.abbrev,
             baseUnitAmount: 0,
             systemBalance: Q,
             physicalBalance: 0,
             adjustedAmount: -Q,
             adjustedDiffPercentage: -100,
-            isTemplateItem: !l[c._id],
+            isTemplateItem: !c[n._id],
             costPerUnit: A,
             opening: E,
             varianceQty: oe,
             varianceRM: ue,
             stockTakeValue: Me,
-            systemValue: bt,
+            systemValue: xt,
             adjustmentAmounts: ce
           };
         }
-        const ne = mt(i), je = (et = (Xe = $.value) == null ? void 0 : Xe.find(
-          (Q) => Q.id === c._id
-        )) == null ? void 0 : et.balance, j = rt(
-          je ?? ne,
+        const ne = yt(u), Ce = (at = (tt = $.value) == null ? void 0 : tt.find(
+          (Q) => Q.id === n._id
+        )) == null ? void 0 : at.balance, C = ut(
+          Ce ?? ne,
           g
-        ), K = g.amount === 0 ? null : lt(j, {
+        ), K = g.amount === 0 ? null : dt(C, {
           ...g,
           amount: Math.abs(g.amount)
-        }), q = K ? Qe(K, B) : null, ie = +N(g), _e = +N(ne), $e = ie - _e, vt = $e * A, yt = _e * A, gt = ie * A;
+        }), q = K ? Qe(K, B) : null, ie = +N(g), _e = +N(ne), $e = ie - _e, kt = $e * A, ht = _e * A, At = ie * A;
         return {
-          id: c._id,
-          code: c.code,
-          name: c.name,
-          baseUnit: c.unit.abbrev,
-          baseUnitAmount: +N(i.baseAmount),
-          ...i.measurementsAmounts.filter((Q) => {
+          id: n._id,
+          code: n.code,
+          name: n.name,
+          costUnit: ((ot = (nt = n.defaultCost) == null ? void 0 : nt.measurement) == null ? void 0 : ot.abbrev) ?? null,
+          baseUnit: n.unit.abbrev,
+          baseUnitAmount: +N(u.baseAmount),
+          ...u.measurementsAmounts.filter((Q) => {
             var oe, ue, Me;
-            return (Me = (ue = (oe = W.value) == null ? void 0 : oe.get(c._id)) == null ? void 0 : ue[0]) == null ? void 0 : Me.includes(Q.measurement.id);
+            return (Me = (ue = (oe = W.value) == null ? void 0 : oe.get(n._id)) == null ? void 0 : ue[0]) == null ? void 0 : Me.includes(Q.measurement.id);
           }).reduce((Q, oe, ue) => (Q[`measurementAbbrev${ue}`] = `(${oe.measurement.abbrev}) × ${N(oe.measurement.conversion)}`, Q[`measurementAmount${ue}`] = +N(oe.amount), Q), {}),
           systemBalance: ie,
           physicalBalance: _e,
-          adjustedAmount: +N(j),
-          adjustedDiffPercentage: q ? +N(ct(q, 2)) : null,
-          isTemplateItem: !l[c._id],
+          adjustedAmount: +N(C),
+          adjustedDiffPercentage: q ? +N(mt(q, 2)) : null,
+          isTemplateItem: !c[n._id],
           costPerUnit: A,
           opening: E,
           varianceQty: $e,
-          varianceRM: vt,
-          stockTakeValue: yt,
-          systemValue: gt,
+          varianceRM: kt,
+          stockTakeValue: ht,
+          systemValue: At,
           adjustmentAmounts: ce
         };
-      }).filter((c) => !!(c.isTemplateItem && D.value.templateItem || !c.isTemplateItem && D.value.nonTemplateItem));
+      }).filter((n) => !!(n.isTemplateItem && D.value.templateItem || !n.isTemplateItem && D.value.nonTemplateItem));
     }), Fe = V(() => {
-      var t, d, u, c;
+      var t, d, i, n;
       if (!e.draft) return [];
-      const l = e.draft.approvedAt ? {
+      const c = e.draft.approvedAt ? {
         action: `Approve at ${ve(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((i) => ({
-        action: `Reject at ${ve(i.rejectedAt)}`,
+      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((u) => ({
+        action: `Reject at ${ve(u.rejectedAt)}`,
         // actionAt: e.rejectedAt,
-        actionBy: i.rejectedBy,
-        remark: i.rejectRemark
+        actionBy: u.rejectedBy,
+        remark: u.rejectRemark
       }));
       return [
         {
@@ -1387,25 +1397,25 @@ const sa = ut(
         },
         {
           label: "Using template",
-          value: ((u = e.draft.usingTemplates.find((i) => i)) == null ? void 0 : u.name) ?? "None"
+          value: ((i = e.draft.usingTemplates.find((u) => u)) == null ? void 0 : i.name) ?? "None"
         },
         e.draft.remark ? {
           label: "Remark",
           value: e.draft.remark
         } : null,
-        l ? {
+        c ? {
           label: "Last action",
-          value: l.action
+          value: c.action
         } : null,
-        l && l.actionBy ? {
+        c && c.actionBy ? {
           label: "Last action by",
-          value: (c = l.actionBy) == null ? void 0 : c.name
+          value: (n = c.actionBy) == null ? void 0 : n.name
         } : null,
-        l && l.remark ? {
+        c && c.remark ? {
           label: "Action remark",
-          value: l.remark
+          value: c.remark
         } : null
-      ].filter((i) => i).map((i) => i);
+      ].filter((u) => u).map((u) => u);
     }), xe = [
       {
         label: "Overview",
@@ -1416,28 +1426,28 @@ const sa = ut(
         value: "history"
       }
     ], le = H(xe[0]), me = V(() => {
-      var u, c, i;
-      const l = ((u = e.draft) == null ? void 0 : u.activityLogs) ?? [], t = ((c = e.draft) == null ? void 0 : c.rejectionHistory) ?? [];
+      var i, n, u;
+      const c = ((i = e.draft) == null ? void 0 : i.activityLogs) ?? [], t = ((n = e.draft) == null ? void 0 : n.rejectionHistory) ?? [];
       for (const g of t)
-        l.find(
+        c.find(
           (b) => `${b.action}_${b.performedAt}` == `${z.enum.rejectDraft}_${g.rejectedAt}`
-        ) || l.push({
+        ) || c.push({
           action: z.enum.rejectDraft,
           performedAt: g.rejectedAt,
           performedBy: g.rejectedBy,
           remark: g.rejectRemark
         });
-      return (i = e.draft) != null && i.approvedAt && (l.find(
+      return (u = e.draft) != null && u.approvedAt && (c.find(
         (A) => {
           var b;
           return `${A.action}_${A.performedAt}` == `${z.enum.approveDraft}_${(b = e.draft) == null ? void 0 : b.approvedAt}`;
         }
-      ) || l.push({
+      ) || c.push({
         action: z.enum.approveDraft,
         performedAt: e.draft.approvedAt,
         performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
         remark: e.draft.approveRemark
-      })), l.sort((g, A) => new Date(A.performedAt).getTime() - new Date(g.performedAt).getTime()).map(
+      })), c.sort((g, A) => new Date(A.performedAt).getTime() - new Date(g.performedAt).getTime()).map(
         (g) => ({
           header: Ue(g.action),
           date: ve(g.performedAt),
@@ -1454,30 +1464,30 @@ const sa = ut(
         })
       );
     }), Te = V(() => {
-      var c, i, g, A;
-      if ((c = e == null ? void 0 : e.draft) != null && c.approvedAt) return "Draft is already approved.";
-      if (((i = e.draft) == null ? void 0 : i.status) !== pe.enum.DRAFT) return "Status is not draft.";
-      const l = Se.value.some((b) => b.physicalBalance < 0), t = ((A = (g = m.stockBalance.skus) == null ? void 0 : g.filter((b) => b.balance.amount < 0)) == null ? void 0 : A.map((b) => b.id)) ?? [], d = new Set(Z.value.map((b) => b._id)), u = t.filter((b) => !d.has(b)).length;
+      var n, u, g, A;
+      if ((n = e == null ? void 0 : e.draft) != null && n.approvedAt) return "Draft is already approved.";
+      if (((u = e.draft) == null ? void 0 : u.status) !== pe.enum.DRAFT) return "Status is not draft.";
+      const c = Se.value.some((b) => b.physicalBalance < 0), t = ((A = (g = m.stockBalance.skus) == null ? void 0 : g.filter((b) => b.balance.amount < 0)) == null ? void 0 : A.map((b) => b.id)) ?? [], d = new Set(Z.value.map((b) => b._id)), i = t.filter((b) => !d.has(b)).length;
       return [
-        l ? "Negative total exist." : null,
-        u ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
+        c ? "Negative total exist." : null,
+        i ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
       ].filter((b) => b).join(" ");
     });
-    return (l, t) => {
-      const d = U("FmButtonGroup"), u = U("FmMenuDivider"), c = U("FmCard"), i = U("FmButton"), g = U("FmCircularProgress"), A = U("FmChip"), b = U("FmTextField"), E = U("FmIcon"), ae = U("FmTable"), ce = U("FmSpacer"), ne = U("FmTooltip"), je = U("FmSideSheet");
-      return C(), se(je, {
+    return (c, t) => {
+      const d = U("FmButtonGroup"), i = U("FmMenuDivider"), n = U("FmCard"), u = U("FmButton"), g = U("FmCircularProgress"), A = U("FmChip"), b = U("FmTextField"), E = U("FmIcon"), ae = U("FmTable"), ce = U("FmSpacer"), ne = U("FmTooltip"), Ce = U("FmSideSheet");
+      return j(), se(Ce, {
         "dismiss-away": "",
         "max-width": 9999,
         "model-value": F(w),
-        "onUpdate:modelValue": t[10] || (t[10] = (j) => at(w) ? w.value = j : null),
+        "onUpdate:modelValue": t[10] || (t[10] = (C) => rt(w) ? w.value = C : null),
         header: "Closing details"
       }, {
         "side-sheet-footer": G(() => {
-          var j, K, q, ie;
+          var C, K, q, ie;
           return [
-            s("div", Ea, [
-              ((j = e.draft) == null ? void 0 : j.status) === F(pe).enum.DRAFT ? (C(), L(ee, { key: 0 }, [
-                Te.value ? (C(), se(ne, {
+            r("div", Oa, [
+              ((C = e.draft) == null ? void 0 : C.status) === F(pe).enum.DRAFT ? (j(), L(ee, { key: 0 }, [
+                Te.value ? (j(), se(ne, {
                   key: 0,
                   "z-index": 51
                 }, {
@@ -1485,7 +1495,7 @@ const sa = ut(
                     X(J(Te.value), 1)
                   ]),
                   default: G(() => [
-                    x(i, {
+                    x(u, {
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
@@ -1493,19 +1503,19 @@ const sa = ut(
                     })
                   ]),
                   _: 1
-                })) : (C(), se(i, {
+                })) : (j(), se(u, {
                   key: "approve key",
                   label: "Approve",
                   onClick: t[6] || (t[6] = () => e.draft && F(p).approveDraft(e.draft, () => h("submitted")))
                 }))
               ], 64)) : de("", !0),
-              ((K = e.draft) == null ? void 0 : K.status) === F(pe).enum.DRAFT ? (C(), se(i, {
+              ((K = e.draft) == null ? void 0 : K.status) === F(pe).enum.DRAFT ? (j(), se(u, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
                 onClick: t[7] || (t[7] = () => e.draft && F(p).rejectDraft(e.draft, () => h("submitted")))
               })) : de("", !0),
-              (q = e.draft) != null && q.approvedAt && ((ie = e.draft) == null ? void 0 : ie.status) !== F(pe).enum.COMPLETED ? (C(), se(i, {
+              (q = e.draft) != null && q.approvedAt && ((ie = e.draft) == null ? void 0 : ie.status) !== F(pe).enum.COMPLETED ? (j(), se(u, {
                 key: 2,
                 label: "Sync",
                 loading: S.value,
@@ -1515,7 +1525,7 @@ const sa = ut(
                   }));
                 })
               }, null, 8, ["loading"])) : de("", !0),
-              x(i, {
+              x(u, {
                 label: "Close",
                 variant: "tertiary",
                 onClick: t[9] || (t[9] = (_e) => w.value = !1)
@@ -1524,51 +1534,51 @@ const sa = ut(
           ];
         }),
         default: G(() => [
-          s("div", ra, [
-            s("div", null, [
+          r("div", ua, [
+            r("div", null, [
               x(d, {
                 items: xe,
                 modelValue: le.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (j) => le.value = j)
+                "onUpdate:modelValue": t[0] || (t[0] = (C) => le.value = C)
               }, null, 8, ["modelValue"])
             ]),
-            le.value.value === "overview" ? (C(), L(ee, { key: 0 }, [
-              x(c, {
+            le.value.value === "overview" ? (j(), L(ee, { key: 0 }, [
+              x(n, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
                 default: G(() => {
-                  var j, K;
+                  var C, K;
                   return [
-                    s("div", la, [
-                      t[11] || (t[11] = s("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      s("div", ca, [
-                        s("div", {
-                          class: De(["fm-status-badge", F(Le)(((j = l.draft) == null ? void 0 : j.status) ?? "DRAFT")])
-                        }, J(F(Ue)(((K = l.draft) == null ? void 0 : K.status) ?? "")), 3)
+                    r("div", da, [
+                      t[11] || (t[11] = r("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                      r("div", ma, [
+                        r("div", {
+                          class: De(["fm-status-badge", F(Le)(((C = c.draft) == null ? void 0 : C.status) ?? "DRAFT")])
+                        }, J(F(Ue)(((K = c.draft) == null ? void 0 : K.status) ?? "")), 3)
                       ])
                     ]),
-                    x(u),
-                    s("div", ia, [
-                      (C(!0), L(ee, null, Ce(Fe.value, (q, ie) => (C(), L("div", {
+                    x(i),
+                    r("div", fa, [
+                      (j(!0), L(ee, null, je(Fe.value, (q, ie) => (j(), L("div", {
                         class: "flex flex-col gap-4",
                         key: ie
                       }, [
-                        s("div", ua, [
-                          s("div", da, J(q.label), 1)
+                        r("div", pa, [
+                          r("div", va, J(q.label), 1)
                         ]),
-                        s("div", ma, J(q.value), 1)
+                        r("div", ya, J(q.value), 1)
                       ]))), 128))
                     ])
                   ];
                 }),
                 _: 1
               }),
-              s("div", fa, [
-                s("div", pa, [
-                  t[12] || (t[12] = s("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  v.value ? de("", !0) : (C(), L("div", va, [
-                    l.draft && l.draft.status !== F(pe).enum.COMPLETED ? (C(), se(i, {
+              r("div", ga, [
+                r("div", ba, [
+                  t[12] || (t[12] = r("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
+                  v.value ? de("", !0) : (j(), L("div", ka, [
+                    c.draft && c.draft.status !== F(pe).enum.COMPLETED ? (j(), se(u, {
                       key: 0,
                       label: "Refresh balance",
                       "prepend-icon": "refresh",
@@ -1579,81 +1589,81 @@ const sa = ut(
                       loading: R.value,
                       onClick: be
                     }, null, 8, ["loading"])) : de("", !0),
-                    x(i, {
+                    x(u, {
                       label: "Export data",
                       "prepend-icon": "download",
                       variant: "secondary",
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: t[1] || (t[1] = (j) => l.draft ? F(p).exportDraft(
-                        l.draft,
+                      onClick: t[1] || (t[1] = (C) => c.draft ? F(p).exportDraft(
+                        c.draft,
                         k.value,
                         $.value
                       ) : null)
                     })
                   ]))
                 ]),
-                v.value ? (C(), L("div", ya, [
-                  t[14] || (t[14] = s("div", { class: "h-80" }, null, -1)),
-                  s("div", ga, [
-                    s("div", null, [
+                v.value ? (j(), L("div", ha, [
+                  t[14] || (t[14] = r("div", { class: "h-80" }, null, -1)),
+                  r("div", Aa, [
+                    r("div", null, [
                       x(g, { size: "md" })
                     ]),
-                    t[13] || (t[13] = s("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                    t[13] || (t[13] = r("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
-                  t[15] || (t[15] = s("div", { class: "h-80" }, null, -1))
-                ])) : (C(), L(ee, { key: 1 }, [
-                  s("div", ba, [
-                    s("div", ka, [
+                  t[15] || (t[15] = r("div", { class: "h-80" }, null, -1))
+                ])) : (j(), L(ee, { key: 1 }, [
+                  r("div", xa, [
+                    r("div", _a, [
                       x(A, {
                         label: "Template Item(s)",
                         selected: D.value.templateItem,
-                        onClick: t[2] || (t[2] = (j) => D.value.templateItem = !D.value.templateItem)
+                        onClick: t[2] || (t[2] = (C) => D.value.templateItem = !D.value.templateItem)
                       }, null, 8, ["selected"]),
                       x(A, {
                         label: "Non-template Item(s)",
                         selected: D.value.nonTemplateItem,
-                        onClick: t[3] || (t[3] = (j) => D.value.nonTemplateItem = !D.value.nonTemplateItem)
+                        onClick: t[3] || (t[3] = (C) => D.value.nonTemplateItem = !D.value.nonTemplateItem)
                       }, null, 8, ["selected"])
                     ]),
                     x(b, {
                       modelValue: Ae.value,
-                      "onUpdate:modelValue": t[4] || (t[4] = (j) => Ae.value = j),
+                      "onUpdate:modelValue": t[4] || (t[4] = (C) => Ae.value = C),
                       placeholder: "Filter items"
                     }, null, 8, ["modelValue"])
                   ]),
-                  F(_).skuTags.size ? (C(), L("div", ha, [
-                    (C(!0), L(ee, null, Ce(F(_).skuTags.keys(), (j) => (C(), se(A, {
-                      key: `${j}`,
-                      label: `${j}`,
+                  F(_).skuTags.size ? (j(), L("div", Da, [
+                    (j(!0), L(ee, null, je(F(_).skuTags.keys(), (C) => (j(), se(A, {
+                      key: `${C}`,
+                      label: `${C}`,
                       selectable: "",
-                      selected: f[`${j}`],
-                      onClick: (K) => f[`${j}`] = !f[`${j}`]
+                      selected: f[`${C}`],
+                      onClick: (K) => f[`${C}`] = !f[`${C}`]
                     }, {
                       default: G(() => [
-                        f[`${j}`] ? (C(), se(E, {
+                        f[`${C}`] ? (j(), se(E, {
                           key: 0,
                           name: "check",
                           class: "text-white",
                           size: "sm"
                         })) : de("", !0),
-                        s("span", {
+                        r("span", {
                           class: De([
                             "",
                             {
-                              "text-white fm-typo-en-body-md-600": f[`${j}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !f[`${j}`]
+                              "text-white fm-typo-en-body-md-600": f[`${C}`],
+                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !f[`${C}`]
                             }
                           ])
-                        }, J(j), 3)
+                        }, J(C), 3)
                       ]),
                       _: 2
                     }, 1032, ["label", "selected", "onClick"]))), 128))
                   ])) : de("", !0),
-                  s("div", Aa, [
-                    s("div", {
-                      style: nt({ minWidth: `${he.value}px` })
+                  r("div", wa, [
+                    r("div", {
+                      style: lt({ minWidth: `${he.value}px` })
                     }, [
                       x(ae, {
                         "column-defs": we.value,
@@ -1665,13 +1675,13 @@ const sa = ut(
                 ], 64))
               ])
             ], 64)) : de("", !0),
-            le.value.value === "history" ? (C(), L("div", xa, [
-              me.value.length ? (C(), L("div", wa, [
-                (C(!0), L(ee, null, Ce(me.value, (j, K) => (C(), L(ee, { key: K }, [
-                  s("div", Sa, [
-                    s("div", ja, [
-                      s("div", Ca, [
-                        s("div", {
+            le.value.value === "history" ? (j(), L("div", Sa, [
+              me.value.length ? (j(), L("div", Ba, [
+                (j(!0), L(ee, null, je(me.value, (C, K) => (j(), L(ee, { key: K }, [
+                  r("div", Fa, [
+                    r("div", Ta, [
+                      r("div", $a, [
+                        r("div", {
                           class: De([
                             {
                               "bg-fm-color-primary": K !== 0,
@@ -1681,9 +1691,9 @@ const sa = ut(
                           ])
                         }, null, 2)
                       ]),
-                      t[18] || (t[18] = s("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      s("div", Ba, [
-                        s("div", {
+                      t[18] || (t[18] = r("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                      r("div", Ma, [
+                        r("div", {
                           class: De([
                             {
                               "bg-fm-color-primary": K < me.value.length - 1,
@@ -1694,15 +1704,15 @@ const sa = ut(
                         }, null, 2)
                       ])
                     ]),
-                    s("div", Fa, [
-                      s("div", Ta, J(j.header), 1),
-                      s("div", $a, J(j.date), 1)
+                    r("div", Ra, [
+                      r("div", Ia, J(C.header), 1),
+                      r("div", Pa, J(C.date), 1)
                     ])
                   ]),
-                  s("div", Ma, [
-                    s("div", Ra, [
-                      s("div", Ia, [
-                        s("div", {
+                  r("div", Va, [
+                    r("div", Ua, [
+                      r("div", La, [
+                        r("div", {
                           class: De([
                             {
                               "bg-fm-color-primary": K < me.value.length - 1,
@@ -1713,20 +1723,20 @@ const sa = ut(
                         }, null, 2)
                       ])
                     ]),
-                    s("div", Pa, [
-                      x(c, {
+                    r("div", Ea, [
+                      x(n, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: G(() => [
-                          s("div", Va, [
-                            (C(!0), L(ee, null, Ce(j.info, (q, ie) => (C(), L("div", {
+                          r("div", Ha, [
+                            (j(!0), L(ee, null, je(C.info, (q, ie) => (j(), L("div", {
                               key: ie,
                               class: "flex flex-col gap-4"
                             }, [
-                              s("div", Ua, J(q == null ? void 0 : q.label), 1),
-                              s("div", La, [
-                                (C(!0), L(ee, null, Ce(q == null ? void 0 : q.values, (_e, $e) => (C(), L("div", {
+                              r("div", za, J(q == null ? void 0 : q.label), 1),
+                              r("div", Na, [
+                                (j(!0), L(ee, null, je(q == null ? void 0 : q.values, (_e, $e) => (j(), L("div", {
                                   key: $e,
                                   class: "fm-typo-en-body-lg-600"
                                 }, J(_e), 1))), 128))
@@ -1739,16 +1749,16 @@ const sa = ut(
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (C(), L("div", _a, [
+              ])) : (j(), L("div", Ca, [
                 x(ce),
-                s("div", null, [
-                  s("img", {
-                    src: F(Nt),
+                r("div", null, [
+                  r("img", {
+                    src: F(Qt),
                     alt: "List is empty"
-                  }, null, 8, Da)
+                  }, null, 8, ja)
                 ]),
-                t[16] || (t[16] = s("div", { class: "fm-typo-en-body-lg-600" }, J("No records found"), -1)),
-                t[17] || (t[17] = s("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, J("You can track approval and rejection history here"), -1)),
+                t[16] || (t[16] = r("div", { class: "fm-typo-en-body-lg-600" }, J("No records found"), -1)),
+                t[17] || (t[17] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, J("You can track approval and rejection history here"), -1)),
                 x(ce),
                 x(ce)
               ]))
@@ -1759,13 +1769,13 @@ const sa = ut(
       }, 8, ["model-value"]);
     };
   }
-}), Na = { class: "flex-1 flex flex-col gap-8" }, Oa = { class: "flex flex-col" }, Ka = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ya = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ga = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, on = /* @__PURE__ */ He({
+}), Qa = { class: "flex-1 flex flex-col gap-8" }, Ga = { class: "flex flex-col" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qa = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Za = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ja = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, cn = /* @__PURE__ */ He({
   __name: "ClosingDraftView",
-  setup(n) {
-    const { t: r } = it(), { viewDraft: e } = Ee(), { viewClosingDraftProps: m, viewClosingDraftShow: p } = zt(Ee()), w = ze(), v = sa(), R = Rt(), { breakpoints: S } = Ht();
+  setup(o) {
+    const { t: l } = ft(), { viewDraft: e } = Ee(), { viewClosingDraftProps: m, viewClosingDraftShow: p } = Yt(Ee()), w = ze(), v = ia(), R = Ut(), { breakpoints: S } = Kt();
     w.watchLocation(v.fetchDrafts);
     const k = V(() => v.loading), $ = H(""), P = V(() => S.value.xs || S.value.sm), I = V(() => P.value ? 10 : 20);
-    function o(O) {
+    function s(O) {
       switch (O) {
         case "refresh":
           return v.fetchDrafts();
@@ -1776,27 +1786,27 @@ const sa = ut(
     }
     const _ = V(() => P.value ? [
       {
-        label: r("inventory.common.refresh"),
+        label: l("inventory.common.refresh"),
         value: "refresh",
         isPrimary: !1
       }
     ] : [
       {
-        label: r("inventory.common.refresh"),
+        label: l("inventory.common.refresh"),
         value: "refresh",
         isPrimary: !1
       }
     ]);
     return (O, f) => {
       const y = U("FmTable");
-      return C(), L(ee, null, [
-        x(It, {
-          title: F(r)("inventory.closing.draft.title"),
+      return j(), L(ee, null, [
+        x(Lt, {
+          title: F(l)("inventory.closing.draft.title"),
           actions: _.value,
-          "onClick:action": o
+          "onClick:action": s
         }, {
           default: G(() => [
-            s("div", {
+            r("div", {
               class: De([
                 "flex flex-col gap-8 max-h-full",
                 {
@@ -1805,14 +1815,14 @@ const sa = ut(
                 }
               ])
             }, [
-              x(Pt, {
+              x(Et, {
                 "change-location": "",
                 searchable: "",
                 search: $.value,
                 "onUpdate:search": f[0] || (f[0] = (h) => $.value = h)
               }, null, 8, ["search"]),
               x(y, {
-                style: nt(F(R).tableHeight),
+                style: lt(F(R).tableHeight),
                 "column-defs": F(v).columnDefs,
                 "row-data": F(v).drafts,
                 "search-value": $.value,
@@ -1821,39 +1831,39 @@ const sa = ut(
                 "page-size": I.value
               }, {
                 "list-row": G((h) => [
-                  x(Vt, {
+                  x(Ht, {
                     row: h,
                     onRowClick: (D) => F(e)(D)
                   }, {
                     default: G((D) => {
                       var M, Z, W, re, B, te, be, ke, fe, ye, ge, Y, we, he, Ae, Se, Fe, xe, le, me;
                       return [
-                        s("div", Na, [
-                          s("div", Oa, [
-                            s("div", Ka, [
+                        r("div", Qa, [
+                          r("div", Ga, [
+                            r("div", Wa, [
                               x(F(Pe), {
                                 render: (W = (Z = (M = D._id) == null ? void 0 : M.column) == null ? void 0 : Z.columnDef) == null ? void 0 : W.cell,
                                 props: (B = (re = D._id) == null ? void 0 : re.getContext) == null ? void 0 : B.call(re)
                               }, null, 8, ["render", "props"])
                             ]),
-                            s("div", Ya, [
+                            r("div", qa, [
                               x(F(Pe), {
                                 render: (ke = (be = (te = D.name) == null ? void 0 : te.column) == null ? void 0 : be.columnDef) == null ? void 0 : ke.cell,
                                 props: (ye = (fe = D.name) == null ? void 0 : fe.getContext) == null ? void 0 : ye.call(fe)
                               }, null, 8, ["render", "props"])
                             ]),
-                            s("div", Qa, J([
+                            r("div", Za, J([
                               ...h.original.items.slice(0, 3).map((Te) => Te.sku.name),
                               ...h.original.items.length >= 3 ? [`and ${h.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            s("div", Ga, [
+                            r("div", Ja, [
                               x(F(Pe), {
                                 render: (we = (Y = (ge = D.ref) == null ? void 0 : ge.column) == null ? void 0 : Y.columnDef) == null ? void 0 : we.cell,
                                 props: (Ae = (he = D.ref) == null ? void 0 : he.getContext) == null ? void 0 : Ae.call(he)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
-                          s("div", null, [
+                          r("div", null, [
                             x(F(Pe), {
                               render: (xe = (Fe = (Se = D.status) == null ? void 0 : Se.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : xe.cell,
                               props: (me = (le = D.status) == null ? void 0 : le.getContext) == null ? void 0 : me.call(le)
@@ -1871,10 +1881,10 @@ const sa = ut(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (C(), se(At, { to: "body" }, [
-          x(za, xt(F(m), {
+        (j(), se(wt, { to: "body" }, [
+          x(Ya, St(F(m), {
             show: F(p),
-            "onUpdate:show": f[2] || (f[2] = (h) => at(p) ? p.value = h : null),
+            "onUpdate:show": f[2] || (f[2] = (h) => rt(p) ? p.value = h : null),
             onSubmitted: f[3] || (f[3] = () => (p.value = !1, F(v).fetchDrafts())),
             onRefresh: f[4] || (f[4] = (h) => F(v).updateDraftRef(h))
           }), null, 16, ["show"])
@@ -1884,5 +1894,5 @@ const sa = ut(
   }
 });
 export {
-  on as default
+  cn as default
 };