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

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

@@ -1,47 +1,47 @@
-import { defineComponent as Re, ref as Y, computed as M, onMounted as et, resolveComponent as K, openBlock as w, createElementBlock as V, Fragment as se, createTextVNode as le, createBlock as re, withCtx as O, createElementVNode as s, toDisplayString as Z, unref as g, createVNode as k, createCommentVNode as J, h as F, watch as Ee, renderList as $e, reactive as Mt, isRef as bt, normalizeClass as Be, normalizeStyle as ht, Teleport as Lt, mergeProps as Nt } from "vue";
+import { defineComponent as Re, ref as Y, computed as M, onMounted as et, resolveComponent as K, openBlock as F, createElementBlock as P, Fragment as oe, createTextVNode as re, createBlock as ce, withCtx as O, createElementVNode as s, toDisplayString as Z, unref as g, createVNode as k, createCommentVNode as J, h as B, watch as ze, renderList as $e, reactive as Mt, isRef as bt, normalizeClass as Be, normalizeStyle as ht, Teleport as Lt, mergeProps as Nt } from "vue";
 import { F as Je, u as Et, _ as zt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
 import { useCoreStore as kt, useI18n as _t } from "@feedmepos/mf-common";
 import { useSnackbar as tt, useDialog as Ht, components as ge, useProxiedModel as Ot, useBreakpoints as Kt } from "@feedmepos/ui-library";
-import { o as Yt, u as Qe, I as Q, s as E, J as Dt, K as ye, A as ze, v as He, c as Qt, a as qt } from "./app-Bjay8ZJ5.js";
+import { o as Yt, u as qe, I as Q, s as E, J as Dt, K as be, A as He, v as Oe, c as Qt, a as qt } from "./app-C41vbTKc.js";
 import { defineStore as xt, storeToRefs as Gt } from "pinia";
-import { d as Ke, e as At, f as Wt, a as be } from "./date2-B_lTiq7I.js";
-import { R as Zt, f as at, a as Xe, t as Jt, d as Ue, o as wt, p as St, m as Ct, l as Xt } from "./rules-DjxvXDCJ.js";
-import { b as ea, d as ta } from "./xlsx.util-DZQY0lcX.js";
-import { u as Ft } from "./stock-CDjjsIcF.js";
-import { u as nt } from "./stock-CDJQ4ioF.js";
-import { D as yt, R as Fe } from "./row-action.enum-BcW_L_nE.js";
-import { c as aa, _ as na, F as Ne } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
-import { f as oa } from "./format-time-from-id-hy7GW498.js";
-import { _ as sa } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-wcHAgT4a.js";
+import { d as Ye, e as At, f as Wt, a as ye } from "./date2-CMZo42ry.js";
+import { R as Zt, f as at, a as Xe, t as Jt, d as Ue, o as St, p as wt, m as Ft, l as Xt } from "./rules-D2ifX1qj.js";
+import { b as ea, d as ta } from "./xlsx.util-D-mF9Cdj.js";
+import { u as Ct } from "./stock-S6w8LDdV.js";
+import { u as nt } from "./stock-BS7XBKNg.js";
+import { D as yt, R as Ce } from "./row-action.enum-BcW_L_nE.js";
+import { c as aa, _ as na, F as Ee } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
+import { f as oa } from "./format-time-from-id-CZXW775p.js";
+import { _ as sa } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CQiU_sGW.js";
 import { E as ra } from "./empty-placeholder-wf6-BWE8.js";
-import { u as la } from "./vue-i18n-vRV47l8x.js";
-const qe = Yt((c, r) => {
+import { u as la } from "./vue-i18n-ChDJFBbd.js";
+const Ge = Yt((i, r) => {
   function e() {
-    return Qe().currentLocation.dbName;
+    return qe().currentLocation.dbName;
   }
   return {
     async getDraft(d) {
-      const _ = e(), y = `${c.inventoryBackendUrl}/${_}/closing-draft/${d}`;
+      const _ = e(), y = `${i.inventoryBackendUrl}/${_}/closing-draft/${d}`;
       return r.get(y);
     },
     async readDrafts() {
-      const d = e(), _ = `${c.inventoryBackendUrl}/${d}/closing-draft`;
+      const d = e(), _ = `${i.inventoryBackendUrl}/${d}/closing-draft`;
       return r.get(_);
     },
     async runOperation(d) {
-      const _ = e(), y = `${c.inventoryBackendUrl}/${_}/closing-draft/run-operation`;
+      const _ = e(), y = `${i.inventoryBackendUrl}/${_}/closing-draft/run-operation`;
       return r.post(y, d);
     },
     async runOperationV1(d) {
-      const _ = e(), y = `${c.inventoryBackendUrl}/${_}/closing-draft/v1/run-operation`;
+      const _ = e(), y = `${i.inventoryBackendUrl}/${_}/closing-draft/v1/run-operation`;
       return r.post(y, d);
     },
     async sync(d) {
-      const _ = e(), y = `${c.inventoryBackendUrl}/${_}/closing-draft/sync`;
+      const _ = e(), y = `${i.inventoryBackendUrl}/${_}/closing-draft/sync`;
       return r.post(y, d);
     },
     async cloneDraft(d) {
-      const _ = e(), y = `${c.inventoryBackendUrl}/${_}/closing-draft/${d}/clone`;
+      const _ = e(), y = `${i.inventoryBackendUrl}/${_}/closing-draft/${d}/clone`;
       return r.post(y, {});
     }
   };
@@ -59,8 +59,8 @@ const qe = Yt((c, r) => {
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(c) {
-    const r = c, e = Y(), d = qe(), _ = tt(), y = Y(!1), f = Y(null), T = Y(!1), R = M(() => {
+  setup(i) {
+    const r = i, e = Y(), d = Ge(), _ = tt(), y = Y(!1), f = Y(null), j = Y(!1), V = M(() => {
       switch (r.action) {
         case Q.enum.approveDraft:
           return "Approve";
@@ -70,7 +70,7 @@ const qe = Yt((c, r) => {
           return "Mark as Failed";
       }
       throw new Error(`Unknown action: ${r.action}`);
-    }), j = M(() => {
+    }), T = M(() => {
       switch (r.action) {
         case Q.enum.approveDraft:
           return "primary";
@@ -88,11 +88,11 @@ const qe = Yt((c, r) => {
         const m = new Date(r.draft.createdAt);
         m.setHours(23, 59, 59, 999), f.value = m;
       }
-      T.value = !0;
+      j.value = !0;
     });
     const x = M({
       get() {
-        return f.value === null ? "" : Ke(f.value);
+        return f.value === null ? "" : Ye(f.value);
       },
       set(m) {
         if (m) {
@@ -148,8 +148,8 @@ const qe = Yt((c, r) => {
       }
     }
     return (m, t) => {
-      const S = K("FmLabel"), P = K("FmDatePicker"), z = K("FmTimePicker"), h = K("FmTextField"), p = K("FmButton"), $ = K("FmForm");
-      return T.value ? (w(), re($, {
+      const S = K("FmLabel"), R = K("FmDatePicker"), z = K("FmTimePicker"), h = K("FmTextField"), p = K("FmButton"), w = K("FmForm");
+      return j.value ? (F(), ce(w, {
         key: 1,
         onValidationSuccess: W,
         class: "flex flex-col gap-32",
@@ -157,25 +157,25 @@ const qe = Yt((c, r) => {
       }, {
         default: O(() => [
           s("div", ia, [
-            t[5] || (t[5] = le(" You are about to ")),
-            s("span", ca, Z(R.value), 1),
-            t[6] || (t[6] = le(" this draft. Please provide a remark to justify this action. "))
+            t[5] || (t[5] = re(" You are about to ")),
+            s("span", ca, Z(V.value), 1),
+            t[6] || (t[6] = re(" this draft. Please provide a remark to justify this action. "))
           ]),
-          m.action === g(Q).enum.approveDraft ? (w(), V("div", ua, [
+          m.action === g(Q).enum.approveDraft ? (F(), P("div", ua, [
             k(S, { class: "fm-typo-en-body-lg-600" }, {
               default: O(() => t[7] || (t[7] = [
-                le("Closing Date")
+                re("Closing Date")
               ])),
               _: 1
             }),
-            k(P, {
+            k(R, {
               modelValue: x.value,
               "onUpdate:modelValue": t[0] || (t[0] = (H) => x.value = H),
-              max: g(Ke)(/* @__PURE__ */ new Date())
+              max: g(Ye)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
             k(S, { class: "fm-typo-en-body-lg-600" }, {
               default: O(() => t[8] || (t[8] = [
-                le("Closing Time")
+                re("Closing Time")
               ])),
               _: 1
             }),
@@ -183,7 +183,7 @@ const qe = Yt((c, r) => {
               modelValue: D.value,
               "onUpdate:modelValue": t[1] || (t[1] = (H) => D.value = H)
             }, null, 8, ["modelValue"]),
-            I.value ? (w(), V("div", da, " Cannot select future date ")) : J("", !0)
+            I.value ? (F(), P("div", da, " Cannot select future date ")) : J("", !0)
           ])) : J("", !0),
           k(h, {
             modelValue: e.value,
@@ -198,13 +198,13 @@ const qe = Yt((c, r) => {
               variant: "tertiary",
               onClick: t[3] || (t[3] = (H) => m.onCancel())
             }),
-            m.action === g(Q).enum.approveDraft ? (w(), re(Je, { key: 0 }, {
+            m.action === g(Q).enum.approveDraft ? (F(), ce(Je, { key: 0 }, {
               default: O(() => [
                 k(p, {
                   label: "Approve (Legacy)",
                   type: "button",
                   onClick: t[4] || (t[4] = (H) => W(!0)),
-                  variant: j.value,
+                  variant: T.value,
                   loading: y.value,
                   disabled: I.value
                 }, null, 8, ["variant", "loading", "disabled"])
@@ -212,58 +212,58 @@ const qe = Yt((c, r) => {
               _: 1
             })) : J("", !0),
             k(p, {
-              label: R.value,
+              label: V.value,
               type: "submit",
-              variant: j.value,
+              variant: T.value,
               loading: y.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (w(), V(se, { key: 0 }, [
-        le("Loading")
+      }, 8, ["disabled"])) : (F(), P(oe, { key: 0 }, [
+        re("Loading")
       ], 64));
     };
   }
 }), fa = Ue(0);
-function $t(c) {
-  const r = c.measurementsAmounts.groupBy((d) => d.measurement.id), e = c.sku.unit.measurements.reduce((d, _) => {
-    var T, R;
-    const y = ((R = (T = r.get(_.id)) == null ? void 0 : T[0]) == null ? void 0 : R.amount) ?? fa, f = at(_.conversion, y);
+function $t(i) {
+  const r = i.measurementsAmounts.groupBy((d) => d.measurement.id), e = i.sku.unit.measurements.reduce((d, _) => {
+    var j, V;
+    const y = ((V = (j = r.get(_.id)) == null ? void 0 : j[0]) == null ? void 0 : V.amount) ?? fa, f = at(_.conversion, y);
     return d + +Xe(f);
-  }, +Xe(c.baseAmount));
-  return Jt(e, c.baseAmount.precision);
+  }, +Xe(i.baseAmount));
+  return Jt(e, i.baseAmount.precision);
 }
 const pa = Ue(0), va = Ue(100), Bt = "N/A";
-function ga(c, r, e, d, _, y) {
-  var q, B, b, G, ne;
-  const f = $t(c), T = d ?? f, R = wt(T, r), j = r.amount === 0 ? null : St(R, {
+function ga(i, r, e, d, _, y) {
+  var q, C, b, G, ne;
+  const f = $t(i), j = d ?? f, V = St(j, r), T = r.amount === 0 ? null : wt(V, {
     ...r,
     amount: Math.abs(r.amount)
-  }), x = j ? at(j, va) : null, D = ((q = c.sku.defaultCost) == null ? void 0 : q.costPerUnit) ?? { amount: 0, precision: 0 }, I = Number(E.toFormatString({ value: D })), W = ((b = (B = c.sku.defaultCost) == null ? void 0 : B.measurement) == null ? void 0 : b.conversion) ?? {
+  }), x = T ? at(T, va) : null, D = ((q = i.sku.defaultCost) == null ? void 0 : q.costPerUnit) ?? { amount: 0, precision: 0 }, I = Number(E.toFormatString({ value: D })), W = ((b = (C = i.sku.defaultCost) == null ? void 0 : C.measurement) == null ? void 0 : b.conversion) ?? {
     amount: 1,
     precision: 0
   }, m = Number(
     E.toFormatString({ value: W })
-  ), t = _ ? Number(E.toFormatString({ value: _ })) : 0, S = Number(E.toFormatString({ value: r })), P = Number(E.toFormatString({ value: T })), z = S - P, h = z * I / m, p = P * I / m, $ = S * I / m;
+  ), t = _ ? Number(E.toFormatString({ value: _ })) : 0, S = Number(E.toFormatString({ value: r })), R = Number(E.toFormatString({ value: j })), z = S - R, h = z * I / m, p = R * I / m, w = S * I / m;
   return {
-    code: c.sku.code,
-    name: c.sku.name,
-    baseUnit: c.sku.unit.abbrev,
-    costUnit: ((ne = (G = c.sku.defaultCost) == null ? void 0 : G.measurement) == null ? void 0 : ne.abbrev) ?? null,
-    baseUnitAmount: Number(E.toFormatString({ value: c.baseAmount })),
-    ...c.measurementsAmounts.filter(
-      (oe) => ya(oe.measurement) && e.includes(oe.measurement.id)
+    code: i.sku.code,
+    name: i.sku.name,
+    baseUnit: i.sku.unit.abbrev,
+    costUnit: ((ne = (G = i.sku.defaultCost) == null ? void 0 : G.measurement) == null ? void 0 : ne.abbrev) ?? null,
+    baseUnitAmount: Number(E.toFormatString({ value: i.baseAmount })),
+    ...i.measurementsAmounts.filter(
+      (se) => ya(se.measurement) && e.includes(se.measurement.id)
     ).reduce(
-      (oe, ie, me) => (oe[`measurementAbbrev${me}`] = `(${ie.measurement.abbrev}) × ${E.toFormatString({ value: ie.measurement.conversion })}`, oe[`measurementAmount${me}`] = Number(E.toFormatString({ value: ie.amount })), oe),
+      (se, le, me) => (se[`measurementAbbrev${me}`] = `(${le.measurement.abbrev}) × ${E.toFormatString({ value: le.measurement.conversion })}`, se[`measurementAmount${me}`] = Number(E.toFormatString({ value: le.amount })), se),
       {}
     ),
     systemBalance: S,
-    physicalBalance: P,
-    adjustedAmount: Number(E.toFormatString({ value: R })),
+    physicalBalance: R,
+    adjustedAmount: Number(E.toFormatString({ value: V })),
     adjustedDiffPercentage: x ? Number(
       E.toFormatString({
-        value: Ct(x, 2)
+        value: Ft(x, 2)
       })
     ) : null,
     costPerUnit: I,
@@ -272,15 +272,15 @@ function ga(c, r, e, d, _, y) {
     varianceQty: z,
     varianceInCost: h,
     stockTakeValue: p,
-    systemValue: $
+    systemValue: w
   };
 }
-function ya(c) {
-  return !c.abbrev.toLocaleLowerCase().includes("inactive");
+function ya(i) {
+  return !i.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function ba(c) {
-  const r = Tt(c);
-  return c.reduce(
+function ba(i) {
+  const r = Tt(i);
+  return i.reduce(
     (e, d) => {
       var _;
       return Math.max(e, ((_ = r == null ? void 0 : r.get(d.sku._id)) == null ? void 0 : _[0].length) ?? 0);
@@ -288,13 +288,13 @@ function ba(c) {
     0
   );
 }
-function Tt(c) {
-  return c.groupBy(
+function Tt(i) {
+  return i.groupBy(
     (r) => r.sku._id,
     (r) => r.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
   );
 }
-function ha(c) {
+function ha(i) {
   const r = Dt(), e = r === "MYR" ? "RM" : r;
   return [
     {
@@ -361,7 +361,7 @@ function ha(c) {
       id: "baseUnitAmount",
       name: "Base unit amount"
     },
-    ...Array.from({ length: c }).flatMap((_, y) => [
+    ...Array.from({ length: i }).flatMap((_, y) => [
       {
         id: `measurementAmount${y}`,
         name: `UOM amount ${y + 1}`
@@ -373,8 +373,8 @@ function ha(c) {
     ])
   ];
 }
-function ka(c, r, e) {
-  var z, h, p, $, H, q, B;
+function ka(i, r, e) {
+  var z, h, p, w, H, q, C;
   const d = r.groupBy(
     (b) => b.id,
     (b) => b.balance
@@ -382,52 +382,52 @@ function ka(c, r, e) {
     (b) => b.id,
     (b) => b.balance
   ), y = /* @__PURE__ */ new Map();
-  if (c.opening)
-    for (const b of c.opening)
+  if (i.opening)
+    for (const b of i.opening)
       y.set(b.skuId, b.balance);
   const f = /* @__PURE__ */ new Map();
-  if (c.adjustmentSnapshot)
-    for (const b of c.adjustmentSnapshot) {
+  if (i.adjustmentSnapshot)
+    for (const b of i.adjustmentSnapshot) {
       const G = Object.keys(b.adjustmentsByType).join(", ");
       f.set(b.skuId, G || Bt);
     }
-  const T = [...c.items, ...c.negativeStockItems ?? []], R = Tt(T), j = T.map((b) => {
+  const j = [...i.items, ...i.negativeStockItems ?? []], V = Tt(j), T = j.map((b) => {
     var me, he, ke;
-    const G = ((me = d.get(b.sku._id)) == null ? void 0 : me[0]) ?? pa, ne = ((he = R == null ? void 0 : R.get(b.sku._id)) == null ? void 0 : he[0]) ?? [], oe = y.get(b.sku._id), ie = f.get(b.sku._id);
+    const G = ((me = d.get(b.sku._id)) == null ? void 0 : me[0]) ?? pa, ne = ((he = V == null ? void 0 : V.get(b.sku._id)) == null ? void 0 : he[0]) ?? [], se = y.get(b.sku._id), le = f.get(b.sku._id);
     return ga(
       b,
       G,
       ne,
       (ke = _.get(b.sku._id)) == null ? void 0 : ke[0],
-      oe,
-      ie
+      se,
+      le
     );
-  }), x = ba(T), I = kt().currentBusiness.value, W = ha(x), m = [
+  }), x = ba(j), I = kt().currentBusiness.value, W = ha(x), m = [
     ["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(c.createdAt)],
-    ["Created by", (z = c.createdBy) == null ? void 0 : z.name],
-    ["Updated at", new Date(c.updatedAt)],
-    ["Updated by", (h = c.updatedBy) == null ? void 0 : h.name],
-    ["Recent action", c.approvedAt ? "Approve" : c.rejectionHistory ? "Reject" : ""],
+    ["Created at", new Date(i.createdAt)],
+    ["Created by", (z = i.createdBy) == null ? void 0 : z.name],
+    ["Updated at", new Date(i.updatedAt)],
+    ["Updated by", (h = i.updatedBy) == null ? void 0 : h.name],
+    ["Recent action", i.approvedAt ? "Approve" : i.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      c.approvedAt ? (p = c.approvedBy) == null ? void 0 : p.name : c.rejectionHistory ? (H = ($ = c.rejectionHistory[0]) == null ? void 0 : $.rejectedBy) == null ? void 0 : H.name : ""
+      i.approvedAt ? (p = i.approvedBy) == null ? void 0 : p.name : i.rejectionHistory ? (H = (w = i.rejectionHistory[0]) == null ? void 0 : w.rejectedBy) == null ? void 0 : H.name : ""
     ],
     [
       "Action at",
-      c.approvedAt ? new Date(c.approvedAt) : c.rejectionHistory ? new Date((q = c.rejectionHistory[0]) == null ? void 0 : q.rejectedAt) : ""
+      i.approvedAt ? new Date(i.approvedAt) : i.rejectionHistory ? new Date((q = i.rejectionHistory[0]) == null ? void 0 : q.rejectedAt) : ""
     ],
     [
       "Action remark",
-      c.approvedAt ? c.approveRemark : c.rejectionHistory ? new Date((B = c.rejectionHistory[0]) == null ? void 0 : B.rejectRemark) : ""
+      i.approvedAt ? i.approveRemark : i.rejectionHistory ? new Date((C = i.rejectionHistory[0]) == null ? void 0 : C.rejectRemark) : ""
     ],
     [],
     W.map((b) => b.name),
-    ...j.map((b) => W.map((G) => b[G.id]))
-  ], t = W.map((b) => `system:${b.id}`), S = ea(m, t), P = `[${I == null ? void 0 : I.name}] closing draft (${Wt(new Date(c.updatedAt))}).xlsx`;
-  return ta(S, P), P;
+    ...T.map((b) => W.map((G) => b[G.id]))
+  ], t = W.map((b) => `system:${b.id}`), S = ea(m, t), R = `[${I == null ? void 0 : I.name}] closing draft (${Wt(new Date(i.updatedAt))}).xlsx`;
+  return ta(S, R), R;
 }
 const _a = { class: "flex flex-col" }, Da = {
   key: 0,
@@ -439,26 +439,26 @@ const _a = { class: "flex flex-col" }, Da = {
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(c) {
-    const r = c;
+  setup(i) {
+    const r = i;
     nt();
     const e = Y(!1), d = Y(null), _ = Y(!1);
     et(() => {
       if (r.draft.effectiveAt)
         d.value = new Date(r.draft.effectiveAt);
       else {
-        const j = new Date(r.draft.createdAt);
-        j.setHours(23, 59, 59, 999), d.value = j;
+        const T = new Date(r.draft.createdAt);
+        T.setHours(23, 59, 59, 999), d.value = T;
       }
       _.value = !0;
     });
     const y = M({
       get() {
-        return d.value === null ? "" : Ke(d.value);
+        return d.value === null ? "" : Ye(d.value);
       },
-      set(j) {
-        if (j) {
-          const x = /* @__PURE__ */ new Date(`${j} ${f.value}`);
+      set(T) {
+        if (T) {
+          const x = /* @__PURE__ */ new Date(`${T} ${f.value}`);
           x.setSeconds(59, 999), d.value = x;
         } else
           d.value = null;
@@ -467,53 +467,53 @@ const _a = { class: "flex flex-col" }, Da = {
       get() {
         return d.value === null ? "" : At(d.value);
       },
-      set(j) {
-        if (j) {
-          const x = /* @__PURE__ */ new Date(`${y.value} ${j}`);
+      set(T) {
+        if (T) {
+          const x = /* @__PURE__ */ new Date(`${y.value} ${T}`);
           x.setSeconds(59, 999), d.value = x;
         } else
           d.value = null;
       }
-    }), T = M(() => d.value ? d.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
-    async function R() {
+    }), j = M(() => d.value ? d.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function V() {
       e.value = !0, r.onFinished(d.value.toISOString());
     }
-    return (j, x) => {
+    return (T, x) => {
       const D = K("FmLabel"), I = K("FmDatePicker"), W = K("FmTimePicker"), m = K("FmButton"), t = K("FmForm");
-      return _.value ? (w(), re(t, {
+      return _.value ? (F(), ce(t, {
         key: 1,
-        onValidationSuccess: R,
+        onValidationSuccess: V,
         class: "flex flex-col gap-32",
         disabled: e.value
       }, {
         default: O(() => [
           x[5] || (x[5] = s("div", { class: "fm-typo-en-body-lg-400" }, [
             s("p", null, [
-              le(" Performing "),
+              re(" Performing "),
               s("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
-              le(" until closing effective date and time. ")
+              re(" until closing effective date and time. ")
             ]),
             s("p", { class: "mt-2" }, [
-              le(" Please note that this action will "),
+              re(" Please note that this action will "),
               s("b", null, "update"),
-              le(" the effective date and time. ")
+              re(" the effective date and time. ")
             ])
           ], -1)),
           s("div", _a, [
             k(D, { class: "fm-typo-en-body-lg-600" }, {
               default: O(() => x[3] || (x[3] = [
-                le("Closing Date")
+                re("Closing Date")
               ])),
               _: 1
             }),
             k(I, {
               modelValue: y.value,
               "onUpdate:modelValue": x[0] || (x[0] = (S) => y.value = S),
-              max: g(Ke)(/* @__PURE__ */ new Date())
+              max: g(Ye)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
             k(D, { class: "fm-typo-en-body-lg-600" }, {
               default: O(() => x[4] || (x[4] = [
-                le("Closing Time")
+                re("Closing Time")
               ])),
               _: 1
             }),
@@ -521,42 +521,42 @@ const _a = { class: "flex flex-col" }, Da = {
               modelValue: f.value,
               "onUpdate:modelValue": x[1] || (x[1] = (S) => f.value = S)
             }, null, 8, ["modelValue"]),
-            T.value ? (w(), V("div", Da, " Cannot select future date ")) : J("", !0)
+            j.value ? (F(), P("div", Da, " Cannot select future date ")) : J("", !0)
           ]),
           s("div", xa, [
             k(m, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: x[2] || (x[2] = (S) => j.onCancel())
+              onClick: x[2] || (x[2] = (S) => T.onCancel())
             }),
             k(m, {
               label: "Refresh balance",
               type: "submit",
               variant: "primary",
               loading: e.value,
-              disabled: T.value
+              disabled: j.value
             }, null, 8, ["loading", "disabled"])
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (w(), V(se, { key: 0 }, [
-        le("Loading")
+      }, 8, ["disabled"])) : (F(), P(oe, { key: 0 }, [
+        re("Loading")
       ], 64));
     };
   }
-}), Ye = xt(
+}), Qe = xt(
   "closingDraftActions",
   function() {
-    const r = Ht(), e = tt(), d = nt(), _ = qe(), y = Ft(), f = Y(!1), T = Y();
-    function R(h) {
+    const r = Ht(), e = tt(), d = nt(), _ = Ge(), y = Ct(), f = Y(!1), j = Y();
+    function V(h) {
       const p = {
         draft: h
       };
-      T.value = p, f.value = !0;
+      j.value = p, f.value = !0;
     }
-    async function j(h) {
-      var $;
-      if (h.status === ye.enum.COMPLETED) {
+    async function T(h) {
+      var w;
+      if (h.status === be.enum.COMPLETED) {
         const H = h.closingAdjustmentId;
         if (!H)
           return e.open({
@@ -573,15 +573,15 @@ const _a = { class: "flex flex-col" }, Da = {
           costs: b.fromCostBalances
         }));
       } else
-        return await y.readStockBalance(), (($ = y.stockBalance) == null ? void 0 : $.skus) ?? [];
+        return await y.readStockBalance(), ((w = y.stockBalance) == null ? void 0 : w.skus) ?? [];
     }
-    async function x(h, p, $) {
+    async function x(h, p, w) {
       p || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), p = await j(h)), ka(h, p, $ ?? []);
+      }), p = await T(h)), ka(h, p, w ?? []);
     }
-    function D(h, p) {
+    function D(h, p, w) {
       r.open({
         title: "Approve draft",
         contentComponent: Ze,
@@ -591,8 +591,12 @@ const _a = { class: "flex flex-col" }, Da = {
           onFinished: () => {
             r.close(), p == null || p();
           },
-          onCancel: () => r.close()
+          onCancel: () => {
+            r.close();
+          }
         }
+      }).onClose(() => {
+        w == null || w();
       });
     }
     function I(h, p) {
@@ -640,14 +644,14 @@ const _a = { class: "flex flex-col" }, Da = {
     function t() {
       f.value = !1;
     }
-    async function S(h, p, $) {
+    async function S(h, p, w) {
       await r.open({
         title: "Refresh balance",
         contentComponent: Aa,
         contentComponentProps: {
           draft: h,
           onFinished: (H) => {
-            r.close(), $ == null || $(H);
+            r.close(), w == null || w(H);
           },
           onCancel: async () => {
             r.close(), p == null || p();
@@ -655,7 +659,7 @@ const _a = { class: "flex flex-col" }, Da = {
         }
       });
     }
-    async function P(h) {
+    async function R(h) {
       await r.open({
         title: "Invalidate closing draft cache",
         message: "It will invalidate opening and stock movement cache for this draft.",
@@ -679,16 +683,16 @@ const _a = { class: "flex flex-col" }, Da = {
           message: "Draft cloned successfully",
           type: "success"
         }), p == null || p();
-      } catch ($) {
+      } catch (w) {
         e.open({
           title: "Error",
-          message: ($ == null ? void 0 : $.message) || "Failed to clone draft",
+          message: (w == null ? void 0 : w.message) || "Failed to clone draft",
           type: "error"
         });
       }
     }
     return {
-      viewDraft: R,
+      viewDraft: V,
       closeDraftDialog: t,
       approveDraft: D,
       rejectDraft: I,
@@ -698,13 +702,13 @@ const _a = { class: "flex flex-col" }, Da = {
       refreshBalance: S,
       cloneDraft: z,
       viewClosingDraftShow: f,
-      viewClosingDraftProps: T,
-      invalidateDraftCache: P
+      viewClosingDraftProps: j,
+      invalidateDraftCache: R
     };
   }
 );
-function Oe(c) {
-  switch (c) {
+function Ke(i) {
+  switch (i) {
     case "DRAFT":
       return "fm-status-badge-draft";
     case "PROCESSING":
@@ -715,15 +719,15 @@ function Oe(c) {
       return "fm-status-badge-complete";
   }
 }
-const wa = xt(
+const Sa = xt(
   "closingDraftTable",
   function() {
-    const { t: r } = _t(), e = kt(), d = Ye(), _ = Y(new Array()), y = Y(!1), f = Qe(), T = qe();
-    async function R() {
+    const { t: r } = _t(), e = kt(), d = Qe(), _ = Y(new Array()), y = Y(!1), f = qe(), j = Ge();
+    async function V() {
       if (_.value = [], !!f._currentLocation) {
         y.value = !0;
         try {
-          const [m] = await Promise.all([T.readDrafts()]).delayed(1e3);
+          const [m] = await Promise.all([j.readDrafts()]).delayed(1e3);
           _.value = m.reverse();
         } catch (m) {
           console.log("Something went wrong when fetching drafts:", m);
@@ -732,12 +736,12 @@ const wa = xt(
         }
       }
     }
-    async function j(m) {
+    async function T(m) {
       if (!_.value.find((t) => t._id) && f._currentLocation) {
         y.value = !0;
         try {
           const [t] = await Promise.all([
-            T.getDraft(m),
+            j.getDraft(m),
             new Promise((S) => setTimeout(S, 1e3))
           ]);
           _.value = [t];
@@ -755,13 +759,13 @@ const wa = xt(
       } : t);
     }
     function D() {
-      d.closeDraftDialog(), R();
+      d.closeDraftDialog(), V();
     }
     function I(m, t) {
       switch (t = Qt(t), m) {
-        case Fe.Details:
+        case Ce.Details:
           return d.viewDraft(t);
-        case Fe.Export:
+        case Ce.Export:
           return d.exportDraft(t);
         case Q.enum.approveDraft:
           return d.approveDraft(t, D);
@@ -769,7 +773,7 @@ const wa = xt(
           return d.rejectDraft(t, D);
         case Q.enum.markAsFailed:
           return d.markAsFailed(t, D);
-        case Fe.Duplicate:
+        case Ce.Duplicate:
           return d.cloneDraft(t, D);
       }
     }
@@ -790,14 +794,14 @@ const wa = xt(
           cell(m) {
             const t = m.row.original;
             let S = m.getValue();
-            return S || (S = ze(t._id)), be(S);
+            return S || (S = He(t._id)), ye(S);
           },
           enableSorting: !0,
           size: 200
         },
         {
           id: "updatedAt",
-          accessorFn: (m) => be(m.updatedAt),
+          accessorFn: (m) => ye(m.updatedAt),
           header: () => "Updated at",
           enableSorting: !0,
           size: 200
@@ -837,42 +841,42 @@ const wa = xt(
           enableSorting: !1,
           cell(m) {
             var p;
-            const t = m.row.original, S = t.status, P = new Date(t.updatedAt), z = (p = t == null ? void 0 : t.rejectionHistory) == null ? void 0 : p.computeFirst(($) => $.rejectedAt), h = z ? new Date(z) : null;
-            return S === "DRAFT" && h ? h.getTime() > P.getTime() ? F(
+            const t = m.row.original, S = t.status, R = new Date(t.updatedAt), z = (p = t == null ? void 0 : t.rejectionHistory) == null ? void 0 : p.computeFirst((w) => w.rejectedAt), h = z ? new Date(z) : null;
+            return S === "DRAFT" && h ? h.getTime() > R.getTime() ? B(
               "div",
               {
                 class: "flex"
               },
-              F(
+              B(
                 "div",
                 {
-                  class: ["fm-status-badge", Oe("FAILED")]
+                  class: ["fm-status-badge", Ke("FAILED")]
                 },
                 "Rejected"
               )
-            ) : F(
+            ) : B(
               "div",
               {
                 class: "flex"
               },
-              F(
+              B(
                 "div",
                 {
-                  class: ["fm-status-badge", Oe("PROCESSING")]
+                  class: ["fm-status-badge", Ke("PROCESSING")]
                 },
                 "Updated"
               )
-            ) : F(
+            ) : B(
               "div",
               {
                 class: "flex"
               },
-              F(
+              B(
                 "div",
                 {
-                  class: ["fm-status-badge", Oe(S)]
+                  class: ["fm-status-badge", Ke(S)]
                 },
-                He(S)
+                Oe(S)
               )
             );
           }
@@ -881,9 +885,9 @@ const wa = xt(
           id: "action",
           cell(m) {
             var p;
-            const t = m.row.original, S = ((p = e.sessionUser.value) == null ? void 0 : p.role.isAdmin) ?? !1, P = [
-              yt[Fe.Details],
-              yt[Fe.Export]
+            const t = m.row.original, S = ((p = e.sessionUser.value) == null ? void 0 : p.role.isAdmin) ?? !1, R = [
+              yt[Ce.Details],
+              yt[Ce.Export]
             ], z = [
               {
                 translationKey: "inventory.closing.draft.approveDraft",
@@ -900,19 +904,19 @@ const wa = xt(
                 color: "text-fm-color-typo-error",
                 value: Q.enum.markAsFailed
               }
-            ], h = S && t.status !== ye.enum.DRAFT ? [
+            ], h = S && t.status !== be.enum.DRAFT ? [
               {
                 translationKey: "inventory.closing.draft.cloneDraft",
                 color: "text-fm-color-typo-primary",
-                value: Fe.Duplicate
+                value: Ce.Duplicate
               }
             ] : [];
             return aa(
               [
-                ...P,
-                ...t.status === ye.enum.DRAFT ? z : []
+                ...R,
+                ...t.status === be.enum.DRAFT ? z : []
               ],
-              ($) => I($, t),
+              (w) => I(w, t),
               h
             );
           },
@@ -926,15 +930,15 @@ const wa = xt(
       ],
       drafts: _,
       loading: y,
-      fetchDrafts: R,
-      loadDraft: j,
+      fetchDrafts: V,
+      loadDraft: T,
       updateDraftRef: x
     };
   }
-), Sa = { class: "fm-typo-en-heading-lg-600" }, Ca = { class: "py-4" }, Fa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, $a = { key: 0 }, Ba = { class: "mt-4 flex gap-4" }, Ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ja = { key: 0 }, Ia = {
+), wa = { class: "fm-typo-en-heading-lg-600" }, Fa = { class: "py-4" }, Ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, $a = { key: 0 }, Ba = { class: "mt-4 flex gap-4" }, Ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ja = { key: 0 }, Ia = {
   key: 0,
   class: "mb-4"
-}, Ua = { class: "flex flex-col gap-1 max-h-200 overflow-auto pr-4" }, Ra = { class: "fm-typo-en-body-md-400" }, Pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Va = { class: "mt-4 flex gap-4" }, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, La = {
+}, Ua = { class: "flex flex-col gap-1 max-h-200 overflow-auto pr-4" }, Ra = { class: "fm-typo-en-body-md-400" }, Va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pa = { class: "mt-4 flex gap-4" }, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, La = {
   key: 0,
   class: "flex gap-4"
 }, Na = /* @__PURE__ */ Re({
@@ -947,69 +951,69 @@ const wa = xt(
     negativeItems: {}
   },
   emits: ["update:show", "refresh", "approve"],
-  setup(c, { emit: r }) {
-    const { FmStepper: e, FmStep: d, FmDialog: _, FmButton: y } = ge, { t: f } = la(), T = c, R = r, j = M(() => {
-      var B;
-      return (((B = T.negativeItems) == null ? void 0 : B.length) ?? 0) > 0;
+  setup(i, { emit: r }) {
+    const { FmStepper: e, FmStep: d, FmDialog: _, FmButton: y } = ge, { t: f } = la(), j = i, V = r, T = M(() => {
+      var C;
+      return (((C = j.negativeItems) == null ? void 0 : C.length) ?? 0) > 0;
     }), x = M({
-      get: () => T.show,
-      set: (B) => R("update:show", B)
+      get: () => j.show,
+      set: (C) => V("update:show", C)
     }), D = Y(1), I = () => D.value > 1, W = () => D.value > 2, m = () => !1;
-    function t(B) {
-      return B === 1 ? T.hasStockSnapshot : B === 2 ? !j.value : !1;
+    function t(C) {
+      return C === 1 ? j.hasStockSnapshot : C === 2 ? !T.value : !1;
     }
-    const S = M(() => !T.hasStockSnapshot || j.value);
-    function P(B) {
-      let b = B + 1;
+    const S = M(() => !j.hasStockSnapshot || T.value);
+    function R(C) {
+      let b = C + 1;
       for (; b <= 3 && t(b); ) b++;
       return b > 3 ? 3 : b;
     }
-    function z(B) {
-      let b = B - 1;
+    function z(C) {
+      let b = C - 1;
       for (; b >= 1 && t(b); ) b--;
       return b < 1 ? 1 : b;
     }
     function h() {
-      return T.hasStockSnapshot ? j.value ? 2 : 3 : 1;
+      return j.hasStockSnapshot ? T.value ? 2 : 3 : 1;
     }
-    Ee(
-      () => T.show,
-      (B) => {
-        B && (D.value = h());
+    ze(
+      () => j.show,
+      (C) => {
+        C && (D.value = h());
       }
-    ), Ee(
-      () => T.hasStockSnapshot,
-      (B) => {
-        B && D.value === 1 && (D.value = P(1));
+    ), ze(
+      () => j.hasStockSnapshot,
+      (C) => {
+        C && D.value === 1 && (D.value = R(1));
       }
-    ), Ee(
-      () => j.value,
-      (B) => {
-        !B && D.value === 2 && (D.value = P(2));
+    ), ze(
+      () => T.value,
+      (C) => {
+        !C && D.value === 2 && (D.value = R(2));
       }
     );
     function p() {
-      R("refresh");
+      V("refresh");
     }
-    function $() {
-      D.value < 3 && (D.value = P(D.value));
+    function w() {
+      D.value < 3 && (D.value = R(D.value));
     }
     function H() {
       D.value > 1 && (D.value = z(D.value));
     }
     function q() {
-      R("approve");
+      V("approve");
     }
-    return (B, b) => (w(), re(g(_), {
+    return (C, b) => (F(), ce(g(_), {
       modelValue: x.value,
       "onUpdate:modelValue": b[1] || (b[1] = (G) => x.value = G),
       "max-width": 600
     }, {
       "dialog-header": O(() => [
-        s("div", Sa, Z(g(f)("inventory.closing.approval.title")), 1)
+        s("div", wa, Z(g(f)("inventory.closing.approval.title")), 1)
       ]),
       default: O(() => [
-        s("div", Ca, [
+        s("div", Fa, [
           k(g(e), {
             modelValue: D.value,
             "onUpdate:modelValue": b[0] || (b[0] = (G) => D.value = G),
@@ -1022,20 +1026,20 @@ const wa = xt(
                 complete: I
               }, {
                 default: O(() => [
-                  s("div", Fa, Z(g(f)("inventory.closing.approval.step.generateReport.description")), 1),
-                  D.value === 1 ? (w(), V("div", $a, [
+                  s("div", Ca, Z(g(f)("inventory.closing.approval.step.generateReport.description")), 1),
+                  D.value === 1 ? (F(), P("div", $a, [
                     k(g(y), {
                       label: g(f)("inventory.stock.stock_balance.refreshBalance"),
                       "prepend-icon": "refresh",
                       variant: "secondary",
-                      loading: B.refreshing,
+                      loading: C.refreshing,
                       onClick: p
                     }, null, 8, ["label", "loading"]),
                     s("div", Ba, [
                       k(g(y), {
                         label: g(f)("inventory.common.continue"),
-                        disabled: !B.hasStockSnapshot,
-                        onClick: $
+                        disabled: !C.hasStockSnapshot,
+                        onClick: w
                       }, null, 8, ["label", "disabled"])
                     ])
                   ])) : J("", !0)
@@ -1045,25 +1049,26 @@ const wa = xt(
               k(g(d), {
                 value: 2,
                 title: g(f)("inventory.closing.approval.step.negativeItems.title"),
+                disabled: () => !C.hasStockSnapshot,
                 complete: W
               }, {
                 default: O(() => {
                   var G;
                   return [
-                    s("div", Ta, Z(j.value ? g(f)("inventory.closing.approval.step.negativeItems.resolveMessage") : g(f)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
-                    D.value === 2 ? (w(), V("div", ja, [
-                      j.value && (((G = B.negativeItems) == null ? void 0 : G.length) ?? 0) > 0 ? (w(), V("div", Ia, [
+                    s("div", Ta, Z(T.value ? g(f)("inventory.closing.approval.step.negativeItems.resolveMessage") : g(f)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
+                    D.value === 2 ? (F(), P("div", ja, [
+                      T.value && (((G = C.negativeItems) == null ? void 0 : G.length) ?? 0) > 0 ? (F(), P("div", Ia, [
                         s("div", Ua, [
-                          (w(!0), V(se, null, $e(B.negativeItems, (ne) => (w(), V("div", {
+                          (F(!0), P(oe, null, $e(C.negativeItems, (ne) => (F(), P("div", {
                             key: ne.code,
                             class: "flex justify-between gap-8"
                           }, [
                             s("div", Ra, Z(ne.name), 1),
-                            s("div", Pa, Z(ne.code), 1)
+                            s("div", Va, Z(ne.code), 1)
                           ]))), 128))
                         ])
                       ])) : J("", !0),
-                      s("div", Va, [
+                      s("div", Pa, [
                         k(g(y), {
                           label: g(f)("inventory.common.back"),
                           variant: "secondary",
@@ -1071,23 +1076,24 @@ const wa = xt(
                         }, null, 8, ["label"]),
                         k(g(y), {
                           label: g(f)("inventory.common.continue"),
-                          disabled: j.value,
-                          onClick: $
+                          disabled: T.value,
+                          onClick: w
                         }, null, 8, ["label", "disabled"])
                       ])
                     ])) : J("", !0)
                   ];
                 }),
                 _: 1
-              }, 8, ["title"]),
+              }, 8, ["title", "disabled"]),
               k(g(d), {
                 value: 3,
                 title: g(f)("inventory.closing.approval.step.approval.title"),
+                disabled: () => !C.hasStockSnapshot || T.value,
                 complete: m
               }, {
                 default: O(() => [
                   s("div", Ma, Z(g(f)("inventory.closing.approval.step.approval.warning")), 1),
-                  D.value === 3 ? (w(), V("div", La, [
+                  D.value === 3 ? (F(), P("div", La, [
                     k(g(y), {
                       label: g(f)("inventory.common.back"),
                       variant: "secondary",
@@ -1097,13 +1103,13 @@ const wa = xt(
                       label: g(f)("inventory.common.approve"),
                       variant: "destructive",
                       disabled: S.value,
-                      loading: B.approving,
+                      loading: C.approving,
                       onClick: q
                     }, null, 8, ["label", "disabled", "loading"])
                   ])) : J("", !0)
                 ]),
                 _: 1
-              }, 8, ["title"])
+              }, 8, ["title", "disabled"])
             ]),
             _: 1
           }, 8, ["modelValue"])
@@ -1149,33 +1155,33 @@ const wa = xt(
     draft: {}
   },
   emits: ["submitted", "refresh"],
-  setup(c, { emit: r }) {
-    const e = c, d = M(() => {
-      const i = Dt();
-      return i === "MYR" ? "RM" : i;
-    }), _ = Ft(), y = Ye(), f = Ot(e, "show"), T = Y(!1), R = Y(!1), j = Y(!1), x = Y(new Array()), D = Y(new Array()), I = Y([]), W = nt(), m = qe(), t = tt(), S = qt(), P = Qe(), z = Mt({}), h = M(() => new Set(
-      S.skus.filter((i) => {
+  setup(i, { emit: r }) {
+    const e = i, d = M(() => {
+      const c = Dt();
+      return c === "MYR" ? "RM" : c;
+    }), _ = Ct(), y = Qe(), f = Ot(e, "show"), j = Y(!1), V = Y(!1), T = Y(!1), x = Y(new Array()), D = Y(new Array()), I = Y([]), W = nt(), m = Ge(), t = tt(), S = qt(), R = qe(), z = Mt({}), h = M(() => new Set(
+      S.skus.filter((c) => {
         var a;
-        return z[(a = i.customAttributes) == null ? void 0 : a.tag];
-      }).map((i) => i._id)
-    )), p = r, $ = Y({
+        return z[(a = c.customAttributes) == null ? void 0 : a.tag];
+      }).map((c) => c._id)
+    )), p = r, w = Y({
       templateItem: !0,
       nonTemplateItem: !0
     }), H = M(() => {
       var a, v;
-      const i = [...((a = e.draft) == null ? void 0 : a.items) ?? [], ...((v = e.draft) == null ? void 0 : v.negativeStockItems) ?? []];
-      return h.value.size ? i.filter((n) => h.value.has(n.sku._id)) : i;
+      const c = [...((a = e.draft) == null ? void 0 : a.items) ?? [], ...((v = e.draft) == null ? void 0 : v.negativeStockItems) ?? []];
+      return h.value.size ? c.filter((n) => h.value.has(n.sku._id)) : c;
     }), q = M(() => {
-      const i = H.value.map((a) => a.sku);
-      return i.sort((a, v) => a.code.localeCompare(v.code)), i;
-    }), B = M(() => H.value.groupBy(
+      const c = H.value.map((a) => a.sku);
+      return c.sort((a, v) => a.code.localeCompare(v.code)), c;
+    }), C = M(() => H.value.groupBy(
       (a) => a.sku._id,
       (a) => a.measurementsAmounts.filter((v) => !v.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((v) => v.measurement.id)
     ));
-    et(ne), Ee(
+    et(ne), ze(
       () => e.show,
-      (i) => {
-        i && (_e.value = we[0], ne(), $.value = {
+      (c) => {
+        c && (_e.value = Se[0], ne(), w.value = {
           templateItem: !0,
           nonTemplateItem: !0
         });
@@ -1184,12 +1190,12 @@ const wa = xt(
     const b = Ue(0), G = Ue(100);
     async function ne() {
       var a, v, n, o;
-      if (!P._currentLocation) return;
-      T.value = !0;
-      const i = ((a = e.draft) == null ? void 0 : a.status) === ye.enum.COMPLETED;
+      if (!R._currentLocation) return;
+      j.value = !0;
+      const c = ((a = e.draft) == null ? void 0 : a.status) === be.enum.COMPLETED;
       D.value = [];
       try {
-        if (await S.init(), i) {
+        if (await S.init(), c) {
           const L = e.draft.closingAdjustmentId;
           if (!L) {
             t.open({
@@ -1201,8 +1207,8 @@ const wa = xt(
             });
             return;
           }
-          const N = await W.readAdjustmentById(L), ce = (N == null ? void 0 : N.skus) ?? [];
-          for (const ue of ce) {
+          const N = await W.readAdjustmentById(L), ie = (N == null ? void 0 : N.skus) ?? [];
+          for (const ue of ie) {
             const De = {
               id: ue.sku._id,
               balance: ue.fromBalance,
@@ -1220,12 +1226,12 @@ const wa = xt(
         if ((o = e.draft) != null && o.adjustmentSnapshot)
           for (const L of e.draft.adjustmentSnapshot)
             L.adjustmentsByType && Object.keys(L.adjustmentsByType).forEach((N) => u.add(N));
-        const l = ["receive", "sales", "wastage"], C = [];
+        const l = ["receive", "sales", "wastage"], $ = [];
         l.forEach((L) => {
-          u.has(L) && (C.push(L), u.delete(L));
+          u.has(L) && ($.push(L), u.delete(L));
         });
         const A = Array.from(u).sort();
-        I.value = [...C, ...A];
+        I.value = [...$, ...A];
       } catch (u) {
         t.open({
           title: "Something went wrong",
@@ -1233,12 +1239,12 @@ const wa = xt(
           type: "error"
         }), console.error("error on fetch stock balances", u);
       } finally {
-        T.value = !1;
+        j.value = !1;
       }
     }
-    async function oe() {
+    async function se() {
       var a, v;
-      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? ze((v = e.draft) == null ? void 0 : v._id) : null))) {
+      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? He((v = e.draft) == null ? void 0 : v._id) : null))) {
         t.open({
           title: "Cannot refresh",
           message: "Effective date is not available for this draft.",
@@ -1251,9 +1257,9 @@ const wa = xt(
         () => {
         },
         async (n) => {
-          var C;
-          R.value = !0;
-          const o = (C = e.draft) == null ? void 0 : C._rev, u = 30, l = 2e3;
+          var $;
+          V.value = !0;
+          const o = ($ = e.draft) == null ? void 0 : $._rev, u = 30, l = 2e3;
           try {
             await W.recalculation.scheduleCalculateStockSnapshotAtDate(n, e.draft._id);
             let A = null;
@@ -1279,14 +1285,14 @@ const wa = xt(
               type: "error"
             }), console.error("error refreshing stock balances", A);
           } finally {
-            R.value = !1;
+            V.value = !1;
           }
         }
       );
     }
-    async function ie() {
+    async function le() {
       var a, v;
-      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? ze((v = e.draft) == null ? void 0 : v._id) : null))) {
+      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? He((v = e.draft) == null ? void 0 : v._id) : null))) {
         t.open({
           title: "Cannot refresh",
           message: "Effective date is not available for this draft.",
@@ -1298,34 +1304,34 @@ const wa = xt(
     }
     const me = M(
       () => x.value.groupBy(
-        (i) => i.id,
-        (i) => i.balance
+        (c) => c.id,
+        (c) => c.balance
       )
-    ), he = M(() => H.value.groupBy((i) => i.sku._id)), ke = M(() => {
-      var i;
-      return (i = e.draft) != null && i.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((a) => [a.skuId, a.adjustmentsByType])) : /* @__PURE__ */ new Map();
-    }), Pe = M(() => {
-      var i;
-      return (i = e.draft) != null && i.opening ? new Map(e.draft.opening.map((a) => [a.skuId, a.balance])) : /* @__PURE__ */ new Map();
+    ), he = M(() => H.value.groupBy((c) => c.sku._id)), ke = M(() => {
+      var c;
+      return (c = e.draft) != null && c.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((a) => [a.skuId, a.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), Ve = M(() => {
+      var c;
+      return (c = e.draft) != null && c.opening ? new Map(e.draft.opening.map((a) => [a.skuId, a.balance])) : /* @__PURE__ */ new Map();
     });
-    function te(i, a) {
-      return F(
+    function te(c, a) {
+      return B(
         ge.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
           default() {
-            return i;
+            return c;
           },
           content() {
-            return a || i;
+            return a || c;
           }
         }
       );
     }
     const Te = M(() => {
-      const i = q.value.reduce((v, n) => {
+      const c = q.value.reduce((v, n) => {
         var o, u;
-        return Math.max(v, ((u = (o = B.value) == null ? void 0 : o.get(n._id)) == null ? void 0 : u[0].length) ?? 0);
+        return Math.max(v, ((u = (o = C.value) == null ? void 0 : o.get(n._id)) == null ? void 0 : u[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -1334,8 +1340,8 @@ const wa = xt(
           header: () => "Name",
           size: 350,
           cell(v) {
-            const n = v.row.original, o = n.adjustedDiffPercentage, u = typeof o == "number" && Math.abs(o) > 10, l = F("div", { class: "flex flex-col gap-4" }, [
-              F(
+            const n = v.row.original, o = n.adjustedDiffPercentage, u = typeof o == "number" && Math.abs(o) > 10, l = B("div", { class: "flex flex-col gap-4" }, [
+              B(
                 "div",
                 {
                   class: [
@@ -1345,7 +1351,7 @@ const wa = xt(
                 },
                 n.name
               ),
-              F(
+              B(
                 "div",
                 {
                   class: [
@@ -1356,7 +1362,7 @@ const wa = xt(
                 n.code
               )
             ]);
-            return F(
+            return B(
               ge.FmTooltip,
               {
                 zIndex: 51
@@ -1366,7 +1372,7 @@ const wa = xt(
                   return u ? "Adjustment difference is more than 10%." : `${n.code} - ${n.name}`;
                 },
                 default() {
-                  return F("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                  return B("div", { class: "flex items-center gap-4 justify-start w-full" }, [
                     l
                   ]);
                 }
@@ -1381,7 +1387,7 @@ const wa = xt(
           size: 160,
           cell(v) {
             const n = v.row.original.costPerUnit;
-            return F("div", { class: "text-right" }, n.toFixed(2));
+            return B("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1392,23 +1398,23 @@ const wa = xt(
           header: () => "UOM",
           size: 120,
           cell(v) {
-            var C;
+            var $;
             const n = v.row.original, o = n.costUnit, u = n.baseUnit, l = o ?? u;
             if (o && o !== u) {
-              const A = q.value.find((N) => N._id === n.id), L = (C = A == null ? void 0 : A.defaultCost) == null ? void 0 : C.measurement;
+              const A = q.value.find((N) => N._id === n.id), L = ($ = A == null ? void 0 : A.defaultCost) == null ? void 0 : $.measurement;
               if (L) {
                 const N = L.conversion.amount / Math.pow(10, L.conversion.precision);
-                return F("div", { class: "flex flex-col" }, [
-                  F(
+                return B("div", { class: "flex flex-col" }, [
+                  B(
                     "span",
                     { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                     l
                   ),
-                  F("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                  B("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
                     "1 ",
-                    F("span", { class: "fm-typo-en-body-sm-600" }, o),
+                    B("span", { class: "fm-typo-en-body-sm-600" }, o),
                     ` = ${N} `,
-                    F("span", { class: "fm-typo-en-body-sm-600" }, u)
+                    B("span", { class: "fm-typo-en-body-sm-600" }, u)
                   ])
                 ]);
               }
@@ -1423,7 +1429,7 @@ const wa = xt(
           size: 150,
           cell(v) {
             const n = v.row.original.opening;
-            return F("div", { class: "text-right" }, n.toFixed(2));
+            return B("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1434,11 +1440,11 @@ const wa = xt(
           (v) => ({
             id: `adjustment_${v}`,
             accessorFn: (n) => n.adjustmentAmounts[v] ?? { amount: 0, precision: 0 },
-            header: () => te(He(v)),
+            header: () => te(Oe(v)),
             size: 150,
             cell(n) {
               const o = n.row.original.adjustmentAmounts[v] ?? { amount: 0, precision: 0 };
-              return F("div", { class: "text-right" }, Xe(o));
+              return B("div", { class: "text-right" }, Xe(o));
             },
             meta: {
               textAlign: "right"
@@ -1466,17 +1472,17 @@ const wa = xt(
             var A;
             const n = v.row.original, o = E.fromNumber(n.physicalBalance);
             let u = !0, l = n.physicalBalance;
-            const C = (A = D.value.find((L) => L.id === n.id)) == null ? void 0 : A.balance;
-            return C && (E.equals({
+            const $ = (A = D.value.find((L) => L.id === n.id)) == null ? void 0 : A.balance;
+            return $ && (E.equals({
               a: o,
-              b: C
-            }) || (u = !1, l = Number(E.toFormatString({ value: C })))), F("div", { class: "flex flex-col" }, [
-              F(
+              b: $
+            }) || (u = !1, l = Number(E.toFormatString({ value: $ })))), B("div", { class: "flex flex-col" }, [
+              B(
                 "span",
                 { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                 l
               ),
-              u ? null : F(
+              u ? null : B(
                 "span",
                 { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
                 `Draft: ${n.physicalBalance.toString()}`
@@ -1504,7 +1510,7 @@ const wa = xt(
           size: 150,
           cell(v) {
             const n = v.row.original.varianceInCost;
-            return F(
+            return B(
               "div",
               { class: "text-right" },
               n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })
@@ -1527,10 +1533,10 @@ const wa = xt(
             if (!n) return xn;
             const o = n.toFixed(2);
             if (o === "0.00")
-              return F("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+              return B("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
             const u = n > 0;
-            return F("div", { class: "flex items-center gap-4 justify-end" }, [
-              F(ge.FmIcon, {
+            return B("div", { class: "flex items-center gap-4 justify-end" }, [
+              B(ge.FmIcon, {
                 name: u ? "arrow_drop_up" : "arrow_drop_down",
                 color: u ? "system-success-300" : "system-error-300",
                 size: "md"
@@ -1549,18 +1555,18 @@ const wa = xt(
           size: 180,
           cell(v) {
             var L;
-            const n = v.row.original, o = n.stockTakeValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, C = n.physicalBalance, A = n.costPerUnit;
+            const n = v.row.original, o = n.stockTakeValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, $ = n.physicalBalance, A = n.costPerUnit;
             if (l) {
-              const N = E.toFormatString({ value: l.conversion }), ce = `${C.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
-              return F(
+              const N = E.toFormatString({ value: l.conversion }), ie = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
-                    return ce;
+                    return ie;
                   },
                   default() {
-                    return F(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1572,8 +1578,8 @@ const wa = xt(
                 }
               );
             } else {
-              const N = `${C.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} × ${A} ${d.value}`;
-              return F(
+              const N = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
@@ -1581,7 +1587,7 @@ const wa = xt(
                     return N;
                   },
                   default() {
-                    return F(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1605,18 +1611,18 @@ const wa = xt(
           size: 180,
           cell(v) {
             var L;
-            const n = v.row.original, o = n.systemValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, C = n.systemBalance, A = n.costPerUnit;
+            const n = v.row.original, o = n.systemValue, u = q.value.find((N) => N._id === n.id), l = (L = u == null ? void 0 : u.defaultCost) == null ? void 0 : L.measurement, $ = n.systemBalance, A = n.costPerUnit;
             if (l) {
-              const N = E.toFormatString({ value: l.conversion }), ce = `${C.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
-              return F(
+              const N = E.toFormatString({ value: l.conversion }), ie = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} ÷ ${N} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
-                    return ce;
+                    return ie;
                   },
                   default() {
-                    return F(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1628,8 +1634,8 @@ const wa = xt(
                 }
               );
             } else {
-              const N = `${C.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} × ${A} ${d.value}`;
-              return F(
+              const N = `${$.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} × ${A} ${d.value}`;
+              return B(
                 ge.FmTooltip,
                 { zIndex: 51 },
                 {
@@ -1637,7 +1643,7 @@ const wa = xt(
                     return N;
                   },
                   default() {
-                    return F(
+                    return B(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1659,41 +1665,41 @@ const wa = xt(
           header: () => "Amounts",
           enableSorting: !1,
           cell(v) {
-            const n = v.row.original, o = (l, C) => F(
+            const n = v.row.original, o = (l, $) => B(
               ge.FmTooltip,
               { zIndex: 50 },
               {
                 default() {
-                  return F(
+                  return B(
                     "div",
                     {
                       class: "fm-typo-en-body-md-400 py-4 px-8 border-1 border-fm-color-typo-secondary fm-corner-radius-md line-clamp-1"
                     },
                     [
-                      F("span", { class: "text-fm-color-typo-primary" }, `${l} `),
-                      F(
+                      B("span", { class: "text-fm-color-typo-primary" }, `${l} `),
+                      B(
                         "span",
                         {
                           class: "text-fm-color-typo-secondary",
                           style: { maxWidth: "80px" }
                         },
-                        C
+                        $
                       )
                     ]
                   );
                 },
                 content() {
-                  return `${l} ${C}`;
+                  return `${l} ${$}`;
                 }
               }
             );
-            let u = Array.from({ length: i }).map((l, C) => {
-              if (!n[`measurementAmount${C}`])
+            let u = Array.from({ length: c }).map((l, $) => {
+              if (!n[`measurementAmount${$}`])
                 return null;
-              const A = n[`measurementAmount${C}`], L = n[`measurementAbbrev${C}`];
+              const A = n[`measurementAmount${$}`], L = n[`measurementAbbrev${$}`];
               return o(A, L);
             }).filter((l) => l);
-            return (n.baseUnitAmount || !u.length) && (u = [o(n.baseUnitAmount, n.baseUnit), ...u]), F(
+            return (n.baseUnitAmount || !u.length) && (u = [o(n.baseUnitAmount, n.baseUnit), ...u]), B(
               "div",
               {
                 class: "flex gap-8 flex-nowrap",
@@ -1706,25 +1712,25 @@ const wa = xt(
           }
         }
       ];
-    }), Ve = M(() => Te.value.map((i) => i.size ?? 0).reduce((i, a) => i + a)), xe = Y(""), je = M(() => {
+    }), Pe = M(() => Te.value.map((c) => c.size ?? 0).reduce((c, a) => c + a)), xe = Y(""), je = M(() => {
       var v, n;
-      const i = ((n = (v = e.draft) == null ? void 0 : v.negativeStockItems) == null ? void 0 : n.reduce(
+      const c = ((n = (v = e.draft) == null ? void 0 : v.negativeStockItems) == null ? void 0 : n.reduce(
         (o, u) => (o[u.sku._id] = u, o),
         {}
       )) ?? {};
       return q.value.map((o) => {
         var rt, lt, it, ct, ut, dt, mt, ft, pt, vt, gt;
-        const u = (rt = he.value.get(o._id)) == null ? void 0 : rt[0], l = ((lt = me.value.get(o._id)) == null ? void 0 : lt[0]) ?? b, C = ((it = o.defaultCost) == null ? void 0 : it.costPerUnit) ?? b, A = Number(E.toFormatString({ value: C })), L = ((ut = (ct = o.defaultCost) == null ? void 0 : ct.measurement) == null ? void 0 : ut.conversion) ?? {
+        const u = (rt = he.value.get(o._id)) == null ? void 0 : rt[0], l = ((lt = me.value.get(o._id)) == null ? void 0 : lt[0]) ?? b, $ = ((it = o.defaultCost) == null ? void 0 : it.costPerUnit) ?? b, A = Number(E.toFormatString({ value: $ })), L = ((ut = (ct = o.defaultCost) == null ? void 0 : ct.measurement) == null ? void 0 : ut.conversion) ?? {
           amount: 1,
           precision: 0
         }, N = Number(
           E.toFormatString({ value: L })
-        ), ce = Pe.value.get(o._id), ue = ce ? Number(E.toFormatString({ value: ce })) : 0, De = ke.value.get(o._id), pe = {};
+        ), ie = Ve.value.get(o._id), ue = ie ? Number(E.toFormatString({ value: ie })) : 0, De = ke.value.get(o._id), pe = {};
         if (I.value.forEach((ee) => {
           const de = pe[ee] ?? { amount: 0, precision: 0 }, fe = De == null ? void 0 : De[ee];
           fe && (pe[ee] = Xt(de, fe));
         }), !u) {
-          const ee = Number(E.toFormatString({ value: l })), de = ee - 0, fe = de * A / N, Le = 0, Vt = ee * A / N;
+          const ee = Number(E.toFormatString({ value: l })), de = ee - 0, fe = de * A / N, Ne = 0, Pt = ee * A / N;
           return {
             id: o._id,
             code: o.code,
@@ -1736,25 +1742,25 @@ const wa = xt(
             physicalBalance: 0,
             adjustedAmount: -ee,
             adjustedDiffPercentage: -100,
-            isTemplateItem: !i[o._id],
+            isTemplateItem: !c[o._id],
             costPerUnit: A,
             opening: ue,
             varianceQty: de,
             varianceInCost: fe,
-            stockTakeValue: Le,
-            systemValue: Vt,
+            stockTakeValue: Ne,
+            systemValue: Pt,
             adjustmentAmounts: pe
           };
         }
         const U = $t(u), X = (pt = (ft = D.value) == null ? void 0 : ft.find(
           (ee) => ee.id === o._id
-        )) == null ? void 0 : pt.balance, ae = wt(
+        )) == null ? void 0 : pt.balance, ae = St(
           X ?? U,
           l
-        ), ve = l.amount === 0 ? null : St(ae, {
+        ), ve = l.amount === 0 ? null : wt(ae, {
           ...l,
           amount: Math.abs(l.amount)
-        }), Ce = ve ? at(ve, G) : null, Ie = Number(E.toFormatString({ value: l })), We = Number(E.toFormatString({ value: U })), st = Ie - We, Ut = st * A / N, Rt = We * A / N, Pt = Ie * A / N;
+        }), Fe = ve ? at(ve, G) : null, Ie = Number(E.toFormatString({ value: l })), We = Number(E.toFormatString({ value: U })), st = Ie - We, Ut = st * A / N, Rt = We * A / N, Vt = Ie * A / N;
         return {
           id: o._id,
           code: o.code,
@@ -1763,37 +1769,37 @@ const wa = xt(
           baseUnit: o.unit.abbrev,
           baseUnitAmount: Number(E.toFormatString({ value: u.baseAmount })),
           ...u.measurementsAmounts.filter((ee) => {
-            var de, fe, Le;
-            return (Le = (fe = (de = B.value) == null ? void 0 : de.get(o._id)) == null ? void 0 : fe[0]) == null ? void 0 : Le.includes(ee.measurement.id);
+            var de, fe, Ne;
+            return (Ne = (fe = (de = C.value) == null ? void 0 : de.get(o._id)) == null ? void 0 : fe[0]) == null ? void 0 : Ne.includes(ee.measurement.id);
           }).reduce((ee, de, fe) => (ee[`measurementAbbrev${fe}`] = `(${de.measurement.abbrev}) × ${E.toFormatString({ value: de.measurement.conversion })}`, ee[`measurementAmount${fe}`] = Number(E.toFormatString({ value: de.amount })), ee), {}),
           systemBalance: Ie,
           physicalBalance: We,
           adjustedAmount: Number(E.toFormatString({ value: ae })),
-          adjustedDiffPercentage: Ce ? Number(
+          adjustedDiffPercentage: Fe ? Number(
             E.toFormatString({
-              value: Ct(Ce, 2)
+              value: Ft(Fe, 2)
             })
           ) : null,
-          isTemplateItem: !i[o._id],
+          isTemplateItem: !c[o._id],
           costPerUnit: A,
           opening: ue,
           varianceQty: st,
           varianceInCost: Ut,
           stockTakeValue: Rt,
-          systemValue: Pt,
+          systemValue: Vt,
           adjustmentAmounts: pe
         };
-      }).filter((o) => !!(o.isTemplateItem && $.value.templateItem || !o.isTemplateItem && $.value.nonTemplateItem));
+      }).filter((o) => !!(o.isTemplateItem && w.value.templateItem || !o.isTemplateItem && w.value.nonTemplateItem));
     }), Ae = M(() => {
       var a, v, n, o, u;
       if (!e.draft) return [];
-      const i = e.draft.approvedAt ? {
-        action: `Approve at ${be(e.draft.approvedAt)}`,
+      const c = e.draft.approvedAt ? {
+        action: `Approve at ${ye(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
       } : (a = e.draft.rejectionHistory) == null ? void 0 : a.computeFirst((l) => ({
-        action: `Reject at ${be(l.rejectedAt)}`,
+        action: `Reject at ${ye(l.rejectedAt)}`,
         // actionAt: e.rejectedAt,
         actionBy: l.rejectedBy,
         remark: l.rejectRemark
@@ -1801,11 +1807,11 @@ const wa = xt(
       return [
         {
           label: "Location",
-          value: ((v = P._currentLocation) == null ? void 0 : v.name) ?? "N/A"
+          value: ((v = R._currentLocation) == null ? void 0 : v.name) ?? "N/A"
         },
         {
           label: "Created at",
-          value: be(e.draft.createdAt)
+          value: ye(e.draft.createdAt)
         },
         {
           label: "Created by",
@@ -1813,7 +1819,7 @@ const wa = xt(
         },
         {
           label: "Updated at",
-          value: be(e.draft.updatedAt)
+          value: ye(e.draft.updatedAt)
         },
         {
           label: "Updated by",
@@ -1821,7 +1827,7 @@ const wa = xt(
         },
         {
           label: "Effective at",
-          value: be(e.draft.effectiveAt ?? ze((n = e.draft) == null ? void 0 : n._id))
+          value: ye(e.draft.effectiveAt ?? He((n = e.draft) == null ? void 0 : n._id))
         },
         {
           label: "Using template",
@@ -1831,20 +1837,20 @@ const wa = xt(
           label: "Remark",
           value: e.draft.remark
         } : null,
-        i ? {
+        c ? {
           label: "Last action",
-          value: i.action
+          value: c.action
         } : null,
-        i && i.actionBy ? {
+        c && c.actionBy ? {
           label: "Last action by",
-          value: (u = i.actionBy) == null ? void 0 : u.name
+          value: (u = c.actionBy) == null ? void 0 : u.name
         } : null,
-        i && i.remark ? {
+        c && c.remark ? {
           label: "Action remark",
-          value: i.remark
+          value: c.remark
         } : null
       ].filter((l) => l).map((l) => l);
-    }), we = [
+    }), Se = [
       {
         label: "Overview",
         value: "overview"
@@ -1853,32 +1859,32 @@ const wa = xt(
         label: "Action history",
         value: "history"
       }
-    ], _e = Y(we[0]), Se = M(() => {
+    ], _e = Y(Se[0]), we = M(() => {
       var n, o, u;
-      const i = ((n = e.draft) == null ? void 0 : n.activityLogs) ?? [], a = ((o = e.draft) == null ? void 0 : o.rejectionHistory) ?? [];
+      const c = ((n = e.draft) == null ? void 0 : n.activityLogs) ?? [], a = ((o = e.draft) == null ? void 0 : o.rejectionHistory) ?? [];
       for (const l of a)
-        i.find(
+        c.find(
           (A) => `${A.action}_${A.performedAt}` == `${Q.enum.rejectDraft}_${l.rejectedAt}`
-        ) || i.push({
+        ) || c.push({
           action: Q.enum.rejectDraft,
           performedAt: l.rejectedAt,
           performedBy: l.rejectedBy,
           remark: l.rejectRemark
         });
-      return (u = e.draft) != null && u.approvedAt && (i.find(
-        (C) => {
+      return (u = e.draft) != null && u.approvedAt && (c.find(
+        ($) => {
           var A;
-          return `${C.action}_${C.performedAt}` == `${Q.enum.approveDraft}_${(A = e.draft) == null ? void 0 : A.approvedAt}`;
+          return `${$.action}_${$.performedAt}` == `${Q.enum.approveDraft}_${(A = e.draft) == null ? void 0 : A.approvedAt}`;
         }
-      ) || i.push({
+      ) || c.push({
         action: Q.enum.approveDraft,
         performedAt: e.draft.approvedAt,
         performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
         remark: e.draft.approveRemark
-      })), i.sort((l, C) => new Date(C.performedAt).getTime() - new Date(l.performedAt).getTime()).map(
+      })), c.sort((l, $) => new Date($.performedAt).getTime() - new Date(l.performedAt).getTime()).map(
         (l) => ({
-          header: He(l.action),
-          date: be(l.performedAt),
+          header: Oe(l.action),
+          date: ye(l.performedAt),
           info: [
             {
               label: "Performed by",
@@ -1891,32 +1897,38 @@ const wa = xt(
           ]
         })
       );
-    }), Me = Y(!1), Ge = Y(!1), jt = M(() => {
+    }), Me = Y(!1), Le = Y(!1), jt = M(() => {
       var o, u;
-      const i = je.value.filter((l) => l.physicalBalance < 0).map((l) => ({
+      const c = je.value.filter((l) => l.physicalBalance < 0).map((l) => ({
         code: l.code,
         name: l.name
       })), a = ((u = (o = _.stockBalance.skus) == null ? void 0 : o.filter((l) => l.balance.amount < 0)) == null ? void 0 : u.map((l) => l.id)) ?? [], v = new Set(q.value.map((l) => l._id)), n = a.filter((l) => !v.has(l)).map((l) => {
-        var C, A;
+        var $, A;
         return {
-          code: ((C = S.skuById[l]) == null ? void 0 : C.code) ?? "N/A",
+          code: (($ = S.skuById[l]) == null ? void 0 : $.code) ?? "N/A",
           name: ((A = S.skuById[l]) == null ? void 0 : A.name) ?? "N/A"
         };
       });
-      return [...i, ...n];
+      return [...c, ...n];
     }), ot = M(() => {
-      var i;
-      return ((i = e.draft) == null ? void 0 : i.status) !== ye.enum.DRAFT ? "Status is not draft." : null;
+      var c;
+      return ((c = e.draft) == null ? void 0 : c.status) !== be.enum.DRAFT ? "Status is not draft." : null;
     });
     function It() {
-      e.draft && (Ge.value = !0, y.approveDraft(e.draft, () => {
-        Ge.value = !1, Me.value = !1, p("submitted");
-      }));
+      e.draft && (Le.value = !0, y.approveDraft(
+        e.draft,
+        () => {
+          Le.value = !1, Me.value = !1, p("submitted");
+        },
+        () => {
+          Le.value = !1;
+        }
+      ));
     }
-    return (i, a) => {
+    return (c, a) => {
       var pe;
-      const v = K("FmButtonGroup"), n = K("FmMenuDivider"), o = K("FmCard"), u = K("FmButton"), l = K("FmCircularProgress"), C = K("FmChip"), A = K("FmTextField"), L = K("FmIcon"), N = K("FmTable"), ce = K("FmSpacer"), ue = K("FmTooltip"), De = K("FmSideSheet");
-      return w(), V(se, null, [
+      const v = K("FmButtonGroup"), n = K("FmMenuDivider"), o = K("FmCard"), u = K("FmButton"), l = K("FmCircularProgress"), $ = K("FmChip"), A = K("FmTextField"), L = K("FmIcon"), N = K("FmTable"), ie = K("FmSpacer"), ue = K("FmTooltip"), De = K("FmSideSheet");
+      return F(), P(oe, null, [
         k(De, {
           "dismiss-away": "",
           "max-width": 9999,
@@ -1928,14 +1940,14 @@ const wa = xt(
             var U, X, ae, ve;
             return [
               s("div", Dn, [
-                ((U = e.draft) == null ? void 0 : U.status) === g(ye).enum.DRAFT ? (w(), V(se, { key: 0 }, [
-                  ot.value ? (w(), re(ue, {
+                ((U = e.draft) == null ? void 0 : U.status) === g(be).enum.DRAFT ? (F(), P(oe, { key: 0 }, [
+                  ot.value ? (F(), ce(ue, {
                     key: 0,
                     "z-index": 51,
                     placement: "right"
                   }, {
                     content: O(() => [
-                      le(Z(ot.value), 1)
+                      re(Z(ot.value), 1)
                     ]),
                     default: O(() => [
                       k(u, {
@@ -1945,26 +1957,26 @@ const wa = xt(
                       })
                     ]),
                     _: 1
-                  })) : (w(), re(u, {
+                  })) : (F(), ce(u, {
                     key: "approve key",
                     label: "Approve",
-                    onClick: a[5] || (a[5] = (Ce) => Me.value = !0)
+                    onClick: a[5] || (a[5] = (Fe) => Me.value = !0)
                   }))
                 ], 64)) : J("", !0),
-                ((X = e.draft) == null ? void 0 : X.status) === g(ye).enum.DRAFT ? (w(), re(u, {
+                ((X = e.draft) == null ? void 0 : X.status) === g(be).enum.DRAFT ? (F(), ce(u, {
                   key: 1,
                   label: "Reject",
                   variant: "destructive",
                   onClick: a[6] || (a[6] = () => e.draft && g(y).rejectDraft(e.draft, () => p("submitted")))
                 })) : J("", !0),
-                (ae = e.draft) != null && ae.approvedAt && ((ve = e.draft) == null ? void 0 : ve.status) !== g(ye).enum.COMPLETED ? (w(), re(Je, { key: 2 }, {
+                (ae = e.draft) != null && ae.approvedAt && ((ve = e.draft) == null ? void 0 : ve.status) !== g(be).enum.COMPLETED ? (F(), ce(Je, { key: 2 }, {
                   default: O(() => [
                     k(u, {
                       label: "Sync",
-                      loading: j.value,
+                      loading: T.value,
                       onClick: a[7] || (a[7] = () => {
-                        e.draft && (j.value = !0, g(y).syncDraft(e.draft, () => {
-                          j.value = !1, p("submitted");
+                        e.draft && (T.value = !0, g(y).syncDraft(e.draft, () => {
+                          T.value = !1, p("submitted");
                         }));
                       })
                     }, null, 8, ["loading"])
@@ -1974,7 +1986,7 @@ const wa = xt(
                 k(u, {
                   label: "Close",
                   variant: "tertiary",
-                  onClick: a[8] || (a[8] = (Ce) => f.value = !1)
+                  onClick: a[8] || (a[8] = (Fe) => f.value = !1)
                 })
               ])
             ];
@@ -1983,12 +1995,12 @@ const wa = xt(
             s("div", Ea, [
               s("div", null, [
                 k(v, {
-                  items: we,
+                  items: Se,
                   modelValue: _e.value,
                   "onUpdate:modelValue": a[0] || (a[0] = (U) => _e.value = U)
                 }, null, 8, ["modelValue"])
               ]),
-              _e.value.value === "overview" ? (w(), V(se, { key: 0 }, [
+              _e.value.value === "overview" ? (F(), P(oe, { key: 0 }, [
                 k(o, {
                   variant: "outlined",
                   class: "flex flex-col gap-8 px-12 py-16"
@@ -2000,13 +2012,13 @@ const wa = xt(
                         a[11] || (a[11] = s("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
                         s("div", Ha, [
                           s("div", {
-                            class: Be(["fm-status-badge", g(Oe)(((U = i.draft) == null ? void 0 : U.status) ?? "DRAFT")])
-                          }, Z(g(He)(((X = i.draft) == null ? void 0 : X.status) ?? "")), 3)
+                            class: Be(["fm-status-badge", g(Ke)(((U = c.draft) == null ? void 0 : U.status) ?? "DRAFT")])
+                          }, Z(g(Oe)(((X = c.draft) == null ? void 0 : X.status) ?? "")), 3)
                         ])
                       ]),
                       k(n),
                       s("div", Oa, [
-                        (w(!0), V(se, null, $e(Ae.value, (ae, ve) => (w(), V("div", {
+                        (F(!0), P(oe, null, $e(Ae.value, (ae, ve) => (F(), P("div", {
                           class: "flex flex-col gap-4",
                           key: ve
                         }, [
@@ -2023,18 +2035,7 @@ const wa = xt(
                 s("div", qa, [
                   s("div", Ga, [
                     a[12] || (a[12] = s("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                    T.value ? J("", !0) : (w(), V("div", Wa, [
-                      i.draft && i.draft.status !== g(ye).enum.COMPLETED ? (w(), re(u, {
-                        key: 0,
-                        label: "Refresh balance",
-                        "prepend-icon": "refresh",
-                        variant: "secondary",
-                        "text-color": "primary",
-                        "bg-color": "transparent",
-                        "border-color": "primary",
-                        loading: R.value,
-                        onClick: oe
-                      }, null, 8, ["loading"])) : J("", !0),
+                    j.value ? J("", !0) : (F(), P("div", Wa, [
                       k(Je, null, {
                         default: O(() => [
                           k(u, {
@@ -2044,8 +2045,8 @@ const wa = xt(
                             "text-color": "primary",
                             "bg-color": "transparent",
                             "border-color": "primary",
-                            loading: R.value,
-                            onClick: ie
+                            loading: V.value,
+                            onClick: le
                           }, null, 8, ["loading"])
                         ]),
                         _: 1
@@ -2057,15 +2058,15 @@ const wa = xt(
                         "text-color": "primary",
                         "bg-color": "transparent",
                         "border-color": "primary",
-                        onClick: a[1] || (a[1] = (U) => i.draft ? g(y).exportDraft(
-                          i.draft,
+                        onClick: a[1] || (a[1] = (U) => c.draft ? g(y).exportDraft(
+                          c.draft,
                           x.value,
                           D.value
                         ) : null)
                       })
                     ]))
                   ]),
-                  T.value ? (w(), V("div", Za, [
+                  j.value ? (F(), P("div", Za, [
                     a[14] || (a[14] = s("div", { class: "h-80" }, null, -1)),
                     s("div", Ja, [
                       s("div", null, [
@@ -2074,18 +2075,18 @@ const wa = xt(
                       a[13] || (a[13] = s("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                     ]),
                     a[15] || (a[15] = s("div", { class: "h-80" }, null, -1))
-                  ])) : (w(), V(se, { key: 1 }, [
+                  ])) : (F(), P(oe, { key: 1 }, [
                     s("div", Xa, [
                       s("div", en, [
-                        k(C, {
+                        k($, {
                           label: "Template Item(s)",
-                          selected: $.value.templateItem,
-                          onClick: a[2] || (a[2] = (U) => $.value.templateItem = !$.value.templateItem)
+                          selected: w.value.templateItem,
+                          onClick: a[2] || (a[2] = (U) => w.value.templateItem = !w.value.templateItem)
                         }, null, 8, ["selected"]),
-                        k(C, {
+                        k($, {
                           label: "Non-template Item(s)",
-                          selected: $.value.nonTemplateItem,
-                          onClick: a[3] || (a[3] = (U) => $.value.nonTemplateItem = !$.value.nonTemplateItem)
+                          selected: w.value.nonTemplateItem,
+                          onClick: a[3] || (a[3] = (U) => w.value.nonTemplateItem = !w.value.nonTemplateItem)
                         }, null, 8, ["selected"])
                       ]),
                       k(A, {
@@ -2094,8 +2095,8 @@ const wa = xt(
                         placeholder: "Filter items"
                       }, null, 8, ["modelValue"])
                     ]),
-                    g(S).skuTags.size ? (w(), V("div", tn, [
-                      (w(!0), V(se, null, $e(g(S).skuTags.keys(), (U) => (w(), re(C, {
+                    g(S).skuTags.size ? (F(), P("div", tn, [
+                      (F(!0), P(oe, null, $e(g(S).skuTags.keys(), (U) => (F(), ce($, {
                         key: `${U}`,
                         label: `${U}`,
                         selectable: "",
@@ -2103,7 +2104,7 @@ const wa = xt(
                         onClick: (X) => z[`${U}`] = !z[`${U}`]
                       }, {
                         default: O(() => [
-                          z[`${U}`] ? (w(), re(L, {
+                          z[`${U}`] ? (F(), ce(L, {
                             key: 0,
                             name: "check",
                             class: "text-white",
@@ -2124,7 +2125,7 @@ const wa = xt(
                     ])) : J("", !0),
                     s("div", an, [
                       s("div", {
-                        style: ht({ height: "600px", minWidth: `${Ve.value}px` })
+                        style: ht({ height: "600px", minWidth: `${Pe.value}px` })
                       }, [
                         k(N, {
                           "column-defs": Te.value,
@@ -2136,9 +2137,9 @@ const wa = xt(
                   ], 64))
                 ])
               ], 64)) : J("", !0),
-              _e.value.value === "history" ? (w(), V("div", nn, [
-                Se.value.length ? (w(), V("div", rn, [
-                  (w(!0), V(se, null, $e(Se.value, (U, X) => (w(), V(se, { key: X }, [
+              _e.value.value === "history" ? (F(), P("div", nn, [
+                we.value.length ? (F(), P("div", rn, [
+                  (F(!0), P(oe, null, $e(we.value, (U, X) => (F(), P(oe, { key: X }, [
                     s("div", ln, [
                       s("div", cn, [
                         s("div", un, [
@@ -2157,8 +2158,8 @@ const wa = xt(
                           s("div", {
                             class: Be([
                               {
-                                "bg-fm-color-primary": X < Se.value.length - 1,
-                                "bg-white": X >= Se.value.length - 1
+                                "bg-fm-color-primary": X < we.value.length - 1,
+                                "bg-white": X >= we.value.length - 1
                               },
                               "w-[2px] h-full"
                             ])
@@ -2176,8 +2177,8 @@ const wa = xt(
                           s("div", {
                             class: Be([
                               {
-                                "bg-fm-color-primary": X < Se.value.length - 1,
-                                "bg-white": X >= Se.value.length - 1
+                                "bg-fm-color-primary": X < we.value.length - 1,
+                                "bg-white": X >= we.value.length - 1
                               },
                               "w-[2px] h-full"
                             ])
@@ -2191,16 +2192,16 @@ const wa = xt(
                         }, {
                           default: O(() => [
                             s("div", hn, [
-                              (w(!0), V(se, null, $e(U.info, (ae, ve) => (w(), V("div", {
+                              (F(!0), P(oe, null, $e(U.info, (ae, ve) => (F(), P("div", {
                                 key: ve,
                                 class: "flex flex-col gap-4"
                               }, [
                                 s("div", kn, Z(ae == null ? void 0 : ae.label), 1),
                                 s("div", _n, [
-                                  (w(!0), V(se, null, $e(ae == null ? void 0 : ae.values, (Ce, Ie) => (w(), V("div", {
+                                  (F(!0), P(oe, null, $e(ae == null ? void 0 : ae.values, (Fe, Ie) => (F(), P("div", {
                                     key: Ie,
                                     class: "fm-typo-en-body-lg-600"
-                                  }, Z(Ce), 1))), 128))
+                                  }, Z(Fe), 1))), 128))
                                 ])
                               ]))), 128))
                             ])
@@ -2210,8 +2211,8 @@ const wa = xt(
                       ])
                     ])
                   ], 64))), 128))
-                ])) : (w(), V("div", on, [
-                  k(ce),
+                ])) : (F(), P("div", on, [
+                  k(ie),
                   s("div", null, [
                     s("img", {
                       src: g(ra),
@@ -2220,34 +2221,34 @@ const wa = xt(
                   ]),
                   a[16] || (a[16] = s("div", { class: "fm-typo-en-body-lg-600" }, Z("No records found"), -1)),
                   a[17] || (a[17] = s("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, Z("You can track approval and rejection history here"), -1)),
-                  k(ce),
-                  k(ce)
+                  k(ie),
+                  k(ie)
                 ]))
               ])) : J("", !0)
             ])
           ]),
           _: 1
         }, 8, ["model-value"]),
-        g(f) ? (w(), re(Na, {
+        g(f) ? (F(), ce(Na, {
           key: 0,
           show: Me.value,
           "onUpdate:show": a[10] || (a[10] = (U) => Me.value = U),
           "negative-items": jt.value,
-          refreshing: R.value,
-          approving: Ge.value,
+          refreshing: V.value,
+          approving: Le.value,
           "has-stock-snapshot": !!((pe = e.draft) != null && pe.stockSnapshot),
-          onRefresh: oe,
+          onRefresh: se,
           onApprove: It
         }, null, 8, ["show", "negative-items", "refreshing", "approving", "has-stock-snapshot"])) : J("", !0)
       ], 64);
     };
   }
-}), wn = { class: "flex-1 flex flex-col gap-8" }, Sn = { class: "flex flex-col" }, Cn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, $n = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Bn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Wn = /* @__PURE__ */ Re({
+}), Sn = { class: "flex-1 flex flex-col gap-8" }, wn = { class: "flex flex-col" }, Fn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Cn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, $n = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Bn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Wn = /* @__PURE__ */ Re({
   __name: "ClosingDraftView",
-  setup(c) {
-    const { t: r } = _t(), { viewDraft: e } = Ye(), { viewClosingDraftProps: d, viewClosingDraftShow: _ } = Gt(Ye()), y = Qe(), f = wa(), T = Et(), { breakpoints: R } = Kt();
+  setup(i) {
+    const { t: r } = _t(), { viewDraft: e } = Qe(), { viewClosingDraftProps: d, viewClosingDraftShow: _ } = Gt(Qe()), y = qe(), f = Sa(), j = Et(), { breakpoints: V } = Kt();
     y.watchLocation(f.fetchDrafts);
-    const j = M(() => f.loading), x = Y(""), D = M(() => R.value.xs || R.value.sm), I = M(() => D.value ? 10 : 20);
+    const T = M(() => f.loading), x = Y(""), D = M(() => V.value.xs || V.value.sm), I = M(() => D.value ? 10 : 20);
     function W(S) {
       switch (S) {
         case "refresh":
@@ -2270,9 +2271,9 @@ const wa = xt(
         isPrimary: !1
       }
     ]);
-    return (S, P) => {
+    return (S, R) => {
       const z = K("FmTable");
-      return w(), V(se, null, [
+      return F(), P(oe, null, [
         k(zt, {
           title: g(r)("inventory.closing.draft.title"),
           actions: t.value,
@@ -2292,15 +2293,15 @@ const wa = xt(
                 "change-location": "",
                 searchable: "",
                 search: x.value,
-                "onUpdate:search": P[0] || (P[0] = (h) => x.value = h)
+                "onUpdate:search": R[0] || (R[0] = (h) => x.value = h)
               }, null, 8, ["search"]),
               k(z, {
-                style: ht(g(T).tableHeight),
+                style: ht(g(j).tableHeight),
                 "column-defs": g(f).columnDefs,
                 "row-data": g(f).drafts,
                 "search-value": x.value,
-                loading: j.value,
-                onRowClick: P[1] || (P[1] = (h) => g(e)(h.original)),
+                loading: T.value,
+                onRowClick: R[1] || (R[1] = (h) => g(e)(h.original)),
                 "page-size": I.value
               }, {
                 "list-row": O((h) => [
@@ -2309,20 +2310,20 @@ const wa = xt(
                     onRowClick: (p) => g(e)(p)
                   }, {
                     default: O((p) => {
-                      var $, H, q, B, b, G, ne, oe, ie, me, he, ke, Pe, te, Te, Ve, xe, je, Ae, we;
+                      var w, H, q, C, b, G, ne, se, le, me, he, ke, Ve, te, Te, Pe, xe, je, Ae, Se;
                       return [
-                        s("div", wn, [
-                          s("div", Sn, [
-                            s("div", Cn, [
-                              k(g(Ne), {
-                                render: (q = (H = ($ = p._id) == null ? void 0 : $.column) == null ? void 0 : H.columnDef) == null ? void 0 : q.cell,
-                                props: (b = (B = p._id) == null ? void 0 : B.getContext) == null ? void 0 : b.call(B)
+                        s("div", Sn, [
+                          s("div", wn, [
+                            s("div", Fn, [
+                              k(g(Ee), {
+                                render: (q = (H = (w = p._id) == null ? void 0 : w.column) == null ? void 0 : H.columnDef) == null ? void 0 : q.cell,
+                                props: (b = (C = p._id) == null ? void 0 : C.getContext) == null ? void 0 : b.call(C)
                               }, null, 8, ["render", "props"])
                             ]),
-                            s("div", Fn, [
-                              k(g(Ne), {
-                                render: (oe = (ne = (G = p.name) == null ? void 0 : G.column) == null ? void 0 : ne.columnDef) == null ? void 0 : oe.cell,
-                                props: (me = (ie = p.name) == null ? void 0 : ie.getContext) == null ? void 0 : me.call(ie)
+                            s("div", Cn, [
+                              k(g(Ee), {
+                                render: (se = (ne = (G = p.name) == null ? void 0 : G.column) == null ? void 0 : ne.columnDef) == null ? void 0 : se.cell,
+                                props: (me = (le = p.name) == null ? void 0 : le.getContext) == null ? void 0 : me.call(le)
                               }, null, 8, ["render", "props"])
                             ]),
                             s("div", $n, Z([
@@ -2330,16 +2331,16 @@ const wa = xt(
                               ...h.original.items.length >= 3 ? [`and ${h.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
                             s("div", Bn, [
-                              k(g(Ne), {
-                                render: (Pe = (ke = (he = p.ref) == null ? void 0 : he.column) == null ? void 0 : ke.columnDef) == null ? void 0 : Pe.cell,
+                              k(g(Ee), {
+                                render: (Ve = (ke = (he = p.ref) == null ? void 0 : he.column) == null ? void 0 : ke.columnDef) == null ? void 0 : Ve.cell,
                                 props: (Te = (te = p.ref) == null ? void 0 : te.getContext) == null ? void 0 : Te.call(te)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           s("div", null, [
-                            k(g(Ne), {
-                              render: (je = (xe = (Ve = p.status) == null ? void 0 : Ve.column) == null ? void 0 : xe.columnDef) == null ? void 0 : je.cell,
-                              props: (we = (Ae = p.status) == null ? void 0 : Ae.getContext) == null ? void 0 : we.call(Ae)
+                            k(g(Ee), {
+                              render: (je = (xe = (Pe = p.status) == null ? void 0 : Pe.column) == null ? void 0 : xe.columnDef) == null ? void 0 : je.cell,
+                              props: (Se = (Ae = p.status) == null ? void 0 : Ae.getContext) == null ? void 0 : Se.call(Ae)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -2354,12 +2355,12 @@ const wa = xt(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (w(), re(Lt, { to: "body" }, [
+        (F(), ce(Lt, { to: "body" }, [
           k(An, Nt(g(d), {
             show: g(_),
-            "onUpdate:show": P[2] || (P[2] = (h) => bt(_) ? _.value = h : null),
-            onSubmitted: P[3] || (P[3] = () => (_.value = !1, g(f).fetchDrafts())),
-            onRefresh: P[4] || (P[4] = (h) => g(f).updateDraftRef(h))
+            "onUpdate:show": R[2] || (R[2] = (h) => bt(_) ? _.value = h : null),
+            onSubmitted: R[3] || (R[3] = () => (_.value = !1, g(f).fetchDrafts())),
+            onRefresh: R[4] || (R[4] = (h) => g(f).updateDraftRef(h))
           }), null, 16, ["show"])
         ]))
       ], 64);