@feedmepos/mf-inventory-portal 1.1.7 → 1.1.8-dev.1

package/dist/{ClosingDraftView-BAXB-oYb.js → ClosingDraftView-BmYBBxXF.js}

@@ -1,36 +1,36 @@
-import { defineComponent as je, ref as E, computed as P, onMounted as Re, resolveComponent as T, openBlock as x, createElementBlock as R, Fragment as q, createTextVNode as G, createBlock as Z, withCtx as Y, createElementVNode as n, toDisplayString as K, unref as S, createVNode as D, createCommentVNode as Q, h as I, reactive as Xe, watch as et, isRef as He, normalizeClass as me, renderList as ve, normalizeStyle as Ve, Teleport as tt, mergeProps as at } from "vue";
-import { a3 as nt, u as $e, an as L, ae as Ne, ao as ze, m as ot, P as Pe, j as z, t as st, T as ye, r as rt, s as lt, v as ct, ap as Oe, aq as Ye, a9 as Ke, ar as se, af as it, am as ce, a0 as Ie, D as Ee, i as we, h as ut, f as dt, a as mt, B as ft, _ as pt, C as vt, E as yt, G as Ce } from "./app-Ve0uP1Mz.js";
-import { useCoreStore as gt, useI18n as Ge } from "@feedmepos/mf-common";
-import { useSnackbar as Me, useDialog as bt, useProxiedModel as At, components as de, useBreakpoints as Dt } from "@feedmepos/ui-library";
-import { defineStore as qe, storeToRefs as kt } from "pinia";
-import { a as Ue, u as We } from "./stock-CaNAztA8.js";
-import { E as _t } from "./empty-placeholder-wf6-BWE8.js";
-const Be = nt((l, o) => {
+import { defineComponent as je, ref as E, computed as P, onMounted as Pe, resolveComponent as T, openBlock as w, createElementBlock as R, Fragment as q, createTextVNode as G, createBlock as Z, withCtx as Y, createElementVNode as n, toDisplayString as K, unref as S, createVNode as D, createCommentVNode as Q, h as I, reactive as et, watch as tt, isRef as Ve, normalizeClass as me, renderList as ve, normalizeStyle as ze, Teleport as at, mergeProps as nt } from "vue";
+import { a3 as ot, u as $e, an as L, ae as Ne, ao as Oe, m as st, P as Me, j as N, t as rt, T as ye, r as lt, s as ct, v as it, ap as Ye, aq as Ke, a9 as Ge, ar as se, af as ut, as as Ie, am as re, a0 as Re, D as He, i as we, h as dt, f as mt, a as ft, B as pt, _ as vt, C as yt, E as gt, G as Ce } from "./app-CsCsQ8Wq.js";
+import { useCoreStore as bt, useI18n as qe } from "@feedmepos/mf-common";
+import { useSnackbar as Ue, useDialog as At, useProxiedModel as Dt, components as de, useBreakpoints as kt } from "@feedmepos/ui-library";
+import { defineStore as We, storeToRefs as _t } from "pinia";
+import { a as Le, u as Ze } from "./stock-DYOew5RJ.js";
+import { E as ht } from "./empty-placeholder-wf6-BWE8.js";
+const Be = ot((l, o) => {
   function e() {
     return $e().currentLocation.dbName;
   }
   return {
-    async getDraft(i) {
-      const m = e(), _ = `${l.inventoryBackendUrl}/${m}/closing-draft/${i}`;
-      return o.get(_);
+    async getDraft(c) {
+      const f = e(), h = `${l.inventoryBackendUrl}/${f}/closing-draft/${c}`;
+      return o.get(h);
     },
     async readDrafts() {
-      const i = e(), m = `${l.inventoryBackendUrl}/${i}/closing-draft`;
-      return o.get(m);
+      const c = e(), f = `${l.inventoryBackendUrl}/${c}/closing-draft`;
+      return o.get(f);
     },
-    async runOperation(i) {
-      const m = e(), _ = `${l.inventoryBackendUrl}/${m}/closing-draft/run-operation`;
-      return o.post(_, i);
+    async runOperation(c) {
+      const f = e(), h = `${l.inventoryBackendUrl}/${f}/closing-draft/run-operation`;
+      return o.post(h, c);
     },
-    async sync(i) {
-      const m = e(), _ = `${l.inventoryBackendUrl}/${m}/closing-draft/sync`;
-      return o.post(_, i);
+    async sync(c) {
+      const f = e(), h = `${l.inventoryBackendUrl}/${f}/closing-draft/sync`;
+      return o.post(h, c);
     }
   };
-}), ht = { class: "fm-typo-en-body-lg-400" }, xt = { class: "fm-typo-en-body-lg-600" }, wt = {
+}), xt = { class: "fm-typo-en-body-lg-400" }, wt = { class: "fm-typo-en-body-lg-600" }, Ct = {
   key: 0,
   class: "flex flex-col"
-}, Ct = { class: "flex gap-12 py-8 justify-end w-full" }, Te = /* @__PURE__ */ je({
+}, St = { class: "flex gap-12 py-8 justify-end w-full" }, Te = /* @__PURE__ */ je({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -39,7 +39,7 @@ const Be = nt((l, o) => {
     onFinished: { type: Function }
   },
   setup(l) {
-    const o = l, e = E(), i = Be(), m = Me(), _ = E(!1), p = E(null), M = E(!1), u = P(() => {
+    const o = l, e = E(), c = Be(), f = Ue(), h = E(!1), v = E(null), M = E(!1), d = P(() => {
       switch (o.action) {
         case L.enum.approveDraft:
           return "Approve";
@@ -60,80 +60,80 @@ const Be = nt((l, o) => {
       }
       throw new Error(`Unknown action: ${o.action}`);
     });
-    Re(() => {
+    Pe(() => {
       if (o.draft.effectiveAt)
-        p.value = new Date(o.draft.effectiveAt);
+        v.value = new Date(o.draft.effectiveAt);
       else {
         const s = new Date(o.draft.createdAt);
-        s.setHours(23, 59, 59, 999), p.value = s;
+        s.setHours(23, 59, 59, 999), v.value = s;
       }
       M.value = !0;
     });
     const B = P({
       get() {
-        return p.value === null ? "" : Ne(p.value);
+        return v.value === null ? "" : Ne(v.value);
       },
       set(s) {
         if (s) {
           const a = /* @__PURE__ */ new Date(`${s} ${H.value}`);
-          a.setSeconds(59, 999), p.value = a;
+          a.setSeconds(59, 999), v.value = a;
         } else
-          p.value = null;
+          v.value = null;
       }
     }), H = P({
       get() {
-        return p.value === null ? "" : ze(p.value);
+        return v.value === null ? "" : Oe(v.value);
       },
       set(s) {
         if (s) {
           const a = /* @__PURE__ */ new Date(`${B.value} ${s}`);
-          a.setSeconds(59, 999), p.value = a;
+          a.setSeconds(59, 999), v.value = a;
         } else
-          p.value = null;
+          v.value = null;
       }
     });
     async function O() {
-      _.value = !0;
+      h.value = !0;
       try {
-        await i.runOperation({
+        await c.runOperation({
           _id: o.draft._id,
           _rev: o.draft._rev ?? "",
           action: o.action,
           data: {
-            effectiveAt: p.value ? p.value.toISOString() : null,
+            effectiveAt: v.value ? v.value.toISOString() : null,
             remark: e.value
           }
-        }).delayed(500), m.open({
+        }).delayed(500), f.open({
           title: "Success",
           message: "Action submitted",
           type: "success"
         }), o.onFinished();
       } catch (s) {
-        m.open({
+        f.open({
           title: "Something went wrong",
           message: "Unable to submit action. Please try again",
           type: "error"
         }), console.error("error on submit closing draft action", s);
       } finally {
-        _.value = !1;
+        h.value = !1;
       }
     }
     return (s, a) => {
-      const w = T("FmLabel"), V = T("FmDatePicker"), d = T("FmTimePicker"), f = T("FmTextField"), C = T("FmButton"), $ = T("FmForm");
-      return M.value ? (x(), Z($, {
+      const k = T("FmLabel"), V = T("FmDatePicker"), m = T("FmTimePicker"), p = T("FmTextField"), C = T("FmButton"), $ = T("FmForm");
+      return M.value ? (w(), Z($, {
         key: 1,
         onValidationSuccess: O,
         class: "flex flex-col gap-32",
-        disabled: _.value
+        disabled: h.value
       }, {
         default: Y(() => [
-          n("div", ht, [
+          n("div", xt, [
             a[4] || (a[4] = G(" You are about to ")),
-            n("span", xt, K(u.value), 1),
+            n("span", wt, K(d.value), 1),
             a[5] || (a[5] = G(" this draft. Please provide a remark to justify this action. "))
           ]),
-          s.action === S(L).enum.approveDraft ? (x(), R("div", wt, [
-            D(w, { class: "fm-typo-en-body-lg-600" }, {
+          s.action === S(L).enum.approveDraft ? (w(), R("div", Ct, [
+            D(k, { class: "fm-typo-en-body-lg-600" }, {
               default: Y(() => a[6] || (a[6] = [
                 G("Closing Date")
               ])),
@@ -143,96 +143,96 @@ const Be = nt((l, o) => {
               modelValue: B.value,
               "onUpdate:modelValue": a[0] || (a[0] = (F) => B.value = F)
             }, null, 8, ["modelValue"]),
-            D(w, { class: "fm-typo-en-body-lg-600" }, {
+            D(k, { class: "fm-typo-en-body-lg-600" }, {
               default: Y(() => a[7] || (a[7] = [
                 G("Closing Time")
               ])),
               _: 1
             }),
-            D(d, {
+            D(m, {
               modelValue: H.value,
               "onUpdate:modelValue": a[1] || (a[1] = (F) => H.value = F)
             }, null, 8, ["modelValue"])
           ])) : Q("", !0),
-          D(f, {
+          D(p, {
             modelValue: e.value,
             "onUpdate:modelValue": a[2] || (a[2] = (F) => e.value = F),
             label: "Remark",
             "label-mark": "required",
-            rules: [S(ot)()]
+            rules: [S(st)()]
           }, null, 8, ["modelValue", "rules"]),
-          n("div", Ct, [
+          n("div", St, [
             D(C, {
               label: "Cancel",
               variant: "tertiary",
               onClick: a[3] || (a[3] = (F) => s.onCancel())
             }),
             D(C, {
-              label: u.value,
+              label: d.value,
               type: "submit",
               variant: y.value,
-              loading: _.value
+              loading: h.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (x(), R(q, { key: 0 }, [
+      }, 8, ["disabled"])) : (w(), R(q, { key: 0 }, [
         G("Loading")
       ], 64));
     };
   }
-}), St = ye(0);
-function Ze(l) {
-  const o = l.measurementsAmounts.groupBy((i) => i.measurement.id), e = l.sku.unit.measurements.reduce((i, m) => {
-    var M, u;
-    const _ = ((u = (M = o.get(m.id)) == null ? void 0 : M[0]) == null ? void 0 : u.amount) ?? St, p = Pe(m.conversion, _);
-    return i + +z(p);
-  }, +z(l.baseAmount));
-  return st(e, l.baseAmount.precision);
+}), Ft = ye(0);
+function Je(l) {
+  const o = l.measurementsAmounts.groupBy((c) => c.measurement.id), e = l.sku.unit.measurements.reduce((c, f) => {
+    var M, d;
+    const h = ((d = (M = o.get(f.id)) == null ? void 0 : M[0]) == null ? void 0 : d.amount) ?? Ft, v = Me(f.conversion, h);
+    return c + +N(v);
+  }, +N(l.baseAmount));
+  return rt(e, l.baseAmount.precision);
 }
-const Ft = ye(0), jt = ye(100);
-function $t(l, o, e) {
-  const i = Ze(l), m = Oe(i, o), _ = o.amount === 0 ? null : Ye(m, {
+const jt = ye(0), $t = ye(100);
+function Bt(l, o, e) {
+  const c = Je(l), f = Ye(c, o), h = o.amount === 0 ? null : Ke(f, {
     ...o,
     amount: Math.abs(o.amount)
-  }), p = _ ? Pe(_, jt) : null;
+  }), v = h ? Me(h, $t) : null;
   return {
     code: l.sku.code,
     name: l.sku.name,
     baseUnit: l.sku.unit.abbrev,
-    baseUnitAmount: +z(l.baseAmount),
+    baseUnitAmount: +N(l.baseAmount),
     ...l.measurementsAmounts.filter(
-      (u) => Bt(u.measurement) && e.includes(u.measurement.id)
+      (d) => Tt(d.measurement) && e.includes(d.measurement.id)
     ).reduce(
-      (u, y, B) => (u[`measurementAbbrev${B}`] = `(${y.measurement.abbrev}) × ${z(y.measurement.conversion)}`, u[`measurementAmount${B}`] = +z(y.amount), u),
+      (d, y, B) => (d[`measurementAbbrev${B}`] = `(${y.measurement.abbrev}) × ${N(y.measurement.conversion)}`, d[`measurementAmount${B}`] = +N(y.amount), d),
       {}
     ),
-    systemBalance: +z(o),
-    physicalBalance: +z(i),
-    adjustedAmount: +z(m),
-    adjustedDiffPercentage: p ? +z(Ke(p, 2)) : null
+    systemBalance: +N(o),
+    physicalBalance: +N(c),
+    adjustedAmount: +N(f),
+    adjustedDiffPercentage: v ? +N(Ge(v, 2)) : null
   };
 }
-function Bt(l) {
+function Tt(l) {
   return !l.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function Tt(l) {
-  const o = Je(l);
+function It(l) {
+  const o = Qe(l);
   return l.reduce(
-    (e, i) => {
-      var m;
-      return Math.max(e, ((m = o == null ? void 0 : o.get(i.sku._id)) == null ? void 0 : m[0].length) ?? 0);
+    (e, c) => {
+      var f;
+      return Math.max(e, ((f = o == null ? void 0 : o.get(c.sku._id)) == null ? void 0 : f[0].length) ?? 0);
     },
     0
   );
 }
-function Je(l) {
+function Qe(l) {
   return l.groupBy(
     (o) => o.sku._id,
     (o) => o.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
   );
 }
-function It(l) {
+function Rt(l) {
   return [
     {
       id: "code",
@@ -266,39 +266,39 @@ function It(l) {
       id: "baseUnit",
       name: "Base unit"
     },
-    ...Array.from({ length: l }).flatMap((e, i) => [
+    ...Array.from({ length: l }).flatMap((e, c) => [
       {
-        id: `measurementAmount${i}`,
-        name: `UOM amount ${i + 1}`
+        id: `measurementAmount${c}`,
+        name: `UOM amount ${c + 1}`
       },
       {
-        id: `measurementAbbrev${i}`,
-        name: `UOM ${i + 1}`
+        id: `measurementAbbrev${c}`,
+        name: `UOM ${c + 1}`
       }
     ])
   ];
 }
-function Rt(l, o) {
-  var a, w, V, d, f, C, $;
+function Pt(l, o) {
+  var a, k, V, m, p, C, $;
   const e = o.groupBy(
     (F) => F.id,
     (F) => F.balance
-  ), i = [...l.items, ...l.negativeStockItems ?? []], m = Je(i), _ = i.map((F) => {
-    var W, re;
-    const X = ((W = e.get(F.sku._id)) == null ? void 0 : W[0]) ?? Ft, J = ((re = m == null ? void 0 : m.get(F.sku._id)) == null ? void 0 : re[0]) ?? [];
-    return $t(F, X, J);
-  }), p = Tt(i), u = gt().currentBusiness.value, y = It(p), B = [
-    ["Business name:", u == null ? void 0 : u.name],
-    ["Business ID:", u == null ? void 0 : u._id],
-    ["Menu version", u == null ? void 0 : u.menuVersion],
+  ), c = [...l.items, ...l.negativeStockItems ?? []], f = Qe(c), h = c.map((F) => {
+    var W, le;
+    const X = ((W = e.get(F.sku._id)) == null ? void 0 : W[0]) ?? jt, J = ((le = f == null ? void 0 : f.get(F.sku._id)) == null ? void 0 : le[0]) ?? [];
+    return Bt(F, X, J);
+  }), v = It(c), d = bt().currentBusiness.value, y = Rt(v), B = [
+    ["Business name:", d == null ? void 0 : d.name],
+    ["Business ID:", d == null ? void 0 : d._id],
+    ["Menu version", d == null ? void 0 : d.menuVersion],
     ["Created at", new Date(l.createdAt)],
     ["Created by", (a = l.createdBy) == null ? void 0 : a.name],
     ["Updated at", new Date(l.updatedAt)],
-    ["Updated by", (w = l.updatedBy) == null ? void 0 : w.name],
+    ["Updated by", (k = l.updatedBy) == null ? void 0 : k.name],
     ["Recent action", l.approvedAt ? "Approve" : l.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      l.approvedAt ? (V = l.approvedBy) == null ? void 0 : V.name : l.rejectionHistory ? (f = (d = l.rejectionHistory[0]) == null ? void 0 : d.rejectedBy) == null ? void 0 : f.name : ""
+      l.approvedAt ? (V = l.approvedBy) == null ? void 0 : V.name : l.rejectionHistory ? (p = (m = l.rejectionHistory[0]) == null ? void 0 : m.rejectedBy) == null ? void 0 : p.name : ""
     ],
     [
       "Action at",
@@ -310,11 +310,11 @@ function Rt(l, o) {
     ],
     [],
     y.map((F) => F.name),
-    ..._.map((F) => y.map((X) => F[X.id]))
-  ], H = y.map((F) => `system:${F.id}`), O = rt(B, H), s = `[${u == null ? void 0 : u.name}] closing draft (${lt(new Date(l.updatedAt))}).xlsx`;
-  return ct(O, s), s;
+    ...h.map((F) => y.map((X) => F[X.id]))
+  ], H = y.map((F) => `system:${F.id}`), O = lt(B, H), s = `[${d == null ? void 0 : d.name}] closing draft (${ct(new Date(l.updatedAt))}).xlsx`;
+  return it(O, s), s;
 }
-const Pt = { class: "flex flex-col" }, Mt = { class: "flex gap-12 py-8 justify-end w-full" }, Ut = /* @__PURE__ */ je({
+const Mt = { class: "flex flex-col" }, Ut = { class: "flex gap-12 py-8 justify-end w-full" }, Lt = /* @__PURE__ */ je({
   __name: "RefreshBalanceAction",
   props: {
     draft: {},
@@ -323,46 +323,46 @@ const Pt = { class: "flex flex-col" }, Mt = { class: "flex gap-12 py-8 justify-e
   },
   setup(l) {
     const o = l;
-    Ue();
-    const e = E(!1), i = E(null), m = E(!1);
-    Re(() => {
+    Le();
+    const e = E(!1), c = E(null), f = E(!1);
+    Pe(() => {
       if (o.draft.effectiveAt)
-        i.value = new Date(o.draft.effectiveAt);
+        c.value = new Date(o.draft.effectiveAt);
       else {
-        const u = new Date(o.draft.createdAt);
-        u.setHours(23, 59, 59, 999), i.value = u;
+        const d = new Date(o.draft.createdAt);
+        d.setHours(23, 59, 59, 999), c.value = d;
       }
-      m.value = !0;
+      f.value = !0;
     });
-    const _ = P({
+    const h = P({
       get() {
-        return i.value === null ? "" : Ne(i.value);
+        return c.value === null ? "" : Ne(c.value);
       },
-      set(u) {
-        if (u) {
-          const y = /* @__PURE__ */ new Date(`${u} ${p.value}`);
-          y.setSeconds(59, 999), i.value = y;
+      set(d) {
+        if (d) {
+          const y = /* @__PURE__ */ new Date(`${d} ${v.value}`);
+          y.setSeconds(59, 999), c.value = y;
         } else
-          i.value = null;
+          c.value = null;
       }
-    }), p = P({
+    }), v = P({
       get() {
-        return i.value === null ? "" : ze(i.value);
+        return c.value === null ? "" : Oe(c.value);
       },
-      set(u) {
-        if (u) {
-          const y = /* @__PURE__ */ new Date(`${_.value} ${u}`);
-          y.setSeconds(59, 999), i.value = y;
+      set(d) {
+        if (d) {
+          const y = /* @__PURE__ */ new Date(`${h.value} ${d}`);
+          y.setSeconds(59, 999), c.value = y;
         } else
-          i.value = null;
+          c.value = null;
       }
     });
     async function M() {
-      e.value = !0, o.onFinished(i.value.toISOString());
+      e.value = !0, o.onFinished(c.value.toISOString());
     }
-    return (u, y) => {
+    return (d, y) => {
       const B = T("FmLabel"), H = T("FmDatePicker"), O = T("FmTimePicker"), s = T("FmButton"), a = T("FmForm");
-      return m.value ? (x(), Z(a, {
+      return f.value ? (w(), Z(a, {
         key: 1,
         onValidationSuccess: M,
         class: "flex flex-col gap-32",
@@ -381,7 +381,7 @@ const Pt = { class: "flex flex-col" }, Mt = { class: "flex gap-12 py-8 justify-e
               G(" the effective date and time. ")
             ])
           ], -1)),
-          n("div", Pt, [
+          n("div", Mt, [
             D(B, { class: "fm-typo-en-body-lg-600" }, {
               default: Y(() => y[3] || (y[3] = [
                 G("Closing Date")
@@ -389,8 +389,8 @@ const Pt = { class: "flex flex-col" }, Mt = { class: "flex gap-12 py-8 justify-e
               _: 1
             }),
             D(H, {
-              modelValue: _.value,
-              "onUpdate:modelValue": y[0] || (y[0] = (w) => _.value = w)
+              modelValue: h.value,
+              "onUpdate:modelValue": y[0] || (y[0] = (k) => h.value = k)
             }, null, 8, ["modelValue"]),
             D(B, { class: "fm-typo-en-body-lg-600" }, {
               default: Y(() => y[4] || (y[4] = [
@@ -399,15 +399,15 @@ const Pt = { class: "flex flex-col" }, Mt = { class: "flex gap-12 py-8 justify-e
               _: 1
             }),
             D(O, {
-              modelValue: p.value,
-              "onUpdate:modelValue": y[1] || (y[1] = (w) => p.value = w)
+              modelValue: v.value,
+              "onUpdate:modelValue": y[1] || (y[1] = (k) => v.value = k)
             }, null, 8, ["modelValue"])
           ]),
-          n("div", Mt, [
+          n("div", Ut, [
             D(s, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: y[2] || (y[2] = (w) => u.onCancel())
+              onClick: y[2] || (y[2] = (k) => d.onCancel())
             }),
             D(s, {
               label: "Refresh balance",
@@ -418,132 +418,132 @@ const Pt = { class: "flex flex-col" }, Mt = { class: "flex gap-12 py-8 justify-e
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (x(), R(q, { key: 0 }, [
+      }, 8, ["disabled"])) : (w(), R(q, { key: 0 }, [
         G("Loading")
       ], 64));
     };
   }
-}), Fe = qe(
+}), Fe = We(
   "closingDraftActions",
   function() {
-    const o = bt(), e = Me(), i = Ue(), m = Be(), _ = We(), p = E(!1), M = E();
-    function u(d) {
-      const f = {
-        draft: d
+    const o = At(), e = Ue(), c = Le(), f = Be(), h = Ze(), v = E(!1), M = E();
+    function d(m) {
+      const p = {
+        draft: m
       };
-      M.value = f, p.value = !0;
+      M.value = p, v.value = !0;
     }
-    async function y(d) {
+    async function y(m) {
       var C;
-      if (d.status === se.enum.COMPLETED) {
-        const $ = d.closingAdjustmentId;
+      if (m.status === se.enum.COMPLETED) {
+        const $ = m.closingAdjustmentId;
         if (!$)
           return e.open({
             title: "Something went wrong",
             message: "Closing draft is completed but closing document cannot be found.",
             type: "error"
           }), console.error("Closing draft is completed but closing document cannot be found.", {
-            draftId: d._id
+            draftId: m._id
           }), [];
-        const F = await i.readAdjustmentById($);
+        const F = await c.readAdjustmentById($);
         return ((F == null ? void 0 : F.skus) ?? []).map((J) => ({
           id: J.sku._id,
           balance: J.fromBalance,
           costs: J.fromCostBalances
         }));
       } else
-        return await _.readStockBalance(), ((C = _.stockBalance) == null ? void 0 : C.skus) ?? [];
+        return await h.readStockBalance(), ((C = h.stockBalance) == null ? void 0 : C.skus) ?? [];
     }
-    async function B(d, f) {
-      f || (e.open({
+    async function B(m, p) {
+      p || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), f = await y(d)), Rt(d, f);
+      }), p = await y(m)), Pt(m, p);
     }
-    function H(d, f) {
+    function H(m, p) {
       o.open({
         title: "Approve draft",
         contentComponent: Te,
         contentComponentProps: {
-          draft: d,
+          draft: m,
           action: L.enum.approveDraft,
           onFinished: () => {
-            o.close(), f == null || f();
+            o.close(), p == null || p();
           },
           onCancel: () => o.close()
         }
       });
     }
-    function O(d, f) {
+    function O(m, p) {
       o.open({
         title: "Reject draft",
         contentComponent: Te,
         contentComponentProps: {
-          draft: d,
+          draft: m,
           action: L.enum.rejectDraft,
           onFinished: () => {
-            o.close(), f == null || f();
+            o.close(), p == null || p();
           },
           onCancel: () => o.close()
         }
       });
     }
-    function s(d, f) {
+    function s(m, p) {
       o.open({
         title: "Mark draft as failed",
         contentComponent: Te,
         contentComponentProps: {
-          draft: d,
+          draft: m,
           action: L.enum.markAsFailed,
           onFinished: () => {
-            o.close(), f == null || f();
+            o.close(), p == null || p();
           },
           onCancel: () => o.close()
         }
       });
     }
-    async function a(d, f) {
-      await m.sync({
-        _id: d._id,
-        _rev: d._rev ?? "",
+    async function a(m, p) {
+      await f.sync({
+        _id: m._id,
+        _rev: m._rev ?? "",
         action: L.enum.approveDraft,
         data: {
-          remark: d.remark ?? ""
+          remark: m.remark ?? ""
         }
       }).delayed(500), e.open({
         title: "Success",
         message: "Sync requested",
         type: "success"
-      }), f == null || f();
+      }), p == null || p();
     }
-    function w() {
-      p.value = !1;
+    function k() {
+      v.value = !1;
     }
-    async function V(d, f, C) {
+    async function V(m, p, C) {
       await o.open({
         title: "Refresh balance",
-        contentComponent: Ut,
+        contentComponent: Lt,
         contentComponentProps: {
-          draft: d,
+          draft: m,
           onFinished: ($) => {
             o.close(), C == null || C($);
           },
           onCancel: async () => {
-            o.close(), f == null || f();
+            o.close(), p == null || p();
           }
         }
       });
     }
     return {
-      viewDraft: u,
-      closeDraftDialog: w,
+      viewDraft: d,
+      closeDraftDialog: k,
       approveDraft: H,
       rejectDraft: O,
       markAsFailed: s,
       syncDraft: a,
       exportDraft: B,
       refreshBalance: V,
-      viewClosingDraftShow: p,
+      viewClosingDraftShow: v,
       viewClosingDraftProps: M
     };
   }
@@ -560,41 +560,41 @@ function Se(l) {
       return "fm-status-badge-complete";
   }
 }
-const Lt = qe(
+const Et = We(
   "closingDraftTable",
   function() {
-    const { t: o } = Ge(), e = Fe(), i = E(new Array()), m = E(!1), _ = $e(), p = Be();
+    const { t: o } = qe(), e = Fe(), c = E(new Array()), f = E(!1), h = $e(), v = Be();
     async function M() {
-      if (i.value = [], !!_._currentLocation) {
-        m.value = !0;
+      if (c.value = [], !!h._currentLocation) {
+        f.value = !0;
         try {
-          const [s] = await Promise.all([p.readDrafts()]).delayed(1e3);
-          i.value = s.reverse();
+          const [s] = await Promise.all([v.readDrafts()]).delayed(1e3);
+          c.value = s.reverse();
         } catch (s) {
           console.log("Something went wrong when fetching drafts:", s);
         } finally {
-          m.value = !1;
+          f.value = !1;
         }
       }
     }
-    async function u(s) {
-      if (!i.value.find((a) => a._id) && _._currentLocation) {
-        m.value = !0;
+    async function d(s) {
+      if (!c.value.find((a) => a._id) && h._currentLocation) {
+        f.value = !0;
         try {
           const [a] = await Promise.all([
-            p.getDraft(s),
-            new Promise((w) => setTimeout(w, 1e3))
+            v.getDraft(s),
+            new Promise((k) => setTimeout(k, 1e3))
           ]);
-          i.value = [a];
+          c.value = [a];
         } catch (a) {
           console.log("Something went wrong when fetching drafts:", a);
         } finally {
-          m.value = !1;
+          f.value = !1;
         }
       }
     }
     function y(s) {
-      i.value = i.value.map((a) => a._id === s._id ? {
+      c.value = c.value.map((a) => a._id === s._id ? {
         ...s,
         _rev: a._rev
       } : a);
@@ -603,7 +603,7 @@ const Lt = qe(
       e.closeDraftDialog(), M();
     }
     function H(s, a) {
-      switch (a = dt(a), s) {
+      switch (a = mt(a), s) {
         case we.Details:
           return e.viewDraft(a);
         case we.Export:
@@ -623,13 +623,24 @@ const Lt = qe(
           accessorKey: "_id",
           header: () => o("inventory.closing.table.createdAt"),
           cell(s) {
-            return it(`${s.getValue()}`);
+            return ut(`${s.getValue()}`);
           },
           enableSorting: !0
         },
+        {
+          accessorKey: "effectiveAt",
+          header: () => "Effective at",
+          cell(s) {
+            const a = s.row.original;
+            let k = s.getValue();
+            return k || (k = Ie(a._id)), re(k);
+          },
+          enableSorting: !0,
+          size: 200
+        },
         {
           id: "updatedAt",
-          accessorFn: (s) => ce(s.updatedAt),
+          accessorFn: (s) => re(s.updatedAt),
           header: () => "Updated at",
           enableSorting: !0,
           size: 200
@@ -658,7 +669,7 @@ const Lt = qe(
           id: "recentRemark",
           accessorFn: (s) => {
             var a;
-            return (s == null ? void 0 : s.approveRemark) ?? ((a = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : a.computeFirst((w) => w.rejectRemark)) ?? s.remark;
+            return (s == null ? void 0 : s.approveRemark) ?? ((a = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : a.computeFirst((k) => k.rejectRemark)) ?? s.remark;
           },
           header: () => "Recent remark"
         },
@@ -669,8 +680,8 @@ const Lt = qe(
           enableSorting: !1,
           cell(s) {
             var C;
-            const a = s.row.original, w = a.status, V = new Date(a.updatedAt), d = (C = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : C.computeFirst(($) => $.rejectedAt), f = d ? new Date(d) : null;
-            return w === "DRAFT" && f ? f.getTime() > V.getTime() ? I(
+            const a = s.row.original, k = a.status, V = new Date(a.updatedAt), m = (C = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : C.computeFirst(($) => $.rejectedAt), p = m ? new Date(m) : null;
+            return k === "DRAFT" && p ? p.getTime() > V.getTime() ? I(
               "div",
               {
                 class: "flex"
@@ -702,9 +713,9 @@ const Lt = qe(
               I(
                 "div",
                 {
-                  class: ["fm-status-badge", Se(w)]
+                  class: ["fm-status-badge", Se(k)]
                 },
-                Ie(w)
+                Re(k)
               )
             );
           }
@@ -712,9 +723,9 @@ const Lt = qe(
         {
           id: "action",
           cell(s) {
-            const a = s.row.original, w = [
-              Ee[we.Details],
-              Ee[we.Export]
+            const a = s.row.original, k = [
+              He[we.Details],
+              He[we.Export]
             ], V = [
               {
                 translationKey: "inventory.closing.draft.approveDraft",
@@ -732,12 +743,12 @@ const Lt = qe(
                 value: L.enum.markAsFailed
               }
             ];
-            return ut(
+            return dt(
               [
-                ...w,
+                ...k,
                 ...a.status === se.enum.DRAFT ? V : []
               ],
-              (d) => H(d, a)
+              (m) => H(m, a)
             );
           },
           enableSorting: !1,
@@ -748,44 +759,44 @@ const Lt = qe(
           }
         }
       ],
-      drafts: i,
-      loading: m,
+      drafts: c,
+      loading: f,
       fetchDrafts: M,
-      loadDraft: u,
+      loadDraft: d,
       updateDraftRef: y
     };
   }
-), Et = { class: "w-full flex flex-col gap-32" }, Ht = { class: "flex justify-between" }, Vt = { class: "flex" }, Nt = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, zt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ot = { class: "flex gap-1" }, Yt = { class: "fm-typo-en-body-lg-600" }, Kt = { class: "flex flex-col gap-16" }, Gt = { class: "flex items-center" }, qt = {
+), Ht = { class: "w-full flex flex-col gap-32" }, Vt = { class: "flex justify-between" }, zt = { class: "flex" }, Nt = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yt = { class: "flex gap-1" }, Kt = { class: "fm-typo-en-body-lg-600" }, Gt = { class: "flex flex-col gap-16" }, qt = { class: "flex items-center" }, Wt = {
   key: 0,
   class: "flex gap-8"
-}, Wt = {
+}, Zt = {
   key: 0,
   class: "w-full flex flex-col items-center"
-}, Zt = { class: "flex items-center gap-8" }, Jt = { class: "flex flex-col gap-8" }, Qt = { class: "flex gap-8" }, Xt = {
+}, Jt = { class: "flex items-center gap-8" }, Qt = { class: "flex flex-col gap-8" }, Xt = { class: "flex gap-8" }, ea = {
   key: 0,
   class: "flex gap-8"
-}, ea = { class: "overflow-x-auto" }, ta = {
+}, ta = { class: "overflow-x-auto" }, aa = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, aa = {
+}, na = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
-}, na = ["src"], oa = {
+}, oa = ["src"], sa = {
   key: 1,
   class: "px-4 flex flex-col"
-}, sa = { class: "flex gap-12 content-stretch" }, ra = {
+}, ra = { class: "flex gap-12 content-stretch" }, la = {
   class: "flex flex-col w-24",
   name: "circles"
-}, la = { class: "flex-1 flex flex-col items-center" }, ca = { class: "flex-1 flex flex-col items-center" }, ia = {
+}, ca = { class: "flex-1 flex flex-col items-center" }, ia = { class: "flex-1 flex flex-col items-center" }, ua = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, ua = { class: "fm-typo-en-body-lg-400" }, da = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ma = { class: "flex gap-12 content-stretch" }, fa = {
+}, da = { class: "fm-typo-en-body-lg-400" }, ma = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, fa = { class: "flex gap-12 content-stretch" }, pa = {
   class: "flex flex-col w-24",
   name: "circles"
-}, pa = { class: "flex-1 flex flex-col items-center" }, va = {
+}, va = { class: "flex-1 flex flex-col items-center" }, ya = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, ya = { class: "flex flex-col gap-8" }, ga = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ba = { class: "flex flex-col gap-4" }, Aa = { class: "flex gap-8" }, Da = /* @__PURE__ */ je({
+}, ga = { class: "flex flex-col gap-8" }, ba = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Aa = { class: "flex flex-col gap-4" }, Da = { class: "flex gap-8" }, ka = /* @__PURE__ */ je({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
@@ -793,12 +804,12 @@ const Lt = qe(
   },
   emits: ["submitted", "refresh"],
   setup(l, { emit: o }) {
-    const e = l, i = We(), m = Fe(), _ = At(e, "show"), p = E(!1), M = E(!1), u = E(!1), y = E(new Array()), B = Ue(), H = Be(), O = Me(), s = mt(), a = $e(), w = Xe({}), V = P(() => new Set(
+    const e = l, c = Ze(), f = Fe(), h = Dt(e, "show"), v = E(!1), M = E(!1), d = E(!1), y = E(new Array()), B = Le(), H = Be(), O = Ue(), s = ft(), a = $e(), k = et({}), V = P(() => new Set(
       s.skus.filter((r) => {
         var t;
-        return w[(t = r.customAttributes) == null ? void 0 : t.tag];
+        return k[(t = r.customAttributes) == null ? void 0 : t.tag];
       }).map((r) => r._id)
-    )), d = o, f = E({
+    )), m = o, p = E({
       templateItem: !0,
       nonTemplateItem: !0
     }), C = P(() => {
@@ -812,10 +823,10 @@ const Lt = qe(
       (t) => t.sku._id,
       (t) => t.measurementsAmounts.filter((b) => !b.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((b) => b.measurement.id)
     ));
-    Re(W), et(
+    Pe(W), tt(
       () => e.show,
       (r) => {
-        r && (oe.value = ne[0], W(), f.value = {
+        r && (oe.value = ne[0], W(), p.value = {
           templateItem: !0,
           nonTemplateItem: !0
         });
@@ -825,12 +836,12 @@ const Lt = qe(
     async function W() {
       var t, b, g;
       if (!a._currentLocation) return;
-      p.value = !0;
+      v.value = !0;
       const r = ((t = e.draft) == null ? void 0 : t.status) === se.enum.COMPLETED;
       try {
         if (await s.init(), r) {
-          const c = e.draft.closingAdjustmentId;
-          if (!c) {
+          const u = e.draft.closingAdjustmentId;
+          if (!u) {
             O.open({
               title: "Something went wrong",
               message: "Closing draft is completed but closing document cannot be found.",
@@ -840,7 +851,7 @@ const Lt = qe(
             });
             return;
           }
-          const v = await B.readAdjustmentById(c), A = (v == null ? void 0 : v.skus) ?? [];
+          const i = await B.readAdjustmentById(u), A = (i == null ? void 0 : i.skus) ?? [];
           y.value = A.map((j) => ({
             id: j.sku._id,
             balance: j.fromBalance,
@@ -848,19 +859,19 @@ const Lt = qe(
           }));
         } else
           y.value = ((g = e.draft) == null ? void 0 : g.stockSnapshot) ?? [];
-      } catch (c) {
+      } catch (u) {
         O.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
-        }), console.error("error on fetch stock balances", c);
+        }), console.error("error on fetch stock balances", u);
       } finally {
-        p.value = !1;
+        v.value = !1;
       }
     }
-    async function re() {
+    async function le() {
       var t, b;
-      if (!(((t = e.draft) == null ? void 0 : t.effectiveAt) ?? ((b = e.draft) == null ? void 0 : b.updatedAt))) {
+      if (!(((t = e.draft) == null ? void 0 : t.effectiveAt) ?? (e.draft ? Ie((b = e.draft) == null ? void 0 : b._id) : null))) {
         O.open({
           title: "Cannot refresh",
           message: "Effective date is not available for this draft.",
@@ -868,20 +879,20 @@ const Lt = qe(
         });
         return;
       }
-      await m.refreshBalance(
+      await f.refreshBalance(
         e.draft,
         () => {
         },
         async (g) => {
           var j;
           M.value = !0;
-          const c = (j = e.draft) == null ? void 0 : j._rev, v = 30, A = 2e3;
+          const u = (j = e.draft) == null ? void 0 : j._rev, i = 30, A = 2e3;
           try {
             await B.recalculation.scheduleCalculateStockSnapshotAtDate(g, e.draft._id);
-            let h = null;
-            for (let te = 0; te < v && (h = await H.getDraft(e.draft._id).delayed(A), h._rev === c); te++)
+            let x = null;
+            for (let te = 0; te < i && (x = await H.getDraft(e.draft._id).delayed(A), x._rev === u); te++)
               ;
-            if (!h || h._rev === c) {
+            if (!x || x._rev === u) {
               O.open({
                 title: "Refresh failed",
                 message: "Failed to refresh stock balance. Please try again.",
@@ -889,17 +900,17 @@ const Lt = qe(
               }), console.error("error refreshing stock balances: there is no change in _rev");
               return;
             }
-            d("refresh", h), y.value = h.stockSnapshot ?? [], O.open({
+            m("refresh", x), y.value = x.stockSnapshot ?? [], O.open({
               title: "Balance refreshed",
               message: "Stock balance has been recalculated.",
               type: "success"
             });
-          } catch (h) {
+          } catch (x) {
             O.open({
               title: "Refresh failed",
               message: "Failed to refresh stock balance. Please try again.",
               type: "error"
-            }), console.error("error refreshing stock balances", h);
+            }), console.error("error refreshing stock balances", x);
           } finally {
             M.value = !1;
           }
@@ -926,10 +937,10 @@ const Lt = qe(
         }
       );
     }
-    const le = P(() => {
+    const ce = P(() => {
       const r = $.value.reduce((b, g) => {
-        var c, v;
-        return Math.max(b, ((v = (c = F.value) == null ? void 0 : c.get(g._id)) == null ? void 0 : v[0].length) ?? 0);
+        var u, i;
+        return Math.max(b, ((i = (u = F.value) == null ? void 0 : u.get(g._id)) == null ? void 0 : i[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -938,13 +949,13 @@ const Lt = qe(
           header: () => "Name",
           size: 350,
           cell(b) {
-            const g = b.row.original, c = g.adjustedDiffPercentage, v = typeof c == "number" && Math.abs(c) > 10, A = I("div", { class: "flex flex-col gap-4" }, [
+            const g = b.row.original, u = g.adjustedDiffPercentage, i = typeof u == "number" && Math.abs(u) > 10, A = I("div", { class: "flex flex-col gap-4" }, [
               I(
                 "div",
                 {
                   class: [
                     "line-clamp-1 fm-typo-en-body-lg-400",
-                    v ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                    i ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
                   ]
                 },
                 g.name
@@ -954,7 +965,7 @@ const Lt = qe(
                 {
                   class: [
                     "line-clamp-1 fm-typo-en-body-md-400",
-                    v ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+                    i ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
                   ]
                 },
                 g.code
@@ -967,7 +978,7 @@ const Lt = qe(
               },
               {
                 content() {
-                  return v ? "Adjustment difference is more than 10%." : `${g.code} - ${g.name}`;
+                  return i ? "Adjustment difference is more than 10%." : `${g.code} - ${g.name}`;
                 },
                 default() {
                   return I("div", { class: "flex items-center gap-4 justify-start w-full" }, [
@@ -1032,17 +1043,17 @@ const Lt = qe(
           cell(b) {
             const g = b.row.original.adjustedDiffPercentage;
             if (!g) return "N/A";
-            const c = g.toFixed(2);
-            if (c === "0.00")
+            const u = g.toFixed(2);
+            if (u === "0.00")
               return I("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const v = g > 0;
+            const i = g > 0;
             return I("div", { class: "flex items-center gap-4 justify-end" }, [
               I(de.FmIcon, {
-                name: v ? "arrow_drop_up" : "arrow_drop_down",
-                color: v ? "system-success-300" : "system-error-300",
+                name: i ? "arrow_drop_up" : "arrow_drop_down",
+                color: i ? "system-success-300" : "system-error-300",
                 size: "md"
               }),
-              c
+              u
             ]);
           },
           meta: {
@@ -1054,7 +1065,7 @@ const Lt = qe(
           header: () => "Amounts",
           enableSorting: !1,
           cell(b) {
-            const g = b.row.original, c = (A, j) => I(
+            const g = b.row.original, u = (A, j) => I(
               de.FmTooltip,
               { zIndex: 50 },
               {
@@ -1082,84 +1093,84 @@ const Lt = qe(
                 }
               }
             );
-            let v = Array.from({ length: r }).map((A, j) => {
+            let i = Array.from({ length: r }).map((A, j) => {
               if (!g[`measurementAmount${j}`])
                 return null;
-              const h = g[`measurementAmount${j}`], te = g[`measurementAbbrev${j}`];
-              return c(h, te);
+              const x = g[`measurementAmount${j}`], te = g[`measurementAbbrev${j}`];
+              return u(x, te);
             }).filter((A) => A);
-            return (g.baseUnitAmount || !v.length) && (v = [c(g.baseUnitAmount, g.baseUnit), ...v]), I(
+            return (g.baseUnitAmount || !i.length) && (i = [u(g.baseUnitAmount, g.baseUnit), ...i]), I(
               "div",
               {
                 class: "flex gap-8 flex-nowrap",
                 style: {
-                  minWidth: `${120 * v.length}px`
+                  minWidth: `${120 * i.length}px`
                 }
               },
-              v
+              i
             );
           }
         }
       ];
-    }), Ae = P(() => le.value.map((r) => r.size ?? 0).reduce((r, t) => r + t)), ue = E(""), fe = P(() => {
+    }), Ae = P(() => ce.value.map((r) => r.size ?? 0).reduce((r, t) => r + t)), ue = E(""), fe = P(() => {
       var b, g;
       const r = ((g = (b = e.draft) == null ? void 0 : b.negativeStockItems) == null ? void 0 : g.reduce(
-        (c, v) => (c[v.sku._id] = v, c),
+        (u, i) => (u[i.sku._id] = i, u),
         {}
       )) ?? {};
-      return $.value.map((c) => {
+      return $.value.map((u) => {
         var he, xe;
-        const v = (he = be.value.get(c._id)) == null ? void 0 : he[0], A = ((xe = ge.value.get(c._id)) == null ? void 0 : xe[0]) ?? X;
-        if (!v)
+        const i = (he = be.value.get(u._id)) == null ? void 0 : he[0], A = ((xe = ge.value.get(u._id)) == null ? void 0 : xe[0]) ?? X;
+        if (!i)
           return {
-            code: c.code,
-            name: c.name,
-            baseUnit: c.unit.abbrev,
+            code: u.code,
+            name: u.name,
+            baseUnit: u.unit.abbrev,
             baseUnitAmount: 0,
-            systemBalance: +z(A),
+            systemBalance: +N(A),
             physicalBalance: 0,
-            adjustedAmount: -+z(A),
+            adjustedAmount: -+N(A),
             adjustedDiffPercentage: -100,
-            isTemplateItem: !r[c._id]
+            isTemplateItem: !r[u._id]
           };
-        const j = Ze(v), h = Oe(j, A), te = A.amount === 0 ? null : Ye(h, {
+        const j = Je(i), x = Ye(j, A), te = A.amount === 0 ? null : Ke(x, {
           ...A,
           amount: Math.abs(A.amount)
-        }), ke = te ? Pe(te, J) : null;
+        }), ke = te ? Me(te, J) : null;
         return {
-          code: c.code,
-          name: c.name,
-          baseUnit: c.unit.abbrev,
-          baseUnitAmount: +z(v.baseAmount),
-          ...v.measurementsAmounts.filter((k) => {
-            var U, N, ae;
-            return (ae = (N = (U = F.value) == null ? void 0 : U.get(c._id)) == null ? void 0 : N[0]) == null ? void 0 : ae.includes(k.measurement.id);
-          }).reduce((k, U, N) => (k[`measurementAbbrev${N}`] = `(${U.measurement.abbrev}) × ${z(U.measurement.conversion)}`, k[`measurementAmount${N}`] = +z(U.amount), k), {}),
-          systemBalance: +z(A),
-          physicalBalance: +z(j),
-          adjustedAmount: +z(h),
-          adjustedDiffPercentage: ke ? +z(Ke(ke, 2)) : null,
-          isTemplateItem: !r[c._id]
+          code: u.code,
+          name: u.name,
+          baseUnit: u.unit.abbrev,
+          baseUnitAmount: +N(i.baseAmount),
+          ...i.measurementsAmounts.filter((_) => {
+            var U, z, ae;
+            return (ae = (z = (U = F.value) == null ? void 0 : U.get(u._id)) == null ? void 0 : z[0]) == null ? void 0 : ae.includes(_.measurement.id);
+          }).reduce((_, U, z) => (_[`measurementAbbrev${z}`] = `(${U.measurement.abbrev}) × ${N(U.measurement.conversion)}`, _[`measurementAmount${z}`] = +N(U.amount), _), {}),
+          systemBalance: +N(A),
+          physicalBalance: +N(j),
+          adjustedAmount: +N(x),
+          adjustedDiffPercentage: ke ? +N(Ge(ke, 2)) : null,
+          isTemplateItem: !r[u._id]
         };
-      }).filter((c) => !!(c.isTemplateItem && f.value.templateItem || !c.isTemplateItem && f.value.nonTemplateItem));
+      }).filter((u) => !!(u.isTemplateItem && p.value.templateItem || !u.isTemplateItem && p.value.nonTemplateItem));
     }), De = P(() => {
-      var t, b, g;
+      var t, b, g, u;
       if (!e.draft) return [];
       const r = e.draft.approvedAt ? {
-        action: `Approve at ${ce(e.draft.approvedAt)}`,
+        action: `Approve at ${re(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((c) => ({
-        action: `Reject at ${ce(c.rejectedAt)}`,
+      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((i) => ({
+        action: `Reject at ${re(i.rejectedAt)}`,
         // actionAt: e.rejectedAt,
-        actionBy: c.rejectedBy,
-        remark: c.rejectRemark
+        actionBy: i.rejectedBy,
+        remark: i.rejectRemark
       }));
       return [
         {
           label: "Created at",
-          value: ce(e.draft.createdAt)
+          value: re(e.draft.createdAt)
         },
         {
           label: "Created by",
@@ -1167,7 +1178,7 @@ const Lt = qe(
         },
         {
           label: "Updated at",
-          value: ce(e.draft.updatedAt)
+          value: re(e.draft.updatedAt)
         },
         {
           label: "Updated by",
@@ -1175,11 +1186,11 @@ const Lt = qe(
         },
         {
           label: "Effective at",
-          value: ce(e.draft.effectiveAt ?? e.draft.updatedAt)
+          value: re(e.draft.effectiveAt ?? Ie((b = e.draft) == null ? void 0 : b._id))
         },
         {
           label: "Using template",
-          value: ((b = e.draft.usingTemplates.find((c) => c)) == null ? void 0 : b.name) ?? "None"
+          value: ((g = e.draft.usingTemplates.find((i) => i)) == null ? void 0 : g.name) ?? "None"
         },
         e.draft.remark ? {
           label: "Remark",
@@ -1191,13 +1202,13 @@ const Lt = qe(
         } : null,
         r && r.actionBy ? {
           label: "Last action by",
-          value: (g = r.actionBy) == null ? void 0 : g.name
+          value: (u = r.actionBy) == null ? void 0 : u.name
         } : null,
         r && r.remark ? {
           label: "Action remark",
           value: r.remark
         } : null
-      ].filter((c) => c).map((c) => c);
+      ].filter((i) => i).map((i) => i);
     }), ne = [
       {
         label: "Overview",
@@ -1208,21 +1219,21 @@ const Lt = qe(
         value: "history"
       }
     ], oe = E(ne[0]), ee = P(() => {
-      var g, c, v;
-      const r = ((g = e.draft) == null ? void 0 : g.activityLogs) ?? [], t = ((c = e.draft) == null ? void 0 : c.rejectionHistory) ?? [];
+      var g, u, i;
+      const r = ((g = e.draft) == null ? void 0 : g.activityLogs) ?? [], t = ((u = e.draft) == null ? void 0 : u.rejectionHistory) ?? [];
       for (const A of t)
         r.find(
-          (h) => `${h.action}_${h.performedAt}` == `${L.enum.rejectDraft}_${A.rejectedAt}`
+          (x) => `${x.action}_${x.performedAt}` == `${L.enum.rejectDraft}_${A.rejectedAt}`
         ) || r.push({
           action: L.enum.rejectDraft,
           performedAt: A.rejectedAt,
           performedBy: A.rejectedBy,
           remark: A.rejectRemark
         });
-      return (v = e.draft) != null && v.approvedAt && (r.find(
+      return (i = e.draft) != null && i.approvedAt && (r.find(
         (j) => {
-          var h;
-          return `${j.action}_${j.performedAt}` == `${L.enum.approveDraft}_${(h = e.draft) == null ? void 0 : h.approvedAt}`;
+          var x;
+          return `${j.action}_${j.performedAt}` == `${L.enum.approveDraft}_${(x = e.draft) == null ? void 0 : x.approvedAt}`;
         }
       ) || r.push({
         action: L.enum.approveDraft,
@@ -1231,8 +1242,8 @@ const Lt = qe(
         remark: e.draft.approveRemark
       })), r.sort((A, j) => new Date(j.performedAt).getTime() - new Date(A.performedAt).getTime()).map(
         (A) => ({
-          header: Ie(A.action),
-          date: ce(A.performedAt),
+          header: Re(A.action),
+          date: re(A.performedAt),
           info: [
             {
               label: "Performed by",
@@ -1246,30 +1257,30 @@ const Lt = qe(
         })
       );
     }), pe = P(() => {
-      var c, v, A, j;
-      if ((c = e == null ? void 0 : e.draft) != null && c.approvedAt) return "Draft is already approved.";
-      if (((v = e.draft) == null ? void 0 : v.status) !== se.enum.DRAFT) return "Status is not draft.";
-      const r = fe.value.some((h) => h.physicalBalance < 0), t = ((j = (A = i.stockBalance.skus) == null ? void 0 : A.filter((h) => h.balance.amount < 0)) == null ? void 0 : j.map((h) => h.id)) ?? [], b = new Set($.value.map((h) => h._id)), g = t.filter((h) => !b.has(h)).length;
+      var u, i, A, j;
+      if ((u = e == null ? void 0 : e.draft) != null && u.approvedAt) return "Draft is already approved.";
+      if (((i = e.draft) == null ? void 0 : i.status) !== se.enum.DRAFT) return "Status is not draft.";
+      const r = fe.value.some((x) => x.physicalBalance < 0), t = ((j = (A = c.stockBalance.skus) == null ? void 0 : A.filter((x) => x.balance.amount < 0)) == null ? void 0 : j.map((x) => x.id)) ?? [], b = new Set($.value.map((x) => x._id)), g = t.filter((x) => !b.has(x)).length;
       return [
         r ? "Negative total exist." : null,
         g ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
-      ].filter((h) => h).join(" ");
+      ].filter((x) => x).join(" ");
     });
     return (r, t) => {
-      const b = T("FmButtonGroup"), g = T("FmMenuDivider"), c = T("FmCard"), v = T("FmButton"), A = T("FmCircularProgress"), j = T("FmChip"), h = T("FmTextField"), te = T("FmIcon"), ke = T("FmTable"), _e = T("FmSpacer"), he = T("FmTooltip"), xe = T("FmSideSheet");
-      return x(), Z(xe, {
+      const b = T("FmButtonGroup"), g = T("FmMenuDivider"), u = T("FmCard"), i = T("FmButton"), A = T("FmCircularProgress"), j = T("FmChip"), x = T("FmTextField"), te = T("FmIcon"), ke = T("FmTable"), _e = T("FmSpacer"), he = T("FmTooltip"), xe = T("FmSideSheet");
+      return w(), Z(xe, {
         "dismiss-away": "",
         "max-width": 9999,
-        "model-value": S(_),
-        "onUpdate:modelValue": t[10] || (t[10] = (k) => He(_) ? _.value = k : null),
+        "model-value": S(h),
+        "onUpdate:modelValue": t[10] || (t[10] = (_) => Ve(h) ? h.value = _ : null),
         header: "Closing details"
       }, {
         "side-sheet-footer": Y(() => {
-          var k, U, N, ae;
+          var _, U, z, ae;
           return [
-            n("div", Aa, [
-              ((k = e.draft) == null ? void 0 : k.status) === S(se).enum.DRAFT ? (x(), R(q, { key: 0 }, [
-                pe.value ? (x(), Z(he, {
+            n("div", Da, [
+              ((_ = e.draft) == null ? void 0 : _.status) === S(se).enum.DRAFT ? (w(), R(q, { key: 0 }, [
+                pe.value ? (w(), Z(he, {
                   key: 0,
                   "z-index": 51
                 }, {
@@ -1277,90 +1288,90 @@ const Lt = qe(
                     G(K(pe.value), 1)
                   ]),
                   default: Y(() => [
-                    D(v, {
+                    D(i, {
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
-                      onClick: t[5] || (t[5] = () => e.draft && S(m).approveDraft(e.draft, () => d("submitted")))
+                      onClick: t[5] || (t[5] = () => e.draft && S(f).approveDraft(e.draft, () => m("submitted")))
                     })
                   ]),
                   _: 1
-                })) : (x(), Z(v, {
+                })) : (w(), Z(i, {
                   key: "approve key",
                   label: "Approve",
-                  onClick: t[6] || (t[6] = () => e.draft && S(m).approveDraft(e.draft, () => d("submitted")))
+                  onClick: t[6] || (t[6] = () => e.draft && S(f).approveDraft(e.draft, () => m("submitted")))
                 }))
               ], 64)) : Q("", !0),
-              ((U = e.draft) == null ? void 0 : U.status) === S(se).enum.DRAFT ? (x(), Z(v, {
+              ((U = e.draft) == null ? void 0 : U.status) === S(se).enum.DRAFT ? (w(), Z(i, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: t[7] || (t[7] = () => e.draft && S(m).rejectDraft(e.draft, () => d("submitted")))
+                onClick: t[7] || (t[7] = () => e.draft && S(f).rejectDraft(e.draft, () => m("submitted")))
               })) : Q("", !0),
-              (N = e.draft) != null && N.approvedAt && ((ae = e.draft) == null ? void 0 : ae.status) !== S(se).enum.COMPLETED ? (x(), Z(v, {
+              (z = e.draft) != null && z.approvedAt && ((ae = e.draft) == null ? void 0 : ae.status) !== S(se).enum.COMPLETED ? (w(), Z(i, {
                 key: 2,
                 label: "Sync",
-                loading: u.value,
+                loading: d.value,
                 onClick: t[8] || (t[8] = () => {
-                  e.draft && (u.value = !0, S(m).syncDraft(e.draft, () => {
-                    u.value = !1, d("submitted");
+                  e.draft && (d.value = !0, S(f).syncDraft(e.draft, () => {
+                    d.value = !1, m("submitted");
                   }));
                 })
               }, null, 8, ["loading"])) : Q("", !0),
-              D(v, {
+              D(i, {
                 label: "Close",
                 variant: "tertiary",
-                onClick: t[9] || (t[9] = (Le) => _.value = !1)
+                onClick: t[9] || (t[9] = (Ee) => h.value = !1)
               })
             ])
           ];
         }),
         default: Y(() => [
-          n("div", Et, [
+          n("div", Ht, [
             n("div", null, [
               D(b, {
                 items: ne,
                 modelValue: oe.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (k) => oe.value = k)
+                "onUpdate:modelValue": t[0] || (t[0] = (_) => oe.value = _)
               }, null, 8, ["modelValue"])
             ]),
-            oe.value.value === "overview" ? (x(), R(q, { key: 0 }, [
-              D(c, {
+            oe.value.value === "overview" ? (w(), R(q, { key: 0 }, [
+              D(u, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
                 default: Y(() => {
-                  var k, U;
+                  var _, U;
                   return [
-                    n("div", Ht, [
+                    n("div", Vt, [
                       t[11] || (t[11] = n("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      n("div", Vt, [
+                      n("div", zt, [
                         n("div", {
-                          class: me(["fm-status-badge", S(Se)(((k = r.draft) == null ? void 0 : k.status) ?? "DRAFT")])
-                        }, K(S(Ie)(((U = r.draft) == null ? void 0 : U.status) ?? "")), 3)
+                          class: me(["fm-status-badge", S(Se)(((_ = r.draft) == null ? void 0 : _.status) ?? "DRAFT")])
+                        }, K(S(Re)(((U = r.draft) == null ? void 0 : U.status) ?? "")), 3)
                       ])
                     ]),
                     D(g),
                     n("div", Nt, [
-                      (x(!0), R(q, null, ve(De.value, (N, ae) => (x(), R("div", {
+                      (w(!0), R(q, null, ve(De.value, (z, ae) => (w(), R("div", {
                         class: "flex flex-col gap-4",
                         key: ae
                       }, [
-                        n("div", zt, [
-                          n("div", Ot, K(N.label), 1)
+                        n("div", Ot, [
+                          n("div", Yt, K(z.label), 1)
                         ]),
-                        n("div", Yt, K(N.value), 1)
+                        n("div", Kt, K(z.value), 1)
                       ]))), 128))
                     ])
                   ];
                 }),
                 _: 1
               }),
-              n("div", Kt, [
-                n("div", Gt, [
+              n("div", Gt, [
+                n("div", qt, [
                   t[12] || (t[12] = n("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  p.value ? Q("", !0) : (x(), R("div", qt, [
-                    r.draft && r.draft.status !== S(se).enum.COMPLETED ? (x(), Z(v, {
+                  v.value ? Q("", !0) : (w(), R("div", Wt, [
+                    r.draft && r.draft.status !== S(se).enum.COMPLETED ? (w(), Z(i, {
                       key: 0,
                       label: "Refresh balance",
                       "prepend-icon": "refresh",
@@ -1369,58 +1380,58 @@ const Lt = qe(
                       "bg-color": "transparent",
                       "border-color": "primary",
                       loading: M.value,
-                      onClick: re
+                      onClick: le
                     }, null, 8, ["loading"])) : Q("", !0),
-                    D(v, {
+                    D(i, {
                       label: "Export data",
                       "prepend-icon": "download",
                       variant: "secondary",
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: t[1] || (t[1] = (k) => r.draft ? S(m).exportDraft(r.draft, y.value) : null)
+                      onClick: t[1] || (t[1] = (_) => r.draft ? S(f).exportDraft(r.draft, y.value) : null)
                     })
                   ]))
                 ]),
-                p.value ? (x(), R("div", Wt, [
+                v.value ? (w(), R("div", Zt, [
                   t[14] || (t[14] = n("div", { class: "h-80" }, null, -1)),
-                  n("div", Zt, [
+                  n("div", Jt, [
                     n("div", null, [
                       D(A, { size: "md" })
                     ]),
                     t[13] || (t[13] = n("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   t[15] || (t[15] = n("div", { class: "h-80" }, null, -1))
-                ])) : (x(), R(q, { key: 1 }, [
-                  n("div", Jt, [
-                    n("div", Qt, [
+                ])) : (w(), R(q, { key: 1 }, [
+                  n("div", Qt, [
+                    n("div", Xt, [
                       D(j, {
                         label: "Template Item(s)",
-                        selected: f.value.templateItem,
-                        onClick: t[2] || (t[2] = (k) => f.value.templateItem = !f.value.templateItem)
+                        selected: p.value.templateItem,
+                        onClick: t[2] || (t[2] = (_) => p.value.templateItem = !p.value.templateItem)
                       }, null, 8, ["selected"]),
                       D(j, {
                         label: "Non-template Item(s)",
-                        selected: f.value.nonTemplateItem,
-                        onClick: t[3] || (t[3] = (k) => f.value.nonTemplateItem = !f.value.nonTemplateItem)
+                        selected: p.value.nonTemplateItem,
+                        onClick: t[3] || (t[3] = (_) => p.value.nonTemplateItem = !p.value.nonTemplateItem)
                       }, null, 8, ["selected"])
                     ]),
-                    D(h, {
+                    D(x, {
                       modelValue: ue.value,
-                      "onUpdate:modelValue": t[4] || (t[4] = (k) => ue.value = k),
+                      "onUpdate:modelValue": t[4] || (t[4] = (_) => ue.value = _),
                       placeholder: "Filter items"
                     }, null, 8, ["modelValue"])
                   ]),
-                  S(s).skuTags.size ? (x(), R("div", Xt, [
-                    (x(!0), R(q, null, ve(S(s).skuTags.keys(), (k) => (x(), Z(j, {
-                      key: `${k}`,
-                      label: `${k}`,
+                  S(s).skuTags.size ? (w(), R("div", ea, [
+                    (w(!0), R(q, null, ve(S(s).skuTags.keys(), (_) => (w(), Z(j, {
+                      key: `${_}`,
+                      label: `${_}`,
                       selectable: "",
-                      selected: w[`${k}`],
-                      onClick: (U) => w[`${k}`] = !w[`${k}`]
+                      selected: k[`${_}`],
+                      onClick: (U) => k[`${_}`] = !k[`${_}`]
                     }, {
                       default: Y(() => [
-                        w[`${k}`] ? (x(), Z(te, {
+                        k[`${_}`] ? (w(), Z(te, {
                           key: 0,
                           name: "check",
                           class: "text-white",
@@ -1430,21 +1441,21 @@ const Lt = qe(
                           class: me([
                             "",
                             {
-                              "text-white fm-typo-en-body-md-600": w[`${k}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !w[`${k}`]
+                              "text-white fm-typo-en-body-md-600": k[`${_}`],
+                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !k[`${_}`]
                             }
                           ])
-                        }, K(k), 3)
+                        }, K(_), 3)
                       ]),
                       _: 2
                     }, 1032, ["label", "selected", "onClick"]))), 128))
                   ])) : Q("", !0),
-                  n("div", ea, [
+                  n("div", ta, [
                     n("div", {
-                      style: Ve({ minWidth: `${Ae.value}px` })
+                      style: ze({ minWidth: `${Ae.value}px` })
                     }, [
                       D(ke, {
-                        "column-defs": le.value,
+                        "column-defs": ce.value,
                         "row-data": fe.value,
                         "search-value": ue.value
                       }, null, 8, ["column-defs", "row-data", "search-value"])
@@ -1453,12 +1464,12 @@ const Lt = qe(
                 ], 64))
               ])
             ], 64)) : Q("", !0),
-            oe.value.value === "history" ? (x(), R("div", ta, [
-              ee.value.length ? (x(), R("div", oa, [
-                (x(!0), R(q, null, ve(ee.value, (k, U) => (x(), R(q, { key: U }, [
-                  n("div", sa, [
-                    n("div", ra, [
-                      n("div", la, [
+            oe.value.value === "history" ? (w(), R("div", aa, [
+              ee.value.length ? (w(), R("div", sa, [
+                (w(!0), R(q, null, ve(ee.value, (_, U) => (w(), R(q, { key: U }, [
+                  n("div", ra, [
+                    n("div", la, [
+                      n("div", ca, [
                         n("div", {
                           class: me([
                             {
@@ -1470,7 +1481,7 @@ const Lt = qe(
                         }, null, 2)
                       ]),
                       t[18] || (t[18] = n("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      n("div", ca, [
+                      n("div", ia, [
                         n("div", {
                           class: me([
                             {
@@ -1482,14 +1493,14 @@ const Lt = qe(
                         }, null, 2)
                       ])
                     ]),
-                    n("div", ia, [
-                      n("div", ua, K(k.header), 1),
-                      n("div", da, K(k.date), 1)
+                    n("div", ua, [
+                      n("div", da, K(_.header), 1),
+                      n("div", ma, K(_.date), 1)
                     ])
                   ]),
-                  n("div", ma, [
-                    n("div", fa, [
-                      n("div", pa, [
+                  n("div", fa, [
+                    n("div", pa, [
+                      n("div", va, [
                         n("div", {
                           class: me([
                             {
@@ -1501,23 +1512,23 @@ const Lt = qe(
                         }, null, 2)
                       ])
                     ]),
-                    n("div", va, [
-                      D(c, {
+                    n("div", ya, [
+                      D(u, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: Y(() => [
-                          n("div", ya, [
-                            (x(!0), R(q, null, ve(k.info, (N, ae) => (x(), R("div", {
+                          n("div", ga, [
+                            (w(!0), R(q, null, ve(_.info, (z, ae) => (w(), R("div", {
                               key: ae,
                               class: "flex flex-col gap-4"
                             }, [
-                              n("div", ga, K(N == null ? void 0 : N.label), 1),
-                              n("div", ba, [
-                                (x(!0), R(q, null, ve(N == null ? void 0 : N.values, (Le, Qe) => (x(), R("div", {
-                                  key: Qe,
+                              n("div", ba, K(z == null ? void 0 : z.label), 1),
+                              n("div", Aa, [
+                                (w(!0), R(q, null, ve(z == null ? void 0 : z.values, (Ee, Xe) => (w(), R("div", {
+                                  key: Xe,
                                   class: "fm-typo-en-body-lg-600"
-                                }, K(Le), 1))), 128))
+                                }, K(Ee), 1))), 128))
                               ])
                             ]))), 128))
                           ])
@@ -1527,13 +1538,13 @@ const Lt = qe(
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (x(), R("div", aa, [
+              ])) : (w(), R("div", na, [
                 D(_e),
                 n("div", null, [
                   n("img", {
-                    src: S(_t),
+                    src: S(ht),
                     alt: "List is empty"
-                  }, null, 8, na)
+                  }, null, 8, oa)
                 ]),
                 t[16] || (t[16] = n("div", { class: "fm-typo-en-body-lg-600" }, K("No records found"), -1)),
                 t[17] || (t[17] = n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, K("You can track approval and rejection history here"), -1)),
@@ -1547,22 +1558,22 @@ const Lt = qe(
       }, 8, ["model-value"]);
     };
   }
-}), ka = { class: "flex-1 flex flex-col gap-8" }, _a = { class: "flex flex-col" }, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xa = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, wa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ca = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Ra = /* @__PURE__ */ je({
+}), _a = { class: "flex-1 flex flex-col gap-8" }, ha = { class: "flex flex-col" }, xa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wa = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ca = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Sa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Pa = /* @__PURE__ */ je({
   __name: "ClosingDraftView",
   setup(l) {
-    const { t: o } = Ge(), { viewDraft: e } = Fe(), { viewClosingDraftProps: i, viewClosingDraftShow: m } = kt(Fe()), _ = $e(), p = Lt(), M = ft(), { breakpoints: u } = Dt();
-    _.watchLocation(p.fetchDrafts);
-    const y = P(() => p.loading), B = E(""), H = P(() => u.value.xs || u.value.sm), O = P(() => H.value ? 10 : 20);
+    const { t: o } = qe(), { viewDraft: e } = Fe(), { viewClosingDraftProps: c, viewClosingDraftShow: f } = _t(Fe()), h = $e(), v = Et(), M = pt(), { breakpoints: d } = kt();
+    h.watchLocation(v.fetchDrafts);
+    const y = P(() => v.loading), B = E(""), H = P(() => d.value.xs || d.value.sm), O = P(() => H.value ? 10 : 20);
     function s(V) {
       switch (V) {
         case "refresh":
-          return p.fetchDrafts();
+          return v.fetchDrafts();
       }
     }
     function a(V) {
       return V;
     }
-    const w = P(() => H.value ? [
+    const k = P(() => H.value ? [
       {
         label: o("inventory.common.refresh"),
         value: "refresh",
@@ -1575,12 +1586,12 @@ const Lt = qe(
         isPrimary: !1
       }
     ]);
-    return (V, d) => {
-      const f = T("FmTable");
-      return x(), R(q, null, [
-        D(pt, {
+    return (V, m) => {
+      const p = T("FmTable");
+      return w(), R(q, null, [
+        D(vt, {
           title: S(o)("inventory.closing.draft.title"),
-          actions: w.value,
+          actions: k.value,
           "onClick:action": s
         }, {
           default: Y(() => [
@@ -1593,48 +1604,48 @@ const Lt = qe(
                 }
               ])
             }, [
-              D(vt, {
+              D(yt, {
                 "change-location": "",
                 searchable: "",
                 search: B.value,
-                "onUpdate:search": d[0] || (d[0] = (C) => B.value = C)
+                "onUpdate:search": m[0] || (m[0] = (C) => B.value = C)
               }, null, 8, ["search"]),
-              D(f, {
-                style: Ve(S(M).tableHeight),
-                "column-defs": S(p).columnDefs,
-                "row-data": S(p).drafts,
+              D(p, {
+                style: ze(S(M).tableHeight),
+                "column-defs": S(v).columnDefs,
+                "row-data": S(v).drafts,
                 "search-value": B.value,
                 loading: y.value,
-                onRowClick: d[1] || (d[1] = (C) => S(e)(C.original)),
+                onRowClick: m[1] || (m[1] = (C) => S(e)(C.original)),
                 "page-size": O.value
               }, {
                 "list-row": Y((C) => [
-                  D(yt, {
+                  D(gt, {
                     row: C,
                     onRowClick: ($) => S(e)($)
                   }, {
                     default: Y(($) => {
-                      var F, X, J, W, re, ge, be, ie, le, Ae, ue, fe, De, ne, oe, ee, pe, r, t, b;
+                      var F, X, J, W, le, ge, be, ie, ce, Ae, ue, fe, De, ne, oe, ee, pe, r, t, b;
                       return [
-                        n("div", ka, [
-                          n("div", _a, [
-                            n("div", ha, [
+                        n("div", _a, [
+                          n("div", ha, [
+                            n("div", xa, [
                               D(S(Ce), {
                                 render: (J = (X = (F = $._id) == null ? void 0 : F.column) == null ? void 0 : X.columnDef) == null ? void 0 : J.cell,
-                                props: (re = (W = $._id) == null ? void 0 : W.getContext) == null ? void 0 : re.call(W)
+                                props: (le = (W = $._id) == null ? void 0 : W.getContext) == null ? void 0 : le.call(W)
                               }, null, 8, ["render", "props"])
                             ]),
-                            n("div", xa, [
+                            n("div", wa, [
                               D(S(Ce), {
                                 render: (ie = (be = (ge = $.name) == null ? void 0 : ge.column) == null ? void 0 : be.columnDef) == null ? void 0 : ie.cell,
-                                props: (Ae = (le = $.name) == null ? void 0 : le.getContext) == null ? void 0 : Ae.call(le)
+                                props: (Ae = (ce = $.name) == null ? void 0 : ce.getContext) == null ? void 0 : Ae.call(ce)
                               }, null, 8, ["render", "props"])
                             ]),
-                            n("div", wa, K([
+                            n("div", Ca, K([
                               ...C.original.items.slice(0, 3).map((g) => g.sku.name),
                               ...C.original.items.length >= 3 ? [`and ${C.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            n("div", Ca, [
+                            n("div", Sa, [
                               D(S(Ce), {
                                 render: (De = (fe = (ue = $.ref) == null ? void 0 : ue.column) == null ? void 0 : fe.columnDef) == null ? void 0 : De.cell,
                                 props: (oe = (ne = $.ref) == null ? void 0 : ne.getContext) == null ? void 0 : oe.call(ne)
@@ -1659,12 +1670,12 @@ const Lt = qe(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (x(), Z(tt, { to: "body" }, [
-          D(Da, at(S(i), {
-            show: S(m),
-            "onUpdate:show": d[2] || (d[2] = (C) => He(m) ? m.value = C : null),
-            onSubmitted: d[3] || (d[3] = () => (m.value = !1, S(p).fetchDrafts())),
-            onRefresh: d[4] || (d[4] = (C) => S(p).updateDraftRef(C))
+        (w(), Z(at, { to: "body" }, [
+          D(ka, nt(S(c), {
+            show: S(f),
+            "onUpdate:show": m[2] || (m[2] = (C) => Ve(f) ? f.value = C : null),
+            onSubmitted: m[3] || (m[3] = () => (f.value = !1, S(v).fetchDrafts())),
+            onRefresh: m[4] || (m[4] = (C) => S(v).updateDraftRef(C))
           }), null, 16, ["show"])
         ]))
       ], 64);
@@ -1672,5 +1683,5 @@ const Lt = qe(
   }
 });
 export {
-  Ra as default
+  Pa as default
 };