@feedmepos/mf-inventory-portal 0.0.25-dev.16 → 0.0.25-dev.17

package/dist/{ClosingDraftView-uMe2IeCv.js → ClosingDraftView-DV-dP-0G.js}

@@ -1,30 +1,30 @@
-import { defineComponent as ke, ref as V, resolveComponent as I, openBlock as A, createBlock as W, withCtx as O, createElementVNode as n, createTextVNode as _e, toDisplayString as z, unref as h, createVNode as k, h as C, reactive as Oe, computed as M, onMounted as Ye, watch as Ke, isRef as Te, createElementBlock as B, Fragment as K, createCommentVNode as X, normalizeClass as ue, renderList as fe, normalizeStyle as Re, Teleport as Ge, mergeProps as qe } from "vue";
-import { W as We, u as we, aj as G, l as Ze, J as Ce, i as T, t as Je, K as pe, p as Qe, q as Xe, r as et, ak as Pe, al as Ie, a6 as Me, am as Ue, an as oe, ac as tt, ai as ee, T as Ee, D as Be, h as he, f as at, e as nt, a as ot, y as st, _ as rt, z as lt, B as ct, E as xe } from "./app-Czi6WGIq.js";
+import { defineComponent as ke, ref as V, resolveComponent as P, openBlock as _, createBlock as q, withCtx as O, createElementVNode as n, createTextVNode as Ae, toDisplayString as z, unref as x, createVNode as k, h as w, reactive as Oe, computed as I, onMounted as Ye, watch as Ke, isRef as Te, createElementBlock as B, Fragment as K, createCommentVNode as X, normalizeClass as ue, renderList as fe, normalizeStyle as Re, Teleport as Ge, mergeProps as We } from "vue";
+import { W as qe, u as we, aj as G, l as Ze, J as Ce, i as $, t as Je, K as pe, p as Qe, q as Xe, r as et, ak as Pe, al as Ie, a6 as Me, am as Ue, an as oe, ac as tt, ai as ee, T as Ee, D as Be, h as xe, f as at, e as nt, a as ot, y as st, _ as rt, z as lt, B as ct, E as he } from "./app-DZ9U0oko.js";
 import { useCoreStore as it, useI18n as He } from "@feedmepos/mf-common";
 import { useSnackbar as je, useDialog as ut, useProxiedModel as dt, components as ie, useBreakpoints as mt } from "@feedmepos/ui-library";
 import { defineStore as ze, storeToRefs as ft } from "pinia";
-import { u as Le } from "./stock-ksGPw_1H.js";
+import { u as Le } from "./stock-B8OABZwR.js";
 import { E as pt } from "./empty-placeholder-wf6-BWE8.js";
