@feedmepos/mf-inventory-portal 0.0.23-dev.26 → 0.0.23-dev.27

package/dist/{ClosingDraftView-aRHVKTA6.js → ClosingDraftView-CbIQxG9i.js}

@@ -1,26 +1,26 @@
-import { defineComponent as fe, ref as z, resolveComponent as U, openBlock as w, createBlock as ne, withCtx as W, createElementVNode as o, createTextVNode as ye, toDisplayString as I, unref as b, createVNode as _, h as N, computed as M, onMounted as Ue, watch as He, isRef as xe, createCommentVNode as te, createElementBlock as F, Fragment as J, normalizeClass as ae, renderList as ce, normalizeStyle as De, Teleport as Ie, mergeProps as ze } from "vue";
-import { W as Ee, u as pe, ah as O, l as Le, J as ve, i as S, t as Ne, K as se, o as Oe, p as Ke, q as Ve, ai as Ae, aj as _e, a6 as we, ak as ke, al as oe, ac as Ye, ag as q, T as Ce, D as be, h as ie, f as Ge, e as qe, a as We, x as Ze, y as Je, z as Qe, B as Xe, E as ue } from "./app-CRSuR04o.js";
+import { defineComponent as fe, ref as z, resolveComponent as U, openBlock as w, createBlock as oe, withCtx as W, createElementVNode as o, createTextVNode as ye, toDisplayString as I, unref as b, createVNode as _, h as O, computed as T, onMounted as Ue, watch as He, isRef as xe, createCommentVNode as ae, createElementBlock as B, Fragment as Q, normalizeClass as ne, renderList as ce, normalizeStyle as De, Teleport as Ie, mergeProps as ze } from "vue";
+import { W as Ee, u as pe, ah as K, l as Le, J as ve, i as j, t as Ne, K as re, o as Oe, p as Ke, q as Ve, ai as Ae, aj as _e, a6 as we, ak as ke, al as se, ac as Ye, ag as q, T as Ce, D as be, h as ie, f as Ge, e as qe, a as We, x as Ze, y as Je, z as Qe, B as Xe, E as ue } from "./app-CCSWGqGQ.js";
 import { useCoreStore as et, useI18n as je } from "@feedmepos/mf-common";
 import { useSnackbar as ge, useDialog as tt, useProxiedModel as at, components as de, useBreakpoints as nt } from "@feedmepos/ui-library";
 import { defineStore as Se, storeToRefs as ot } from "pinia";
-import { u as Be } from "./stock-BAPZYfON.js";
+import { u as Be } from "./stock-ntKQ4Rgr.js";
 import { E as st } from "./empty-placeholder-wf6-BWE8.js";
