@feedmepos/mf-inventory-portal 0.0.23-dev.41 → 0.0.23-dev.43

package/dist/{ClosingDraftView-CXKYLCZS.js → ClosingDraftView-DyKbXVev.js}

@@ -1,29 +1,29 @@
-import { defineComponent as ge, ref as O, resolveComponent as z, openBlock as _, createBlock as ne, withCtx as N, createElementVNode as o, createTextVNode as ve, toDisplayString as H, unref as h, createVNode as D, h as E, computed as R, onMounted as ze, watch as He, isRef as Ae, createElementBlock as S, Fragment as Z, createCommentVNode as le, normalizeClass as ie, renderList as ue, normalizeStyle as _e, Teleport as Ee, mergeProps as Le } from "vue";
-import { X as Ne, u as ye, ae as G, l as Oe, K as be, i as j, t as Ve, L as ce, p as Ke, q as Ye, r as Ge, af as we, ag as ke, a3 as Ce, ah as je, ai as oe, a9 as qe, ad as W, V as Se, D as xe, h as de, f as Ze, e as We, a as Xe, y as Je, z as Qe, B as et, E as tt, G as me } from "./app-0klJzLit.js";
-import { useCoreStore as at, useI18n as Be } from "@feedmepos/mf-common";
-import { useSnackbar as he, useDialog as nt, useProxiedModel as ot, components as ae, useBreakpoints as st } from "@feedmepos/ui-library";
-import { defineStore as Fe, storeToRefs as rt } from "pinia";
-import { u as $e } from "./stock-CB4yNRMO.js";
+import { defineComponent as ye, ref as O, resolveComponent as E, openBlock as _, createBlock as ne, withCtx as N, createElementVNode as o, createTextVNode as ge, toDisplayString as L, unref as h, createVNode as D, h as $, computed as M, onMounted as He, watch as ze, isRef as _e, createElementBlock as F, Fragment as W, createCommentVNode as le, normalizeClass as ie, renderList as ue, normalizeStyle as we, Teleport as Ee, mergeProps as Le } from "vue";
+import { X as Ne, u as be, af as q, m as Oe, K as he, j as C, t as Ve, L as ce, q as Ke, r as Ye, s as Ge, ag as ke, ah as je, a3 as Ce, ai as Se, aj as oe, a9 as qe, ae as X, V as Be, D as De, i as de, h as Ze, f as We, a as Xe, z as Je, _ as Qe, B as et, E as tt, G as me } from "./app-BvW6mdJl.js";
+import { useCoreStore as at, useI18n as Fe } from "@feedmepos/mf-common";
+import { useSnackbar as Ae, useDialog as nt, useProxiedModel as ot, components as ae, useBreakpoints as st } from "@feedmepos/ui-library";
+import { defineStore as Re, storeToRefs as rt } from "pinia";
+import { u as $e } from "./stock-CHW2fGsm.js";
 import { E as lt } from "./empty-placeholder-wf6-BWE8.js";