-const Se = We((o, p) => {
+const Se = qe((o, p) => {
   function e() {
     return we().currentLocation.dbName;
   }
   return {
     async getDraft(v) {
-      const u = e(), x = `${o.inventoryBackendUrl}/${u}/closing-draft/${v}`;
-      return p.get(x);
+      const u = e(), h = `${o.inventoryBackendUrl}/${u}/closing-draft/${v}`;
+      return p.get(h);
     },
     async readDrafts() {
       const v = e(), u = `${o.inventoryBackendUrl}/${v}/closing-draft`;
       return p.get(u);
     },
     async runOperation(v) {
-      const u = e(), x = `${o.inventoryBackendUrl}/${u}/closing-draft/run-operation`;
-      return p.post(x, v);
+      const u = e(), h = `${o.inventoryBackendUrl}/${u}/closing-draft/run-operation`;
+      return p.post(h, v);
     },
     async sync(v) {
-      const u = e(), x = `${o.inventoryBackendUrl}/${u}/closing-draft/sync`;
-      return p.post(x, v);
+      const u = e(), h = `${o.inventoryBackendUrl}/${u}/closing-draft/sync`;
+      return p.post(h, v);
     }
   };
 }), vt = { class: "fm-typo-en-body-lg-400" }, yt = { class: "fm-typo-en-body-lg-600" }, gt = { class: "flex gap-12 py-8 justify-end w-full" }, $e = /* @__PURE__ */ ke({
@@ -36,9 +36,9 @@ const Se = We((o, p) => {
     onFinished: { type: Function }
   },
   setup(o) {
-    const p = o, e = V(), v = Se(), u = je(), x = V(!1);
+    const p = o, e = V(), v = Se(), u = je(), h = V(!1);
     async function m() {
-      x.value = !0;
+      h.value = !0;
       try {
         await v.runOperation({
           _id: p.draft._id,
@@ -59,40 +59,40 @@ const Se = We((o, p) => {
           type: "error"
         }), console.error("error on submit closing draft aciont", y);
       } finally {
-        x.value = !1;
+        h.value = !1;
       }
     }
     return (y, D) => {
-      const U = I("FmTextField"), E = I("FmButton"), R = I("FmForm");
-      return A(), W(R, {
+      const M = P("FmTextField"), U = P("FmButton"), T = P("FmForm");
+      return _(), q(T, {
         onValidationSuccess: m,
         class: "flex flex-col gap-32",
-        disabled: x.value
+        disabled: h.value
       }, {
         default: O(() => [
           n("div", vt, [
-            D[2] || (D[2] = _e(" You are about to ")),
-            n("span", yt, z(y.action == h(G).enum.approveDraft ? "approve" : "reject"), 1),
-            D[3] || (D[3] = _e(" this draft. Please provider a remark to justify this action. "))
+            D[2] || (D[2] = Ae(" You are about to ")),
+            n("span", yt, z(y.action == x(G).enum.approveDraft ? "approve" : "reject"), 1),
+            D[3] || (D[3] = Ae(" this draft. Please provider a remark to justify this action. "))
           ]),
-          k(U, {
+          k(M, {
             modelValue: e.value,
             "onUpdate:modelValue": D[0] || (D[0] = (s) => e.value = s),
             label: "Remark",
             "label-mark": "required",
-            rules: [h(Ze)()]
+            rules: [x(Ze)()]
           }, null, 8, ["modelValue", "rules"]),
           n("div", gt, [
-            k(E, {
+            k(U, {
               label: "Cancel",
               variant: "tertiary",
               onClick: D[1] || (D[1] = (s) => y.onCancel())
             }),
-            k(E, {
-              label: y.action == h(G).enum.approveDraft ? "Approve" : "Reject",
+            k(U, {
+              label: y.action == x(G).enum.approveDraft ? "Approve" : "Reject",
               type: "submit",
-              variant: y.action == h(G).enum.approveDraft ? "primary" : "destructive",
-              loading: x.value
+              variant: y.action == x(G).enum.approveDraft ? "primary" : "destructive",
+              loading: h.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
@@ -104,36 +104,36 @@ const Se = We((o, p) => {
 function Ne(o) {
   const p = o.measurementsAmounts.groupBy((v) => v.measurement.id), e = o.sku.unit.measurements.reduce((v, u) => {
     var y, D;
-    const x = ((D = (y = p.get(u.id)) == null ? void 0 : y[0]) == null ? void 0 : D.amount) ?? bt, m = Ce(u.conversion, x);
-    return v + +T(m);
-  }, +T(o.baseAmount));
+    const h = ((D = (y = p.get(u.id)) == null ? void 0 : y[0]) == null ? void 0 : D.amount) ?? bt, m = Ce(u.conversion, h);
+    return v + +$(m);
+  }, +$(o.baseAmount));
   return Je(e, o.baseAmount.precision);
 }
-const ht = pe(0), xt = pe(100);
+const xt = pe(0), ht = pe(100);
 function Dt(o, p) {
   const e = Ne(o), v = Pe(e, p), u = p.amount === 0 ? null : Ie(v, {
     ...p,
     amount: Math.abs(p.amount)
-  }), x = u ? Ce(u, xt) : null;
+  }), h = u ? Ce(u, ht) : null;
   return {
     code: o.sku.code,
     name: o.sku.name,
     baseUnit: o.sku.unit.abbrev,
-    baseUnitAmount: +T(o.baseAmount),
-    ...o.measurementsAmounts.filter((y) => At(y.measurement)).reduce(
-      (y, D, U) => (y[`measurementAbbrev${U}`] = `(${D.measurement.abbrev}) × ${T(D.measurement.conversion)}`, y[`measurementAmount${U}`] = +T(D.amount), y),
+    baseUnitAmount: +$(o.baseAmount),
+    ...o.measurementsAmounts.filter((y) => _t(y.measurement)).reduce(
+      (y, D, M) => (y[`measurementAbbrev${M}`] = `(${D.measurement.abbrev}) × ${$(D.measurement.conversion)}`, y[`measurementAmount${M}`] = +$(D.amount), y),
       {}
     ),
-    systemBalance: +T(p),
-    physicalBalance: +T(e),
-    adjustedAmount: +T(v),
-    adjustedDiffPercentage: x ? +T(Me(x, 2)) : null
+    systemBalance: +$(p),
+    physicalBalance: +$(e),
+    adjustedAmount: +$(v),
+    adjustedDiffPercentage: h ? +$(Me(h, 2)) : null
   };
 }
-function At(o) {
+function _t(o) {
   return !o.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function _t() {
+function At() {
   return [
     {
       id: "code",
@@ -166,15 +166,15 @@ function _t() {
   ];
 }
 function kt(o, p) {
-  var s, d, S, g, f, j, L;
+  var s, d, C, g, f, j, L;
   const e = p.groupBy(
     (b) => b.id,
     (b) => b.balance
   ), u = [...o.items, ...o.negativeStockItems ?? []].map((b) => {
     var te;
-    const P = ((te = e.get(b.sku._id)) == null ? void 0 : te[0]) ?? ht;
-    return Dt(b, P);
-  }), m = it().currentBusiness.value, y = _t(), D = [
+    const R = ((te = e.get(b.sku._id)) == null ? void 0 : te[0]) ?? xt;
+    return Dt(b, R);
+  }), m = it().currentBusiness.value, y = At(), D = [
     ["Business name:", m == null ? void 0 : m.name],
     ["Business ID:", m == null ? void 0 : m._id],
     ["Menu version", m == null ? void 0 : m.menuVersion],
@@ -185,7 +185,7 @@ function kt(o, p) {
     ["Recent action", o.approvedAt ? "Approve" : o.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      o.approvedAt ? (S = o.approvedBy) == null ? void 0 : S.name : o.rejectionHistory ? (f = (g = o.rejectionHistory[0]) == null ? void 0 : g.rejectedBy) == null ? void 0 : f.name : ""
+      o.approvedAt ? (C = o.approvedBy) == null ? void 0 : C.name : o.rejectionHistory ? (f = (g = o.rejectionHistory[0]) == null ? void 0 : g.rejectedBy) == null ? void 0 : f.name : ""
     ],
     [
       "Action at",
@@ -197,21 +197,21 @@ function kt(o, p) {
     ],
     [],
     y.map((b) => b.name),
-    ...u.map((b) => y.map((P) => b[P.id]))
-  ], U = y.map((b) => `system:${b.id}`), E = Qe(D, U), R = `[${m == null ? void 0 : m.name}] closing draft (${Xe(new Date(o.updatedAt))}).xlsx`;
-  return et(E, R), R;
+    ...u.map((b) => y.map((R) => b[R.id]))
+  ], M = y.map((b) => `system:${b.id}`), U = Qe(D, M), T = `[${m == null ? void 0 : m.name}] closing draft (${Xe(new Date(o.updatedAt))}).xlsx`;
+  return et(U, T), T;
 }
-const Ae = ze(
+const _e = ze(
   "closingDraftActions",
   function() {
-    const p = ut(), e = je(), v = Ue(), u = Se(), x = Le(), m = V(!1), y = V();
+    const p = ut(), e = je(), v = Ue(), u = Se(), h = Le(), m = V(!1), y = V();
     function D(g) {
       const f = {
         draft: g
       };
       y.value = f, m.value = !0;
     }
-    async function U(g) {
+    async function M(g) {
       var j;
       if (g.status === oe.enum.COMPLETED) {
         const L = g.closingId;
@@ -226,15 +226,15 @@ const Ae = ze(
         const b = await v.getClosingById(L);
         return (b == null ? void 0 : b.skus) ?? [];
       } else
-        return await x.readStockBalance(), ((j = x.stockBalance) == null ? void 0 : j.skus) ?? [];
+        return await h.readStockBalance(), ((j = h.stockBalance) == null ? void 0 : j.skus) ?? [];
     }
-    async function E(g, f) {
+    async function U(g, f) {
       f || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), f = await U(g)), kt(g, f);
+      }), f = await M(g)), kt(g, f);
     }
-    function R(g, f) {
+    function T(g, f) {
       p.open({
         title: "Approve draft",
         contentComponent: $e,
@@ -276,16 +276,16 @@ const Ae = ze(
         type: "success"
       }), f == null || f();
     }
-    function S() {
+    function C() {
       m.value = !1;
     }
     return {
       viewDraft: D,
-      closeDraftDialog: S,
-      approveDraft: R,
+      closeDraftDialog: C,
+      approveDraft: T,
       rejectDraft: s,
       syncDraft: d,
-      exportDraft: E,
+      exportDraft: U,
       viewClosingDraftShow: m,
       viewClosingDraftProps: y
     };
@@ -306,9 +306,9 @@ function De(o) {
 const wt = ze(
   "closingDraftTable",
   function() {
-    const { t: p } = He(), e = Ae(), v = V(new Array()), u = V(!1), x = we(), m = Se();
+    const { t: p } = He(), e = _e(), v = V(new Array()), u = V(!1), h = we(), m = Se();
     async function y() {
-      if (v.value = [], !!x._currentLocation) {
+      if (v.value = [], !!h._currentLocation) {
         u.value = !0;
         try {
           const [s] = await Promise.all([m.readDrafts()]).delayed(1e3);
@@ -321,12 +321,12 @@ const wt = ze(
       }
     }
     async function D(s) {
-      if (!v.value.find((d) => d._id) && x._currentLocation) {
+      if (!v.value.find((d) => d._id) && h._currentLocation) {
         u.value = !0;
         try {
           const [d] = await Promise.all([
             m.getDraft(s),
-            new Promise((S) => setTimeout(S, 1e3))
+            new Promise((C) => setTimeout(C, 1e3))
           ]);
           v.value = [d];
         } catch (d) {
@@ -336,19 +336,19 @@ const wt = ze(
         }
       }
     }
-    function U() {
+    function M() {
       e.closeDraftDialog(), y();
     }
-    function E(s, d) {
+    function U(s, d) {
       switch (d = nt(d), s) {
-        case he.Details:
+        case xe.Details:
           return e.viewDraft(d);
-        case he.Export:
+        case xe.Export:
           return e.exportDraft(d);
         case G.enum.approveDraft:
-          return e.approveDraft(d, U);
+          return e.approveDraft(d, M);
         case G.enum.rejectDraft:
-          return e.rejectDraft(d, U);
+          return e.rejectDraft(d, M);
       }
     }
     return {
@@ -393,7 +393,7 @@ const wt = ze(
           id: "recentRemark",
           accessorFn: (s) => {
             var d;
-            return (s == null ? void 0 : s.approveRemark) ?? ((d = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : d.computeFirst((S) => S.rejectRemark)) ?? s.remark;
+            return (s == null ? void 0 : s.approveRemark) ?? ((d = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : d.computeFirst((C) => C.rejectRemark)) ?? s.remark;
           },
           header: () => "Recent remark"
         },
@@ -404,42 +404,42 @@ const wt = ze(
           enableSorting: !1,
           cell(s) {
             var L;
-            const d = s.row.original, S = d.status, g = new Date(d.updatedAt), f = (L = d == null ? void 0 : d.rejectionHistory) == null ? void 0 : L.computeFirst((b) => b.rejectedAt), j = f ? new Date(f) : null;
-            return S === "DRAFT" && j ? j.getTime() > g.getTime() ? C(
+            const d = s.row.original, C = d.status, g = new Date(d.updatedAt), f = (L = d == null ? void 0 : d.rejectionHistory) == null ? void 0 : L.computeFirst((b) => b.rejectedAt), j = f ? new Date(f) : null;
+            return C === "DRAFT" && j ? j.getTime() > g.getTime() ? w(
               "div",
               {
                 class: "flex"
               },
-              C(
+              w(
                 "div",
                 {
                   class: ["fm-status-badge", De("FAILED")]
                 },
                 "Rejected"
               )
-            ) : C(
+            ) : w(
               "div",
               {
                 class: "flex"
               },
-              C(
+              w(
                 "div",
                 {
                   class: ["fm-status-badge", De("PROCESSING")]
                 },
                 "Updated"
               )
-            ) : C(
+            ) : w(
               "div",
               {
                 class: "flex"
               },
-              C(
+              w(
                 "div",
                 {
-                  class: ["fm-status-badge", De(S)]
+                  class: ["fm-status-badge", De(C)]
                 },
-                Ee(S)
+                Ee(C)
               )
             );
           }
@@ -447,9 +447,9 @@ const wt = ze(
         {
           id: "action",
           cell(s) {
-            const d = s.row.original, S = [
-              Be[he.Details],
-              Be[he.Export]
+            const d = s.row.original, C = [
+              Be[xe.Details],
+              Be[xe.Export]
             ], g = [
               {
                 translationKey: "inventory.closing.draft.approveDraft",
@@ -464,10 +464,10 @@ const wt = ze(
             ];
             return at(
               [
-                ...S,
+                ...C,
                 ...d.status === oe.enum.DRAFT ? g : []
               ],
-              (f) => E(f, d)
+              (f) => U(f, d)
             );
           },
           enableSorting: !1,
@@ -484,34 +484,34 @@ const wt = ze(
       loadDraft: D
     };
   }
-), Ct = { class: "w-full flex flex-col gap-32" }, jt = { class: "flex justify-between" }, St = { class: "flex" }, Ft = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bt = { class: "flex gap-1" }, $t = { class: "fm-typo-en-body-lg-600" }, Tt = { class: "flex flex-col gap-16" }, Rt = { class: "flex items-center" }, Pt = { key: 0 }, It = {
+), Ct = { class: "w-full flex flex-col gap-32" }, jt = { class: "flex justify-between" }, St = { class: "flex" }, Ft = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Bt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $t = { class: "flex gap-1" }, Tt = { class: "fm-typo-en-body-lg-600" }, Rt = { class: "flex flex-col gap-16" }, Pt = { class: "flex items-center" }, It = { key: 0 }, Mt = {
   key: 0,
   class: "w-full flex flex-col items-center"
-}, Mt = { class: "flex items-center gap-8" }, Ut = {
+}, Ut = { class: "flex items-center gap-8" }, Et = {
   key: 0,
   class: "flex gap-8"
-}, Et = { class: "overflow-x-auto" }, Ht = {
+}, Ht = { class: "overflow-x-auto" }, zt = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, zt = {
+}, Lt = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
-}, Lt = ["src"], Nt = {
+}, Nt = ["src"], Vt = {
   key: 1,
   class: "px-4 flex flex-col"
-}, Vt = { class: "flex gap-12 content-stretch" }, Ot = {
+}, Ot = { class: "flex gap-12 content-stretch" }, Yt = {
   class: "flex flex-col w-24",
   name: "circles"
-}, Yt = { class: "flex-1 flex flex-col items-center" }, Kt = { class: "flex-1 flex flex-col items-center" }, Gt = {
+}, Kt = { class: "flex-1 flex flex-col items-center" }, Gt = { class: "flex-1 flex flex-col items-center" }, Wt = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, qt = { class: "fm-typo-en-body-lg-400" }, Wt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Zt = { class: "flex gap-12 content-stretch" }, Jt = {
+}, qt = { class: "fm-typo-en-body-lg-400" }, Zt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Jt = { class: "flex gap-12 content-stretch" }, Qt = {
   class: "flex flex-col w-24",
   name: "circles"
-}, Qt = { class: "flex-1 flex flex-col items-center" }, Xt = {
+}, Xt = { class: "flex-1 flex flex-col items-center" }, ea = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, ea = { class: "flex flex-col gap-8" }, ta = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, aa = { class: "flex flex-col gap-4" }, na = { class: "flex gap-8" }, oa = /* @__PURE__ */ ke({
+}, ta = { class: "flex flex-col gap-8" }, aa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, na = { class: "flex flex-col gap-4" }, oa = { class: "flex gap-8" }, sa = /* @__PURE__ */ ke({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
@@ -519,38 +519,38 @@ const wt = ze(
   },
   emits: ["submitted"],
   setup(o, { emit: p }) {
-    const e = o, v = Le(), u = Ae(), x = dt(e, "show"), m = V(!1), y = V(!1), D = V(new Array()), U = Ue(), E = je(), R = ot(), s = Oe({}), d = M(() => new Set(
-      R.skus.filter((a) => {
+    const e = o, v = Le(), u = _e(), h = dt(e, "show"), m = V(!1), y = V(!1), D = V(new Array()), M = Ue(), U = je(), T = ot(), s = Oe({}), d = I(() => new Set(
+      T.skus.filter((a) => {
         var t;
         return s[(t = a.customAttributes) == null ? void 0 : t.tag];
       }).map((a) => a._id)
-    )), S = p, g = M(() => {
+    )), C = p, g = I(() => {
       var t, r;
       const a = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((r = e.draft) == null ? void 0 : r.negativeStockItems) ?? []];
-      return d.value.size ? a.filter((l) => d.value.has(l.sku._id)) : a;
-    }), f = M(() => {
+      return d.value.size ? a.filter((c) => d.value.has(c.sku._id)) : a;
+    }), f = I(() => {
       const a = g.value.map((t) => t.sku);
       return a.sort((t, r) => t.code.localeCompare(r.code)), a;
-    }), j = M(() => g.value.groupBy(
+    }), j = I(() => g.value.groupBy(
       (t) => t.sku._id,
       (t) => t.measurementsAmounts.filter((r) => !r.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((r) => r.measurement.id)
     ));
-    Ye(P), Ke(
+    Ye(R), Ke(
       () => e.show,
       (a) => {
-        a && (J.value = Z[0], P());
+        a && (J.value = Z[0], R());
       }
     );
     const L = pe(0), b = pe(100);
-    async function P() {
-      var t, r, l;
+    async function R() {
+      var t, r, c;
       m.value = !0;
       const a = ((t = e.draft) == null ? void 0 : t.status) === oe.enum.COMPLETED;
       try {
-        if (await R.init(), a) {
-          const c = e.draft.closingId;
-          if (!c) {
-            E.open({
+        if (await T.init(), a) {
+          const l = e.draft.closingId;
+          if (!l) {
+            U.open({
               title: "Something went wrong",
               message: "Closing draft is completed but closing document cannot be found.",
               type: "error"
@@ -559,28 +559,28 @@ const wt = ze(
             });
             return;
           }
-          const i = await U.getClosingById(c);
+          const i = await M.getClosingById(l);
           D.value = (i == null ? void 0 : i.skus) ?? [];
         } else
-          await v.readStockBalance(), D.value = ((l = v.stockBalance) == null ? void 0 : l.skus) ?? [];
-      } catch (c) {
-        E.open({
+          await v.readStockBalance(), D.value = ((c = v.stockBalance) == null ? void 0 : c.skus) ?? [];
+      } catch (l) {
+        U.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
-        }), console.error("error on fetch stock balances", c);
+        }), console.error("error on fetch stock balances", l);
       } finally {
         m.value = !1;
       }
     }
-    const te = M(
+    const te = I(
       () => D.value.groupBy(
         (a) => a.id,
         (a) => a.balance
       )
-    ), ve = M(() => g.value.groupBy((a) => a.sku._id));
+    ), ve = I(() => g.value.groupBy((a) => a.sku._id));
     function se(a) {
-      return C(
+      return w(
         ie.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
@@ -593,15 +593,10 @@ const wt = ze(
         }
       );
     }
-    const ae = M(() => {
-      const a = f.value.reduce((r, l) => {
-        var c, i, w, $;
-        return console.log(
-          "Measurement counts",
-          l.unit.name,
-          l.unit.abbrev,
-          (i = (c = j.value) == null ? void 0 : c.get(l._id)) == null ? void 0 : i[0].length
-        ), Math.max(r, (($ = (w = j.value) == null ? void 0 : w.get(l._id)) == null ? void 0 : $[0].length) ?? 0);
+    const ae = I(() => {
+      const a = f.value.reduce((r, c) => {
+        var l, i;
+        return Math.max(r, ((i = (l = j.value) == null ? void 0 : l.get(c._id)) == null ? void 0 : i[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -610,8 +605,8 @@ const wt = ze(
           header: () => "Name",
           size: 350,
           cell(r) {
-            const l = r.row.original, c = l.adjustedDiffPercentage, i = typeof c == "number" && Math.abs(c) > 10, w = C("div", { class: "flex flex-col gap-4" }, [
-              C(
+            const c = r.row.original, l = c.adjustedDiffPercentage, i = typeof l == "number" && Math.abs(l) > 10, S = w("div", { class: "flex flex-col gap-4" }, [
+              w(
                 "div",
                 {
                   class: [
@@ -619,9 +614,9 @@ const wt = ze(
                     i ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
                   ]
                 },
-                l.name
+                c.name
               ),
-              C(
+              w(
                 "div",
                 {
                   class: [
@@ -629,67 +624,81 @@ const wt = ze(
                     i ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
                   ]
                 },
-                l.code
+                c.code
               )
             ]);
-            return C(
+            return w(
               ie.FmTooltip,
               {
                 zIndex: 51
               },
               {
                 content() {
-                  return i ? "Adjustment difference is more than 10%." : `${l.code} - ${l.name}`;
+                  return i ? "Adjustment difference is more than 10%." : `${c.code} - ${c.name}`;
                 },
                 default() {
-                  return C("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    w
+                  return w("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                    S
                   ]);
                 }
               }
             );
           }
         },
+        {
+          id: "baseUnit",
+          header: () => "Base unit",
+          accessorKey: "baseUnit"
+        },
         {
           id: "physicalBalances",
           header: () => "Amounts",
           enableSorting: !1,
           cell(r) {
-            const l = r.row.original, c = (w, $) => C(
+            const c = r.row.original, l = (S, E) => w(
               ie.FmTooltip,
               { zIndex: 50 },
               {
                 default() {
-                  return C(
+                  return w(
                     "div",
                     {
                       class: "fm-typo-en-body-md-400 py-4 px-8 border-1 border-fm-color-typo-secondary fm-corner-radius-md line-clamp-1"
                     },
                     [
-                      C("span", { class: "text-fm-color-typo-primary" }, `${w} `),
-                      C(
+                      w("span", { class: "text-fm-color-typo-primary" }, `${S} `),
+                      w(
                         "span",
                         {
                           class: "text-fm-color-typo-secondary",
                           style: { maxWidth: "80px" }
                         },
-                        $
+                        E
                       )
                     ]
                   );
                 },
                 content() {
-                  return `${w} ${$}`;
+                  return `${S} ${E}`;
                 }
               }
             );
-            let i = Array.from({ length: a }).map((w, $) => {
-              if (!l[`measurementAmount${$}`])
+            let i = Array.from({ length: a }).map((S, E) => {
+              if (!c[`measurementAmount${E}`])
                 return null;
-              const F = l[`measurementAmount${$}`], le = l[`measurementAbbrev${$}`];
-              return c(F, le);
-            }).filter((w) => w);
-            return (l.baseUnitAmount || !i.length) && (i = [c(l.baseUnitAmount, l.baseUnit), ...i]), C("div", { class: "flex gap-8 flex-nowrap" }, i);
+              const F = c[`measurementAmount${E}`], le = c[`measurementAbbrev${E}`];
+              return l(F, le);
+            }).filter((S) => S);
+            return (c.baseUnitAmount || !i.length) && (i = [l(c.baseUnitAmount, c.baseUnit), ...i]), w(
+              "div",
+              {
+                class: "flex gap-8 flex-nowrap",
+                style: {
+                  minWidth: `${120 * i.length}px`
+                }
+              },
+              i
+            );
           }
         },
         {
@@ -722,14 +731,14 @@ const wt = ze(
         {
           id: "adjustedDiffPercentage",
           accessorKey: "adjustedDiffPercentage",
-          header: () => C(
+          header: () => w(
             ie.FmTooltip,
             { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
             {
               default() {
-                return C("div", { class: "flex items-center gap-4" }, [
+                return w("div", { class: "flex items-center gap-4" }, [
                   "Diff (%)",
-                  C(ie.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
+                  w(ie.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
                 ]);
               },
               content() {
@@ -739,19 +748,19 @@ const wt = ze(
           ),
           size: 200,
           cell(r) {
-            const l = r.row.original.adjustedDiffPercentage;
-            if (!l) return "N/A";
-            const c = l.toFixed(2);
-            if (c === "0.00")
-              return C("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const i = l > 0;
-            return C("div", { class: "flex items-center gap-4 justify-end" }, [
-              C(ie.FmIcon, {
+            const c = r.row.original.adjustedDiffPercentage;
+            if (!c) return "N/A";
+            const l = c.toFixed(2);
+            if (l === "0.00")
+              return w("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+            const i = c > 0;
+            return w("div", { class: "flex items-center gap-4 justify-end" }, [
+              w(ie.FmIcon, {
                 name: i ? "arrow_drop_up" : "arrow_drop_down",
                 color: i ? "system-success-300" : "system-error-300",
                 size: "md"
               }),
-              c
+              l
             ]);
           },
           meta: {
@@ -759,7 +768,7 @@ const wt = ze(
           }
         }
       ];
-    }), ye = M(() => ae.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), re = V(""), de = M(() => f.value.map((a) => {
+    }), ye = I(() => ae.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), re = V(""), de = I(() => f.value.map((a) => {
       var F, le;
       const t = (F = ve.value.get(a._id)) == null ? void 0 : F[0], r = ((le = te.value.get(a._id)) == null ? void 0 : le[0]) ?? L;
       if (!t)
@@ -768,48 +777,44 @@ const wt = ze(
           name: a.name,
           baseUnit: a.unit.abbrev,
           baseUnitAmount: 0,
-          systemBalance: +T(r),
+          systemBalance: +$(r),
           physicalBalance: 0,
-          adjustedAmount: -+T(r),
+          adjustedAmount: -+$(r),
           adjustedDiffPercentage: -100
         };
-      const l = Ne(t), c = Pe(l, r), i = r.amount === 0 ? null : Ie(c, {
+      const c = Ne(t), l = Pe(c, r), i = r.amount === 0 ? null : Ie(l, {
         ...r,
         amount: Math.abs(r.amount)
-      }), w = i ? Ce(i, b) : null;
+      }), S = i ? Ce(i, b) : null;
       return {
         code: a.code,
         name: a.name,
         baseUnit: a.unit.abbrev,
-        baseUnitAmount: +T(t.baseAmount),
+        baseUnitAmount: +$(t.baseAmount),
         ...t.measurementsAmounts.filter((Q) => {
           var Y, ne, be;
           return (be = (ne = (Y = j.value) == null ? void 0 : Y.get(a._id)) == null ? void 0 : ne[0]) == null ? void 0 : be.includes(Q.measurement.id);
-        }).reduce((Q, Y, ne) => (Q[`measurementAbbrev${ne}`] = `(${Y.measurement.abbrev}) × ${T(Y.measurement.conversion)}`, Q[`measurementAmount${ne}`] = +T(Y.amount), Q), {}),
-        systemBalance: +T(r),
-        physicalBalance: +T(l),
-        adjustedAmount: +T(c),
-        adjustedDiffPercentage: w ? +T(Me(w, 2)) : null
+        }).reduce((Q, Y, ne) => (Q[`measurementAbbrev${ne}`] = `(${Y.measurement.abbrev}) × ${$(Y.measurement.conversion)}`, Q[`measurementAmount${ne}`] = +$(Y.amount), Q), {}),
+        systemBalance: +$(r),
+        physicalBalance: +$(c),
+        adjustedAmount: +$(l),
+        adjustedDiffPercentage: S ? +$(Me(S, 2)) : null
       };
-    })), ge = M(() => {
-      var t, r, l;
+    })), ge = I(() => {
+      var t, r, c;
       if (!e.draft) return [];
       const a = e.draft.approvedAt ? {
         action: `Approve at ${ee(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((c) => ({
-        action: `Reject at ${ee(c.rejectedAt)}`,
+      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((l) => ({
+        action: `Reject at ${ee(l.rejectedAt)}`,
         // actionAt: e.rejectedAt,
-        actionBy: c.rejectedBy,
-        remark: c.rejectRemark
+        actionBy: l.rejectedBy,
+        remark: l.rejectRemark
       }));
       return [
-        {
-          label: "Using template",
-          value: ((r = e.draft.usingTemplates.find((c) => c)) == null ? void 0 : r.name) ?? "None"
-        },
         {
           label: "Created at",
           value: ee(e.draft.createdAt)
@@ -830,6 +835,10 @@ const wt = ze(
           label: "Effective at",
           value: ee(e.draft.effectiveAt ?? e.draft.updatedAt)
         },
+        {
+          label: "Using template",
+          value: ((r = e.draft.usingTemplates.find((l) => l)) == null ? void 0 : r.name) ?? "None"
+        },
         e.draft.remark ? {
           label: "Remark",
           value: e.draft.remark
@@ -840,13 +849,13 @@ const wt = ze(
         } : null,
         a && a.actionBy ? {
           label: "Last action by",
-          value: (l = a.actionBy) == null ? void 0 : l.name
+          value: (c = a.actionBy) == null ? void 0 : c.name
         } : null,
         a && a.remark ? {
           label: "Action remark",
           value: a.remark
         } : null
-      ].filter((c) => c).map((c) => c);
+      ].filter((l) => l).map((l) => l);
     }), Z = [
       {
         label: "Overview",
@@ -856,8 +865,8 @@ const wt = ze(
         label: "Action history",
         value: "history"
       }
-    ], J = V(Z[0]), q = M(() => {
-      var t, r, l, c;
+    ], J = V(Z[0]), W = I(() => {
+      var t, r, c, l;
       return [
         ...(((t = e.draft) == null ? void 0 : t.rejectionHistory) ?? []).map(
           (i) => ({
@@ -882,82 +891,82 @@ const wt = ze(
             info: [
               {
                 label: "Approved by",
-                values: [(l = e.draft) == null ? void 0 : l.approvedBy.name]
+                values: [(c = e.draft) == null ? void 0 : c.approvedBy.name]
               },
               {
                 label: "Approval remark",
-                values: [((c = e.draft) == null ? void 0 : c.approveRemark) ?? ""]
+                values: [((l = e.draft) == null ? void 0 : l.approveRemark) ?? ""]
               }
             ]
           }
         ] : []
       ];
-    }), me = M(() => {
-      var c, i, w, $;
-      if ((c = e == null ? void 0 : e.draft) != null && c.approvedAt) return "Draft is already approved.";
+    }), me = I(() => {
+      var l, i, S, E;
+      if ((l = e == null ? void 0 : e.draft) != null && l.approvedAt) return "Draft is already approved.";
       if (((i = e.draft) == null ? void 0 : i.status) !== oe.enum.DRAFT) return "Status is not draft.";
-      const a = de.value.some((F) => F.physicalBalance < 0), t = (($ = (w = v.stockBalance.skus) == null ? void 0 : w.filter((F) => F.balance.amount < 0)) == null ? void 0 : $.map((F) => F.id)) ?? [], r = new Set(f.value.map((F) => F._id)), l = t.filter((F) => !r.has(F)).length;
+      const a = de.value.some((F) => F.physicalBalance < 0), t = ((E = (S = v.stockBalance.skus) == null ? void 0 : S.filter((F) => F.balance.amount < 0)) == null ? void 0 : E.map((F) => F.id)) ?? [], r = new Set(f.value.map((F) => F._id)), c = t.filter((F) => !r.has(F)).length;
       return [
         a ? "Negative total exist." : null,
-        l ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
+        c ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
       ].filter((F) => F).join(" ");
     });
     return (a, t) => {
-      const r = I("FmButtonGroup"), l = I("FmMenuDivider"), c = I("FmCard"), i = I("FmButton"), w = I("FmCircularProgress"), $ = I("FmTextField"), F = I("FmIcon"), le = I("FmChip"), Q = I("FmTable"), Y = I("FmSpacer"), ne = I("FmTooltip"), be = I("FmSideSheet");
-      return A(), W(be, {
+      const r = P("FmButtonGroup"), c = P("FmMenuDivider"), l = P("FmCard"), i = P("FmButton"), S = P("FmCircularProgress"), E = P("FmTextField"), F = P("FmIcon"), le = P("FmChip"), Q = P("FmTable"), Y = P("FmSpacer"), ne = P("FmTooltip"), be = P("FmSideSheet");
+      return _(), q(be, {
         "dismiss-away": "",
-        "max-width": 900,
-        "model-value": h(x),
-        "onUpdate:modelValue": t[8] || (t[8] = (_) => Te(x) ? x.value = _ : null),
+        "max-width": 9999,
+        "model-value": x(h),
+        "onUpdate:modelValue": t[8] || (t[8] = (A) => Te(h) ? h.value = A : null),
         header: "Closing details"
       }, {
         "side-sheet-footer": O(() => {
-          var _, H, N, ce;
+          var A, H, N, ce;
           return [
-            n("div", na, [
-              ((_ = e.draft) == null ? void 0 : _.status) === h(oe).enum.DRAFT ? (A(), B(K, { key: 0 }, [
-                me.value ? (A(), W(ne, {
+            n("div", oa, [
+              ((A = e.draft) == null ? void 0 : A.status) === x(oe).enum.DRAFT ? (_(), B(K, { key: 0 }, [
+                me.value ? (_(), q(ne, {
                   key: 0,
                   "z-index": 51
                 }, {
                   content: O(() => [
-                    _e(z(me.value), 1)
+                    Ae(z(me.value), 1)
                   ]),
                   default: O(() => [
                     k(i, {
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
-                      onClick: t[3] || (t[3] = () => e.draft && h(u).approveDraft(e.draft, () => S("submitted")))
+                      onClick: t[3] || (t[3] = () => e.draft && x(u).approveDraft(e.draft, () => C("submitted")))
                     })
                   ]),
                   _: 1
-                })) : (A(), W(i, {
+                })) : (_(), q(i, {
                   key: "approve key",
                   label: "Approve",
-                  onClick: t[4] || (t[4] = () => e.draft && h(u).approveDraft(e.draft, () => S("submitted")))
+                  onClick: t[4] || (t[4] = () => e.draft && x(u).approveDraft(e.draft, () => C("submitted")))
                 }))
               ], 64)) : X("", !0),
-              ((H = e.draft) == null ? void 0 : H.status) === h(oe).enum.DRAFT ? (A(), W(i, {
+              ((H = e.draft) == null ? void 0 : H.status) === x(oe).enum.DRAFT ? (_(), q(i, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: t[5] || (t[5] = () => e.draft && h(u).rejectDraft(e.draft, () => S("submitted")))
+                onClick: t[5] || (t[5] = () => e.draft && x(u).rejectDraft(e.draft, () => C("submitted")))
               })) : X("", !0),
-              (N = e.draft) != null && N.approvedAt && ((ce = e.draft) == null ? void 0 : ce.status) !== h(oe).enum.COMPLETED ? (A(), W(i, {
+              (N = e.draft) != null && N.approvedAt && ((ce = e.draft) == null ? void 0 : ce.status) !== x(oe).enum.COMPLETED ? (_(), q(i, {
                 key: 2,
                 label: "Sync",
                 loading: y.value,
                 onClick: t[6] || (t[6] = () => {
-                  e.draft && (y.value = !0, h(u).syncDraft(e.draft, () => {
-                    y.value = !1, S("submitted");
+                  e.draft && (y.value = !0, x(u).syncDraft(e.draft, () => {
+                    y.value = !1, C("submitted");
                   }));
                 })
               }, null, 8, ["loading"])) : X("", !0),
               k(i, {
                 label: "Close",
                 variant: "tertiary",
-                onClick: t[7] || (t[7] = (Fe) => x.value = !1)
+                onClick: t[7] || (t[7] = (Fe) => h.value = !1)
               })
             ])
           ];
@@ -968,43 +977,45 @@ const wt = ze(
               k(r, {
                 items: Z,
                 modelValue: J.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (_) => J.value = _)
+                "onUpdate:modelValue": t[0] || (t[0] = (A) => J.value = A)
               }, null, 8, ["modelValue"])
             ]),
-            J.value.value === "overview" ? (A(), B(K, { key: 0 }, [
-              k(c, {
+            J.value.value === "overview" ? (_(), B(K, { key: 0 }, [
+              k(l, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
                 default: O(() => {
-                  var _, H;
+                  var A, H;
                   return [
                     n("div", jt, [
                       t[9] || (t[9] = n("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
                       n("div", St, [
                         n("div", {
-                          class: ue(["fm-status-badge", h(De)(((_ = a.draft) == null ? void 0 : _.status) ?? "DRAFT")])
-                        }, z(h(Ee)(((H = a.draft) == null ? void 0 : H.status) ?? "")), 3)
+                          class: ue(["fm-status-badge", x(De)(((A = a.draft) == null ? void 0 : A.status) ?? "DRAFT")])
+                        }, z(x(Ee)(((H = a.draft) == null ? void 0 : H.status) ?? "")), 3)
                       ])
                     ]),
-                    k(l),
-                    (A(!0), B(K, null, fe(ge.value, (N, ce) => (A(), B("div", {
-                      class: "flex flex-col gap-4",
-                      key: ce
-                    }, [
-                      n("div", Ft, [
-                        n("div", Bt, z(N.label), 1)
-                      ]),
-                      n("div", $t, z(N.value), 1)
-                    ]))), 128))
+                    k(c),
+                    n("div", Ft, [
+                      (_(!0), B(K, null, fe(ge.value, (N, ce) => (_(), B("div", {
+                        class: "flex flex-col gap-4",
+                        key: ce
+                      }, [
+                        n("div", Bt, [
+                          n("div", $t, z(N.label), 1)
+                        ]),
+                        n("div", Tt, z(N.value), 1)
+                      ]))), 128))
+                    ])
                   ];
                 }),
                 _: 1
               }),
-              n("div", Tt, [
-                n("div", Rt, [
+              n("div", Rt, [
+                n("div", Pt, [
                   t[10] || (t[10] = n("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  m.value ? X("", !0) : (A(), B("div", Pt, [
+                  m.value ? X("", !0) : (_(), B("div", It, [
                     k(i, {
                       label: "Export data",
                       "prepend-icon": "download",
@@ -1012,37 +1023,37 @@ const wt = ze(
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: t[1] || (t[1] = (_) => a.draft ? h(u).exportDraft(a.draft, D.value) : null)
+                      onClick: t[1] || (t[1] = (A) => a.draft ? x(u).exportDraft(a.draft, D.value) : null)
                     })
                   ]))
                 ]),
-                m.value ? (A(), B("div", It, [
+                m.value ? (_(), B("div", Mt, [
                   t[12] || (t[12] = n("div", { class: "h-80" }, null, -1)),
-                  n("div", Mt, [
+                  n("div", Ut, [
                     n("div", null, [
-                      k(w, { size: "md" })
+                      k(S, { size: "md" })
                     ]),
                     t[11] || (t[11] = n("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   t[13] || (t[13] = n("div", { class: "h-80" }, null, -1))
-                ])) : (A(), B(K, { key: 1 }, [
+                ])) : (_(), B(K, { key: 1 }, [
                   n("div", null, [
-                    k($, {
+                    k(E, {
                       modelValue: re.value,
-                      "onUpdate:modelValue": t[2] || (t[2] = (_) => re.value = _),
+                      "onUpdate:modelValue": t[2] || (t[2] = (A) => re.value = A),
                       placeholder: "Filter items"
                     }, null, 8, ["modelValue"])
                   ]),
-                  h(R).skuTags.size ? (A(), B("div", Ut, [
-                    (A(!0), B(K, null, fe(h(R).skuTags.keys(), (_) => (A(), W(le, {
-                      key: `${_}`,
-                      label: `${_}`,
+                  x(T).skuTags.size ? (_(), B("div", Et, [
+                    (_(!0), B(K, null, fe(x(T).skuTags.keys(), (A) => (_(), q(le, {
+                      key: `${A}`,
+                      label: `${A}`,
                       selectable: "",
-                      selected: s[`${_}`],
-                      onClick: (H) => s[`${_}`] = !s[`${_}`]
+                      selected: s[`${A}`],
+                      onClick: (H) => s[`${A}`] = !s[`${A}`]
                     }, {
                       default: O(() => [
-                        s[`${_}`] ? (A(), W(F, {
+                        s[`${A}`] ? (_(), q(F, {
                           key: 0,
                           name: "check",
                           class: "text-white",
@@ -1052,18 +1063,18 @@ const wt = ze(
                           class: ue([
                             "",
                             {
-                              "text-white fm-typo-en-body-md-600": s[`${_}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !s[`${_}`]
+                              "text-white fm-typo-en-body-md-600": s[`${A}`],
+                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !s[`${A}`]
                             }
                           ])
-                        }, z(_), 3)
+                        }, z(A), 3)
                       ]),
                       _: 2
                     }, 1032, ["label", "selected", "onClick"]))), 128))
                   ])) : X("", !0),
-                  n("div", Et, [
+                  n("div", Ht, [
                     n("div", {
-                      style: Re({ width: `${ye.value}px` })
+                      style: Re({ minWidth: `${ye.value}px` })
                     }, [
                       k(Q, {
                         "column-defs": ae.value,
@@ -1075,12 +1086,12 @@ const wt = ze(
                 ], 64))
               ])
             ], 64)) : X("", !0),
-            J.value.value === "history" ? (A(), B("div", Ht, [
-              q.value.length ? (A(), B("div", Nt, [
-                (A(!0), B(K, null, fe(q.value, (_, H) => (A(), B(K, { key: H }, [
-                  n("div", Vt, [
-                    n("div", Ot, [
-                      n("div", Yt, [
+            J.value.value === "history" ? (_(), B("div", zt, [
+              W.value.length ? (_(), B("div", Vt, [
+                (_(!0), B(K, null, fe(W.value, (A, H) => (_(), B(K, { key: H }, [
+                  n("div", Ot, [
+                    n("div", Yt, [
+                      n("div", Kt, [
                         n("div", {
                           class: ue([
                             {
@@ -1092,51 +1103,51 @@ const wt = ze(
                         }, null, 2)
                       ]),
                       t[16] || (t[16] = n("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      n("div", Kt, [
+                      n("div", Gt, [
                         n("div", {
                           class: ue([
                             {
-                              "bg-fm-color-primary": H < q.value.length - 1,
-                              "bg-white": H >= q.value.length - 1
+                              "bg-fm-color-primary": H < W.value.length - 1,
+                              "bg-white": H >= W.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
                         }, null, 2)
                       ])
                     ]),
-                    n("div", Gt, [
-                      n("div", qt, z(_.header), 1),
-                      n("div", Wt, z(_.date), 1)
+                    n("div", Wt, [
+                      n("div", qt, z(A.header), 1),
+                      n("div", Zt, z(A.date), 1)
                     ])
                   ]),
-                  n("div", Zt, [
-                    n("div", Jt, [
-                      n("div", Qt, [
+                  n("div", Jt, [
+                    n("div", Qt, [
+                      n("div", Xt, [
                         n("div", {
                           class: ue([
                             {
-                              "bg-fm-color-primary": H < q.value.length - 1,
-                              "bg-white": H >= q.value.length - 1
+                              "bg-fm-color-primary": H < W.value.length - 1,
+                              "bg-white": H >= W.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
                         }, null, 2)
                       ])
                     ]),
-                    n("div", Xt, [
-                      k(c, {
+                    n("div", ea, [
+                      k(l, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: O(() => [
-                          n("div", ea, [
-                            (A(!0), B(K, null, fe(_.info, (N, ce) => (A(), B("div", {
+                          n("div", ta, [
+                            (_(!0), B(K, null, fe(A.info, (N, ce) => (_(), B("div", {
                               key: ce,
                               class: "flex flex-col gap-4"
                             }, [
-                              n("div", ta, z(N == null ? void 0 : N.label), 1),
-                              n("div", aa, [
-                                (A(!0), B(K, null, fe(N == null ? void 0 : N.values, (Fe, Ve) => (A(), B("div", {
+                              n("div", aa, z(N == null ? void 0 : N.label), 1),
+                              n("div", na, [
+                                (_(!0), B(K, null, fe(N == null ? void 0 : N.values, (Fe, Ve) => (_(), B("div", {
                                   key: Ve,
                                   class: "fm-typo-en-body-lg-600"
                                 }, z(Fe), 1))), 128))
@@ -1149,13 +1160,13 @@ const wt = ze(
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (A(), B("div", zt, [
+              ])) : (_(), B("div", Lt, [
                 k(Y),
                 n("div", null, [
                   n("img", {
-                    src: h(pt),
+                    src: x(pt),
                     alt: "List is empty"
-                  }, null, 8, Lt)
+                  }, null, 8, Nt)
                 ]),
                 t[14] || (t[14] = n("div", { class: "fm-typo-en-body-lg-600" }, z("No records found"), -1)),
                 t[15] || (t[15] = n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, z("You can track approval and rejection history here"), -1)),
@@ -1169,22 +1180,22 @@ const wt = ze(
       }, 8, ["model-value"]);
     };
   }
-}), sa = { class: "flex-1 flex flex-col gap-8" }, ra = { class: "flex flex-col" }, la = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ca = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ia = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, ua = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ba = /* @__PURE__ */ ke({
+}), ra = { class: "flex-1 flex flex-col gap-8" }, la = { class: "flex flex-col" }, ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ia = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ua = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, da = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, xa = /* @__PURE__ */ ke({
   __name: "ClosingDraftView",
   setup(o) {
-    const { t: p } = He(), { viewDraft: e } = Ae(), { viewClosingDraftProps: v, viewClosingDraftShow: u } = ft(Ae()), x = we(), m = wt(), y = st(), { breakpoints: D } = mt();
-    x.watchLocation(m.fetchDrafts);
-    const U = M(() => m.loading), E = V(""), R = M(() => D.value.xs || D.value.sm), s = M(() => R.value ? 10 : 20);
+    const { t: p } = He(), { viewDraft: e } = _e(), { viewClosingDraftProps: v, viewClosingDraftShow: u } = ft(_e()), h = we(), m = wt(), y = st(), { breakpoints: D } = mt();
+    h.watchLocation(m.fetchDrafts);
+    const M = I(() => m.loading), U = V(""), T = I(() => D.value.xs || D.value.sm), s = I(() => T.value ? 10 : 20);
     function d(f) {
       switch (f) {
         case "refresh":
           return m.fetchDrafts();
       }
     }
-    function S(f) {
+    function C(f) {
       return f;
     }
-    const g = M(() => R.value ? [
+    const g = I(() => T.value ? [
       {
         label: "Refresh",
         value: "refresh",
@@ -1198,10 +1209,10 @@ const wt = ze(
       }
     ]);
     return (f, j) => {
-      const L = I("FmTable");
-      return A(), B(K, null, [
+      const L = P("FmTable");
+      return _(), B(K, null, [
         k(rt, {
-          title: h(p)("inventory.closing.draft.title"),
+          title: x(p)("inventory.closing.draft.title"),
           actions: g.value,
           "onClick:action": d
         }, {
@@ -1210,63 +1221,63 @@ const wt = ze(
               class: ue([
                 "flex flex-col gap-8 max-h-full",
                 {
-                  "p-0": R.value,
-                  "px-24 ": !R.value
+                  "p-0": T.value,
+                  "px-24 ": !T.value
                 }
               ])
             }, [
               k(lt, {
                 "change-location": "",
                 searchable: "",
-                search: E.value,
-                "onUpdate:search": j[0] || (j[0] = (b) => E.value = b)
+                search: U.value,
+                "onUpdate:search": j[0] || (j[0] = (b) => U.value = b)
               }, null, 8, ["search"]),
               k(L, {
-                style: Re(h(y).tableHeight),
-                "column-defs": h(m).columnDefs,
-                "row-data": h(m).drafts,
-                "search-value": E.value,
-                loading: U.value,
-                onRowClick: j[1] || (j[1] = (b) => h(e)(b.original)),
+                style: Re(x(y).tableHeight),
+                "column-defs": x(m).columnDefs,
+                "row-data": x(m).drafts,
+                "search-value": U.value,
+                loading: M.value,
+                onRowClick: j[1] || (j[1] = (b) => x(e)(b.original)),
                 "page-size": s.value
               }, {
                 "list-row": O((b) => [
                   k(ct, {
                     row: b,
-                    onRowClick: (P) => h(e)(P)
+                    onRowClick: (R) => x(e)(R)
                   }, {
-                    default: O((P) => {
-                      var te, ve, se, ae, ye, re, de, ge, Z, J, q, me, a, t, r, l, c, i, w, $;
+                    default: O((R) => {
+                      var te, ve, se, ae, ye, re, de, ge, Z, J, W, me, a, t, r, c, l, i, S, E;
                       return [
-                        n("div", sa, [
-                          n("div", ra, [
-                            n("div", la, [
-                              k(h(xe), {
-                                render: (se = (ve = (te = P._id) == null ? void 0 : te.column) == null ? void 0 : ve.columnDef) == null ? void 0 : se.cell,
-                                props: (ye = (ae = P._id) == null ? void 0 : ae.getContext) == null ? void 0 : ye.call(ae)
+                        n("div", ra, [
+                          n("div", la, [
+                            n("div", ca, [
+                              k(x(he), {
+                                render: (se = (ve = (te = R._id) == null ? void 0 : te.column) == null ? void 0 : ve.columnDef) == null ? void 0 : se.cell,
+                                props: (ye = (ae = R._id) == null ? void 0 : ae.getContext) == null ? void 0 : ye.call(ae)
                               }, null, 8, ["render", "props"])
                             ]),
-                            n("div", ca, [
-                              k(h(xe), {
-                                render: (ge = (de = (re = P.name) == null ? void 0 : re.column) == null ? void 0 : de.columnDef) == null ? void 0 : ge.cell,
-                                props: (J = (Z = P.name) == null ? void 0 : Z.getContext) == null ? void 0 : J.call(Z)
+                            n("div", ia, [
+                              k(x(he), {
+                                render: (ge = (de = (re = R.name) == null ? void 0 : re.column) == null ? void 0 : de.columnDef) == null ? void 0 : ge.cell,
+                                props: (J = (Z = R.name) == null ? void 0 : Z.getContext) == null ? void 0 : J.call(Z)
                               }, null, 8, ["render", "props"])
                             ]),
-                            n("div", ia, z([
+                            n("div", ua, z([
                               ...b.original.items.slice(0, 3).map((F) => F.sku.name),
                               ...b.original.items.length >= 3 ? [`and ${b.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            n("div", ua, [
-                              k(h(xe), {
-                                render: (a = (me = (q = P.ref) == null ? void 0 : q.column) == null ? void 0 : me.columnDef) == null ? void 0 : a.cell,
-                                props: (r = (t = P.ref) == null ? void 0 : t.getContext) == null ? void 0 : r.call(t)
+                            n("div", da, [
+                              k(x(he), {
+                                render: (a = (me = (W = R.ref) == null ? void 0 : W.column) == null ? void 0 : me.columnDef) == null ? void 0 : a.cell,
+                                props: (r = (t = R.ref) == null ? void 0 : t.getContext) == null ? void 0 : r.call(t)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           n("div", null, [
-                            k(h(xe), {
-                              render: (i = (c = (l = P.status) == null ? void 0 : l.column) == null ? void 0 : c.columnDef) == null ? void 0 : i.cell,
-                              props: ($ = (w = P.status) == null ? void 0 : w.getContext) == null ? void 0 : $.call(w)
+                            k(x(he), {
+                              render: (i = (l = (c = R.status) == null ? void 0 : c.column) == null ? void 0 : l.columnDef) == null ? void 0 : i.cell,
+                              props: (E = (S = R.status) == null ? void 0 : S.getContext) == null ? void 0 : E.call(S)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -1281,11 +1292,11 @@ const wt = ze(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (A(), W(Ge, { to: "body" }, [
-          k(oa, qe(h(v), {
-            show: h(u),
+        (_(), q(Ge, { to: "body" }, [
+          k(sa, We(x(v), {
+            show: x(u),
             "onUpdate:show": j[2] || (j[2] = (b) => Te(u) ? u.value = b : null),
-            onSubmitted: j[3] || (j[3] = () => (u.value = !1, h(m).fetchDrafts()))
+            onSubmitted: j[3] || (j[3] = () => (u.value = !1, x(m).fetchDrafts()))
           }), null, 16, ["show"])
         ]))
       ], 64);
@@ -1293,5 +1304,5 @@ const wt = ze(
   }
 });
 export {
-  ba as default
+  xa as default
 };