-const Fe = Ee((a, l) => {
+const Fe = Ee((a, c) => {
   function e() {
     return pe().currentLocation.dbName;
   }
   return {
-    async getDraft(c) {
-      const d = e(), v = `${a.inventoryBackendUrl}/${d}/closing-draft/${c}`;
-      return l.get(v);
+    async getDraft(i) {
+      const d = e(), p = `${a.inventoryBackendUrl}/${d}/closing-draft/${i}`;
+      return c.get(p);
     },
     async readDrafts() {
-      const c = e(), d = `${a.inventoryBackendUrl}/${c}/closing-draft`;
-      return l.get(d);
+      const i = e(), d = `${a.inventoryBackendUrl}/${i}/closing-draft`;
+      return c.get(d);
     },
-    async runOperation(c) {
-      const d = e(), v = `${a.inventoryBackendUrl}/${d}/closing-draft/run-operation`;
-      return l.post(v, c);
+    async runOperation(i) {
+      const d = e(), p = `${a.inventoryBackendUrl}/${d}/closing-draft/run-operation`;
+      return c.post(p, i);
     }
   };
 }), rt = { class: "fm-typo-en-body-lg-400" }, lt = { class: "fm-typo-en-body-lg-600" }, ct = { class: "flex gap-12 py-8 justify-end w-full" }, he = /* @__PURE__ */ fe({
@@ -32,14 +32,14 @@ const Fe = Ee((a, l) => {
     onFinished: { type: Function }
   },
   setup(a) {
-    const l = a, e = z(), c = Fe(), d = ge(), v = z(!1);
-    async function i() {
-      v.value = !0;
+    const c = a, e = z(), i = Fe(), d = ge(), p = z(!1);
+    async function A() {
+      p.value = !0;
       try {
-        await c.runOperation({
-          _id: l.draft._id,
-          _rev: l.draft._rev ?? "",
-          action: l.action,
+        await i.runOperation({
+          _id: c.draft._id,
+          _rev: c.draft._rev ?? "",
+          action: c.action,
           data: {
             remark: e.value
           }
@@ -47,48 +47,48 @@ const Fe = Ee((a, l) => {
           title: "Success",
           message: "Action submitted",
           type: "success"
-        }), l.onFinished();
-      } catch (f) {
+        }), c.onFinished();
+      } catch (l) {
         d.open({
           title: "Something went wrong",
           message: "Unable to submit actino. Please try again",
           type: "error"
-        }), console.error("error on submit closing draft aciont", f);
+        }), console.error("error on submit closing draft aciont", l);
       } finally {
-        v.value = !1;
+        p.value = !1;
       }
     }
-    return (f, y) => {
-      const B = U("FmTextField"), R = U("FmButton"), $ = U("FmForm");
-      return w(), ne($, {
-        onValidationSuccess: i,
+    return (l, g) => {
+      const S = U("FmTextField"), $ = U("FmButton"), R = U("FmForm");
+      return w(), oe(R, {
+        onValidationSuccess: A,
         class: "flex flex-col gap-32",
-        disabled: v.value
+        disabled: p.value
       }, {
         default: W(() => [
           o("div", rt, [
-            y[2] || (y[2] = ye(" You are about to ")),
-            o("span", lt, I(f.action == b(O).enum.approveDraft ? "approve" : "reject"), 1),
-            y[3] || (y[3] = ye(" this draft. Please provider a remark to justify this action. "))
+            g[2] || (g[2] = ye(" You are about to ")),
+            o("span", lt, I(l.action == b(K).enum.approveDraft ? "approve" : "reject"), 1),
+            g[3] || (g[3] = ye(" this draft. Please provider a remark to justify this action. "))
           ]),
-          _(B, {
+          _(S, {
             modelValue: e.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (r) => e.value = r),
+            "onUpdate:modelValue": g[0] || (g[0] = (r) => e.value = r),
             label: "Remark",
             "label-mark": "required",
             rules: [b(Le)()]
           }, null, 8, ["modelValue", "rules"]),
           o("div", ct, [
-            _(R, {
+            _($, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: y[1] || (y[1] = (r) => f.onCancel())
+              onClick: g[1] || (g[1] = (r) => l.onCancel())
             }),
-            _(R, {
-              label: f.action == b(O).enum.approveDraft ? "Approve" : "Reject",
+            _($, {
+              label: l.action == b(K).enum.approveDraft ? "Approve" : "Reject",
               type: "submit",
-              variant: f.action == b(O).enum.approveDraft ? "primary" : "destructive",
-              loading: v.value
+              variant: l.action == b(K).enum.approveDraft ? "primary" : "destructive",
+              loading: p.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
@@ -96,38 +96,44 @@ const Fe = Ee((a, l) => {
       }, 8, ["disabled"]);
     };
   }
-}), it = se(0);
+}), it = re(0);
 function $e(a) {
-  const l = a.measurementsAmounts.groupBy((c) => c.measurement.id), e = a.sku.unit.measurements.reduce((c, d) => {
-    var f, y;
-    const v = ((y = (f = l.get(d.id)) == null ? void 0 : f[0]) == null ? void 0 : y.amount) ?? it, i = ve(d.conversion, v);
-    return c + +S(i);
-  }, +S(a.baseAmount));
+  const c = a.measurementsAmounts.groupBy((i) => i.measurement.id), e = a.sku.unit.measurements.reduce((i, d) => {
+    var l, g;
+    const p = ((g = (l = c.get(d.id)) == null ? void 0 : l[0]) == null ? void 0 : g.amount) ?? it, A = ve(d.conversion, p);
+    return i + +j(A);
+  }, +j(a.baseAmount));
   return Ne(e, a.baseAmount.precision);
 }
-const ut = se(0), dt = se(100);
-function mt(a, l) {
-  const e = $e(a), c = Ae(e, l), d = l.amount === 0 ? null : _e(c, l), v = d ? ve(d, dt) : null;
+const ut = re(0), dt = re(100);
+function mt(a, c) {
+  const e = $e(a), i = Ae(e, c), d = c.amount === 0 ? null : _e(i, {
+    ...c,
+    amount: Math.abs(c.amount)
+  }), p = d ? ve(d, dt) : null;
   return {
     code: a.sku.code,
     name: a.sku.name,
     baseUnit: a.sku.unit.abbrev,
-    baseUnitAmount: +S(a.baseAmount),
-    ...a.measurementsAmounts.filter((f) => Re(f.measurement)).reduce(
-      (f, y, B) => (f[`measurementAbbrev${B}`] = `(${y.measurement.abbrev}) × ${S(y.measurement.conversion)}`, f[`measurementAmount${B}`] = +S(y.amount), f),
+    baseUnitAmount: +j(a.baseAmount),
+    ...a.measurementsAmounts.filter((l) => Re(l.measurement)).reduce(
+      (l, g, S) => (l[`measurementAbbrev${S}`] = `(${g.measurement.abbrev}) × ${j(g.measurement.conversion)}`, l[`measurementAmount${S}`] = +j(g.amount), l),
       {}
     ),
-    systemBalance: +S(l),
-    physicalBalance: +S(e),
-    adjustedAmount: +S(c),
-    adjustedDiffPercentage: v ? +S(we(v, 2)) : null
+    systemBalance: +j(c),
+    physicalBalance: +j(e),
+    adjustedAmount: +j(i),
+    adjustedDiffPercentage: p ? +j(we(p, 2)) : null
   };
 }
 function Re(a) {
   return !a.abbrev.toLocaleLowerCase().includes("inactive");
 }
 function ft(a) {
-  return a.reduce((l, e) => l + e.sku.unit.measurements.filter(Re).length, 0);
+  return a.reduce(
+    (c, e) => Math.max(c, e.sku.unit.measurements.filter(Re).length),
+    0
+  );
 }
 function pt(a) {
   return [
@@ -147,14 +153,14 @@ function pt(a) {
       id: "baseUnit",
       name: "Base unit"
     },
-    ...Array.from({ length: a }).flatMap((e, c) => [
+    ...Array.from({ length: a }).flatMap((e, i) => [
       {
-        id: `measurementAmount${c}`,
-        name: `UOM amount ${c + 1}`
+        id: `measurementAmount${i}`,
+        name: `UOM amount ${i + 1}`
       },
       {
-        id: `measurementAbbrev${c}`,
-        name: `UOM ${c + 1}`
+        id: `measurementAbbrev${i}`,
+        name: `UOM ${i + 1}`
       }
     ]),
     {
@@ -175,57 +181,57 @@ function pt(a) {
     }
   ];
 }
-function vt(a, l) {
-  var r, s, p, H, T, j, Q;
-  const e = l.groupBy(
-    (h) => h.id,
-    (h) => h.balance
-  ), c = a.items.map((h) => {
-    var K;
-    const k = ((K = e.get(h.sku._id)) == null ? void 0 : K[0]) ?? ut;
-    return mt(h, k);
-  }), d = ft(a.items), i = et().currentBusiness.value, f = pt(d), y = [
-    ["Business name:", i == null ? void 0 : i.name],
-    ["Business ID:", i == null ? void 0 : i._id],
-    ["Menu version", i == null ? void 0 : i.menuVersion],
+function vt(a, c) {
+  var s, f, H, M, C, X, F;
+  const e = c.groupBy(
+    (v) => v.id,
+    (v) => v.balance
+  ), i = [...a.items, ...a.negativeStockItems ?? []], d = i.map((v) => {
+    var Z;
+    const E = ((Z = e.get(v.sku._id)) == null ? void 0 : Z[0]) ?? ut;
+    return mt(v, E);
+  }), p = ft(i), l = et().currentBusiness.value, g = pt(p), S = [
+    ["Business name:", l == null ? void 0 : l.name],
+    ["Business ID:", l == null ? void 0 : l._id],
+    ["Menu version", l == null ? void 0 : l.menuVersion],
     ["Created at", new Date(a.createdAt)],
-    ["Created by", (r = a.createdBy) == null ? void 0 : r.name],
+    ["Created by", (s = a.createdBy) == null ? void 0 : s.name],
     ["Updated at", new Date(a.updatedAt)],
-    ["Updated by", (s = a.updatedBy) == null ? void 0 : s.name],
+    ["Updated by", (f = a.updatedBy) == null ? void 0 : f.name],
     ["Recent action", a.approvedAt ? "Approve" : a.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      a.approvedAt ? (p = a.approvedBy) == null ? void 0 : p.name : a.rejectionHistory ? (T = (H = a.rejectionHistory[0]) == null ? void 0 : H.rejectedBy) == null ? void 0 : T.name : ""
+      a.approvedAt ? (H = a.approvedBy) == null ? void 0 : H.name : a.rejectionHistory ? (C = (M = a.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : C.name : ""
     ],
     [
       "Action at",
-      a.approvedAt ? new Date(a.approvedAt) : a.rejectionHistory ? new Date((j = a.rejectionHistory[0]) == null ? void 0 : j.rejectedAt) : ""
+      a.approvedAt ? new Date(a.approvedAt) : a.rejectionHistory ? new Date((X = a.rejectionHistory[0]) == null ? void 0 : X.rejectedAt) : ""
     ],
     [
       "Action remark",
-      a.approvedAt ? a.approveRemark : a.rejectionHistory ? new Date((Q = a.rejectionHistory[0]) == null ? void 0 : Q.rejectRemark) : ""
+      a.approvedAt ? a.approveRemark : a.rejectionHistory ? new Date((F = a.rejectionHistory[0]) == null ? void 0 : F.rejectRemark) : ""
     ],
     [],
-    f.map((h) => h.name),
-    ...c.map((h) => f.map((k) => h[k.id]))
-  ], B = f.map((h) => `system:${h.id}`), R = Oe(y, B), $ = `[${i == null ? void 0 : i.name}] closing draft (${Ke(new Date(a.updatedAt))}).xlsx`;
-  return Ve(R, $), $;
+    g.map((v) => v.name),
+    ...d.map((v) => g.map((E) => v[E.id]))
+  ], $ = g.map((v) => `system:${v.id}`), R = Oe(S, $), r = `[${l == null ? void 0 : l.name}] closing draft (${Ke(new Date(a.updatedAt))}).xlsx`;
+  return Ve(R, r), r;
 }
 const me = Se(
   "closingDraftActions",
   function() {
-    const l = tt(), e = ge(), c = ke(), d = Be(), v = z(!1), i = z();
-    function f(s) {
-      const p = {
+    const c = tt(), e = ge(), i = ke(), d = Be(), p = z(!1), A = z();
+    function l(s) {
+      const f = {
         draft: s
       };
-      i.value = p, v.value = !0;
+      A.value = f, p.value = !0;
     }
-    async function y(s) {
+    async function g(s) {
       var H;
-      if (s.status === oe.enum.COMPLETED) {
-        const T = s.closingId;
-        if (!T)
+      if (s.status === se.enum.COMPLETED) {
+        const M = s.closingId;
+        if (!M)
           return e.open({
             title: "Something went wrong",
             message: "Closing draft is completed but closing document cannot be found.",
@@ -233,60 +239,60 @@ const me = Se(
           }), console.error("Closing draft is completed but closing document cannot be found.", {
             draftId: s == null ? void 0 : s._id
           }), [];
-        const j = await c.getClosingById(T);
-        return (j == null ? void 0 : j.skus) ?? [];
+        const C = await i.getClosingById(M);
+        return (C == null ? void 0 : C.skus) ?? [];
       } else
         return await d.readStockBalance(), ((H = d.stockBalance) == null ? void 0 : H.skus) ?? [];
     }
-    async function B(s, p) {
-      p || (e.open({
+    async function S(s, f) {
+      f || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), p = await y(s)), vt(s, p);
+      }), f = await g(s)), vt(s, f);
     }
-    function R(s, p) {
-      l.open({
+    function $(s, f) {
+      c.open({
         title: "Approve draft",
         contentComponent: he,
         contentComponentProps: {
           draft: s,
-          action: O.enum.approveDraft,
+          action: K.enum.approveDraft,
           onFinished: () => {
-            l.close(), p == null || p();
+            c.close(), f == null || f();
           },
-          onCancel: () => l.close()
+          onCancel: () => c.close()
         }
       });
     }
-    function $(s, p) {
-      l.open({
+    function R(s, f) {
+      c.open({
         title: "Reject draft",
         contentComponent: he,
         contentComponentProps: {
           draft: s,
-          action: O.enum.rejectDraft,
+          action: K.enum.rejectDraft,
           onFinished: () => {
-            l.close(), p == null || p();
+            c.close(), f == null || f();
           },
-          onCancel: () => l.close()
+          onCancel: () => c.close()
         }
       });
     }
     function r() {
-      v.value = !1;
+      p.value = !1;
     }
     return {
-      viewDraft: f,
+      viewDraft: l,
       closeDraftDialog: r,
-      approveDraft: R,
-      rejectDraft: $,
-      exportDraft: B,
-      viewClosingDraftShow: v,
-      viewClosingDraftProps: i
+      approveDraft: $,
+      rejectDraft: R,
+      exportDraft: S,
+      viewClosingDraftShow: p,
+      viewClosingDraftProps: A
     };
   }
 );
-function Te(a) {
+function Me(a) {
   switch (a) {
     case "DRAFT":
       return "fm-status-badge-draft";
@@ -299,13 +305,13 @@ function Te(a) {
   }
 }
 const gt = Se("closingDraftTable", function() {
-  const { t: l } = je(), e = me(), c = z(new Array()), d = z(!1), v = pe(), i = Fe();
-  async function f() {
-    if (c.value = [], !!v._currentLocation) {
+  const { t: c } = je(), e = me(), i = z(new Array()), d = z(!1), p = pe(), A = Fe();
+  async function l() {
+    if (i.value = [], !!p._currentLocation) {
       d.value = !0;
       try {
-        const [r] = await Promise.all([i.readDrafts()]).delayed(1e3);
-        c.value = r.reverse();
+        const [r] = await Promise.all([A.readDrafts()]).delayed(1e3);
+        i.value = r.reverse();
       } catch (r) {
         console.log("Something went wrong when fetching drafts:", r);
       } finally {
@@ -313,15 +319,15 @@ const gt = Se("closingDraftTable", function() {
       }
     }
   }
-  async function y(r) {
-    if (!c.value.find((s) => s._id) && v._currentLocation) {
+  async function g(r) {
+    if (!i.value.find((s) => s._id) && p._currentLocation) {
       d.value = !0;
       try {
         const [s] = await Promise.all([
-          i.getDraft(r),
-          new Promise((p) => setTimeout(p, 1e3))
+          A.getDraft(r),
+          new Promise((f) => setTimeout(f, 1e3))
         ]);
-        c.value = [s];
+        i.value = [s];
       } catch (s) {
         console.log("Something went wrong when fetching drafts:", s);
       } finally {
@@ -329,19 +335,19 @@ const gt = Se("closingDraftTable", function() {
       }
     }
   }
-  function B() {
-    e.closeDraftDialog(), f();
+  function S() {
+    e.closeDraftDialog(), l();
   }
-  function R(r, s) {
+  function $(r, s) {
     switch (s = qe(s), r) {
       case ie.Details:
         return e.viewDraft(s);
       case ie.Export:
         return e.exportDraft(s);
-      case O.enum.approveDraft:
-        return e.approveDraft(s, B);
-      case O.enum.rejectDraft:
-        return e.rejectDraft(s, B);
+      case K.enum.approveDraft:
+        return e.approveDraft(s, S);
+      case K.enum.rejectDraft:
+        return e.rejectDraft(s, S);
     }
   }
   return {
@@ -349,7 +355,7 @@ const gt = Se("closingDraftTable", function() {
       {
         id: "_id",
         accessorKey: "_id",
-        header: () => l("inventory.closing.table.createdAt"),
+        header: () => c("inventory.closing.table.createdAt"),
         cell(r) {
           return Ye(`${r.getValue()}`);
         },
@@ -375,7 +381,7 @@ const gt = Se("closingDraftTable", function() {
           var s;
           return r.items.length + (((s = r.negativeStockItems) == null ? void 0 : s.length) ?? 0);
         },
-        header: () => l("inventory.closing.table.noOfItems"),
+        header: () => c("inventory.closing.table.noOfItems"),
         enableSorting: !1,
         meta: {
           width: "10rem",
@@ -386,28 +392,28 @@ const gt = Se("closingDraftTable", function() {
         id: "recentRemark",
         accessorFn: (r) => {
           var s;
-          return (r == null ? void 0 : r.approveRemark) ?? ((s = r == null ? void 0 : r.rejectionHistory) == null ? void 0 : s.computeFirst((p) => p.rejectRemark));
+          return (r == null ? void 0 : r.approveRemark) ?? ((s = r == null ? void 0 : r.rejectionHistory) == null ? void 0 : s.computeFirst((f) => f.rejectRemark));
         },
         header: () => "Recent remark"
       },
       {
         id: "status",
         accessorFn: (r) => r.status,
-        header: () => l("inventory.closing.table.status"),
+        header: () => c("inventory.closing.table.status"),
         enableSorting: !1,
         cell(r) {
-          const p = r.row.original.status;
-          return N(
+          const f = r.row.original.status;
+          return O(
             "div",
             {
               class: "flex"
             },
-            N(
+            O(
               "div",
               {
-                class: ["fm-status-badge", Te(p)]
+                class: ["fm-status-badge", Me(f)]
               },
-              Ce(p)
+              Ce(f)
             )
           );
         }
@@ -415,24 +421,24 @@ const gt = Se("closingDraftTable", function() {
       {
         id: "action",
         cell(r) {
-          const s = r.row.original, p = [
+          const s = r.row.original, f = [
             be[ie.Details],
             be[ie.Export]
           ], H = [
             {
               translationKey: "inventory.closing.draft.approveDraft",
               color: "text-fm-color-typo-primary",
-              value: O.enum.approveDraft
+              value: K.enum.approveDraft
             },
             {
               translationKey: "inventory.closing.draft.rejectDraft",
               color: "text-fm-color-typo-error",
-              value: O.enum.rejectDraft
+              value: K.enum.rejectDraft
             }
           ];
           return Ge(
-            [...p, ...s.status === oe.enum.DRAFT ? H : []],
-            (T) => R(T, s)
+            [...f, ...s.status === se.enum.DRAFT ? H : []],
+            (M) => $(M, s)
           );
         },
         enableSorting: !1,
@@ -443,10 +449,10 @@ const gt = Se("closingDraftTable", function() {
         }
       }
     ],
-    drafts: c,
+    drafts: i,
     loading: d,
-    fetchDrafts: f,
-    loadDraft: y
+    fetchDrafts: l,
+    loadDraft: g
   };
 }), yt = { class: "w-full flex flex-col gap-32" }, bt = { class: "flex justify-between" }, ht = { class: "flex" }, xt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Dt = { class: "flex gap-1" }, At = { class: "fm-typo-en-body-lg-600" }, _t = { class: "flex flex-col gap-16" }, wt = { class: "flex" }, kt = { key: 0 }, Ct = {
   key: 0,
@@ -463,7 +469,7 @@ const gt = Se("closingDraftTable", function() {
 }, $t = ["src"], Rt = {
   key: 1,
   class: "px-4 flex flex-col"
-}, Tt = { class: "flex gap-12 content-stretch" }, Mt = {
+}, Mt = { class: "flex gap-12 content-stretch" }, Tt = {
   class: "flex flex-col w-24",
   name: "circles"
 }, Pt = { class: "flex-1 flex flex-col items-center" }, Ut = { class: "flex-1 flex flex-col items-center" }, Ht = {
@@ -482,36 +488,36 @@ const gt = Se("closingDraftTable", function() {
     draft: {}
   },
   emits: ["submitted"],
-  setup(a, { emit: l }) {
-    const e = a, c = Be(), d = me(), v = at(e, "show"), i = z(!1), f = z(new Array()), y = ke(), B = ge(), R = We(), $ = l, r = M(() => {
+  setup(a, { emit: c }) {
+    const e = a, i = Be(), d = me(), p = at(e, "show"), A = z(!1), l = z(new Array()), g = ke(), S = ge(), $ = We(), R = c, r = T(() => {
       var n, t;
       return [
         ...((n = e.draft) == null ? void 0 : n.items) ?? [],
         ...((t = e.draft) == null ? void 0 : t.negativeStockItems) ?? []
       ];
-    }), s = M(() => {
+    }), s = T(() => {
       const n = r.value.map((t) => t.sku);
       return n.sort((t, m) => t.code.localeCompare(m.code)), n;
-    }), p = M(() => r.value.groupBy(
+    }), f = T(() => r.value.groupBy(
       (t) => t.sku._id,
       (t) => t.measurementsAmounts.filter((m) => !m.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((m) => m.measurement.id)
     ));
-    Ue(j), He(
+    Ue(C), He(
       () => e.show,
       (n) => {
-        n && (V.value = ee[0], j());
+        n && (V.value = te[0], C());
       }
     );
-    const H = se(0), T = se(100);
-    async function j() {
+    const H = re(0), M = re(100);
+    async function C() {
       var t, m, u;
-      i.value = !0;
-      const n = ((t = e.draft) == null ? void 0 : t.status) === oe.enum.COMPLETED;
+      A.value = !0;
+      const n = ((t = e.draft) == null ? void 0 : t.status) === se.enum.COMPLETED;
       try {
-        if (await R.init(), n) {
-          const x = e.draft.closingId;
-          if (!x) {
-            B.open({
+        if (await $.init(), n) {
+          const h = e.draft.closingId;
+          if (!h) {
+            S.open({
               title: "Something went wrong",
               message: "Closing draft is completed but closing document cannot be found.",
               type: "error"
@@ -520,28 +526,28 @@ const gt = Se("closingDraftTable", function() {
             });
             return;
           }
-          const g = await y.getClosingById(x);
-          f.value = (g == null ? void 0 : g.skus) ?? [];
+          const y = await g.getClosingById(h);
+          l.value = (y == null ? void 0 : y.skus) ?? [];
         } else
-          await c.readStockBalance(), f.value = ((u = c.stockBalance) == null ? void 0 : u.skus) ?? [];
-      } catch (x) {
-        B.open({
+          await i.readStockBalance(), l.value = ((u = i.stockBalance) == null ? void 0 : u.skus) ?? [];
+      } catch (h) {
+        S.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
-        }), console.error("error on fetch stock balances", x);
+        }), console.error("error on fetch stock balances", h);
       } finally {
-        i.value = !1;
+        A.value = !1;
       }
     }
-    const Q = M(
-      () => f.value.groupBy(
+    const X = T(
+      () => l.value.groupBy(
         (n) => n.id,
         (n) => n.balance
       )
-    ), h = M(() => r.value.groupBy((n) => n.sku._id));
-    function k(n) {
-      return N(
+    ), F = T(() => r.value.groupBy((n) => n.sku._id));
+    function v(n) {
+      return O(
         de.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
@@ -554,15 +560,15 @@ const gt = Se("closingDraftTable", function() {
         }
       );
     }
-    const K = M(() => {
+    const E = T(() => {
       const n = s.value.reduce((m, u) => {
-        var x, g, P, Y;
+        var h, y, P, Y;
         return console.log(
           "Measurement counts",
           u.unit.name,
           u.unit.abbrev,
-          (g = (x = p.value) == null ? void 0 : x.get(u._id)) == null ? void 0 : g[0].length
-        ), Math.max(m, ((Y = (P = p.value) == null ? void 0 : P.get(u._id)) == null ? void 0 : Y[0].length) ?? 0);
+          (y = (h = f.value) == null ? void 0 : h.get(u._id)) == null ? void 0 : y[0].length
+        ), Math.max(m, ((Y = (P = f.value) == null ? void 0 : P.get(u._id)) == null ? void 0 : Y[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -580,7 +586,7 @@ const gt = Se("closingDraftTable", function() {
         {
           id: "baseUnitAmount",
           accessorKey: "baseUnitAmount",
-          header: () => k("Base unit amount"),
+          header: () => v("Base unit amount"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -593,20 +599,20 @@ const gt = Se("closingDraftTable", function() {
           size: 200
         },
         ...Array.from({ length: n }).flatMap((m, u) => {
-          const x = `measurementAbbrev${u}`, g = `measurementAmount${u}`;
+          const h = `measurementAbbrev${u}`, y = `measurementAmount${u}`;
           return [
             {
-              id: g,
-              accessorKey: g,
-              header: () => k(`UOM amount ${u + 1}`),
+              id: y,
+              accessorKey: y,
+              header: () => v(`UOM amount ${u + 1}`),
               size: 200,
               meta: {
                 textAlign: "right"
               }
             },
             {
-              id: x,
-              accessorKey: x,
+              id: h,
+              accessorKey: h,
               header: () => `UOM ${u + 1}`,
               size: 200
             }
@@ -615,7 +621,7 @@ const gt = Se("closingDraftTable", function() {
         {
           id: "physicalBalance",
           accessorKey: "physicalBalance",
-          header: () => k("Total balance"),
+          header: () => v("Total balance"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -624,7 +630,7 @@ const gt = Se("closingDraftTable", function() {
         {
           id: "systemBalance",
           accessorKey: "systemBalance",
-          header: () => k("System balance"),
+          header: () => v("System balance"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -633,7 +639,7 @@ const gt = Se("closingDraftTable", function() {
         {
           id: "adjustedAmount",
           accessorKey: "adjustedAmount",
-          header: () => k("Adjusted amount"),
+          header: () => v("Adjusted amount"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -642,14 +648,14 @@ const gt = Se("closingDraftTable", function() {
         {
           id: "adjustedDiffPercentage",
           accessorKey: "adjustedDiffPercentage",
-          header: () => N(
+          header: () => O(
             de.FmTooltip,
             { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
             {
               default() {
-                return N("div", { class: "flex items-center gap-4" }, [
+                return O("div", { class: "flex items-center gap-4" }, [
                   "Diff (%)",
-                  N(de.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
+                  O(de.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
                 ]);
               },
               content() {
@@ -661,17 +667,17 @@ const gt = Se("closingDraftTable", function() {
           cell(m) {
             const u = m.row.original.adjustedDiffPercentage;
             if (!u) return "N/A";
-            const x = u.toFixed(2);
-            if (x === "0.00")
-              return N("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const g = u > 0;
-            return N("div", { class: "flex items-center gap-4 justify-end" }, [
-              N(de.FmIcon, {
-                name: g ? "arrow_drop_up" : "arrow_drop_down",
-                color: g ? "system-success-300" : "system-error-300",
+            const h = u.toFixed(2);
+            if (h === "0.00")
+              return O("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+            const y = u > 0;
+            return O("div", { class: "flex items-center gap-4 justify-end" }, [
+              O(de.FmIcon, {
+                name: y ? "arrow_drop_up" : "arrow_drop_down",
+                color: y ? "system-success-300" : "system-error-300",
                 size: "md"
               }),
-              x
+              h
             ]);
           },
           meta: {
@@ -679,39 +685,39 @@ const gt = Se("closingDraftTable", function() {
           }
         }
       ];
-    }), re = M(() => K.value.map((n) => n.size ?? 0).reduce((n, t) => n + t)), le = M(() => s.value.map((n) => {
-      var L, Z;
-      const t = (L = h.value.get(n._id)) == null ? void 0 : L[0], m = ((Z = Q.value.get(n._id)) == null ? void 0 : Z[0]) ?? H;
+    }), Z = T(() => E.value.map((n) => n.size ?? 0).reduce((n, t) => n + t)), le = T(() => s.value.map((n) => {
+      var N, J;
+      const t = (N = F.value.get(n._id)) == null ? void 0 : N[0], m = ((J = X.value.get(n._id)) == null ? void 0 : J[0]) ?? H;
       if (!t)
         return {
           code: n.code,
           name: n.name,
           baseUnit: n.unit.abbrev,
           baseUnitAmount: 0,
-          systemBalance: +S(m),
+          systemBalance: +j(m),
           physicalBalance: 0,
-          adjustedAmount: -+S(m),
+          adjustedAmount: -+j(m),
           adjustedDiffPercentage: -100
         };
-      const u = $e(t), x = Ae(u, m), g = m.amount === 0 ? null : _e(x, {
+      const u = $e(t), h = Ae(u, m), y = m.amount === 0 ? null : _e(h, {
         ...m,
         amount: Math.abs(m.amount)
-      }), P = g ? ve(g, T) : null;
+      }), P = y ? ve(y, M) : null;
       return {
         code: n.code,
         name: n.name,
         baseUnit: n.unit.abbrev,
-        baseUnitAmount: +S(t.baseAmount),
-        ...t.measurementsAmounts.filter((A) => {
-          var D, C, G;
-          return (G = (C = (D = p.value) == null ? void 0 : D.get(n._id)) == null ? void 0 : C[0]) == null ? void 0 : G.includes(A.measurement.id);
-        }).reduce((A, D, C) => (A[`measurementAbbrev${C}`] = `(${D.measurement.abbrev}) × ${S(D.measurement.conversion)}`, A[`measurementAmount${C}`] = +S(D.amount), A), {}),
-        systemBalance: +S(m),
-        physicalBalance: +S(u),
-        adjustedAmount: +S(x),
-        adjustedDiffPercentage: P ? +S(we(P, 2)) : null
+        baseUnitAmount: +j(t.baseAmount),
+        ...t.measurementsAmounts.filter((D) => {
+          var x, k, G;
+          return (G = (k = (x = f.value) == null ? void 0 : x.get(n._id)) == null ? void 0 : k[0]) == null ? void 0 : G.includes(D.measurement.id);
+        }).reduce((D, x, k) => (D[`measurementAbbrev${k}`] = `(${x.measurement.abbrev}) × ${j(x.measurement.conversion)}`, D[`measurementAmount${k}`] = +j(x.amount), D), {}),
+        systemBalance: +j(m),
+        physicalBalance: +j(u),
+        adjustedAmount: +j(h),
+        adjustedDiffPercentage: P ? +j(we(P, 2)) : null
       };
-    })), X = M(() => {
+    })), ee = T(() => {
       var t, m;
       if (!e.draft) return [];
       const n = e.draft.approvedAt ? {
@@ -746,6 +752,10 @@ const gt = Se("closingDraftTable", function() {
           label: "Effective at",
           value: q(e.draft.effectiveAt ?? e.draft.updatedAt)
         },
+        e.draft.remark ? {
+          label: "Remark",
+          value: e.draft.remark
+        } : null,
         n ? {
           label: "Last action",
           value: n.action
@@ -759,7 +769,7 @@ const gt = Se("closingDraftTable", function() {
           value: n.remark
         } : null
       ].filter((u) => u).map((u) => u);
-    }), ee = [
+    }), te = [
       {
         label: "Overview",
         value: "overview"
@@ -768,21 +778,21 @@ const gt = Se("closingDraftTable", function() {
         label: "Action history",
         value: "history"
       }
-    ], V = z(ee[0]), E = M(() => {
-      var t, m, u, x;
+    ], V = z(te[0]), L = T(() => {
+      var t, m, u, h;
       return [
         ...(((t = e.draft) == null ? void 0 : t.rejectionHistory) ?? []).map(
-          (g) => ({
+          (y) => ({
             header: "Reject",
-            date: q(g.rejectedAt),
+            date: q(y.rejectedAt),
             info: [
               {
                 label: "Rejected by",
-                values: [g.rejectedBy.name]
+                values: [y.rejectedBy.name]
               },
               {
                 label: "Rejection remark",
-                values: [g.rejectRemark]
+                values: [y.rejectRemark]
               }
             ]
           })
@@ -798,7 +808,7 @@ const gt = Se("closingDraftTable", function() {
               },
               {
                 label: "Approval remark",
-                values: [((x = e.draft) == null ? void 0 : x.approveRemark) ?? ""]
+                values: [((h = e.draft) == null ? void 0 : h.approveRemark) ?? ""]
               }
             ]
           }
@@ -806,33 +816,33 @@ const gt = Se("closingDraftTable", function() {
       ];
     });
     return (n, t) => {
-      const m = U("FmButtonGroup"), u = U("FmMenuDivider"), x = U("FmCard"), g = U("FmButton"), P = U("FmCircularProgress"), Y = U("FmTable"), L = U("FmSpacer"), Z = U("FmSideSheet");
-      return w(), ne(Z, {
+      const m = U("FmButtonGroup"), u = U("FmMenuDivider"), h = U("FmCard"), y = U("FmButton"), P = U("FmCircularProgress"), Y = U("FmTable"), N = U("FmSpacer"), J = U("FmSideSheet");
+      return w(), oe(J, {
         "dismiss-away": "",
         "max-width": 900,
-        "model-value": b(v),
-        "onUpdate:modelValue": t[5] || (t[5] = (A) => xe(v) ? v.value = A : null),
+        "model-value": b(p),
+        "onUpdate:modelValue": t[5] || (t[5] = (D) => xe(p) ? p.value = D : null),
         header: "Closing details"
       }, {
         "side-sheet-footer": W(() => {
-          var A, D;
+          var D, x;
           return [
             o("div", Gt, [
-              ((A = e.draft) == null ? void 0 : A.status) === b(oe).enum.DRAFT ? (w(), ne(g, {
+              ((D = e.draft) == null ? void 0 : D.status) === b(se).enum.DRAFT ? (w(), oe(y, {
                 key: 0,
                 label: "Approve",
-                onClick: t[2] || (t[2] = () => e.draft && b(d).approveDraft(e.draft, () => $("submitted")))
-              })) : te("", !0),
-              ((D = e.draft) == null ? void 0 : D.status) === b(oe).enum.DRAFT ? (w(), ne(g, {
+                onClick: t[2] || (t[2] = () => e.draft && b(d).approveDraft(e.draft, () => R("submitted")))
+              })) : ae("", !0),
+              ((x = e.draft) == null ? void 0 : x.status) === b(se).enum.DRAFT ? (w(), oe(y, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: t[3] || (t[3] = () => e.draft && b(d).rejectDraft(e.draft, () => $("submitted")))
-              })) : te("", !0),
-              _(g, {
+                onClick: t[3] || (t[3] = () => e.draft && b(d).rejectDraft(e.draft, () => R("submitted")))
+              })) : ae("", !0),
+              _(y, {
                 label: "Close",
                 variant: "tertiary",
-                onClick: t[4] || (t[4] = (C) => v.value = !1)
+                onClick: t[4] || (t[4] = (k) => p.value = !1)
               })
             ])
           ];
@@ -841,36 +851,36 @@ const gt = Se("closingDraftTable", function() {
           o("div", yt, [
             o("div", null, [
               _(m, {
-                items: ee,
+                items: te,
                 modelValue: V.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (A) => V.value = A)
+                "onUpdate:modelValue": t[0] || (t[0] = (D) => V.value = D)
               }, null, 8, ["modelValue"])
             ]),
-            V.value.value === "overview" ? (w(), F(J, { key: 0 }, [
-              _(x, {
+            V.value.value === "overview" ? (w(), B(Q, { key: 0 }, [
+              _(h, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
                 default: W(() => {
-                  var A, D;
+                  var D, x;
                   return [
                     o("div", bt, [
                       t[6] || (t[6] = o("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
                       o("div", ht, [
                         o("div", {
-                          class: ae(["fm-status-badge", b(Te)(((A = n.draft) == null ? void 0 : A.status) ?? "DRAFT")])
-                        }, I(b(Ce)(((D = n.draft) == null ? void 0 : D.status) ?? "")), 3)
+                          class: ne(["fm-status-badge", b(Me)(((D = n.draft) == null ? void 0 : D.status) ?? "DRAFT")])
+                        }, I(b(Ce)(((x = n.draft) == null ? void 0 : x.status) ?? "")), 3)
                       ])
                     ]),
                     _(u),
-                    (w(!0), F(J, null, ce(X.value, (C, G) => (w(), F("div", {
+                    (w(!0), B(Q, null, ce(ee.value, (k, G) => (w(), B("div", {
                       class: "flex flex-col gap-4",
                       key: G
                     }, [
                       o("div", xt, [
-                        o("div", Dt, I(C.label), 1)
+                        o("div", Dt, I(k.label), 1)
                       ]),
-                      o("div", At, I(C.value), 1)
+                      o("div", At, I(k.value), 1)
                     ]))), 128))
                   ];
                 }),
@@ -879,19 +889,19 @@ const gt = Se("closingDraftTable", function() {
               o("div", _t, [
                 o("div", wt, [
                   t[7] || (t[7] = o("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  i.value ? te("", !0) : (w(), F("div", kt, [
-                    _(g, {
+                  A.value ? ae("", !0) : (w(), B("div", kt, [
+                    _(y, {
                       label: "Export data",
                       "prepend-icon": "download",
                       variant: "secondary",
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: t[1] || (t[1] = (A) => n.draft ? b(d).exportDraft(n.draft, f.value) : null)
+                      onClick: t[1] || (t[1] = (D) => n.draft ? b(d).exportDraft(n.draft, l.value) : null)
                     })
                   ]))
                 ]),
-                i.value ? (w(), F("div", Ct, [
+                A.value ? (w(), B("div", Ct, [
                   t[9] || (t[9] = o("div", { class: "h-80" }, null, -1)),
                   o("div", jt, [
                     o("div", null, [
@@ -900,29 +910,29 @@ const gt = Se("closingDraftTable", function() {
                     t[8] || (t[8] = o("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   t[10] || (t[10] = o("div", { class: "h-80" }, null, -1))
-                ])) : (w(), F("div", St, [
+                ])) : (w(), B("div", St, [
                   o("div", {
-                    style: De({ width: `${re.value}px` })
+                    style: De({ width: `${Z.value}px` })
                   }, [
                     _(Y, {
-                      "column-defs": K.value,
+                      "column-defs": E.value,
                       "row-data": le.value
                     }, null, 8, ["column-defs", "row-data"])
                   ], 4)
                 ]))
               ])
-            ], 64)) : te("", !0),
-            V.value.value === "history" ? (w(), F("div", Bt, [
-              E.value.length ? (w(), F("div", Rt, [
-                (w(!0), F(J, null, ce(E.value, (A, D) => (w(), F(J, { key: D }, [
-                  o("div", Tt, [
-                    o("div", Mt, [
+            ], 64)) : ae("", !0),
+            V.value.value === "history" ? (w(), B("div", Bt, [
+              L.value.length ? (w(), B("div", Rt, [
+                (w(!0), B(Q, null, ce(L.value, (D, x) => (w(), B(Q, { key: x }, [
+                  o("div", Mt, [
+                    o("div", Tt, [
                       o("div", Pt, [
                         o("div", {
-                          class: ae([
+                          class: ne([
                             {
-                              "bg-fm-color-primary": D !== 0,
-                              "bg-white": D === 0
+                              "bg-fm-color-primary": x !== 0,
+                              "bg-white": x === 0
                             },
                             "w-[2px] h-full"
                           ])
@@ -931,10 +941,10 @@ const gt = Se("closingDraftTable", function() {
                       t[13] || (t[13] = o("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
                       o("div", Ut, [
                         o("div", {
-                          class: ae([
+                          class: ne([
                             {
-                              "bg-fm-color-primary": D < E.value.length - 1,
-                              "bg-white": D >= E.value.length - 1
+                              "bg-fm-color-primary": x < L.value.length - 1,
+                              "bg-white": x >= L.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
@@ -942,18 +952,18 @@ const gt = Se("closingDraftTable", function() {
                       ])
                     ]),
                     o("div", Ht, [
-                      o("div", It, I(A.header), 1),
-                      o("div", zt, I(A.date), 1)
+                      o("div", It, I(D.header), 1),
+                      o("div", zt, I(D.date), 1)
                     ])
                   ]),
                   o("div", Et, [
                     o("div", Lt, [
                       o("div", Nt, [
                         o("div", {
-                          class: ae([
+                          class: ne([
                             {
-                              "bg-fm-color-primary": D < E.value.length - 1,
-                              "bg-white": D >= E.value.length - 1
+                              "bg-fm-color-primary": x < L.value.length - 1,
+                              "bg-white": x >= L.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
@@ -961,22 +971,22 @@ const gt = Se("closingDraftTable", function() {
                       ])
                     ]),
                     o("div", Ot, [
-                      _(x, {
+                      _(h, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: W(() => [
                           o("div", Kt, [
-                            (w(!0), F(J, null, ce(A.info, (C, G) => (w(), F("div", {
+                            (w(!0), B(Q, null, ce(D.info, (k, G) => (w(), B("div", {
                               key: G,
                               class: "flex flex-col gap-4"
                             }, [
-                              o("div", Vt, I(C == null ? void 0 : C.label), 1),
+                              o("div", Vt, I(k == null ? void 0 : k.label), 1),
                               o("div", Yt, [
-                                (w(!0), F(J, null, ce(C == null ? void 0 : C.values, (Me, Pe) => (w(), F("div", {
+                                (w(!0), B(Q, null, ce(k == null ? void 0 : k.values, (Te, Pe) => (w(), B("div", {
                                   key: Pe,
                                   class: "fm-typo-en-body-lg-600"
-                                }, I(Me), 1))), 128))
+                                }, I(Te), 1))), 128))
                               ])
                             ]))), 128))
                           ])
@@ -986,8 +996,8 @@ const gt = Se("closingDraftTable", function() {
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (w(), F("div", Ft, [
-                _(L),
+              ])) : (w(), B("div", Ft, [
+                _(N),
                 o("div", null, [
                   o("img", {
                     src: b(st),
@@ -996,10 +1006,10 @@ const gt = Se("closingDraftTable", function() {
                 ]),
                 t[11] || (t[11] = o("div", { class: "fm-typo-en-body-lg-600" }, I("No records found"), -1)),
                 t[12] || (t[12] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, I("You can track approval and rejection history here"), -1)),
-                _(L),
-                _(L)
+                _(N),
+                _(N)
               ]))
-            ])) : te("", !0)
+            ])) : ae("", !0)
           ])
         ]),
         _: 1
@@ -1009,19 +1019,19 @@ const gt = Se("closingDraftTable", function() {
 }), Wt = { class: "flex-1 flex flex-col gap-8" }, Zt = { class: "flex flex-col" }, Jt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, ea = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ca = /* @__PURE__ */ fe({
   __name: "ClosingDraftView",
   setup(a) {
-    const { t: l } = je(), { viewDraft: e } = me(), { viewClosingDraftProps: c, viewClosingDraftShow: d } = ot(me()), v = pe(), i = gt(), f = Ze(), { breakpoints: y } = nt();
-    v.watchLocation(i.fetchDrafts);
-    const B = M(() => i.loading), R = z(""), $ = M(() => y.value.xs || y.value.sm), r = M(() => $.value ? 10 : 20);
-    function s(T) {
-      switch (T) {
+    const { t: c } = je(), { viewDraft: e } = me(), { viewClosingDraftProps: i, viewClosingDraftShow: d } = ot(me()), p = pe(), A = gt(), l = Ze(), { breakpoints: g } = nt();
+    p.watchLocation(A.fetchDrafts);
+    const S = T(() => A.loading), $ = z(""), R = T(() => g.value.xs || g.value.sm), r = T(() => R.value ? 10 : 20);
+    function s(M) {
+      switch (M) {
         case "refresh":
-          return i.fetchDrafts();
+          return A.fetchDrafts();
       }
     }
-    function p(T) {
-      return T;
+    function f(M) {
+      return M;
     }
-    const H = M(() => $.value ? [
+    const H = T(() => R.value ? [
       {
         label: "Refresh",
         value: "refresh",
@@ -1034,76 +1044,76 @@ const gt = Se("closingDraftTable", function() {
         isPrimary: !1
       }
     ]);
-    return (T, j) => {
-      const Q = U("FmTable");
-      return w(), F(J, null, [
+    return (M, C) => {
+      const X = U("FmTable");
+      return w(), B(Q, null, [
         _(Je, {
-          title: b(l)("inventory.closing.draft.title"),
+          title: b(c)("inventory.closing.draft.title"),
           actions: H.value,
           "onClick:action": s
         }, {
           default: W(() => [
             o("div", {
-              class: ae([
+              class: ne([
                 "flex flex-col gap-8 max-h-full",
                 {
-                  "p-0": $.value,
-                  "px-24 ": !$.value
+                  "p-0": R.value,
+                  "px-24 ": !R.value
                 }
               ])
             }, [
               _(Qe, {
                 "change-location": "",
                 searchable: "",
-                search: R.value,
-                "onUpdate:search": j[0] || (j[0] = (h) => R.value = h)
+                search: $.value,
+                "onUpdate:search": C[0] || (C[0] = (F) => $.value = F)
               }, null, 8, ["search"]),
-              _(Q, {
-                style: De(b(f).tableHeight),
-                "column-defs": b(i).columnDefs,
-                "row-data": b(i).drafts,
-                "search-value": R.value,
-                loading: B.value,
-                onRowClick: j[1] || (j[1] = (h) => b(e)(h.original)),
+              _(X, {
+                style: De(b(l).tableHeight),
+                "column-defs": b(A).columnDefs,
+                "row-data": b(A).drafts,
+                "search-value": $.value,
+                loading: S.value,
+                onRowClick: C[1] || (C[1] = (F) => b(e)(F.original)),
                 "page-size": r.value
               }, {
-                "list-row": W((h) => [
+                "list-row": W((F) => [
                   _(Xe, {
-                    row: h,
-                    onRowClick: (k) => b(e)(k)
+                    row: F,
+                    onRowClick: (v) => b(e)(v)
                   }, {
-                    default: W((k) => {
-                      var K, re, le, X, ee, V, E, n, t, m, u, x, g, P, Y, L, Z, A, D, C;
+                    default: W((v) => {
+                      var E, Z, le, ee, te, V, L, n, t, m, u, h, y, P, Y, N, J, D, x, k;
                       return [
                         o("div", Wt, [
                           o("div", Zt, [
                             o("div", Jt, [
                               _(b(ue), {
-                                render: (le = (re = (K = k._id) == null ? void 0 : K.column) == null ? void 0 : re.columnDef) == null ? void 0 : le.cell,
-                                props: (ee = (X = k._id) == null ? void 0 : X.getContext) == null ? void 0 : ee.call(X)
+                                render: (le = (Z = (E = v._id) == null ? void 0 : E.column) == null ? void 0 : Z.columnDef) == null ? void 0 : le.cell,
+                                props: (te = (ee = v._id) == null ? void 0 : ee.getContext) == null ? void 0 : te.call(ee)
                               }, null, 8, ["render", "props"])
                             ]),
                             o("div", Qt, [
                               _(b(ue), {
-                                render: (n = (E = (V = k.name) == null ? void 0 : V.column) == null ? void 0 : E.columnDef) == null ? void 0 : n.cell,
-                                props: (m = (t = k.name) == null ? void 0 : t.getContext) == null ? void 0 : m.call(t)
+                                render: (n = (L = (V = v.name) == null ? void 0 : V.column) == null ? void 0 : L.columnDef) == null ? void 0 : n.cell,
+                                props: (m = (t = v.name) == null ? void 0 : t.getContext) == null ? void 0 : m.call(t)
                               }, null, 8, ["render", "props"])
                             ]),
                             o("div", Xt, I([
-                              ...h.original.items.slice(0, 3).map((G) => G.sku.name),
-                              ...h.original.items.length >= 3 ? [`and ${h.original.items.length - 3} more items`] : []
+                              ...F.original.items.slice(0, 3).map((G) => G.sku.name),
+                              ...F.original.items.length >= 3 ? [`and ${F.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
                             o("div", ea, [
                               _(b(ue), {
-                                render: (g = (x = (u = k.ref) == null ? void 0 : u.column) == null ? void 0 : x.columnDef) == null ? void 0 : g.cell,
-                                props: (Y = (P = k.ref) == null ? void 0 : P.getContext) == null ? void 0 : Y.call(P)
+                                render: (y = (h = (u = v.ref) == null ? void 0 : u.column) == null ? void 0 : h.columnDef) == null ? void 0 : y.cell,
+                                props: (Y = (P = v.ref) == null ? void 0 : P.getContext) == null ? void 0 : Y.call(P)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           o("div", null, [
                             _(b(ue), {
-                              render: (A = (Z = (L = k.status) == null ? void 0 : L.column) == null ? void 0 : Z.columnDef) == null ? void 0 : A.cell,
-                              props: (C = (D = k.status) == null ? void 0 : D.getContext) == null ? void 0 : C.call(D)
+                              render: (D = (J = (N = v.status) == null ? void 0 : N.column) == null ? void 0 : J.columnDef) == null ? void 0 : D.cell,
+                              props: (k = (x = v.status) == null ? void 0 : x.getContext) == null ? void 0 : k.call(x)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -1118,11 +1128,11 @@ const gt = Se("closingDraftTable", function() {
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (w(), ne(Ie, { to: "body" }, [
-          _(qt, ze(b(c), {
+        (w(), oe(Ie, { to: "body" }, [
+          _(qt, ze(b(i), {
             show: b(d),
-            "onUpdate:show": j[2] || (j[2] = (h) => xe(d) ? d.value = h : null),
-            onSubmitted: j[3] || (j[3] = () => (d.value = !1, b(i).fetchDrafts()))
+            "onUpdate:show": C[2] || (C[2] = (F) => xe(d) ? d.value = F : null),
+            onSubmitted: C[3] || (C[3] = () => (d.value = !1, b(A).fetchDrafts()))
           }), null, 16, ["show"])
         ]))
       ], 64);