-const Re = Ne((n, d) => {
+const Te = Ne((n, d) => {
   function e() {
-    return ye().currentLocation.dbName;
+    return be().currentLocation.dbName;
   }
   return {
     async getDraft(u) {
-      const m = e(), v = `${n.inventoryBackendUrl}/${m}/closing-draft/${u}`;
-      return d.get(v);
+      const m = e(), g = `${n.inventoryBackendUrl}/${m}/closing-draft/${u}`;
+      return d.get(g);
     },
     async readDrafts() {
       const u = e(), m = `${n.inventoryBackendUrl}/${u}/closing-draft`;
       return d.get(m);
     },
     async runOperation(u) {
-      const m = e(), v = `${n.inventoryBackendUrl}/${m}/closing-draft/run-operation`;
-      return d.post(v, u);
+      const m = e(), g = `${n.inventoryBackendUrl}/${m}/closing-draft/run-operation`;
+      return d.post(g, u);
     }
   };
-}), it = { class: "fm-typo-en-body-lg-400" }, ct = { class: "fm-typo-en-body-lg-600" }, ut = { class: "flex gap-12 py-8 justify-end w-full" }, De = /* @__PURE__ */ ge({
+}), it = { class: "fm-typo-en-body-lg-400" }, ct = { class: "fm-typo-en-body-lg-600" }, ut = { class: "flex gap-12 py-8 justify-end w-full" }, xe = /* @__PURE__ */ ye({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -32,9 +32,9 @@ const Re = Ne((n, d) => {
     onFinished: { type: Function }
   },
   setup(n) {
-    const d = n, e = O(), u = Re(), m = he(), v = O(!1);
-    async function A() {
-      v.value = !0;
+    const d = n, e = O(), u = Te(), m = Ae(), g = O(!1);
+    async function x() {
+      g.value = !0;
       try {
         await u.runOperation({
           _id: d.draft._id,
@@ -55,40 +55,40 @@ const Re = Ne((n, d) => {
           type: "error"
         }), console.error("error on submit closing draft aciont", l);
       } finally {
-        v.value = !1;
+        g.value = !1;
       }
     }
-    return (l, y) => {
-      const B = z("FmTextField"), T = z("FmButton"), F = z("FmForm");
-      return _(), ne(F, {
-        onValidationSuccess: A,
+    return (l, b) => {
+      const R = E("FmTextField"), P = E("FmButton"), T = E("FmForm");
+      return _(), ne(T, {
+        onValidationSuccess: x,
         class: "flex flex-col gap-32",
-        disabled: v.value
+        disabled: g.value
       }, {
         default: N(() => [
           o("div", it, [
-            y[2] || (y[2] = ve(" You are about to ")),
-            o("span", ct, H(l.action == h(G).enum.approveDraft ? "approve" : "reject"), 1),
-            y[3] || (y[3] = ve(" this draft. Please provider a remark to justify this action. "))
+            b[2] || (b[2] = ge(" You are about to ")),
+            o("span", ct, L(l.action == h(q).enum.approveDraft ? "approve" : "reject"), 1),
+            b[3] || (b[3] = ge(" this draft. Please provider a remark to justify this action. "))
           ]),
-          D(B, {
+          D(R, {
             modelValue: e.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (r) => e.value = r),
+            "onUpdate:modelValue": b[0] || (b[0] = (r) => e.value = r),
             label: "Remark",
             "label-mark": "required",
             rules: [h(Oe)()]
           }, null, 8, ["modelValue", "rules"]),
           o("div", ut, [
-            D(T, {
+            D(P, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: y[1] || (y[1] = (r) => l.onCancel())
+              onClick: b[1] || (b[1] = (r) => l.onCancel())
             }),
-            D(T, {
-              label: l.action == h(G).enum.approveDraft ? "Approve" : "Reject",
+            D(P, {
+              label: l.action == h(q).enum.approveDraft ? "Approve" : "Reject",
               type: "submit",
-              variant: l.action == h(G).enum.approveDraft ? "primary" : "destructive",
-              loading: v.value
+              variant: l.action == h(q).enum.approveDraft ? "primary" : "destructive",
+              loading: g.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
@@ -97,41 +97,41 @@ const Re = Ne((n, d) => {
     };
   }
 }), dt = ce(0);
-function Te(n) {
+function Me(n) {
   const d = n.measurementsAmounts.groupBy((u) => u.measurement.id), e = n.sku.unit.measurements.reduce((u, m) => {
-    var l, y;
-    const v = ((y = (l = d.get(m.id)) == null ? void 0 : l[0]) == null ? void 0 : y.amount) ?? dt, A = be(m.conversion, v);
-    return u + +j(A);
-  }, +j(n.baseAmount));
+    var l, b;
+    const g = ((b = (l = d.get(m.id)) == null ? void 0 : l[0]) == null ? void 0 : b.amount) ?? dt, x = he(m.conversion, g);
+    return u + +C(x);
+  }, +C(n.baseAmount));
   return Ve(e, n.baseAmount.precision);
 }
 const mt = ce(0), ft = ce(100);
 function pt(n, d) {
-  const e = Te(n), u = we(e, d), m = d.amount === 0 ? null : ke(u, {
+  const e = Me(n), u = ke(e, d), m = d.amount === 0 ? null : je(u, {
     ...d,
     amount: Math.abs(d.amount)
-  }), v = m ? be(m, ft) : null;
+  }), g = m ? he(m, ft) : null;
   return {
     code: n.sku.code,
     name: n.sku.name,
     baseUnit: n.sku.unit.abbrev,
-    baseUnitAmount: +j(n.baseAmount),
-    ...n.measurementsAmounts.filter((l) => Me(l.measurement)).reduce(
-      (l, y, B) => (l[`measurementAbbrev${B}`] = `(${y.measurement.abbrev}) × ${j(y.measurement.conversion)}`, l[`measurementAmount${B}`] = +j(y.amount), l),
+    baseUnitAmount: +C(n.baseAmount),
+    ...n.measurementsAmounts.filter((l) => Pe(l.measurement)).reduce(
+      (l, b, R) => (l[`measurementAbbrev${R}`] = `(${b.measurement.abbrev}) × ${C(b.measurement.conversion)}`, l[`measurementAmount${R}`] = +C(b.amount), l),
       {}
     ),
-    systemBalance: +j(d),
-    physicalBalance: +j(e),
-    adjustedAmount: +j(u),
-    adjustedDiffPercentage: v ? +j(Ce(v, 2)) : null
+    systemBalance: +C(d),
+    physicalBalance: +C(e),
+    adjustedAmount: +C(u),
+    adjustedDiffPercentage: g ? +C(Ce(g, 2)) : null
   };
 }
-function Me(n) {
+function Pe(n) {
   return !n.abbrev.toLocaleLowerCase().includes("inactive");
 }
 function vt(n) {
   return n.reduce(
-    (d, e) => Math.max(d, e.sku.unit.measurements.filter(Me).length),
+    (d, e) => Math.max(d, e.sku.unit.measurements.filter(Pe).length),
     0
   );
 }
@@ -182,56 +182,56 @@ function gt(n) {
   ];
 }
 function yt(n, d) {
-  var s, p, L, M, C, Q, $;
+  var s, v, U, S, w, V, B;
   const e = d.groupBy(
-    (g) => g.id,
-    (g) => g.balance
-  ), u = [...n.items, ...n.negativeStockItems ?? []], m = u.map((g) => {
-    var X;
-    const V = ((X = e.get(g.sku._id)) == null ? void 0 : X[0]) ?? mt;
-    return pt(g, V);
-  }), v = vt(u), l = at().currentBusiness.value, y = gt(v), B = [
+    (y) => y.id,
+    (y) => y.balance
+  ), u = [...n.items, ...n.negativeStockItems ?? []], m = u.map((y) => {
+    var J;
+    const K = ((J = e.get(y.sku._id)) == null ? void 0 : J[0]) ?? mt;
+    return pt(y, K);
+  }), g = vt(u), l = at().currentBusiness.value, b = gt(g), R = [
     ["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(n.createdAt)],
     ["Created by", (s = n.createdBy) == null ? void 0 : s.name],
     ["Updated at", new Date(n.updatedAt)],
-    ["Updated by", (p = n.updatedBy) == null ? void 0 : p.name],
+    ["Updated by", (v = n.updatedBy) == null ? void 0 : v.name],
     ["Recent action", n.approvedAt ? "Approve" : n.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      n.approvedAt ? (L = n.approvedBy) == null ? void 0 : L.name : n.rejectionHistory ? (C = (M = n.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : C.name : ""
+      n.approvedAt ? (U = n.approvedBy) == null ? void 0 : U.name : n.rejectionHistory ? (w = (S = n.rejectionHistory[0]) == null ? void 0 : S.rejectedBy) == null ? void 0 : w.name : ""
     ],
     [
       "Action at",
-      n.approvedAt ? new Date(n.approvedAt) : n.rejectionHistory ? new Date((Q = n.rejectionHistory[0]) == null ? void 0 : Q.rejectedAt) : ""
+      n.approvedAt ? new Date(n.approvedAt) : n.rejectionHistory ? new Date((V = n.rejectionHistory[0]) == null ? void 0 : V.rejectedAt) : ""
     ],
     [
       "Action remark",
-      n.approvedAt ? n.approveRemark : n.rejectionHistory ? new Date(($ = n.rejectionHistory[0]) == null ? void 0 : $.rejectRemark) : ""
+      n.approvedAt ? n.approveRemark : n.rejectionHistory ? new Date((B = n.rejectionHistory[0]) == null ? void 0 : B.rejectRemark) : ""
     ],
     [],
-    y.map((g) => g.name),
-    ...m.map((g) => y.map((V) => g[V.id]))
-  ], T = y.map((g) => `system:${g.id}`), F = Ke(B, T), r = `[${l == null ? void 0 : l.name}] closing draft (${Ye(new Date(n.updatedAt))}).xlsx`;
-  return Ge(F, r), r;
+    b.map((y) => y.name),
+    ...m.map((y) => b.map((K) => y[K.id]))
+  ], P = b.map((y) => `system:${y.id}`), T = Ke(R, P), r = `[${l == null ? void 0 : l.name}] closing draft (${Ye(new Date(n.updatedAt))}).xlsx`;
+  return Ge(T, r), r;
 }
-const fe = Fe(
+const pe = Re(
   "closingDraftActions",
   function() {
-    const d = nt(), e = he(), u = je(), m = $e(), v = O(!1), A = O();
+    const d = nt(), e = Ae(), u = Se(), m = $e(), g = O(!1), x = O();
     function l(s) {
-      const p = {
+      const v = {
         draft: s
       };
-      A.value = p, v.value = !0;
+      x.value = v, g.value = !0;
     }
-    async function y(s) {
-      var L;
+    async function b(s) {
+      var U;
       if (s.status === oe.enum.COMPLETED) {
-        const M = s.closingId;
-        if (!M)
+        const S = s.closingId;
+        if (!S)
           return e.open({
             title: "Something went wrong",
             message: "Closing draft is completed but closing document cannot be found.",
@@ -239,60 +239,60 @@ const fe = Fe(
           }), console.error("Closing draft is completed but closing document cannot be found.", {
             draftId: s == null ? void 0 : s._id
           }), [];
-        const C = await u.getClosingById(M);
-        return (C == null ? void 0 : C.skus) ?? [];
+        const w = await u.getClosingById(S);
+        return (w == null ? void 0 : w.skus) ?? [];
       } else
-        return await m.readStockBalance(), ((L = m.stockBalance) == null ? void 0 : L.skus) ?? [];
+        return await m.readStockBalance(), ((U = m.stockBalance) == null ? void 0 : U.skus) ?? [];
     }
-    async function B(s, p) {
-      p || (e.open({
+    async function R(s, v) {
+      v || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), p = await y(s)), yt(s, p);
+      }), v = await b(s)), yt(s, v);
     }
-    function T(s, p) {
+    function P(s, v) {
       d.open({
         title: "Approve draft",
-        contentComponent: De,
+        contentComponent: xe,
         contentComponentProps: {
           draft: s,
-          action: G.enum.approveDraft,
+          action: q.enum.approveDraft,
           onFinished: () => {
-            d.close(), p == null || p();
+            d.close(), v == null || v();
           },
           onCancel: () => d.close()
         }
       });
     }
-    function F(s, p) {
+    function T(s, v) {
       d.open({
         title: "Reject draft",
-        contentComponent: De,
+        contentComponent: xe,
         contentComponentProps: {
           draft: s,
-          action: G.enum.rejectDraft,
+          action: q.enum.rejectDraft,
           onFinished: () => {
-            d.close(), p == null || p();
+            d.close(), v == null || v();
           },
           onCancel: () => d.close()
         }
       });
     }
     function r() {
-      v.value = !1;
+      g.value = !1;
     }
     return {
       viewDraft: l,
       closeDraftDialog: r,
-      approveDraft: T,
-      rejectDraft: F,
-      exportDraft: B,
-      viewClosingDraftShow: v,
-      viewClosingDraftProps: A
+      approveDraft: P,
+      rejectDraft: T,
+      exportDraft: R,
+      viewClosingDraftShow: g,
+      viewClosingDraftProps: x
     };
   }
 );
-function Pe(n) {
+function fe(n) {
   switch (n) {
     case "DRAFT":
       return "fm-status-badge-draft";
@@ -304,166 +304,197 @@ function Pe(n) {
       return "fm-status-badge-complete";
   }
 }
-const bt = Fe("closingDraftTable", function() {
-  const { t: d } = Be(), e = fe(), u = O(new Array()), m = O(!1), v = ye(), A = Re();
-  async function l() {
-    if (u.value = [], !!v._currentLocation) {
-      m.value = !0;
-      try {
-        const [r] = await Promise.all([A.readDrafts()]).delayed(1e3);
-        u.value = r.reverse();
-      } catch (r) {
-        console.log("Something went wrong when fetching drafts:", r);
-      } finally {
-        m.value = !1;
+const bt = Re(
+  "closingDraftTable",
+  function() {
+    const { t: d } = Fe(), e = pe(), u = O(new Array()), m = O(!1), g = be(), x = Te();
+    async function l() {
+      if (u.value = [], !!g._currentLocation) {
+        m.value = !0;
+        try {
+          const [r] = await Promise.all([x.readDrafts()]).delayed(1e3);
+          u.value = r.reverse();
+        } catch (r) {
+          console.log("Something went wrong when fetching drafts:", r);
+        } finally {
+          m.value = !1;
+        }
       }
     }
-  }
-  async function y(r) {
-    if (!u.value.find((s) => s._id) && v._currentLocation) {
-      m.value = !0;
-      try {
-        const [s] = await Promise.all([
-          A.getDraft(r),
-          new Promise((p) => setTimeout(p, 1e3))
-        ]);
-        u.value = [s];
-      } catch (s) {
-        console.log("Something went wrong when fetching drafts:", s);
-      } finally {
-        m.value = !1;
+    async function b(r) {
+      if (!u.value.find((s) => s._id) && g._currentLocation) {
+        m.value = !0;
+        try {
+          const [s] = await Promise.all([
+            x.getDraft(r),
+            new Promise((v) => setTimeout(v, 1e3))
+          ]);
+          u.value = [s];
+        } catch (s) {
+          console.log("Something went wrong when fetching drafts:", s);
+        } finally {
+          m.value = !1;
+        }
       }
     }
-  }
-  function B() {
-    e.closeDraftDialog(), l();
-  }
-  function T(r, s) {
-    switch (s = We(s), r) {
-      case de.Details:
-        return e.viewDraft(s);
-      case de.Export:
-        return e.exportDraft(s);
-      case G.enum.approveDraft:
-        return e.approveDraft(s, B);
-      case G.enum.rejectDraft:
-        return e.rejectDraft(s, B);
+    function R() {
+      e.closeDraftDialog(), l();
     }
-  }
-  return {
-    columnDefs: [
-      {
-        id: "_id",
-        accessorKey: "_id",
-        header: () => d("inventory.closing.table.createdAt"),
-        cell(r) {
-          return qe(`${r.getValue()}`);
+    function P(r, s) {
+      switch (s = We(s), r) {
+        case de.Details:
+          return e.viewDraft(s);
+        case de.Export:
+          return e.exportDraft(s);
+        case q.enum.approveDraft:
+          return e.approveDraft(s, R);
+        case q.enum.rejectDraft:
+          return e.rejectDraft(s, R);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => d("inventory.closing.table.createdAt"),
+          cell(r) {
+            return qe(`${r.getValue()}`);
+          },
+          enableSorting: !0
         },
-        enableSorting: !0
-      },
-      {
-        id: "updatedAt",
-        accessorFn: (r) => W(r.updatedAt),
-        header: () => "Updated at",
-        enableSorting: !0,
-        size: 200
-      },
-      {
-        id: "updatedBy",
-        accessorKey: "updatedBy.name",
-        header: () => "Last update by",
-        enableSorting: !0,
-        size: 200
-      },
-      {
-        id: "noOfItems",
-        accessorFn: (r) => {
-          var s;
-          return r.items.length + (((s = r.negativeStockItems) == null ? void 0 : s.length) ?? 0);
+        {
+          id: "updatedAt",
+          accessorFn: (r) => X(r.updatedAt),
+          header: () => "Updated at",
+          enableSorting: !0,
+          size: 200
         },
-        header: () => d("inventory.closing.table.noOfItems"),
-        enableSorting: !1,
-        meta: {
-          width: "10rem",
-          textAlign: "right"
-        }
-      },
-      {
-        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));
+        {
+          id: "updatedBy",
+          accessorKey: "updatedBy.name",
+          header: () => "Last update by",
+          enableSorting: !0,
+          size: 200
         },
-        header: () => "Recent remark"
-      },
-      {
-        id: "status",
-        accessorFn: (r) => r.status,
-        header: () => d("inventory.closing.table.status"),
-        enableSorting: !1,
-        cell(r) {
-          const p = r.row.original.status;
-          return E(
-            "div",
-            {
-              class: "flex"
-            },
-            E(
+        {
+          id: "noOfItems",
+          accessorFn: (r) => {
+            var s;
+            return r.items.length + (((s = r.negativeStockItems) == null ? void 0 : s.length) ?? 0);
+          },
+          header: () => d("inventory.closing.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          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((v) => v.rejectRemark)) ?? r.remark;
+          },
+          header: () => "Recent remark"
+        },
+        {
+          id: "status",
+          accessorFn: (r) => r.status,
+          header: () => d("inventory.closing.table.status"),
+          enableSorting: !1,
+          cell(r) {
+            var V;
+            const s = r.row.original, v = s.status, U = new Date(s.updatedAt), S = (V = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : V.computeFirst((B) => B.rejectedAt), w = S ? new Date(S) : null;
+            return v === "DRAFT" && w ? w.getTime() > U.getTime() ? $(
               "div",
               {
-                class: ["fm-status-badge", Pe(p)]
+                class: "flex"
               },
-              Se(p)
-            )
-          );
-        }
-      },
-      {
-        id: "action",
-        cell(r) {
-          const s = r.row.original, p = [
-            xe[de.Details],
-            xe[de.Export]
-          ], L = [
-            {
-              translationKey: "inventory.closing.draft.approveDraft",
-              color: "text-fm-color-typo-primary",
-              value: G.enum.approveDraft
-            },
-            {
-              translationKey: "inventory.closing.draft.rejectDraft",
-              color: "text-fm-color-typo-error",
-              value: G.enum.rejectDraft
-            }
-          ];
-          return Ze(
-            [...p, ...s.status === oe.enum.DRAFT ? L : []],
-            (M) => T(M, s)
-          );
+              $(
+                "div",
+                {
+                  class: ["fm-status-badge", fe("FAILED")]
+                },
+                "Rejected"
+              )
+            ) : $(
+              "div",
+              {
+                class: "flex"
+              },
+              $(
+                "div",
+                {
+                  class: ["fm-status-badge", fe("PROCESSING")]
+                },
+                "Updated"
+              )
+            ) : $(
+              "div",
+              {
+                class: "flex"
+              },
+              $(
+                "div",
+                {
+                  class: ["fm-status-badge", fe(v)]
+                },
+                Be(v)
+              )
+            );
+          }
         },
-        enableSorting: !1,
-        size: 40,
-        meta: {
-          cellClass: "",
-          headerClass: ""
+        {
+          id: "action",
+          cell(r) {
+            const s = r.row.original, v = [
+              De[de.Details],
+              De[de.Export]
+            ], U = [
+              {
+                translationKey: "inventory.closing.draft.approveDraft",
+                color: "text-fm-color-typo-primary",
+                value: q.enum.approveDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.rejectDraft",
+                color: "text-fm-color-typo-error",
+                value: q.enum.rejectDraft
+              }
+            ];
+            return Ze(
+              [
+                ...v,
+                ...s.status === oe.enum.DRAFT ? U : []
+              ],
+              (S) => P(S, s)
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
         }
-      }
-    ],
-    drafts: u,
-    loading: m,
-    fetchDrafts: l,
-    loadDraft: y
-  };
-}), ht = { class: "w-full flex flex-col gap-32" }, xt = { class: "flex justify-between" }, Dt = { class: "flex" }, At = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _t = { class: "flex gap-1" }, wt = { class: "fm-typo-en-body-lg-600" }, kt = { class: "flex flex-col gap-16" }, Ct = { class: "flex" }, jt = { key: 0 }, St = {
+      ],
+      drafts: u,
+      loading: m,
+      fetchDrafts: l,
+      loadDraft: b
+    };
+  }
+), ht = { class: "w-full flex flex-col gap-32" }, At = { class: "flex justify-between" }, Dt = { class: "flex" }, xt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _t = { class: "flex gap-1" }, wt = { class: "fm-typo-en-body-lg-600" }, kt = { class: "flex flex-col gap-16" }, jt = { class: "flex" }, Ct = { key: 0 }, St = {
   key: 0,
   class: "w-full flex flex-col items-center"
 }, Bt = { class: "flex items-center gap-8" }, Ft = {
   key: 1,
   class: "overflow-x-auto"
-}, $t = {
+}, Rt = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, Rt = {
+}, $t = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
 }, Tt = ["src"], Mt = {
@@ -472,7 +503,7 @@ const bt = Fe("closingDraftTable", function() {
 }, Pt = { class: "flex gap-12 content-stretch" }, It = {
   class: "flex flex-col w-24",
   name: "circles"
-}, Ut = { class: "flex-1 flex flex-col items-center" }, zt = { class: "flex-1 flex flex-col items-center" }, Ht = {
+}, Ut = { class: "flex-1 flex flex-col items-center" }, Ht = { class: "flex-1 flex flex-col items-center" }, zt = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
 }, Et = { class: "fm-typo-en-body-lg-400" }, Lt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Nt = { class: "flex gap-12 content-stretch" }, Ot = {
@@ -481,7 +512,7 @@ const bt = Fe("closingDraftTable", function() {
 }, Vt = { class: "flex-1 flex flex-col items-center" }, Kt = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, Yt = { class: "flex flex-col gap-8" }, Gt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, qt = { class: "flex flex-col gap-4" }, Zt = { class: "flex gap-8" }, Wt = /* @__PURE__ */ ge({
+}, Yt = { class: "flex flex-col gap-8" }, Gt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, qt = { class: "flex flex-col gap-4" }, Zt = { class: "flex gap-8" }, Wt = /* @__PURE__ */ ye({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
@@ -489,65 +520,65 @@ const bt = Fe("closingDraftTable", function() {
   },
   emits: ["submitted"],
   setup(n, { emit: d }) {
-    const e = n, u = $e(), m = fe(), v = ot(e, "show"), A = O(!1), l = O(new Array()), y = je(), B = he(), T = Xe(), F = d, r = R(() => {
+    const e = n, u = $e(), m = pe(), g = ot(e, "show"), x = O(!1), l = O(new Array()), b = Se(), R = Ae(), P = Xe(), T = d, r = M(() => {
       var a, t;
       return [
         ...((a = e.draft) == null ? void 0 : a.items) ?? [],
         ...((t = e.draft) == null ? void 0 : t.negativeStockItems) ?? []
       ];
-    }), s = R(() => {
+    }), s = M(() => {
       const a = r.value.map((t) => t.sku);
-      return a.sort((t, c) => t.code.localeCompare(c.code)), a;
-    }), p = R(() => r.value.groupBy(
+      return a.sort((t, i) => t.code.localeCompare(i.code)), a;
+    }), v = M(() => r.value.groupBy(
       (t) => t.sku._id,
-      (t) => t.measurementsAmounts.filter((c) => !c.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((c) => c.measurement.id)
+      (t) => t.measurementsAmounts.filter((i) => !i.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((i) => i.measurement.id)
     ));
-    ze(C), He(
+    He(w), ze(
       () => e.show,
       (a) => {
-        a && (q.value = te[0], C());
+        a && (Z.value = te[0], w());
       }
     );
-    const L = ce(0), M = ce(100);
-    async function C() {
-      var t, c, i;
-      A.value = !0;
+    const U = ce(0), S = ce(100);
+    async function w() {
+      var t, i, f;
+      x.value = !0;
       const a = ((t = e.draft) == null ? void 0 : t.status) === oe.enum.COMPLETED;
       try {
-        if (await T.init(), a) {
-          const b = e.draft.closingId;
-          if (!b) {
-            B.open({
+        if (await P.init(), a) {
+          const c = e.draft.closingId;
+          if (!c) {
+            R.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: (c = e.draft) == null ? void 0 : c._id
+              draftId: (i = e.draft) == null ? void 0 : i._id
             });
             return;
           }
-          const f = await y.getClosingById(b);
-          l.value = (f == null ? void 0 : f.skus) ?? [];
+          const p = await b.getClosingById(c);
+          l.value = (p == null ? void 0 : p.skus) ?? [];
         } else
-          await u.readStockBalance(), l.value = ((i = u.stockBalance) == null ? void 0 : i.skus) ?? [];
-      } catch (b) {
-        B.open({
+          await u.readStockBalance(), l.value = ((f = u.stockBalance) == null ? void 0 : f.skus) ?? [];
+      } catch (c) {
+        R.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
-        }), console.error("error on fetch stock balances", b);
+        }), console.error("error on fetch stock balances", c);
       } finally {
-        A.value = !1;
+        x.value = !1;
       }
     }
-    const Q = R(
+    const V = M(
       () => l.value.groupBy(
         (a) => a.id,
         (a) => a.balance
       )
-    ), $ = R(() => r.value.groupBy((a) => a.sku._id));
-    function g(a) {
-      return E(
+    ), B = M(() => r.value.groupBy((a) => a.sku._id));
+    function y(a) {
+      return $(
         ae.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
@@ -560,15 +591,15 @@ const bt = Fe("closingDraftTable", function() {
         }
       );
     }
-    const V = R(() => {
-      const a = s.value.reduce((c, i) => {
-        var b, f, P, k;
+    const K = M(() => {
+      const a = s.value.reduce((i, f) => {
+        var c, p, I, j;
         return console.log(
           "Measurement counts",
-          i.unit.name,
-          i.unit.abbrev,
-          (f = (b = p.value) == null ? void 0 : b.get(i._id)) == null ? void 0 : f[0].length
-        ), Math.max(c, ((k = (P = p.value) == null ? void 0 : P.get(i._id)) == null ? void 0 : k[0].length) ?? 0);
+          f.unit.name,
+          f.unit.abbrev,
+          (p = (c = v.value) == null ? void 0 : c.get(f._id)) == null ? void 0 : p[0].length
+        ), Math.max(i, ((j = (I = v.value) == null ? void 0 : I.get(f._id)) == null ? void 0 : j[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -576,9 +607,9 @@ const bt = Fe("closingDraftTable", function() {
           accessorKey: "code",
           header: () => "Code",
           size: 200,
-          cell(c) {
-            const i = c.row.original.adjustedDiffPercentage;
-            return typeof i == "number" && Math.abs(i) > 10 ? E(
+          cell(i) {
+            const f = i.row.original.adjustedDiffPercentage;
+            return typeof f == "number" && Math.abs(f) > 10 ? $(
               ae.FmTooltip,
               {
                 zIndex: 51
@@ -588,13 +619,13 @@ const bt = Fe("closingDraftTable", function() {
                   return "Adjustment difference is more than 10%.";
                 },
                 default() {
-                  return E("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    E(ae.FmIcon, { size: "sm", color: "system-error-300", name: "error" }),
-                    `${c.getValue()}`
+                  return $("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                    $(ae.FmIcon, { size: "sm", color: "system-error-300", name: "error" }),
+                    `${i.getValue()}`
                   ]);
                 }
               }
-            ) : c.getValue();
+            ) : i.getValue();
           }
         },
         {
@@ -606,7 +637,7 @@ const bt = Fe("closingDraftTable", function() {
         {
           id: "baseUnitAmount",
           accessorKey: "baseUnitAmount",
-          header: () => g("Base unit amount"),
+          header: () => y("Base unit amount"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -618,22 +649,22 @@ const bt = Fe("closingDraftTable", function() {
           header: () => "Base unit",
           size: 200
         },
-        ...Array.from({ length: a }).flatMap((c, i) => {
-          const b = `measurementAbbrev${i}`, f = `measurementAmount${i}`;
+        ...Array.from({ length: a }).flatMap((i, f) => {
+          const c = `measurementAbbrev${f}`, p = `measurementAmount${f}`;
           return [
             {
-              id: f,
-              accessorKey: f,
-              header: () => g(`UOM amount ${i + 1}`),
+              id: p,
+              accessorKey: p,
+              header: () => y(`UOM amount ${f + 1}`),
               size: 200,
               meta: {
                 textAlign: "right"
               }
             },
             {
-              id: b,
-              accessorKey: b,
-              header: () => `UOM ${i + 1}`,
+              id: c,
+              accessorKey: c,
+              header: () => `UOM ${f + 1}`,
               size: 200
             }
           ];
@@ -641,7 +672,7 @@ const bt = Fe("closingDraftTable", function() {
         {
           id: "physicalBalance",
           accessorKey: "physicalBalance",
-          header: () => g("Total balance"),
+          header: () => y("Total balance"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -650,7 +681,7 @@ const bt = Fe("closingDraftTable", function() {
         {
           id: "systemBalance",
           accessorKey: "systemBalance",
-          header: () => g("System balance"),
+          header: () => y("System balance"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -659,7 +690,7 @@ const bt = Fe("closingDraftTable", function() {
         {
           id: "adjustedAmount",
           accessorKey: "adjustedAmount",
-          header: () => g("Adjusted amount"),
+          header: () => y("Adjusted amount"),
           size: 200,
           meta: {
             textAlign: "right"
@@ -668,14 +699,14 @@ const bt = Fe("closingDraftTable", function() {
         {
           id: "adjustedDiffPercentage",
           accessorKey: "adjustedDiffPercentage",
-          header: () => E(
+          header: () => $(
             ae.FmTooltip,
             { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
             {
               default() {
-                return E("div", { class: "flex items-center gap-4" }, [
+                return $("div", { class: "flex items-center gap-4" }, [
                   "Diff (%)",
-                  E(ae.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
+                  $(ae.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
                 ]);
               },
               content() {
@@ -684,20 +715,20 @@ const bt = Fe("closingDraftTable", function() {
             }
           ),
           size: 200,
-          cell(c) {
-            const i = c.row.original.adjustedDiffPercentage;
-            if (!i) return "N/A";
-            const b = i.toFixed(2);
-            if (b === "0.00")
-              return E("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const f = i > 0;
-            return E("div", { class: "flex items-center gap-4 justify-end" }, [
-              E(ae.FmIcon, {
-                name: f ? "arrow_drop_up" : "arrow_drop_down",
-                color: f ? "system-success-300" : "system-error-300",
+          cell(i) {
+            const f = i.row.original.adjustedDiffPercentage;
+            if (!f) return "N/A";
+            const c = f.toFixed(2);
+            if (c === "0.00")
+              return $("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+            const p = f > 0;
+            return $("div", { class: "flex items-center gap-4 justify-end" }, [
+              $(ae.FmIcon, {
+                name: p ? "arrow_drop_up" : "arrow_drop_down",
+                color: p ? "system-success-300" : "system-error-300",
                 size: "md"
               }),
-              b
+              c
             ]);
           },
           meta: {
@@ -705,56 +736,60 @@ const bt = Fe("closingDraftTable", function() {
           }
         }
       ];
-    }), X = R(() => V.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), se = R(() => s.value.map((a) => {
-      var Y, J;
-      const t = (Y = $.value.get(a._id)) == null ? void 0 : Y[0], c = ((J = Q.value.get(a._id)) == null ? void 0 : J[0]) ?? L;
+    }), J = M(() => K.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), se = M(() => s.value.map((a) => {
+      var G, Q;
+      const t = (G = B.value.get(a._id)) == null ? void 0 : G[0], i = ((Q = V.value.get(a._id)) == null ? void 0 : Q[0]) ?? U;
       if (!t)
         return {
           code: a.code,
           name: a.name,
           baseUnit: a.unit.abbrev,
           baseUnitAmount: 0,
-          systemBalance: +j(c),
+          systemBalance: +C(i),
           physicalBalance: 0,
-          adjustedAmount: -+j(c),
+          adjustedAmount: -+C(i),
           adjustedDiffPercentage: -100
         };
-      const i = Te(t), b = we(i, c), f = c.amount === 0 ? null : ke(b, {
-        ...c,
-        amount: Math.abs(c.amount)
-      }), P = f ? be(f, M) : null;
+      const f = Me(t), c = ke(f, i), p = i.amount === 0 ? null : je(c, {
+        ...i,
+        amount: Math.abs(i.amount)
+      }), I = p ? he(p, S) : null;
       return {
         code: a.code,
         name: a.name,
         baseUnit: a.unit.abbrev,
-        baseUnitAmount: +j(t.baseAmount),
-        ...t.measurementsAmounts.filter((I) => {
-          var x, w, U;
-          return (U = (w = (x = p.value) == null ? void 0 : x.get(a._id)) == null ? void 0 : w[0]) == null ? void 0 : U.includes(I.measurement.id);
-        }).reduce((I, x, w) => (I[`measurementAbbrev${w}`] = `(${x.measurement.abbrev}) × ${j(x.measurement.conversion)}`, I[`measurementAmount${w}`] = +j(x.amount), I), {}),
-        systemBalance: +j(c),
-        physicalBalance: +j(i),
-        adjustedAmount: +j(b),
-        adjustedDiffPercentage: P ? +j(Ce(P, 2)) : null
+        baseUnitAmount: +C(t.baseAmount),
+        ...t.measurementsAmounts.filter((H) => {
+          var A, k, z;
+          return (z = (k = (A = v.value) == null ? void 0 : A.get(a._id)) == null ? void 0 : k[0]) == null ? void 0 : z.includes(H.measurement.id);
+        }).reduce((H, A, k) => (H[`measurementAbbrev${k}`] = `(${A.measurement.abbrev}) × ${C(A.measurement.conversion)}`, H[`measurementAmount${k}`] = +C(A.amount), H), {}),
+        systemBalance: +C(i),
+        physicalBalance: +C(f),
+        adjustedAmount: +C(c),
+        adjustedDiffPercentage: I ? +C(Ce(I, 2)) : null
       };
-    })), ee = R(() => {
-      var t, c;
+    })), ee = M(() => {
+      var t, i, f;
       if (!e.draft) return [];
       const a = e.draft.approvedAt ? {
-        action: `Approve at ${W(e.draft.approvedAt)}`,
+        action: `Approve at ${X(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((i) => ({
-        action: `Reject at ${W(i.rejectedAt)}`,
+      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((c) => ({
+        action: `Reject at ${X(c.rejectedAt)}`,
         // actionAt: e.rejectedAt,
-        actionBy: i.rejectedBy,
-        remark: i.rejectRemark
+        actionBy: c.rejectedBy,
+        remark: c.rejectRemark
       }));
       return [
+        {
+          label: "Using template",
+          value: ((i = e.draft.usingTemplates.find((c) => c)) == null ? void 0 : i.name) ?? "None"
+        },
         {
           label: "Created at",
-          value: W(e.draft.createdAt)
+          value: X(e.draft.createdAt)
         },
         {
           label: "Created by",
@@ -762,7 +797,7 @@ const bt = Fe("closingDraftTable", function() {
         },
         {
           label: "Updated at",
-          value: W(e.draft.updatedAt)
+          value: X(e.draft.updatedAt)
         },
         {
           label: "Updated by",
@@ -770,7 +805,7 @@ const bt = Fe("closingDraftTable", function() {
         },
         {
           label: "Effective at",
-          value: W(e.draft.effectiveAt ?? e.draft.updatedAt)
+          value: X(e.draft.effectiveAt ?? e.draft.updatedAt)
         },
         e.draft.remark ? {
           label: "Remark",
@@ -782,13 +817,13 @@ const bt = Fe("closingDraftTable", function() {
         } : null,
         a && a.actionBy ? {
           label: "Last action by",
-          value: (c = a.actionBy) == null ? void 0 : c.name
+          value: (f = a.actionBy) == null ? void 0 : f.name
         } : null,
         a && a.remark ? {
           label: "Action remark",
           value: a.remark
         } : null
-      ].filter((i) => i).map((i) => i);
+      ].filter((c) => c).map((c) => c);
     }), te = [
       {
         label: "Overview",
@@ -798,97 +833,97 @@ const bt = Fe("closingDraftTable", function() {
         label: "Action history",
         value: "history"
       }
-    ], q = O(te[0]), K = R(() => {
-      var t, c, i, b;
+    ], Z = O(te[0]), Y = M(() => {
+      var t, i, f, c;
       return [
         ...(((t = e.draft) == null ? void 0 : t.rejectionHistory) ?? []).map(
-          (f) => ({
+          (p) => ({
             header: "Reject",
-            date: W(f.rejectedAt),
+            date: X(p.rejectedAt),
             info: [
               {
                 label: "Rejected by",
-                values: [f.rejectedBy.name]
+                values: [p.rejectedBy.name]
               },
               {
                 label: "Rejection remark",
-                values: [f.rejectRemark]
+                values: [p.rejectRemark]
               }
             ]
           })
         ),
-        ...(c = e.draft) != null && c.approvedBy ? [
+        ...(i = e.draft) != null && i.approvedBy ? [
           {
             header: "Approve",
-            date: e.draft.approvedAt ? W(e.draft.approvedAt) : "",
+            date: e.draft.approvedAt ? X(e.draft.approvedAt) : "",
             info: [
               {
                 label: "Approved by",
-                values: [(i = e.draft) == null ? void 0 : i.approvedBy.name]
+                values: [(f = e.draft) == null ? void 0 : f.approvedBy.name]
               },
               {
                 label: "Approval remark",
-                values: [((b = e.draft) == null ? void 0 : b.approveRemark) ?? ""]
+                values: [((c = e.draft) == null ? void 0 : c.approveRemark) ?? ""]
               }
             ]
           }
         ] : []
       ];
-    }), re = R(() => {
-      var b, f, P;
-      if (((b = e.draft) == null ? void 0 : b.status) !== oe.enum.DRAFT) return "Status is not draft.";
-      const a = se.value.some((k) => k.physicalBalance < 0), t = ((P = (f = u.stockBalance.skus) == null ? void 0 : f.filter((k) => k.balance.amount < 0)) == null ? void 0 : P.map((k) => k.id)) ?? [], c = new Set(s.value.map((k) => k._id)), i = t.filter((k) => !c.has(k)).length;
+    }), re = M(() => {
+      var c, p, I;
+      if (((c = e.draft) == null ? void 0 : c.status) !== oe.enum.DRAFT) return "Status is not draft.";
+      const a = se.value.some((j) => j.physicalBalance < 0), t = ((I = (p = u.stockBalance.skus) == null ? void 0 : p.filter((j) => j.balance.amount < 0)) == null ? void 0 : I.map((j) => j.id)) ?? [], i = new Set(s.value.map((j) => j._id)), f = t.filter((j) => !i.has(j)).length;
       return [
         a ? "Negative total exist." : null,
-        i ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
-      ].filter((k) => k).join(" ");
+        f ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
+      ].filter((j) => j).join(" ");
     });
     return (a, t) => {
-      const c = z("FmButtonGroup"), i = z("FmMenuDivider"), b = z("FmCard"), f = z("FmButton"), P = z("FmCircularProgress"), k = z("FmTable"), Y = z("FmSpacer"), J = z("FmTooltip"), I = z("FmSideSheet");
-      return _(), ne(I, {
+      const i = E("FmButtonGroup"), f = E("FmMenuDivider"), c = E("FmCard"), p = E("FmButton"), I = E("FmCircularProgress"), j = E("FmTable"), G = E("FmSpacer"), Q = E("FmTooltip"), H = E("FmSideSheet");
+      return _(), ne(H, {
         "dismiss-away": "",
         "max-width": 900,
-        "model-value": h(v),
-        "onUpdate:modelValue": t[6] || (t[6] = (x) => Ae(v) ? v.value = x : null),
+        "model-value": h(g),
+        "onUpdate:modelValue": t[6] || (t[6] = (A) => _e(g) ? g.value = A : null),
         header: "Closing details"
       }, {
         "side-sheet-footer": N(() => {
-          var x, w;
+          var A, k;
           return [
             o("div", Zt, [
-              ((x = e.draft) == null ? void 0 : x.status) === h(oe).enum.DRAFT ? (_(), S(Z, { key: 0 }, [
-                re.value ? (_(), ne(J, {
+              ((A = e.draft) == null ? void 0 : A.status) === h(oe).enum.DRAFT ? (_(), F(W, { key: 0 }, [
+                re.value ? (_(), ne(Q, {
                   key: 0,
                   "z-index": 51
                 }, {
                   content: N(() => [
-                    ve(H(re.value), 1)
+                    ge(L(re.value), 1)
                   ]),
                   default: N(() => [
-                    D(f, {
+                    D(p, {
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
-                      onClick: t[2] || (t[2] = () => e.draft && h(m).approveDraft(e.draft, () => F("submitted")))
+                      onClick: t[2] || (t[2] = () => e.draft && h(m).approveDraft(e.draft, () => T("submitted")))
                     })
                   ]),
                   _: 1
-                })) : (_(), ne(f, {
+                })) : (_(), ne(p, {
                   key: "approve key",
                   label: "Approve",
-                  onClick: t[3] || (t[3] = () => e.draft && h(m).approveDraft(e.draft, () => F("submitted")))
+                  onClick: t[3] || (t[3] = () => e.draft && h(m).approveDraft(e.draft, () => T("submitted")))
                 }))
               ], 64)) : le("", !0),
-              ((w = e.draft) == null ? void 0 : w.status) === h(oe).enum.DRAFT ? (_(), ne(f, {
+              ((k = e.draft) == null ? void 0 : k.status) === h(oe).enum.DRAFT ? (_(), ne(p, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: t[4] || (t[4] = () => e.draft && h(m).rejectDraft(e.draft, () => F("submitted")))
+                onClick: t[4] || (t[4] = () => e.draft && h(m).rejectDraft(e.draft, () => T("submitted")))
               })) : le("", !0),
-              D(f, {
+              D(p, {
                 label: "Close",
                 variant: "tertiary",
-                onClick: t[5] || (t[5] = (U) => v.value = !1)
+                onClick: t[5] || (t[5] = (z) => g.value = !1)
               })
             ])
           ];
@@ -896,110 +931,110 @@ const bt = Fe("closingDraftTable", function() {
         default: N(() => [
           o("div", ht, [
             o("div", null, [
-              D(c, {
+              D(i, {
                 items: te,
-                modelValue: q.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (x) => q.value = x)
+                modelValue: Z.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (A) => Z.value = A)
               }, null, 8, ["modelValue"])
             ]),
-            q.value.value === "overview" ? (_(), S(Z, { key: 0 }, [
-              D(b, {
+            Z.value.value === "overview" ? (_(), F(W, { key: 0 }, [
+              D(c, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
                 default: N(() => {
-                  var x, w;
+                  var A, k;
                   return [
-                    o("div", xt, [
+                    o("div", At, [
                       t[7] || (t[7] = o("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
                       o("div", Dt, [
                         o("div", {
-                          class: ie(["fm-status-badge", h(Pe)(((x = a.draft) == null ? void 0 : x.status) ?? "DRAFT")])
-                        }, H(h(Se)(((w = a.draft) == null ? void 0 : w.status) ?? "")), 3)
+                          class: ie(["fm-status-badge", h(fe)(((A = a.draft) == null ? void 0 : A.status) ?? "DRAFT")])
+                        }, L(h(Be)(((k = a.draft) == null ? void 0 : k.status) ?? "")), 3)
                       ])
                     ]),
-                    D(i),
-                    (_(!0), S(Z, null, ue(ee.value, (U, pe) => (_(), S("div", {
+                    D(f),
+                    (_(!0), F(W, null, ue(ee.value, (z, ve) => (_(), F("div", {
                       class: "flex flex-col gap-4",
-                      key: pe
+                      key: ve
                     }, [
-                      o("div", At, [
-                        o("div", _t, H(U.label), 1)
+                      o("div", xt, [
+                        o("div", _t, L(z.label), 1)
                       ]),
-                      o("div", wt, H(U.value), 1)
+                      o("div", wt, L(z.value), 1)
                     ]))), 128))
                   ];
                 }),
                 _: 1
               }),
               o("div", kt, [
-                o("div", Ct, [
+                o("div", jt, [
                   t[8] || (t[8] = o("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  A.value ? le("", !0) : (_(), S("div", jt, [
-                    D(f, {
+                  x.value ? le("", !0) : (_(), F("div", Ct, [
+                    D(p, {
                       label: "Export data",
                       "prepend-icon": "download",
                       variant: "secondary",
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: t[1] || (t[1] = (x) => a.draft ? h(m).exportDraft(a.draft, l.value) : null)
+                      onClick: t[1] || (t[1] = (A) => a.draft ? h(m).exportDraft(a.draft, l.value) : null)
                     })
                   ]))
                 ]),
-                A.value ? (_(), S("div", St, [
+                x.value ? (_(), F("div", St, [
                   t[10] || (t[10] = o("div", { class: "h-80" }, null, -1)),
                   o("div", Bt, [
                     o("div", null, [
-                      D(P, { size: "md" })
+                      D(I, { size: "md" })
                     ]),
                     t[9] || (t[9] = o("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   t[11] || (t[11] = o("div", { class: "h-80" }, null, -1))
-                ])) : (_(), S("div", Ft, [
+                ])) : (_(), F("div", Ft, [
                   o("div", {
-                    style: _e({ width: `${X.value}px` })
+                    style: we({ width: `${J.value}px` })
                   }, [
-                    D(k, {
-                      "column-defs": V.value,
+                    D(j, {
+                      "column-defs": K.value,
                       "row-data": se.value
                     }, null, 8, ["column-defs", "row-data"])
                   ], 4)
                 ]))
               ])
             ], 64)) : le("", !0),
-            q.value.value === "history" ? (_(), S("div", $t, [
-              K.value.length ? (_(), S("div", Mt, [
-                (_(!0), S(Z, null, ue(K.value, (x, w) => (_(), S(Z, { key: w }, [
+            Z.value.value === "history" ? (_(), F("div", Rt, [
+              Y.value.length ? (_(), F("div", Mt, [
+                (_(!0), F(W, null, ue(Y.value, (A, k) => (_(), F(W, { key: k }, [
                   o("div", Pt, [
                     o("div", It, [
                       o("div", Ut, [
                         o("div", {
                           class: ie([
                             {
-                              "bg-fm-color-primary": w !== 0,
-                              "bg-white": w === 0
+                              "bg-fm-color-primary": k !== 0,
+                              "bg-white": k === 0
                             },
                             "w-[2px] h-full"
                           ])
                         }, null, 2)
                       ]),
                       t[14] || (t[14] = o("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      o("div", zt, [
+                      o("div", Ht, [
                         o("div", {
                           class: ie([
                             {
-                              "bg-fm-color-primary": w < K.value.length - 1,
-                              "bg-white": w >= K.value.length - 1
+                              "bg-fm-color-primary": k < Y.value.length - 1,
+                              "bg-white": k >= Y.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
                         }, null, 2)
                       ])
                     ]),
-                    o("div", Ht, [
-                      o("div", Et, H(x.header), 1),
-                      o("div", Lt, H(x.date), 1)
+                    o("div", zt, [
+                      o("div", Et, L(A.header), 1),
+                      o("div", Lt, L(A.date), 1)
                     ])
                   ]),
                   o("div", Nt, [
@@ -1008,8 +1043,8 @@ const bt = Fe("closingDraftTable", function() {
                         o("div", {
                           class: ie([
                             {
-                              "bg-fm-color-primary": w < K.value.length - 1,
-                              "bg-white": w >= K.value.length - 1
+                              "bg-fm-color-primary": k < Y.value.length - 1,
+                              "bg-white": k >= Y.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
@@ -1017,22 +1052,22 @@ const bt = Fe("closingDraftTable", function() {
                       ])
                     ]),
                     o("div", Kt, [
-                      D(b, {
+                      D(c, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: N(() => [
                           o("div", Yt, [
-                            (_(!0), S(Z, null, ue(x.info, (U, pe) => (_(), S("div", {
-                              key: pe,
+                            (_(!0), F(W, null, ue(A.info, (z, ve) => (_(), F("div", {
+                              key: ve,
                               class: "flex flex-col gap-4"
                             }, [
-                              o("div", Gt, H(U == null ? void 0 : U.label), 1),
+                              o("div", Gt, L(z == null ? void 0 : z.label), 1),
                               o("div", qt, [
-                                (_(!0), S(Z, null, ue(U == null ? void 0 : U.values, (Ie, Ue) => (_(), S("div", {
+                                (_(!0), F(W, null, ue(z == null ? void 0 : z.values, (Ie, Ue) => (_(), F("div", {
                                   key: Ue,
                                   class: "fm-typo-en-body-lg-600"
-                                }, H(Ie), 1))), 128))
+                                }, L(Ie), 1))), 128))
                               ])
                             ]))), 128))
                           ])
@@ -1042,18 +1077,18 @@ const bt = Fe("closingDraftTable", function() {
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (_(), S("div", Rt, [
-                D(Y),
+              ])) : (_(), F("div", $t, [
+                D(G),
                 o("div", null, [
                   o("img", {
                     src: h(lt),
                     alt: "List is empty"
                   }, null, 8, Tt)
                 ]),
-                t[12] || (t[12] = o("div", { class: "fm-typo-en-body-lg-600" }, H("No records found"), -1)),
-                t[13] || (t[13] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, H("You can track approval and rejection history here"), -1)),
-                D(Y),
-                D(Y)
+                t[12] || (t[12] = o("div", { class: "fm-typo-en-body-lg-600" }, L("No records found"), -1)),
+                t[13] || (t[13] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, L("You can track approval and rejection history here"), -1)),
+                D(G),
+                D(G)
               ]))
             ])) : le("", !0)
           ])
@@ -1062,22 +1097,22 @@ const bt = Fe("closingDraftTable", function() {
       }, 8, ["model-value"]);
     };
   }
-}), Xt = { class: "flex-1 flex flex-col gap-8" }, Jt = { class: "flex flex-col" }, Qt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ea = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ta = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, aa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ua = /* @__PURE__ */ ge({
+}), Xt = { class: "flex-1 flex flex-col gap-8" }, Jt = { class: "flex flex-col" }, Qt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ea = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ta = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, aa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ua = /* @__PURE__ */ ye({
   __name: "ClosingDraftView",
   setup(n) {
-    const { t: d } = Be(), { viewDraft: e } = fe(), { viewClosingDraftProps: u, viewClosingDraftShow: m } = rt(fe()), v = ye(), A = bt(), l = Je(), { breakpoints: y } = st();
-    v.watchLocation(A.fetchDrafts);
-    const B = R(() => A.loading), T = O(""), F = R(() => y.value.xs || y.value.sm), r = R(() => F.value ? 10 : 20);
-    function s(M) {
-      switch (M) {
+    const { t: d } = Fe(), { viewDraft: e } = pe(), { viewClosingDraftProps: u, viewClosingDraftShow: m } = rt(pe()), g = be(), x = bt(), l = Je(), { breakpoints: b } = st();
+    g.watchLocation(x.fetchDrafts);
+    const R = M(() => x.loading), P = O(""), T = M(() => b.value.xs || b.value.sm), r = M(() => T.value ? 10 : 20);
+    function s(S) {
+      switch (S) {
         case "refresh":
-          return A.fetchDrafts();
+          return x.fetchDrafts();
       }
     }
-    function p(M) {
-      return M;
+    function v(S) {
+      return S;
     }
-    const L = R(() => F.value ? [
+    const U = M(() => T.value ? [
       {
         label: "Refresh",
         value: "refresh",
@@ -1090,12 +1125,12 @@ const bt = Fe("closingDraftTable", function() {
         isPrimary: !1
       }
     ]);
-    return (M, C) => {
-      const Q = z("FmTable");
-      return _(), S(Z, null, [
+    return (S, w) => {
+      const V = E("FmTable");
+      return _(), F(W, null, [
         D(Qe, {
           title: h(d)("inventory.closing.draft.title"),
-          actions: L.value,
+          actions: U.value,
           "onClick:action": s
         }, {
           default: N(() => [
@@ -1103,63 +1138,63 @@ const bt = Fe("closingDraftTable", function() {
               class: ie([
                 "flex flex-col gap-8 max-h-full",
                 {
-                  "p-0": F.value,
-                  "px-24 ": !F.value
+                  "p-0": T.value,
+                  "px-24 ": !T.value
                 }
               ])
             }, [
               D(et, {
                 "change-location": "",
                 searchable: "",
-                search: T.value,
-                "onUpdate:search": C[0] || (C[0] = ($) => T.value = $)
+                search: P.value,
+                "onUpdate:search": w[0] || (w[0] = (B) => P.value = B)
               }, null, 8, ["search"]),
-              D(Q, {
-                style: _e(h(l).tableHeight),
-                "column-defs": h(A).columnDefs,
-                "row-data": h(A).drafts,
-                "search-value": T.value,
-                loading: B.value,
-                onRowClick: C[1] || (C[1] = ($) => h(e)($.original)),
+              D(V, {
+                style: we(h(l).tableHeight),
+                "column-defs": h(x).columnDefs,
+                "row-data": h(x).drafts,
+                "search-value": P.value,
+                loading: R.value,
+                onRowClick: w[1] || (w[1] = (B) => h(e)(B.original)),
                 "page-size": r.value
               }, {
-                "list-row": N(($) => [
+                "list-row": N((B) => [
                   D(tt, {
-                    row: $,
-                    onRowClick: (g) => h(e)(g)
+                    row: B,
+                    onRowClick: (y) => h(e)(y)
                   }, {
-                    default: N((g) => {
-                      var V, X, se, ee, te, q, K, re, a, t, c, i, b, f, P, k, Y, J, I, x;
+                    default: N((y) => {
+                      var K, J, se, ee, te, Z, Y, re, a, t, i, f, c, p, I, j, G, Q, H, A;
                       return [
                         o("div", Xt, [
                           o("div", Jt, [
                             o("div", Qt, [
                               D(h(me), {
-                                render: (se = (X = (V = g._id) == null ? void 0 : V.column) == null ? void 0 : X.columnDef) == null ? void 0 : se.cell,
-                                props: (te = (ee = g._id) == null ? void 0 : ee.getContext) == null ? void 0 : te.call(ee)
+                                render: (se = (J = (K = y._id) == null ? void 0 : K.column) == null ? void 0 : J.columnDef) == null ? void 0 : se.cell,
+                                props: (te = (ee = y._id) == null ? void 0 : ee.getContext) == null ? void 0 : te.call(ee)
                               }, null, 8, ["render", "props"])
                             ]),
                             o("div", ea, [
                               D(h(me), {
-                                render: (re = (K = (q = g.name) == null ? void 0 : q.column) == null ? void 0 : K.columnDef) == null ? void 0 : re.cell,
-                                props: (t = (a = g.name) == null ? void 0 : a.getContext) == null ? void 0 : t.call(a)
+                                render: (re = (Y = (Z = y.name) == null ? void 0 : Z.column) == null ? void 0 : Y.columnDef) == null ? void 0 : re.cell,
+                                props: (t = (a = y.name) == null ? void 0 : a.getContext) == null ? void 0 : t.call(a)
                               }, null, 8, ["render", "props"])
                             ]),
-                            o("div", ta, H([
-                              ...$.original.items.slice(0, 3).map((w) => w.sku.name),
-                              ...$.original.items.length >= 3 ? [`and ${$.original.items.length - 3} more items`] : []
+                            o("div", ta, L([
+                              ...B.original.items.slice(0, 3).map((k) => k.sku.name),
+                              ...B.original.items.length >= 3 ? [`and ${B.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
                             o("div", aa, [
                               D(h(me), {
-                                render: (b = (i = (c = g.ref) == null ? void 0 : c.column) == null ? void 0 : i.columnDef) == null ? void 0 : b.cell,
-                                props: (P = (f = g.ref) == null ? void 0 : f.getContext) == null ? void 0 : P.call(f)
+                                render: (c = (f = (i = y.ref) == null ? void 0 : i.column) == null ? void 0 : f.columnDef) == null ? void 0 : c.cell,
+                                props: (I = (p = y.ref) == null ? void 0 : p.getContext) == null ? void 0 : I.call(p)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           o("div", null, [
                             D(h(me), {
-                              render: (J = (Y = (k = g.status) == null ? void 0 : k.column) == null ? void 0 : Y.columnDef) == null ? void 0 : J.cell,
-                              props: (x = (I = g.status) == null ? void 0 : I.getContext) == null ? void 0 : x.call(I)
+                              render: (Q = (G = (j = y.status) == null ? void 0 : j.column) == null ? void 0 : G.columnDef) == null ? void 0 : Q.cell,
+                              props: (A = (H = y.status) == null ? void 0 : H.getContext) == null ? void 0 : A.call(H)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -1177,8 +1212,8 @@ const bt = Fe("closingDraftTable", function() {
         (_(), ne(Ee, { to: "body" }, [
           D(Wt, Le(h(u), {
             show: h(m),
-            "onUpdate:show": C[2] || (C[2] = ($) => Ae(m) ? m.value = $ : null),
-            onSubmitted: C[3] || (C[3] = () => (m.value = !1, h(A).fetchDrafts()))
+            "onUpdate:show": w[2] || (w[2] = (B) => _e(m) ? m.value = B : null),
+            onSubmitted: w[3] || (w[3] = () => (m.value = !1, h(x).fetchDrafts()))
           }), null, 16, ["show"])
         ]))
       ], 64);