@feedmepos/mf-inventory-portal 1.2.25-dev.1 → 1.2.25-dev.3

package/dist/{ClosingDraftView-uGF3mkBd.js → ClosingDraftView-BxmKgtbn.js}

@@ -1,37 +1,37 @@
-import { defineComponent as He, ref as H, computed as V, onMounted as Ye, resolveComponent as U, openBlock as j, createElementBlock as L, Fragment as ee, createTextVNode as X, createBlock as se, withCtx as G, createElementVNode as r, toDisplayString as J, unref as F, createVNode as x, createCommentVNode as de, h as T, reactive as _t, watch as Dt, isRef as rt, normalizeClass as De, renderList as je, normalizeStyle as lt, Teleport as wt, mergeProps as St } from "vue";
-import { aa as Ct, u as ze, ax as z, am as ct, ay as it, r as jt, Z as Qe, n as N, t as Bt, a0 as Be, W as Ft, Y as Tt, X as $t, az as ut, aA as dt, ah as mt, aB as pe, an as Mt, ac as Ke, ab as ve, a6 as Ue, D as st, j as Re, i as Rt, f as It, a as Pt, $ as Ie, a9 as Vt, G as Ut, I as Lt, J as Et, K as Ht, L as Pe } from "./app-_mYLQuxf.js";
-import { useCoreStore as zt, useI18n as ft } from "@feedmepos/mf-common";
-import { useSnackbar as Ge, useDialog as Nt, useProxiedModel as Ot, components as Ve, useBreakpoints as Kt } from "@feedmepos/ui-library";
-import { defineStore as pt, storeToRefs as Yt } from "pinia";
-import { u as vt } from "./stock-CV3z7I58.js";
-import { u as We } from "./stock-CrjsQRTg.js";
-import { E as Qt } from "./empty-placeholder-wf6-BWE8.js";
+import { defineComponent as He, ref as H, computed as V, onMounted as Ye, resolveComponent as U, openBlock as C, createElementBlock as L, Fragment as ee, createTextVNode as X, createBlock as se, withCtx as Y, createElementVNode as r, toDisplayString as J, unref as B, createVNode as k, createCommentVNode as de, h as F, reactive as _t, watch as Dt, isRef as rt, normalizeClass as _e, renderList as je, normalizeStyle as lt, Teleport as wt, mergeProps as St } from "vue";
+import { aa as Ct, u as ze, ax as z, am as ct, ay as it, r as jt, Z as Qe, n as N, t as Bt, a0 as Be, W as Ft, Y as Tt, X as $t, az as ut, aA as dt, ah as mt, aB as pe, an as Mt, ac as Ke, ab as ve, a6 as Ue, D as st, j as Re, i as Rt, f as It, a as Pt, $ as Ie, a9 as Vt, h as Ut, G as Lt, I as Et, J as Ht, K as zt, L as Pe } from "./app-zasR2ukI.js";
+import { useCoreStore as Nt, useI18n as ft } from "@feedmepos/mf-common";
+import { useSnackbar as Ge, useDialog as Ot, useProxiedModel as Kt, components as Ve, useBreakpoints as Yt } from "@feedmepos/ui-library";
+import { defineStore as pt, storeToRefs as Qt } from "pinia";
+import { u as vt } from "./stock-lhgtE1at.js";
+import { u as We } from "./stock-BF1TE1sy.js";
+import { E as Gt } from "./empty-placeholder-wf6-BWE8.js";
 const Ne = Ct((o, l) => {
   function e() {
     return ze().currentLocation.dbName;
   }
   return {
     async getDraft(m) {
-      const p = e(), w = `${o.inventoryBackendUrl}/${p}/closing-draft/${m}`;
-      return l.get(w);
+      const v = e(), D = `${o.inventoryBackendUrl}/${v}/closing-draft/${m}`;
+      return l.get(D);
     },
     async readDrafts() {
-      const m = e(), p = `${o.inventoryBackendUrl}/${m}/closing-draft`;
-      return l.get(p);
+      const m = e(), v = `${o.inventoryBackendUrl}/${m}/closing-draft`;
+      return l.get(v);
     },
     async runOperation(m) {
-      const p = e(), w = `${o.inventoryBackendUrl}/${p}/closing-draft/run-operation`;
-      return l.post(w, m);
+      const v = e(), D = `${o.inventoryBackendUrl}/${v}/closing-draft/run-operation`;
+      return l.post(D, m);
     },
     async sync(m) {
-      const p = e(), w = `${o.inventoryBackendUrl}/${p}/closing-draft/sync`;
-      return l.post(w, m);
+      const v = e(), D = `${o.inventoryBackendUrl}/${v}/closing-draft/sync`;
+      return l.post(D, m);
     }
   };
-}), Gt = { class: "fm-typo-en-body-lg-400" }, Wt = { class: "fm-typo-en-body-lg-600" }, qt = {
+}), Wt = { class: "fm-typo-en-body-lg-400" }, qt = { class: "fm-typo-en-body-lg-600" }, Zt = {
   key: 0,
   class: "flex flex-col"
-}, Zt = { class: "flex gap-12 py-8 justify-end w-full" }, Oe = /* @__PURE__ */ He({
+}, Jt = { class: "flex gap-12 py-8 justify-end w-full" }, Oe = /* @__PURE__ */ He({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -40,7 +40,7 @@ const Ne = Ct((o, l) => {
     onFinished: { type: Function }
   },
   setup(o) {
-    const l = o, e = H(), m = Ne(), p = Ge(), w = H(!1), v = H(null), R = H(!1), S = V(() => {
+    const l = o, e = H(), m = Ne(), v = Ge(), D = H(!1), y = H(null), M = H(!1), w = V(() => {
       switch (l.action) {
         case z.enum.approveDraft:
           return "Approve";
@@ -50,7 +50,7 @@ const Ne = Ct((o, l) => {
           return "Mark as Failed";
       }
       throw new Error(`Unknown action: ${l.action}`);
-    }), k = V(() => {
+    }), h = V(() => {
       switch (l.action) {
         case z.enum.approveDraft:
           return "primary";
@@ -63,174 +63,174 @@ const Ne = Ct((o, l) => {
     });
     Ye(() => {
       if (l.draft.effectiveAt)
-        v.value = new Date(l.draft.effectiveAt);
+        y.value = new Date(l.draft.effectiveAt);
       else {
         const s = new Date(l.draft.createdAt);
-        s.setHours(23, 59, 59, 999), v.value = s;
+        s.setHours(23, 59, 59, 999), y.value = s;
       }
-      R.value = !0;
+      M.value = !0;
     });
-    const $ = V({
+    const T = V({
       get() {
-        return v.value === null ? "" : ct(v.value);
+        return y.value === null ? "" : ct(y.value);
       },
       set(s) {
         if (s) {
           const a = /* @__PURE__ */ new Date(`${s} ${P.value}`);
-          a.setSeconds(59, 999), v.value = a;
+          a.setSeconds(59, 999), y.value = a;
         } else
-          v.value = null;
+          y.value = null;
       }
     }), P = V({
       get() {
-        return v.value === null ? "" : it(v.value);
+        return y.value === null ? "" : it(y.value);
       },
       set(s) {
         if (s) {
-          const a = /* @__PURE__ */ new Date(`${$.value} ${s}`);
-          a.setSeconds(59, 999), v.value = a;
+          const a = /* @__PURE__ */ new Date(`${T.value} ${s}`);
+          a.setSeconds(59, 999), y.value = a;
         } else
-          v.value = null;
+          y.value = null;
       }
     });
-    async function I() {
-      w.value = !0;
+    async function R() {
+      D.value = !0;
       try {
         await m.runOperation({
           _id: l.draft._id,
           _rev: l.draft._rev ?? "",
           action: l.action,
           data: {
-            effectiveAt: v.value ? v.value.toISOString() : null,
+            effectiveAt: y.value ? y.value.toISOString() : null,
             remark: e.value
           }
-        }).delayed(500), p.open({
+        }).delayed(500), v.open({
           title: "Success",
           message: "Action submitted",
           type: "success"
         }), l.onFinished();
       } catch (s) {
-        p.open({
+        v.open({
           title: "Something went wrong",
           message: "Unable to submit action. Please try again",
           type: "error"
         }), console.error("error on submit closing draft action", s);
       } finally {
-        w.value = !1;
+        D.value = !1;
       }
     }
     return (s, a) => {
-      const _ = U("FmLabel"), O = U("FmDatePicker"), f = U("FmTimePicker"), y = U("FmTextField"), h = U("FmButton"), D = U("FmForm");
-      return R.value ? (j(), se(D, {
+      const x = U("FmLabel"), O = U("FmDatePicker"), f = U("FmTimePicker"), g = U("FmTextField"), A = U("FmButton"), _ = U("FmForm");
+      return M.value ? (C(), se(_, {
         key: 1,
-        onValidationSuccess: I,
+        onValidationSuccess: R,
         class: "flex flex-col gap-32",
-        disabled: w.value
+        disabled: D.value
       }, {
-        default: G(() => [
-          r("div", Gt, [
+        default: Y(() => [
+          r("div", Wt, [
             a[4] || (a[4] = X(" You are about to ")),
-            r("span", Wt, J(S.value), 1),
+            r("span", qt, J(w.value), 1),
             a[5] || (a[5] = X(" this draft. Please provide a remark to justify this action. "))
           ]),
-          s.action === F(z).enum.approveDraft ? (j(), L("div", qt, [
-            x(_, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => a[6] || (a[6] = [
+          s.action === B(z).enum.approveDraft ? (C(), L("div", Zt, [
+            k(x, { class: "fm-typo-en-body-lg-600" }, {
+              default: Y(() => a[6] || (a[6] = [
                 X("Closing Date")
               ])),
               _: 1
             }),
-            x(O, {
-              modelValue: $.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (M) => $.value = M)
+            k(O, {
+              modelValue: T.value,
+              "onUpdate:modelValue": a[0] || (a[0] = ($) => T.value = $)
             }, null, 8, ["modelValue"]),
-            x(_, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => a[7] || (a[7] = [
+            k(x, { class: "fm-typo-en-body-lg-600" }, {
+              default: Y(() => a[7] || (a[7] = [
                 X("Closing Time")
               ])),
               _: 1
             }),
-            x(f, {
+            k(f, {
               modelValue: P.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (M) => P.value = M)
+              "onUpdate:modelValue": a[1] || (a[1] = ($) => P.value = $)
             }, null, 8, ["modelValue"])
           ])) : de("", !0),
-          x(y, {
+          k(g, {
             modelValue: e.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (M) => e.value = M),
+            "onUpdate:modelValue": a[2] || (a[2] = ($) => e.value = $),
             label: "Remark",
             "label-mark": "required",
-            rules: [F(jt)()]
+            rules: [B(jt)()]
           }, null, 8, ["modelValue", "rules"]),
-          r("div", Zt, [
-            x(h, {
+          r("div", Jt, [
+            k(A, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: a[3] || (a[3] = (M) => s.onCancel())
+              onClick: a[3] || (a[3] = ($) => s.onCancel())
             }),
-            x(h, {
-              label: S.value,
+            k(A, {
+              label: w.value,
               type: "submit",
-              variant: k.value,
-              loading: w.value
+              variant: h.value,
+              loading: D.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (j(), L(ee, { key: 0 }, [
+      }, 8, ["disabled"])) : (C(), L(ee, { key: 0 }, [
         X("Loading")
       ], 64));
     };
   }
-}), Jt = Be(0);
+}), Xt = Be(0);
 function yt(o) {
-  const l = o.measurementsAmounts.groupBy((m) => m.measurement.id), e = o.sku.unit.measurements.reduce((m, p) => {
-    var R, S;
-    const w = ((S = (R = l.get(p.id)) == null ? void 0 : R[0]) == null ? void 0 : S.amount) ?? Jt, v = Qe(p.conversion, w);
-    return m + +N(v);
+  const l = o.measurementsAmounts.groupBy((m) => m.measurement.id), e = o.sku.unit.measurements.reduce((m, v) => {
+    var M, w;
+    const D = ((w = (M = l.get(v.id)) == null ? void 0 : M[0]) == null ? void 0 : w.amount) ?? Xt, y = Qe(v.conversion, D);
+    return m + +N(y);
   }, +N(o.baseAmount));
   return Bt(e, o.baseAmount.precision);
 }
-const Xt = Be(0), ea = Be(100), gt = "N/A";
-function ta(o, l, e, m, p, w) {
-  var D;
-  const v = yt(o), R = m ?? v, S = ut(R, l), k = l.amount === 0 ? null : dt(S, {
+const ea = Be(0), ta = Be(100), gt = "N/A";
+function aa(o, l, e, m, v, D) {
+  var _;
+  const y = yt(o), M = m ?? y, w = ut(M, l), h = l.amount === 0 ? null : dt(w, {
     ...l,
     amount: Math.abs(l.amount)
-  }), $ = k ? Qe(k, ea) : null, P = (D = o.sku.defaultCost) != null && D.costPerUnit ? o.sku.defaultCost.costPerUnit.amount / Math.pow(10, o.sku.defaultCost.costPerUnit.precision) : 0, I = p ? +N(p) : 0, s = +N(l), a = +N(R), _ = s - a, O = _ * P, f = a * P, y = s * P;
+  }), T = h ? Qe(h, ta) : null, P = (_ = o.sku.defaultCost) != null && _.costPerUnit ? o.sku.defaultCost.costPerUnit.amount / Math.pow(10, o.sku.defaultCost.costPerUnit.precision) : 0, R = v ? +N(v) : 0, s = +N(l), a = +N(M), x = s - a, O = x * P, f = a * P, g = s * P;
   return {
     code: o.sku.code,
     name: o.sku.name,
     baseUnit: o.sku.unit.abbrev,
     baseUnitAmount: +N(o.baseAmount),
     ...o.measurementsAmounts.filter(
-      (M) => aa(M.measurement) && e.includes(M.measurement.id)
+      ($) => na($.measurement) && e.includes($.measurement.id)
     ).reduce(
-      (M, Z, W) => (M[`measurementAbbrev${W}`] = `(${Z.measurement.abbrev}) × ${N(Z.measurement.conversion)}`, M[`measurementAmount${W}`] = +N(Z.amount), M),
+      ($, Z, q) => ($[`measurementAbbrev${q}`] = `(${Z.measurement.abbrev}) × ${N(Z.measurement.conversion)}`, $[`measurementAmount${q}`] = +N(Z.amount), $),
       {}
     ),
     systemBalance: s,
     physicalBalance: a,
-    adjustedAmount: +N(S),
-    adjustedDiffPercentage: $ ? +N(mt($, 2)) : null,
+    adjustedAmount: +N(w),
+    adjustedDiffPercentage: T ? +N(mt(T, 2)) : null,
     costPerUnit: P,
-    opening: I,
-    adjustmentTypes: w ?? gt,
-    varianceQty: _,
+    opening: R,
+    adjustmentTypes: D ?? gt,
+    varianceQty: x,
     varianceRM: O,
     stockTakeValue: f,
-    systemValue: y
+    systemValue: g
   };
 }
-function aa(o) {
+function na(o) {
   return !o.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function na(o) {
+function oa(o) {
   const l = bt(o);
   return o.reduce(
     (e, m) => {
-      var p;
-      return Math.max(e, ((p = l == null ? void 0 : l.get(m.sku._id)) == null ? void 0 : p[0].length) ?? 0);
+      var v;
+      return Math.max(e, ((v = l == null ? void 0 : l.get(m.sku._id)) == null ? void 0 : v[0].length) ?? 0);
     },
     0
   );
@@ -241,7 +241,7 @@ function bt(o) {
     (l) => l.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
   );
 }
-function oa(o) {
+function sa(o) {
   return [
     {
       id: "code",
@@ -315,63 +315,63 @@ function oa(o) {
     ])
   ];
 }
-function sa(o, l, e) {
-  var y, h, D, M, Z, W, re;
+function ra(o, l, e) {
+  var g, A, _, $, Z, q, re;
   const m = l.groupBy(
-    (B) => B.id,
-    (B) => B.balance
-  ), p = e.groupBy(
-    (B) => B.id,
-    (B) => B.balance
-  ), w = /* @__PURE__ */ new Map();
+    (j) => j.id,
+    (j) => j.balance
+  ), v = e.groupBy(
+    (j) => j.id,
+    (j) => j.balance
+  ), D = /* @__PURE__ */ new Map();
   if (o.opening)
-    for (const B of o.opening)
-      w.set(B.skuId, B.balance);
-  const v = /* @__PURE__ */ new Map();
+    for (const j of o.opening)
+      D.set(j.skuId, j.balance);
+  const y = /* @__PURE__ */ new Map();
   if (o.adjustmentSnapshot)
-    for (const B of o.adjustmentSnapshot) {
-      const te = Object.keys(B.adjustmentsByType).join(", ");
-      v.set(B.skuId, te || gt);
+    for (const j of o.adjustmentSnapshot) {
+      const te = Object.keys(j.adjustmentsByType).join(", ");
+      y.set(j.skuId, te || gt);
     }
-  const R = [...o.items, ...o.negativeStockItems ?? []], S = bt(R), k = R.map((B) => {
-    var ye, ge, Y;
-    const te = ((ye = m.get(B.sku._id)) == null ? void 0 : ye[0]) ?? Xt, be = ((ge = S == null ? void 0 : S.get(B.sku._id)) == null ? void 0 : ge[0]) ?? [], ke = w.get(B.sku._id), fe = v.get(B.sku._id);
-    return ta(
-      B,
+  const M = [...o.items, ...o.negativeStockItems ?? []], w = bt(M), h = M.map((j) => {
+    var ye, ge, Q;
+    const te = ((ye = m.get(j.sku._id)) == null ? void 0 : ye[0]) ?? ea, be = ((ge = w == null ? void 0 : w.get(j.sku._id)) == null ? void 0 : ge[0]) ?? [], ke = D.get(j.sku._id), fe = y.get(j.sku._id);
+    return aa(
+      j,
       te,
       be,
-      (Y = p.get(B.sku._id)) == null ? void 0 : Y[0],
+      (Q = v.get(j.sku._id)) == null ? void 0 : Q[0],
       ke,
       fe
     );
-  }), $ = na(R), I = zt().currentBusiness.value, s = oa($), a = [
-    ["Business name:", I == null ? void 0 : I.name],
-    ["Business ID:", I == null ? void 0 : I._id],
-    ["Menu version", I == null ? void 0 : I.menuVersion],
+  }), T = oa(M), R = Nt().currentBusiness.value, s = sa(T), a = [
+    ["Business name:", R == null ? void 0 : R.name],
+    ["Business ID:", R == null ? void 0 : R._id],
+    ["Menu version", R == null ? void 0 : R.menuVersion],
     ["Created at", new Date(o.createdAt)],
-    ["Created by", (y = o.createdBy) == null ? void 0 : y.name],
+    ["Created by", (g = o.createdBy) == null ? void 0 : g.name],
     ["Updated at", new Date(o.updatedAt)],
-    ["Updated by", (h = o.updatedBy) == null ? void 0 : h.name],
+    ["Updated by", (A = o.updatedBy) == null ? void 0 : A.name],
     ["Recent action", o.approvedAt ? "Approve" : o.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      o.approvedAt ? (D = o.approvedBy) == null ? void 0 : D.name : o.rejectionHistory ? (Z = (M = o.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : Z.name : ""
+      o.approvedAt ? (_ = o.approvedBy) == null ? void 0 : _.name : o.rejectionHistory ? (Z = ($ = o.rejectionHistory[0]) == null ? void 0 : $.rejectedBy) == null ? void 0 : Z.name : ""
     ],
     [
       "Action at",
-      o.approvedAt ? new Date(o.approvedAt) : o.rejectionHistory ? new Date((W = o.rejectionHistory[0]) == null ? void 0 : W.rejectedAt) : ""
+      o.approvedAt ? new Date(o.approvedAt) : o.rejectionHistory ? new Date((q = o.rejectionHistory[0]) == null ? void 0 : q.rejectedAt) : ""
     ],
     [
       "Action remark",
       o.approvedAt ? o.approveRemark : o.rejectionHistory ? new Date((re = o.rejectionHistory[0]) == null ? void 0 : re.rejectRemark) : ""
     ],
     [],
-    s.map((B) => B.name),
-    ...k.map((B) => s.map((te) => B[te.id]))
-  ], _ = s.map((B) => `system:${B.id}`), O = Ft(a, _), f = `[${I == null ? void 0 : I.name}] closing draft (${Tt(new Date(o.updatedAt))}).xlsx`;
+    s.map((j) => j.name),
+    ...h.map((j) => s.map((te) => j[te.id]))
+  ], x = s.map((j) => `system:${j.id}`), O = Ft(a, x), f = `[${R == null ? void 0 : R.name}] closing draft (${Tt(new Date(o.updatedAt))}).xlsx`;
   return $t(O, f), f;
 }
-const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-end w-full" }, ca = /* @__PURE__ */ He({
+const la = { class: "flex flex-col" }, ca = { class: "flex gap-12 py-8 justify-end w-full" }, ia = /* @__PURE__ */ He({
   __name: "RefreshBalanceAction",
   props: {
     draft: {},
@@ -381,52 +381,52 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
   setup(o) {
     const l = o;
     We();
-    const e = H(!1), m = H(null), p = H(!1);
+    const e = H(!1), m = H(null), v = H(!1);
     Ye(() => {
       if (l.draft.effectiveAt)
         m.value = new Date(l.draft.effectiveAt);
       else {
-        const S = new Date(l.draft.createdAt);
-        S.setHours(23, 59, 59, 999), m.value = S;
+        const w = new Date(l.draft.createdAt);
+        w.setHours(23, 59, 59, 999), m.value = w;
       }
-      p.value = !0;
+      v.value = !0;
     });
-    const w = V({
+    const D = V({
       get() {
         return m.value === null ? "" : ct(m.value);
       },
-      set(S) {
-        if (S) {
-          const k = /* @__PURE__ */ new Date(`${S} ${v.value}`);
-          k.setSeconds(59, 999), m.value = k;
+      set(w) {
+        if (w) {
+          const h = /* @__PURE__ */ new Date(`${w} ${y.value}`);
+          h.setSeconds(59, 999), m.value = h;
         } else
           m.value = null;
       }
-    }), v = V({
+    }), y = V({
       get() {
         return m.value === null ? "" : it(m.value);
       },
-      set(S) {
-        if (S) {
-          const k = /* @__PURE__ */ new Date(`${w.value} ${S}`);
-          k.setSeconds(59, 999), m.value = k;
+      set(w) {
+        if (w) {
+          const h = /* @__PURE__ */ new Date(`${D.value} ${w}`);
+          h.setSeconds(59, 999), m.value = h;
         } else
           m.value = null;
       }
     });
-    async function R() {
+    async function M() {
       e.value = !0, l.onFinished(m.value.toISOString());
     }
-    return (S, k) => {
-      const $ = U("FmLabel"), P = U("FmDatePicker"), I = U("FmTimePicker"), s = U("FmButton"), a = U("FmForm");
-      return p.value ? (j(), se(a, {
+    return (w, h) => {
+      const T = U("FmLabel"), P = U("FmDatePicker"), R = U("FmTimePicker"), s = U("FmButton"), a = U("FmForm");
+      return v.value ? (C(), se(a, {
         key: 1,
-        onValidationSuccess: R,
+        onValidationSuccess: M,
         class: "flex flex-col gap-32",
         disabled: e.value
       }, {
-        default: G(() => [
-          k[5] || (k[5] = r("div", { class: "fm-typo-en-body-lg-400" }, [
+        default: Y(() => [
+          h[5] || (h[5] = r("div", { class: "fm-typo-en-body-lg-400" }, [
             r("p", null, [
               X(" Performing "),
               r("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
@@ -438,35 +438,35 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
               X(" the effective date and time. ")
             ])
           ], -1)),
-          r("div", ra, [
-            x($, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => k[3] || (k[3] = [
+          r("div", la, [
+            k(T, { class: "fm-typo-en-body-lg-600" }, {
+              default: Y(() => h[3] || (h[3] = [
                 X("Closing Date")
               ])),
               _: 1
             }),
-            x(P, {
-              modelValue: w.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (_) => w.value = _)
+            k(P, {
+              modelValue: D.value,
+              "onUpdate:modelValue": h[0] || (h[0] = (x) => D.value = x)
             }, null, 8, ["modelValue"]),
-            x($, { class: "fm-typo-en-body-lg-600" }, {
-              default: G(() => k[4] || (k[4] = [
+            k(T, { class: "fm-typo-en-body-lg-600" }, {
+              default: Y(() => h[4] || (h[4] = [
                 X("Closing Time")
               ])),
               _: 1
             }),
-            x(I, {
-              modelValue: v.value,
-              "onUpdate:modelValue": k[1] || (k[1] = (_) => v.value = _)
+            k(R, {
+              modelValue: y.value,
+              "onUpdate:modelValue": h[1] || (h[1] = (x) => y.value = x)
             }, null, 8, ["modelValue"])
           ]),
-          r("div", la, [
-            x(s, {
+          r("div", ca, [
+            k(s, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: k[2] || (k[2] = (_) => S.onCancel())
+              onClick: h[2] || (h[2] = (x) => w.onCancel())
             }),
-            x(s, {
+            k(s, {
               label: "Refresh balance",
               type: "submit",
               variant: "primary",
@@ -475,7 +475,7 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (j(), L(ee, { key: 0 }, [
+      }, 8, ["disabled"])) : (C(), L(ee, { key: 0 }, [
         X("Loading")
       ], 64));
     };
@@ -483,18 +483,18 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
 }), Ee = pt(
   "closingDraftActions",
   function() {
-    const l = Nt(), e = Ge(), m = We(), p = Ne(), w = vt(), v = H(!1), R = H();
-    function S(f) {
-      const y = {
+    const l = Ot(), e = Ge(), m = We(), v = Ne(), D = vt(), y = H(!1), M = H();
+    function w(f) {
+      const g = {
         draft: f
       };
-      R.value = y, v.value = !0;
+      M.value = g, y.value = !0;
     }
-    async function k(f) {
-      var h;
+    async function h(f) {
+      var A;
       if (f.status === pe.enum.COMPLETED) {
-        const D = f.closingAdjustmentId;
-        if (!D)
+        const _ = f.closingAdjustmentId;
+        if (!_)
           return e.open({
             title: "Something went wrong",
             message: "Closing draft is completed but closing document cannot be found.",
@@ -502,22 +502,22 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
           }), console.error("Closing draft is completed but closing document cannot be found.", {
             draftId: f._id
           }), [];
-        const M = await m.readAdjustmentById(D);
-        return ((M == null ? void 0 : M.skus) ?? []).map((W) => ({
-          id: W.sku._id,
-          balance: W.fromBalance,
-          costs: W.fromCostBalances
+        const $ = await m.readAdjustmentById(_);
+        return (($ == null ? void 0 : $.skus) ?? []).map((q) => ({
+          id: q.sku._id,
+          balance: q.fromBalance,
+          costs: q.fromCostBalances
         }));
       } else
-        return await w.readStockBalance(), ((h = w.stockBalance) == null ? void 0 : h.skus) ?? [];
+        return await D.readStockBalance(), ((A = D.stockBalance) == null ? void 0 : A.skus) ?? [];
     }
-    async function $(f, y, h) {
-      y || (e.open({
+    async function T(f, g, A) {
+      g || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), y = await k(f)), sa(f, y, h ?? []);
+      }), g = await h(f)), ra(f, g, A ?? []);
     }
-    function P(f, y) {
+    function P(f, g) {
       l.open({
         title: "Approve draft",
         contentComponent: Oe,
@@ -525,13 +525,13 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
           draft: f,
           action: z.enum.approveDraft,
           onFinished: () => {
-            l.close(), y == null || y();
+            l.close(), g == null || g();
           },
           onCancel: () => l.close()
         }
       });
     }
-    function I(f, y) {
+    function R(f, g) {
       l.open({
         title: "Reject draft",
         contentComponent: Oe,
@@ -539,13 +539,13 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
           draft: f,
           action: z.enum.rejectDraft,
           onFinished: () => {
-            l.close(), y == null || y();
+            l.close(), g == null || g();
           },
           onCancel: () => l.close()
         }
       });
     }
-    function s(f, y) {
+    function s(f, g) {
       l.open({
         title: "Mark draft as failed",
         contentComponent: Oe,
@@ -553,14 +553,14 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
           draft: f,
           action: z.enum.markAsFailed,
           onFinished: () => {
-            l.close(), y == null || y();
+            l.close(), g == null || g();
           },
           onCancel: () => l.close()
         }
       });
     }
-    async function a(f, y) {
-      await p.sync({
+    async function a(f, g) {
+      await v.sync({
         _id: f._id,
         _rev: f._rev ?? "",
         action: z.enum.approveDraft,
@@ -571,37 +571,37 @@ const ra = { class: "flex flex-col" }, la = { class: "flex gap-12 py-8 justify-e
         title: "Success",
         message: "Sync requested",
         type: "success"
-      }), y == null || y();
+      }), g == null || g();
     }
-    function _() {
-      v.value = !1;
+    function x() {
+      y.value = !1;
     }
-    async function O(f, y, h) {
+    async function O(f, g, A) {
       await l.open({
         title: "Refresh balance",
-        contentComponent: ca,
+        contentComponent: ia,
         contentComponentProps: {
           draft: f,
-          onFinished: (D) => {
-            l.close(), h == null || h(D);
+          onFinished: (_) => {
+            l.close(), A == null || A(_);
           },
           onCancel: async () => {
-            l.close(), y == null || y();
+            l.close(), g == null || g();
           }
         }
       });
     }
     return {
-      viewDraft: S,
-      closeDraftDialog: _,
+      viewDraft: w,
+      closeDraftDialog: x,
       approveDraft: P,
-      rejectDraft: I,
+      rejectDraft: R,
       markAsFailed: s,
       syncDraft: a,
-      exportDraft: $,
+      exportDraft: T,
       refreshBalance: O,
-      viewClosingDraftShow: v,
-      viewClosingDraftProps: R
+      viewClosingDraftShow: y,
+      viewClosingDraftProps: M
     };
   }
 );
@@ -617,47 +617,47 @@ function Le(o) {
       return "fm-status-badge-complete";
   }
 }
-const ia = pt(
+const ua = pt(
   "closingDraftTable",
   function() {
-    const { t: l } = ft(), e = Ee(), m = H(new Array()), p = H(!1), w = ze(), v = Ne();
-    async function R() {
-      if (m.value = [], !!w._currentLocation) {
-        p.value = !0;
+    const { t: l } = ft(), e = Ee(), m = H(new Array()), v = H(!1), D = ze(), y = Ne();
+    async function M() {
+      if (m.value = [], !!D._currentLocation) {
+        v.value = !0;
         try {
-          const [s] = await Promise.all([v.readDrafts()]).delayed(1e3);
+          const [s] = await Promise.all([y.readDrafts()]).delayed(1e3);
           m.value = s.reverse();
         } catch (s) {
           console.log("Something went wrong when fetching drafts:", s);
         } finally {
-          p.value = !1;
+          v.value = !1;
         }
       }
     }
-    async function S(s) {
-      if (!m.value.find((a) => a._id) && w._currentLocation) {
-        p.value = !0;
+    async function w(s) {
+      if (!m.value.find((a) => a._id) && D._currentLocation) {
+        v.value = !0;
         try {
           const [a] = await Promise.all([
-            v.getDraft(s),
-            new Promise((_) => setTimeout(_, 1e3))
+            y.getDraft(s),
+            new Promise((x) => setTimeout(x, 1e3))
           ]);
           m.value = [a];
         } catch (a) {
           console.log("Something went wrong when fetching drafts:", a);
         } finally {
-          p.value = !1;
+          v.value = !1;
         }
       }
     }
-    function k(s) {
+    function h(s) {
       m.value = m.value.map((a) => a._id === s._id ? {
         ...s,
         _rev: a._rev
       } : a);
     }
-    function $() {
-      e.closeDraftDialog(), R();
+    function T() {
+      e.closeDraftDialog(), M();
     }
     function P(s, a) {
       switch (a = It(a), s) {
@@ -666,11 +666,11 @@ const ia = pt(
         case Re.Export:
           return e.exportDraft(a);
         case z.enum.approveDraft:
-          return e.approveDraft(a, $);
+          return e.approveDraft(a, T);
         case z.enum.rejectDraft:
-          return e.rejectDraft(a, $);
+          return e.rejectDraft(a, T);
         case z.enum.markAsFailed:
-          return e.markAsFailed(a, $);
+          return e.markAsFailed(a, T);
       }
     }
     return {
@@ -689,8 +689,8 @@ const ia = pt(
           header: () => "Effective at",
           cell(s) {
             const a = s.row.original;
-            let _ = s.getValue();
-            return _ || (_ = Ke(a._id)), ve(_);
+            let x = s.getValue();
+            return x || (x = Ke(a._id)), ve(x);
           },
           enableSorting: !0,
           size: 200
@@ -726,7 +726,7 @@ const ia = pt(
           id: "recentRemark",
           accessorFn: (s) => {
             var a;
-            return (s == null ? void 0 : s.approveRemark) ?? ((a = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : a.computeFirst((_) => _.rejectRemark)) ?? s.remark;
+            return (s == null ? void 0 : s.approveRemark) ?? ((a = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : a.computeFirst((x) => x.rejectRemark)) ?? s.remark;
           },
           header: () => "Recent remark"
         },
@@ -736,43 +736,43 @@ const ia = pt(
           header: () => l("inventory.closing.table.status"),
           enableSorting: !1,
           cell(s) {
-            var h;
-            const a = s.row.original, _ = a.status, O = new Date(a.updatedAt), f = (h = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : h.computeFirst((D) => D.rejectedAt), y = f ? new Date(f) : null;
-            return _ === "DRAFT" && y ? y.getTime() > O.getTime() ? T(
+            var A;
+            const a = s.row.original, x = a.status, O = new Date(a.updatedAt), f = (A = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : A.computeFirst((_) => _.rejectedAt), g = f ? new Date(f) : null;
+            return x === "DRAFT" && g ? g.getTime() > O.getTime() ? F(
               "div",
               {
                 class: "flex"
               },
-              T(
+              F(
                 "div",
                 {
                   class: ["fm-status-badge", Le("FAILED")]
                 },
                 "Rejected"
               )
-            ) : T(
+            ) : F(
               "div",
               {
                 class: "flex"
               },
-              T(
+              F(
                 "div",
                 {
                   class: ["fm-status-badge", Le("PROCESSING")]
                 },
                 "Updated"
               )
-            ) : T(
+            ) : F(
               "div",
               {
                 class: "flex"
               },
-              T(
+              F(
                 "div",
                 {
-                  class: ["fm-status-badge", Le(_)]
+                  class: ["fm-status-badge", Le(x)]
                 },
-                Ue(_)
+                Ue(x)
               )
             );
           }
@@ -780,7 +780,7 @@ const ia = pt(
         {
           id: "action",
           cell(s) {
-            const a = s.row.original, _ = [
+            const a = s.row.original, x = [
               st[Re.Details],
               st[Re.Export]
             ], O = [
@@ -802,7 +802,7 @@ const ia = pt(
             ];
             return Rt(
               [
-                ..._,
+                ...x,
                 ...a.status === pe.enum.DRAFT ? O : []
               ],
               (f) => P(f, a)
@@ -817,43 +817,43 @@ const ia = pt(
         }
       ],
       drafts: m,
-      loading: p,
-      fetchDrafts: R,
-      loadDraft: S,
-      updateDraftRef: k
+      loading: v,
+      fetchDrafts: M,
+      loadDraft: w,
+      updateDraftRef: h
     };
   }
-), ua = { class: "w-full flex flex-col gap-32" }, da = { class: "flex justify-between" }, ma = { class: "flex" }, fa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, va = { class: "flex gap-1" }, ya = { class: "fm-typo-en-body-lg-600" }, ga = { class: "flex flex-col gap-16" }, ba = { class: "flex items-center" }, ka = {
+), da = { class: "w-full flex flex-col gap-32" }, ma = { class: "flex justify-between" }, fa = { class: "flex" }, pa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ya = { class: "flex gap-1" }, ga = { class: "fm-typo-en-body-lg-600" }, ba = { class: "flex flex-col gap-16" }, ka = { class: "flex items-center" }, ha = {
   key: 0,
   class: "flex gap-8"
-}, ha = {
+}, Aa = {
   key: 0,
   class: "w-full flex flex-col items-center"
-}, Aa = { class: "flex items-center gap-8" }, xa = { class: "flex flex-col gap-8" }, _a = { class: "flex gap-8" }, Da = {
+}, xa = { class: "flex items-center gap-8" }, _a = { class: "flex flex-col gap-8" }, Da = { class: "flex gap-8" }, wa = {
   key: 0,
   class: "flex gap-8"
-}, wa = { class: "overflow-x-auto" }, Sa = {
+}, Sa = { class: "overflow-x-auto" }, Ca = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, Ca = {
+}, ja = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
-}, ja = ["src"], Ba = {
+}, Ba = ["src"], Fa = {
   key: 1,
   class: "px-4 flex flex-col"
-}, Fa = { class: "flex gap-12 content-stretch" }, Ta = {
+}, Ta = { class: "flex gap-12 content-stretch" }, $a = {
   class: "flex flex-col w-24",
   name: "circles"
-}, $a = { class: "flex-1 flex flex-col items-center" }, Ma = { class: "flex-1 flex flex-col items-center" }, Ra = {
+}, Ma = { class: "flex-1 flex flex-col items-center" }, Ra = { class: "flex-1 flex flex-col items-center" }, Ia = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, Ia = { class: "fm-typo-en-body-lg-400" }, Pa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Va = { class: "flex gap-12 content-stretch" }, Ua = {
+}, Pa = { class: "fm-typo-en-body-lg-400" }, Va = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ua = { class: "flex gap-12 content-stretch" }, La = {
   class: "flex flex-col w-24",
   name: "circles"
-}, La = { class: "flex-1 flex flex-col items-center" }, Ea = {
+}, Ea = { class: "flex-1 flex flex-col items-center" }, Ha = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, Ha = { class: "flex flex-col gap-8" }, za = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Na = { class: "flex flex-col gap-4" }, Oa = { class: "flex gap-8" }, Ka = "N/A", Ya = /* @__PURE__ */ He({
+}, za = { class: "flex flex-col gap-8" }, Na = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Oa = { class: "flex flex-col gap-4" }, Ka = { class: "flex gap-8" }, Ya = "N/A", Qa = /* @__PURE__ */ He({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
@@ -861,43 +861,43 @@ const ia = pt(
   },
   emits: ["submitted", "refresh"],
   setup(o, { emit: l }) {
-    const e = o, m = vt(), p = Ee(), w = Ot(e, "show"), v = H(!1), R = H(!1), S = H(!1), k = H(new Array()), $ = H(new Array()), P = H([]), I = We(), s = Ne(), a = Ge(), _ = Pt(), O = ze(), f = _t({}), y = V(() => new Set(
-      _.skus.filter((c) => {
+    const e = o, m = vt(), v = Ee(), D = Kt(e, "show"), y = H(!1), M = H(!1), w = H(!1), h = H(new Array()), T = H(new Array()), P = H([]), R = We(), s = Ne(), a = Ge(), x = Pt(), O = ze(), f = _t({}), g = V(() => new Set(
+      x.skus.filter((c) => {
         var t;
         return f[(t = c.customAttributes) == null ? void 0 : t.tag];
       }).map((c) => c._id)
-    )), h = l, D = H({
+    )), A = l, _ = H({
       templateItem: !0,
       nonTemplateItem: !0
-    }), M = V(() => {
+    }), $ = V(() => {
       var t, d;
       const c = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((d = e.draft) == null ? void 0 : d.negativeStockItems) ?? []];
-      return y.value.size ? c.filter((i) => y.value.has(i.sku._id)) : c;
+      return g.value.size ? c.filter((i) => g.value.has(i.sku._id)) : c;
     }), Z = V(() => {
-      const c = M.value.map((t) => t.sku);
+      const c = $.value.map((t) => t.sku);
       return c.sort((t, d) => t.code.localeCompare(d.code)), c;
-    }), W = V(() => M.value.groupBy(
+    }), q = V(() => $.value.groupBy(
       (t) => t.sku._id,
       (t) => t.measurementsAmounts.filter((d) => !d.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((d) => d.measurement.id)
     ));
     Ye(te), Dt(
       () => e.show,
       (c) => {
-        c && (le.value = xe[0], te(), D.value = {
+        c && (le.value = xe[0], te(), _.value = {
           templateItem: !0,
           nonTemplateItem: !0
         });
       }
     );
-    const re = Be(0), B = Be(100);
+    const re = Be(0), j = Be(100);
     async function te() {
       var t, d, i, n;
       if (!O._currentLocation) return;
-      v.value = !0;
+      y.value = !0;
       const c = ((t = e.draft) == null ? void 0 : t.status) === pe.enum.COMPLETED;
-      $.value = [];
+      T.value = [];
       try {
-        if (await _.init(), c) {
+        if (await x.init(), c) {
           const E = e.draft.closingAdjustmentId;
           if (!E) {
             a.open({
@@ -909,31 +909,31 @@ const ia = pt(
             });
             return;
           }
-          const ae = await I.readAdjustmentById(E), ce = (ae == null ? void 0 : ae.skus) ?? [];
+          const ae = await R.readAdjustmentById(E), ce = (ae == null ? void 0 : ae.skus) ?? [];
           for (const ne of ce) {
-            const Ce = {
+            const Se = {
               id: ne.sku._id,
               balance: ne.fromBalance,
               costs: ne.fromCostBalances
-            }, C = {
+            }, S = {
               id: ne.sku._id,
               balance: ne.toBalance,
               costs: ne.toCostBalances
             };
-            k.value.push(Ce), $.value.push(C);
+            h.value.push(Se), T.value.push(S);
           }
         } else
-          k.value = ((i = e.draft) == null ? void 0 : i.stockSnapshot) ?? [];
+          h.value = ((i = e.draft) == null ? void 0 : i.stockSnapshot) ?? [];
         const u = /* @__PURE__ */ new Set();
         if ((n = e.draft) != null && n.adjustmentSnapshot)
           for (const E of e.draft.adjustmentSnapshot)
             E.adjustmentsByType && Object.keys(E.adjustmentsByType).forEach((ae) => u.add(ae));
-        const g = ["receive", "sales", "wastage"], A = [];
-        g.forEach((E) => {
-          u.has(E) && (A.push(E), u.delete(E));
+        const b = ["receive", "sales", "wastage"], p = [];
+        b.forEach((E) => {
+          u.has(E) && (p.push(E), u.delete(E));
         });
-        const b = Array.from(u).sort();
-        P.value = [...A, ...b];
+        const I = Array.from(u).sort();
+        P.value = [...p, ...I];
       } catch (u) {
         a.open({
           title: "Something went wrong",
@@ -941,7 +941,7 @@ const ia = pt(
           type: "error"
         }), console.error("error on fetch stock balances", u);
       } finally {
-        v.value = !1;
+        y.value = !1;
       }
     }
     async function be() {
@@ -954,20 +954,20 @@ const ia = pt(
         });
         return;
       }
-      await p.refreshBalance(
+      await v.refreshBalance(
         e.draft,
         () => {
         },
         async (i) => {
-          var A;
-          R.value = !0;
-          const n = (A = e.draft) == null ? void 0 : A._rev, u = 30, g = 2e3;
+          var p;
+          M.value = !0;
+          const n = (p = e.draft) == null ? void 0 : p._rev, u = 30, b = 2e3;
           try {
-            await I.recalculation.scheduleCalculateStockSnapshotAtDate(i, e.draft._id);
-            let b = null;
-            for (let E = 0; E < u && (b = await s.getDraft(e.draft._id).delayed(g), b._rev === n); E++)
+            await R.recalculation.scheduleCalculateStockSnapshotAtDate(i, e.draft._id);
+            let I = null;
+            for (let E = 0; E < u && (I = await s.getDraft(e.draft._id).delayed(b), I._rev === n); E++)
               ;
-            if (!b || b._rev === n) {
+            if (!I || I._rev === n) {
               a.open({
                 title: "Refresh failed",
                 message: "Failed to refresh stock balance. Please try again.",
@@ -975,37 +975,37 @@ const ia = pt(
               }), console.error("error refreshing stock balances: there is no change in _rev");
               return;
             }
-            h("refresh", b), k.value = b.stockSnapshot ?? [], a.open({
+            A("refresh", I), h.value = I.stockSnapshot ?? [], a.open({
               title: "Balance refreshed",
               message: "Stock balance has been recalculated.",
               type: "success"
             });
-          } catch (b) {
+          } catch (I) {
             a.open({
               title: "Refresh failed",
               message: "Failed to refresh stock balance. Please try again.",
               type: "error"
-            }), console.error("error refreshing stock balances", b);
+            }), console.error("error refreshing stock balances", I);
           } finally {
-            R.value = !1;
+            M.value = !1;
           }
         }
       );
     }
     const ke = V(
-      () => k.value.groupBy(
+      () => h.value.groupBy(
         (c) => c.id,
         (c) => c.balance
       )
-    ), fe = V(() => M.value.groupBy((c) => c.sku._id)), ye = V(() => {
+    ), fe = V(() => $.value.groupBy((c) => c.sku._id)), ye = V(() => {
       var c;
       return (c = e.draft) != null && c.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((t) => [t.skuId, t.adjustmentsByType])) : /* @__PURE__ */ new Map();
     }), ge = V(() => {
       var c;
       return (c = e.draft) != null && c.opening ? new Map(e.draft.opening.map((t) => [t.skuId, t.balance])) : /* @__PURE__ */ new Map();
     });
-    function Y(c, t) {
-      return T(
+    function Q(c, t) {
+      return F(
         Ve.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
@@ -1018,10 +1018,10 @@ const ia = pt(
         }
       );
     }
-    const we = V(() => {
+    const De = V(() => {
       const c = Z.value.reduce((d, i) => {
         var n, u;
-        return Math.max(d, ((u = (n = W.value) == null ? void 0 : n.get(i._id)) == null ? void 0 : u[0].length) ?? 0);
+        return Math.max(d, ((u = (n = q.value) == null ? void 0 : n.get(i._id)) == null ? void 0 : u[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -1030,8 +1030,8 @@ const ia = pt(
           header: () => "Name",
           size: 350,
           cell(d) {
-            const i = d.row.original, n = i.adjustedDiffPercentage, u = typeof n == "number" && Math.abs(n) > 10, g = T("div", { class: "flex flex-col gap-4" }, [
-              T(
+            const i = d.row.original, n = i.adjustedDiffPercentage, u = typeof n == "number" && Math.abs(n) > 10, b = F("div", { class: "flex flex-col gap-4" }, [
+              F(
                 "div",
                 {
                   class: [
@@ -1041,7 +1041,7 @@ const ia = pt(
                 },
                 i.name
               ),
-              T(
+              F(
                 "div",
                 {
                   class: [
@@ -1052,7 +1052,7 @@ const ia = pt(
                 i.code
               )
             ]);
-            return T(
+            return F(
               Ve.FmTooltip,
               {
                 zIndex: 51
@@ -1062,8 +1062,8 @@ const ia = pt(
                   return u ? "Adjustment difference is more than 10%." : `${i.code} - ${i.name}`;
                 },
                 default() {
-                  return T("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    g
+                  return F("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                    b
                   ]);
                 }
               }
@@ -1073,11 +1073,11 @@ const ia = pt(
         {
           id: "costPerUnit",
           accessorKey: "costPerUnit",
-          header: () => Y("Cost per unit"),
+          header: () => Q("Cost per unit"),
           size: 160,
           cell(d) {
             const i = d.row.original.costPerUnit;
-            return T("div", { class: "text-right" }, i.toFixed(2));
+            return F("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1095,11 +1095,11 @@ const ia = pt(
         {
           id: "opening",
           accessorKey: "opening",
-          header: () => Y("Opening (B/F)", "The opening balance brought forward from previous period."),
+          header: () => Q("Opening (B/F)", "The opening balance brought forward from previous period."),
           size: 150,
           cell(d) {
             const i = d.row.original.opening;
-            return T("div", { class: "text-right" }, i.toFixed(2));
+            return F("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1110,11 +1110,11 @@ const ia = pt(
           (d) => ({
             id: `adjustment_${d}`,
             accessorFn: (i) => i.adjustmentAmounts[d] ?? { amount: 0, precision: 0 },
-            header: () => Y(Ue(d)),
+            header: () => Q(Ue(d)),
             size: 150,
             cell(i) {
               const n = i.row.original.adjustmentAmounts[d] ?? { amount: 0, precision: 0 };
-              return T("div", { class: "text-right" }, N(n));
+              return F("div", { class: "text-right" }, N(n));
             },
             meta: {
               textAlign: "right"
@@ -1124,7 +1124,7 @@ const ia = pt(
         {
           id: "systemBalance",
           accessorKey: "systemBalance",
-          header: () => Y("System Balance", "The system calculated balance before stock take."),
+          header: () => Q("System Balance", "The system calculated balance before stock take."),
           size: 200,
           meta: {
             textAlign: "right"
@@ -1134,25 +1134,25 @@ const ia = pt(
           id: "physicalBalance",
           accessorFn: (d) => {
             var n;
-            const i = (n = $.value.find((u) => u.id === d.id)) == null ? void 0 : n.balance;
+            const i = (n = T.value.find((u) => u.id === d.id)) == null ? void 0 : n.balance;
             return i ? Ie.toFormatString({ value: i }) : d.physicalBalance;
           },
-          header: () => Y("Stock Take balance", "The physical balance recorded during stock take."),
+          header: () => Q("Stock Take balance", "The physical balance recorded during stock take."),
           cell(d) {
-            var b;
+            var I;
             const i = d.row.original, n = Ie.fromNumber(i.physicalBalance);
-            let u = !0, g = i.physicalBalance;
-            const A = (b = $.value.find((E) => E.id === i.id)) == null ? void 0 : b.balance;
-            return A && (Ie.equals({
+            let u = !0, b = i.physicalBalance;
+            const p = (I = T.value.find((E) => E.id === i.id)) == null ? void 0 : I.balance;
+            return p && (Ie.equals({
               a: n,
-              b: A
-            }) || (u = !1, g = Number(Ie.toFormatString({ value: A })))), T("div", { class: "flex flex-col" }, [
-              T(
+              b: p
+            }) || (u = !1, b = Number(Ie.toFormatString({ value: p })))), F("div", { class: "flex flex-col" }, [
+              F(
                 "span",
                 { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
-                g
+                b
               ),
-              u ? null : T(
+              u ? null : F(
                 "span",
                 { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
                 `Draft: ${i.physicalBalance.toString()}`
@@ -1167,7 +1167,7 @@ const ia = pt(
         {
           id: "adjustedAmount",
           accessorKey: "adjustedAmount",
-          header: () => Y("Variance", "The difference between Stock Take balance and System Balance."),
+          header: () => Q("Variance", "The difference between Stock Take balance and System Balance."),
           size: 200,
           meta: {
             textAlign: "right"
@@ -1176,11 +1176,11 @@ const ia = pt(
         {
           id: "varianceRM",
           accessorKey: "varianceRM",
-          header: () => Y("Variance (RM)"),
+          header: () => Q("Variance (RM)"),
           size: 150,
           cell(d) {
             const i = d.row.original.varianceRM;
-            return T("div", { class: "text-right" }, i.toFixed(2));
+            return F("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1189,20 +1189,20 @@ const ia = pt(
         {
           id: "adjustedDiffPercentage",
           accessorKey: "adjustedDiffPercentage",
-          header: () => Y(
+          header: () => Q(
             "Variance (%)",
             "Difference between Stock Take balance and System Balance in percentage."
           ),
           size: 200,
           cell(d) {
             const i = d.row.original.adjustedDiffPercentage;
-            if (!i) return Ka;
+            if (!i) return Ya;
             const n = i.toFixed(2);
             if (n === "0.00")
-              return T("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+              return F("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
             const u = i > 0;
-            return T("div", { class: "flex items-center gap-4 justify-end" }, [
-              T(Ve.FmIcon, {
+            return F("div", { class: "flex items-center gap-4 justify-end" }, [
+              F(Ve.FmIcon, {
                 name: u ? "arrow_drop_up" : "arrow_drop_down",
                 color: u ? "system-success-300" : "system-error-300",
                 size: "md"
@@ -1217,11 +1217,11 @@ const ia = pt(
         {
           id: "stockTakeValue",
           accessorKey: "stockTakeValue",
-          header: () => Y("Stock take value (RM)"),
+          header: () => Q("Stock take value (RM)"),
           size: 180,
           cell(d) {
             const i = d.row.original.stockTakeValue;
-            return T("div", { class: "text-right" }, i.toFixed(2));
+            return F("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1230,11 +1230,11 @@ const ia = pt(
         {
           id: "systemValue",
           accessorKey: "systemValue",
-          header: () => Y("System value (RM)"),
+          header: () => Q("System value (RM)"),
           size: 180,
           cell(d) {
             const i = d.row.original.systemValue;
-            return T("div", { class: "text-right" }, i.toFixed(2));
+            return F("div", { class: "text-right" }, i.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1245,41 +1245,41 @@ const ia = pt(
           header: () => "Amounts",
           enableSorting: !1,
           cell(d) {
-            const i = d.row.original, n = (g, A) => T(
+            const i = d.row.original, n = (b, p) => F(
               Ve.FmTooltip,
               { zIndex: 50 },
               {
                 default() {
-                  return T(
+                  return F(
                     "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"
                     },
                     [
-                      T("span", { class: "text-fm-color-typo-primary" }, `${g} `),
-                      T(
+                      F("span", { class: "text-fm-color-typo-primary" }, `${b} `),
+                      F(
                         "span",
                         {
                           class: "text-fm-color-typo-secondary",
                           style: { maxWidth: "80px" }
                         },
-                        A
+                        p
                       )
                     ]
                   );
                 },
                 content() {
-                  return `${g} ${A}`;
+                  return `${b} ${p}`;
                 }
               }
             );
-            let u = Array.from({ length: c }).map((g, A) => {
-              if (!i[`measurementAmount${A}`])
+            let u = Array.from({ length: c }).map((b, p) => {
+              if (!i[`measurementAmount${p}`])
                 return null;
-              const b = i[`measurementAmount${A}`], E = i[`measurementAbbrev${A}`];
-              return n(b, E);
-            }).filter((g) => g);
-            return (i.baseUnitAmount || !u.length) && (u = [n(i.baseUnitAmount, i.baseUnit), ...u]), T(
+              const I = i[`measurementAmount${p}`], E = i[`measurementAbbrev${p}`];
+              return n(I, E);
+            }).filter((b) => b);
+            return (i.baseUnitAmount || !u.length) && (u = [n(i.baseUnitAmount, i.baseUnit), ...u]), F(
               "div",
               {
                 class: "flex gap-8 flex-nowrap",
@@ -1292,7 +1292,7 @@ const ia = pt(
           }
         }
       ];
-    }), he = V(() => we.value.map((c) => c.size ?? 0).reduce((c, t) => c + t)), Ae = H(""), Se = V(() => {
+    }), he = V(() => De.value.map((c) => c.size ?? 0).reduce((c, t) => c + t)), Ae = H(""), we = V(() => {
       var d, i;
       const c = ((i = (d = e.draft) == null ? void 0 : d.negativeStockItems) == null ? void 0 : i.reduce(
         (n, u) => (n[u.sku._id] = u, n),
@@ -1300,12 +1300,12 @@ const ia = pt(
       )) ?? {};
       return Z.value.map((n) => {
         var qe, Ze, Je, Xe, et, tt, at, nt, ot;
-        const u = (qe = fe.value.get(n._id)) == null ? void 0 : qe[0], g = ((Ze = ke.value.get(n._id)) == null ? void 0 : Ze[0]) ?? re, A = (Je = n.defaultCost) != null && Je.costPerUnit ? n.defaultCost.costPerUnit.amount / Math.pow(10, n.defaultCost.costPerUnit.precision) : 0, b = ge.value.get(n._id), E = b ? +N(b) : 0, ae = ye.value.get(n._id), ce = {};
-        if (P.value.forEach((Q) => {
-          const oe = ce[Q] ?? { amount: 0, precision: 0 }, ue = ae == null ? void 0 : ae[Q];
-          ue && (ce[Q] = Vt(oe, ue));
+        const u = (qe = fe.value.get(n._id)) == null ? void 0 : qe[0], b = ((Ze = ke.value.get(n._id)) == null ? void 0 : Ze[0]) ?? re, p = (Je = n.defaultCost) != null && Je.costPerUnit ? n.defaultCost.costPerUnit.amount / Math.pow(10, n.defaultCost.costPerUnit.precision) : 0, I = ge.value.get(n._id), E = I ? +N(I) : 0, ae = ye.value.get(n._id), ce = {};
+        if (P.value.forEach((W) => {
+          const oe = ce[W] ?? { amount: 0, precision: 0 }, ue = ae == null ? void 0 : ae[W];
+          ue && (ce[W] = Vt(oe, ue));
         }), !u) {
-          const Q = +N(g), oe = Q - 0, ue = oe * A, Me = 0, xt = Q * A;
+          const W = +N(b), oe = W - 0, ue = oe * p, Me = 0, xt = W * p;
           return {
             id: n._id,
             code: n.code,
@@ -1313,12 +1313,12 @@ const ia = pt(
             costUnit: ((et = (Xe = n.defaultCost) == null ? void 0 : Xe.measurement) == null ? void 0 : et.abbrev) ?? null,
             baseUnit: n.unit.abbrev,
             baseUnitAmount: 0,
-            systemBalance: Q,
+            systemBalance: W,
             physicalBalance: 0,
-            adjustedAmount: -Q,
+            adjustedAmount: -W,
             adjustedDiffPercentage: -100,
             isTemplateItem: !c[n._id],
-            costPerUnit: A,
+            costPerUnit: p,
             opening: E,
             varianceQty: oe,
             varianceRM: ue,
@@ -1327,15 +1327,15 @@ const ia = pt(
             adjustmentAmounts: ce
           };
         }
-        const ne = yt(u), Ce = (at = (tt = $.value) == null ? void 0 : tt.find(
-          (Q) => Q.id === n._id
-        )) == null ? void 0 : at.balance, C = ut(
-          Ce ?? ne,
-          g
-        ), K = g.amount === 0 ? null : dt(C, {
-          ...g,
-          amount: Math.abs(g.amount)
-        }), q = K ? Qe(K, B) : null, ie = +N(g), _e = +N(ne), $e = ie - _e, kt = $e * A, ht = _e * A, At = ie * A;
+        const ne = yt(u), Se = (at = (tt = T.value) == null ? void 0 : tt.find(
+          (W) => W.id === n._id
+        )) == null ? void 0 : at.balance, S = ut(
+          Se ?? ne,
+          b
+        ), K = b.amount === 0 ? null : dt(S, {
+          ...b,
+          amount: Math.abs(b.amount)
+        }), G = K ? Qe(K, j) : null, ie = +N(b), Ce = +N(ne), $e = ie - Ce, kt = $e * p, ht = Ce * p, At = ie * p;
         return {
           id: n._id,
           code: n.code,
@@ -1343,16 +1343,16 @@ const ia = pt(
           costUnit: ((ot = (nt = n.defaultCost) == null ? void 0 : nt.measurement) == null ? void 0 : ot.abbrev) ?? null,
           baseUnit: n.unit.abbrev,
           baseUnitAmount: +N(u.baseAmount),
-          ...u.measurementsAmounts.filter((Q) => {
+          ...u.measurementsAmounts.filter((W) => {
             var oe, ue, Me;
-            return (Me = (ue = (oe = W.value) == null ? void 0 : oe.get(n._id)) == null ? void 0 : ue[0]) == null ? void 0 : Me.includes(Q.measurement.id);
-          }).reduce((Q, oe, ue) => (Q[`measurementAbbrev${ue}`] = `(${oe.measurement.abbrev}) × ${N(oe.measurement.conversion)}`, Q[`measurementAmount${ue}`] = +N(oe.amount), Q), {}),
+            return (Me = (ue = (oe = q.value) == null ? void 0 : oe.get(n._id)) == null ? void 0 : ue[0]) == null ? void 0 : Me.includes(W.measurement.id);
+          }).reduce((W, oe, ue) => (W[`measurementAbbrev${ue}`] = `(${oe.measurement.abbrev}) × ${N(oe.measurement.conversion)}`, W[`measurementAmount${ue}`] = +N(oe.amount), W), {}),
           systemBalance: ie,
-          physicalBalance: _e,
-          adjustedAmount: +N(C),
-          adjustedDiffPercentage: q ? +N(mt(q, 2)) : null,
+          physicalBalance: Ce,
+          adjustedAmount: +N(S),
+          adjustedDiffPercentage: G ? +N(mt(G, 2)) : null,
           isTemplateItem: !c[n._id],
-          costPerUnit: A,
+          costPerUnit: p,
           opening: E,
           varianceQty: $e,
           varianceRM: kt,
@@ -1360,7 +1360,7 @@ const ia = pt(
           systemValue: At,
           adjustmentAmounts: ce
         };
-      }).filter((n) => !!(n.isTemplateItem && D.value.templateItem || !n.isTemplateItem && D.value.nonTemplateItem));
+      }).filter((n) => !!(n.isTemplateItem && _.value.templateItem || !n.isTemplateItem && _.value.nonTemplateItem));
     }), Fe = V(() => {
       var t, d, i, n;
       if (!e.draft) return [];
@@ -1429,157 +1429,164 @@ const ia = pt(
     ], le = H(xe[0]), me = V(() => {
       var i, n, u;
       const c = ((i = e.draft) == null ? void 0 : i.activityLogs) ?? [], t = ((n = e.draft) == null ? void 0 : n.rejectionHistory) ?? [];
-      for (const g of t)
+      for (const b of t)
         c.find(
-          (b) => `${b.action}_${b.performedAt}` == `${z.enum.rejectDraft}_${g.rejectedAt}`
+          (I) => `${I.action}_${I.performedAt}` == `${z.enum.rejectDraft}_${b.rejectedAt}`
         ) || c.push({
           action: z.enum.rejectDraft,
-          performedAt: g.rejectedAt,
-          performedBy: g.rejectedBy,
-          remark: g.rejectRemark
+          performedAt: b.rejectedAt,
+          performedBy: b.rejectedBy,
+          remark: b.rejectRemark
         });
       return (u = e.draft) != null && u.approvedAt && (c.find(
-        (A) => {
-          var b;
-          return `${A.action}_${A.performedAt}` == `${z.enum.approveDraft}_${(b = e.draft) == null ? void 0 : b.approvedAt}`;
+        (p) => {
+          var I;
+          return `${p.action}_${p.performedAt}` == `${z.enum.approveDraft}_${(I = e.draft) == null ? void 0 : I.approvedAt}`;
         }
       ) || c.push({
         action: z.enum.approveDraft,
         performedAt: e.draft.approvedAt,
         performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
         remark: e.draft.approveRemark
-      })), c.sort((g, A) => new Date(A.performedAt).getTime() - new Date(g.performedAt).getTime()).map(
-        (g) => ({
-          header: Ue(g.action),
-          date: ve(g.performedAt),
+      })), c.sort((b, p) => new Date(p.performedAt).getTime() - new Date(b.performedAt).getTime()).map(
+        (b) => ({
+          header: Ue(b.action),
+          date: ve(b.performedAt),
           info: [
             {
               label: "Performed by",
-              values: [g.performedBy.name]
+              values: [b.performedBy.name]
             },
             {
               label: "Remark",
-              values: [g.remark ?? ""]
+              values: [b.remark ?? ""]
             }
           ]
         })
       );
     }), Te = V(() => {
-      var n, u, g, A;
-      if ((n = e == null ? void 0 : e.draft) != null && n.approvedAt) return "Draft is already approved.";
-      if (((u = e.draft) == null ? void 0 : u.status) !== pe.enum.DRAFT) return "Status is not draft.";
-      const c = Se.value.some((b) => b.physicalBalance < 0), t = ((A = (g = m.stockBalance.skus) == null ? void 0 : g.filter((b) => b.balance.amount < 0)) == null ? void 0 : A.map((b) => b.id)) ?? [], d = new Set(Z.value.map((b) => b._id)), i = t.filter((b) => !d.has(b)).length;
+      var n, u, b;
+      if (((n = e.draft) == null ? void 0 : n.status) !== pe.enum.DRAFT) return "Status is not draft.";
+      const c = we.value.some((p) => p.physicalBalance < 0), t = ((b = (u = m.stockBalance.skus) == null ? void 0 : u.filter((p) => p.balance.amount < 0)) == null ? void 0 : b.map((p) => p.id)) ?? [], d = new Set(Z.value.map((p) => p._id)), i = t.filter((p) => !d.has(p)).length;
       return [
         c ? "Negative total exist." : null,
         i ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
-      ].filter((b) => b).join(" ");
+      ].filter((p) => p).join(" ");
     });
     return (c, t) => {
-      const d = U("FmButtonGroup"), i = U("FmMenuDivider"), n = U("FmCard"), u = U("FmButton"), g = U("FmCircularProgress"), A = U("FmChip"), b = U("FmTextField"), E = U("FmIcon"), ae = U("FmTable"), ce = U("FmSpacer"), ne = U("FmTooltip"), Ce = U("FmSideSheet");
-      return j(), se(Ce, {
+      const d = U("FmButtonGroup"), i = U("FmMenuDivider"), n = U("FmCard"), u = U("FmButton"), b = U("FmCircularProgress"), p = U("FmChip"), I = U("FmTextField"), E = U("FmIcon"), ae = U("FmTable"), ce = U("FmSpacer"), ne = U("FmTooltip"), Se = U("FmSideSheet");
+      return C(), se(Se, {
         "dismiss-away": "",
         "max-width": 9999,
-        "model-value": F(w),
-        "onUpdate:modelValue": t[10] || (t[10] = (C) => rt(w) ? w.value = C : null),
+        "model-value": B(D),
+        "onUpdate:modelValue": t[10] || (t[10] = (S) => rt(D) ? D.value = S : null),
         header: "Closing details"
       }, {
-        "side-sheet-footer": G(() => {
-          var C, K, q, ie;
+        "side-sheet-footer": Y(() => {
+          var S, K;
           return [
-            r("div", Oa, [
-              ((C = e.draft) == null ? void 0 : C.status) === F(pe).enum.DRAFT ? (j(), L(ee, { key: 0 }, [
-                Te.value ? (j(), se(ne, {
+            r("div", Ka, [
+              ((S = e.draft) == null ? void 0 : S.status) === B(pe).enum.DRAFT ? (C(), L(ee, { key: 0 }, [
+                Te.value ? (C(), se(ne, {
                   key: 0,
                   "z-index": 51
                 }, {
-                  content: G(() => [
+                  content: Y(() => [
                     X(J(Te.value), 1)
                   ]),
-                  default: G(() => [
-                    x(u, {
+                  default: Y(() => [
+                    k(u, {
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
-                      onClick: t[5] || (t[5] = () => e.draft && F(p).approveDraft(e.draft, () => h("submitted")))
+                      onClick: t[5] || (t[5] = () => e.draft && B(v).approveDraft(e.draft, () => A("submitted")))
                     })
                   ]),
                   _: 1
-                })) : (j(), se(u, {
+                })) : (C(), se(u, {
                   key: "approve key",
                   label: "Approve",
-                  onClick: t[6] || (t[6] = () => e.draft && F(p).approveDraft(e.draft, () => h("submitted")))
+                  onClick: t[6] || (t[6] = () => e.draft && B(v).approveDraft(e.draft, () => A("submitted")))
                 }))
               ], 64)) : de("", !0),
-              ((K = e.draft) == null ? void 0 : K.status) === F(pe).enum.DRAFT ? (j(), se(u, {
+              ((K = e.draft) == null ? void 0 : K.status) === B(pe).enum.DRAFT ? (C(), se(u, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: t[7] || (t[7] = () => e.draft && F(p).rejectDraft(e.draft, () => h("submitted")))
+                onClick: t[7] || (t[7] = () => e.draft && B(v).rejectDraft(e.draft, () => A("submitted")))
               })) : de("", !0),
-              (q = e.draft) != null && q.approvedAt && ((ie = e.draft) == null ? void 0 : ie.status) !== F(pe).enum.COMPLETED ? (j(), se(u, {
-                key: 2,
-                label: "Sync",
-                loading: S.value,
-                onClick: t[8] || (t[8] = () => {
-                  e.draft && (S.value = !0, F(p).syncDraft(e.draft, () => {
-                    S.value = !1, h("submitted");
-                  }));
-                })
-              }, null, 8, ["loading"])) : de("", !0),
-              x(u, {
+              k(Ut, null, {
+                default: Y(() => {
+                  var G, ie;
+                  return [
+                    (G = e.draft) != null && G.approvedAt && ((ie = e.draft) == null ? void 0 : ie.status) !== B(pe).enum.COMPLETED ? (C(), se(u, {
+                      key: 0,
+                      label: "Sync",
+                      loading: w.value,
+                      onClick: t[8] || (t[8] = () => {
+                        e.draft && (w.value = !0, B(v).syncDraft(e.draft, () => {
+                          w.value = !1, A("submitted");
+                        }));
+                      })
+                    }, null, 8, ["loading"])) : de("", !0)
+                  ];
+                }),
+                _: 1
+              }),
+              k(u, {
                 label: "Close",
                 variant: "tertiary",
-                onClick: t[9] || (t[9] = (_e) => w.value = !1)
+                onClick: t[9] || (t[9] = (G) => D.value = !1)
               })
             ])
           ];
         }),
-        default: G(() => [
-          r("div", ua, [
+        default: Y(() => [
+          r("div", da, [
             r("div", null, [
-              x(d, {
+              k(d, {
                 items: xe,
                 modelValue: le.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (C) => le.value = C)
+                "onUpdate:modelValue": t[0] || (t[0] = (S) => le.value = S)
               }, null, 8, ["modelValue"])
             ]),
-            le.value.value === "overview" ? (j(), L(ee, { key: 0 }, [
-              x(n, {
+            le.value.value === "overview" ? (C(), L(ee, { key: 0 }, [
+              k(n, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
-                default: G(() => {
-                  var C, K;
+                default: Y(() => {
+                  var S, K;
                   return [
-                    r("div", da, [
+                    r("div", ma, [
                       t[11] || (t[11] = r("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      r("div", ma, [
+                      r("div", fa, [
                         r("div", {
-                          class: De(["fm-status-badge", F(Le)(((C = c.draft) == null ? void 0 : C.status) ?? "DRAFT")])
-                        }, J(F(Ue)(((K = c.draft) == null ? void 0 : K.status) ?? "")), 3)
+                          class: _e(["fm-status-badge", B(Le)(((S = c.draft) == null ? void 0 : S.status) ?? "DRAFT")])
+                        }, J(B(Ue)(((K = c.draft) == null ? void 0 : K.status) ?? "")), 3)
                       ])
                     ]),
-                    x(i),
-                    r("div", fa, [
-                      (j(!0), L(ee, null, je(Fe.value, (q, ie) => (j(), L("div", {
+                    k(i),
+                    r("div", pa, [
+                      (C(!0), L(ee, null, je(Fe.value, (G, ie) => (C(), L("div", {
                         class: "flex flex-col gap-4",
                         key: ie
                       }, [
-                        r("div", pa, [
-                          r("div", va, J(q.label), 1)
+                        r("div", va, [
+                          r("div", ya, J(G.label), 1)
                         ]),
-                        r("div", ya, J(q.value), 1)
+                        r("div", ga, J(G.value), 1)
                       ]))), 128))
                     ])
                   ];
                 }),
                 _: 1
               }),
-              r("div", ga, [
-                r("div", ba, [
+              r("div", ba, [
+                r("div", ka, [
                   t[12] || (t[12] = r("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  v.value ? de("", !0) : (j(), L("div", ka, [
-                    c.draft && c.draft.status !== F(pe).enum.COMPLETED ? (j(), se(u, {
+                  y.value ? de("", !0) : (C(), L("div", ha, [
+                    c.draft && c.draft.status !== B(pe).enum.COMPLETED ? (C(), se(u, {
                       key: 0,
                       label: "Refresh balance",
                       "prepend-icon": "refresh",
@@ -1587,88 +1594,88 @@ const ia = pt(
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      loading: R.value,
+                      loading: M.value,
                       onClick: be
                     }, null, 8, ["loading"])) : de("", !0),
-                    x(u, {
+                    k(u, {
                       label: "Export data",
                       "prepend-icon": "download",
                       variant: "secondary",
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: t[1] || (t[1] = (C) => c.draft ? F(p).exportDraft(
+                      onClick: t[1] || (t[1] = (S) => c.draft ? B(v).exportDraft(
                         c.draft,
-                        k.value,
-                        $.value
+                        h.value,
+                        T.value
                       ) : null)
                     })
                   ]))
                 ]),
-                v.value ? (j(), L("div", ha, [
+                y.value ? (C(), L("div", Aa, [
                   t[14] || (t[14] = r("div", { class: "h-80" }, null, -1)),
-                  r("div", Aa, [
+                  r("div", xa, [
                     r("div", null, [
-                      x(g, { size: "md" })
+                      k(b, { size: "md" })
                     ]),
                     t[13] || (t[13] = r("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   t[15] || (t[15] = r("div", { class: "h-80" }, null, -1))
-                ])) : (j(), L(ee, { key: 1 }, [
-                  r("div", xa, [
-                    r("div", _a, [
-                      x(A, {
+                ])) : (C(), L(ee, { key: 1 }, [
+                  r("div", _a, [
+                    r("div", Da, [
+                      k(p, {
                         label: "Template Item(s)",
-                        selected: D.value.templateItem,
-                        onClick: t[2] || (t[2] = (C) => D.value.templateItem = !D.value.templateItem)
+                        selected: _.value.templateItem,
+                        onClick: t[2] || (t[2] = (S) => _.value.templateItem = !_.value.templateItem)
                       }, null, 8, ["selected"]),
-                      x(A, {
+                      k(p, {
                         label: "Non-template Item(s)",
-                        selected: D.value.nonTemplateItem,
-                        onClick: t[3] || (t[3] = (C) => D.value.nonTemplateItem = !D.value.nonTemplateItem)
+                        selected: _.value.nonTemplateItem,
+                        onClick: t[3] || (t[3] = (S) => _.value.nonTemplateItem = !_.value.nonTemplateItem)
                       }, null, 8, ["selected"])
                     ]),
-                    x(b, {
+                    k(I, {
                       modelValue: Ae.value,
-                      "onUpdate:modelValue": t[4] || (t[4] = (C) => Ae.value = C),
+                      "onUpdate:modelValue": t[4] || (t[4] = (S) => Ae.value = S),
                       placeholder: "Filter items"
                     }, null, 8, ["modelValue"])
                   ]),
-                  F(_).skuTags.size ? (j(), L("div", Da, [
-                    (j(!0), L(ee, null, je(F(_).skuTags.keys(), (C) => (j(), se(A, {
-                      key: `${C}`,
-                      label: `${C}`,
+                  B(x).skuTags.size ? (C(), L("div", wa, [
+                    (C(!0), L(ee, null, je(B(x).skuTags.keys(), (S) => (C(), se(p, {
+                      key: `${S}`,
+                      label: `${S}`,
                       selectable: "",
-                      selected: f[`${C}`],
-                      onClick: (K) => f[`${C}`] = !f[`${C}`]
+                      selected: f[`${S}`],
+                      onClick: (K) => f[`${S}`] = !f[`${S}`]
                     }, {
-                      default: G(() => [
-                        f[`${C}`] ? (j(), se(E, {
+                      default: Y(() => [
+                        f[`${S}`] ? (C(), se(E, {
                           key: 0,
                           name: "check",
                           class: "text-white",
                           size: "sm"
                         })) : de("", !0),
                         r("span", {
-                          class: De([
+                          class: _e([
                             "",
                             {
-                              "text-white fm-typo-en-body-md-600": f[`${C}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !f[`${C}`]
+                              "text-white fm-typo-en-body-md-600": f[`${S}`],
+                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !f[`${S}`]
                             }
                           ])
-                        }, J(C), 3)
+                        }, J(S), 3)
                       ]),
                       _: 2
                     }, 1032, ["label", "selected", "onClick"]))), 128))
                   ])) : de("", !0),
-                  r("div", wa, [
+                  r("div", Sa, [
                     r("div", {
                       style: lt({ minWidth: `${he.value}px` })
                     }, [
-                      x(ae, {
-                        "column-defs": we.value,
-                        "row-data": Se.value,
+                      k(ae, {
+                        "column-defs": De.value,
+                        "row-data": we.value,
                         "search-value": Ae.value
                       }, null, 8, ["column-defs", "row-data", "search-value"])
                     ], 4)
@@ -1676,14 +1683,14 @@ const ia = pt(
                 ], 64))
               ])
             ], 64)) : de("", !0),
-            le.value.value === "history" ? (j(), L("div", Sa, [
-              me.value.length ? (j(), L("div", Ba, [
-                (j(!0), L(ee, null, je(me.value, (C, K) => (j(), L(ee, { key: K }, [
-                  r("div", Fa, [
-                    r("div", Ta, [
-                      r("div", $a, [
+            le.value.value === "history" ? (C(), L("div", Ca, [
+              me.value.length ? (C(), L("div", Fa, [
+                (C(!0), L(ee, null, je(me.value, (S, K) => (C(), L(ee, { key: K }, [
+                  r("div", Ta, [
+                    r("div", $a, [
+                      r("div", Ma, [
                         r("div", {
-                          class: De([
+                          class: _e([
                             {
                               "bg-fm-color-primary": K !== 0,
                               "bg-white": K === 0
@@ -1693,9 +1700,9 @@ const ia = pt(
                         }, null, 2)
                       ]),
                       t[18] || (t[18] = r("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      r("div", Ma, [
+                      r("div", Ra, [
                         r("div", {
-                          class: De([
+                          class: _e([
                             {
                               "bg-fm-color-primary": K < me.value.length - 1,
                               "bg-white": K >= me.value.length - 1
@@ -1705,16 +1712,16 @@ const ia = pt(
                         }, null, 2)
                       ])
                     ]),
-                    r("div", Ra, [
-                      r("div", Ia, J(C.header), 1),
-                      r("div", Pa, J(C.date), 1)
+                    r("div", Ia, [
+                      r("div", Pa, J(S.header), 1),
+                      r("div", Va, J(S.date), 1)
                     ])
                   ]),
-                  r("div", Va, [
-                    r("div", Ua, [
-                      r("div", La, [
+                  r("div", Ua, [
+                    r("div", La, [
+                      r("div", Ea, [
                         r("div", {
-                          class: De([
+                          class: _e([
                             {
                               "bg-fm-color-primary": K < me.value.length - 1,
                               "bg-white": K >= me.value.length - 1
@@ -1724,23 +1731,23 @@ const ia = pt(
                         }, null, 2)
                       ])
                     ]),
-                    r("div", Ea, [
-                      x(n, {
+                    r("div", Ha, [
+                      k(n, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
-                        default: G(() => [
-                          r("div", Ha, [
-                            (j(!0), L(ee, null, je(C.info, (q, ie) => (j(), L("div", {
+                        default: Y(() => [
+                          r("div", za, [
+                            (C(!0), L(ee, null, je(S.info, (G, ie) => (C(), L("div", {
                               key: ie,
                               class: "flex flex-col gap-4"
                             }, [
-                              r("div", za, J(q == null ? void 0 : q.label), 1),
-                              r("div", Na, [
-                                (j(!0), L(ee, null, je(q == null ? void 0 : q.values, (_e, $e) => (j(), L("div", {
+                              r("div", Na, J(G == null ? void 0 : G.label), 1),
+                              r("div", Oa, [
+                                (C(!0), L(ee, null, je(G == null ? void 0 : G.values, (Ce, $e) => (C(), L("div", {
                                   key: $e,
                                   class: "fm-typo-en-body-lg-600"
-                                }, J(_e), 1))), 128))
+                                }, J(Ce), 1))), 128))
                               ])
                             ]))), 128))
                           ])
@@ -1750,18 +1757,18 @@ const ia = pt(
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (j(), L("div", Ca, [
-                x(ce),
+              ])) : (C(), L("div", ja, [
+                k(ce),
                 r("div", null, [
                   r("img", {
-                    src: F(Qt),
+                    src: B(Gt),
                     alt: "List is empty"
-                  }, null, 8, ja)
+                  }, null, 8, Ba)
                 ]),
                 t[16] || (t[16] = r("div", { class: "fm-typo-en-body-lg-600" }, J("No records found"), -1)),
                 t[17] || (t[17] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, J("You can track approval and rejection history here"), -1)),
-                x(ce),
-                x(ce)
+                k(ce),
+                k(ce)
               ]))
             ])) : de("", !0)
           ])
@@ -1770,22 +1777,22 @@ const ia = pt(
       }, 8, ["model-value"]);
     };
   }
-}), Qa = { class: "flex-1 flex flex-col gap-8" }, Ga = { class: "flex flex-col" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qa = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Za = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ja = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, un = /* @__PURE__ */ He({
+}), Ga = { class: "flex-1 flex flex-col gap-8" }, Wa = { class: "flex flex-col" }, qa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Za = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ja = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Xa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, dn = /* @__PURE__ */ He({
   __name: "ClosingDraftView",
   setup(o) {
-    const { t: l } = ft(), { viewDraft: e } = Ee(), { viewClosingDraftProps: m, viewClosingDraftShow: p } = Yt(Ee()), w = ze(), v = ia(), R = Ut(), { breakpoints: S } = Kt();
-    w.watchLocation(v.fetchDrafts);
-    const k = V(() => v.loading), $ = H(""), P = V(() => S.value.xs || S.value.sm), I = V(() => P.value ? 10 : 20);
+    const { t: l } = ft(), { viewDraft: e } = Ee(), { viewClosingDraftProps: m, viewClosingDraftShow: v } = Qt(Ee()), D = ze(), y = ua(), M = Lt(), { breakpoints: w } = Yt();
+    D.watchLocation(y.fetchDrafts);
+    const h = V(() => y.loading), T = H(""), P = V(() => w.value.xs || w.value.sm), R = V(() => P.value ? 10 : 20);
     function s(O) {
       switch (O) {
         case "refresh":
-          return v.fetchDrafts();
+          return y.fetchDrafts();
       }
     }
     function a(O) {
       return O;
     }
-    const _ = V(() => P.value ? [
+    const x = V(() => P.value ? [
       {
         label: l("inventory.common.refresh"),
         value: "refresh",
@@ -1799,16 +1806,16 @@ const ia = pt(
       }
     ]);
     return (O, f) => {
-      const y = U("FmTable");
-      return j(), L(ee, null, [
-        x(Lt, {
-          title: F(l)("inventory.closing.draft.title"),
-          actions: _.value,
+      const g = U("FmTable");
+      return C(), L(ee, null, [
+        k(Et, {
+          title: B(l)("inventory.closing.draft.title"),
+          actions: x.value,
           "onClick:action": s
         }, {
-          default: G(() => [
+          default: Y(() => [
             r("div", {
-              class: De([
+              class: _e([
                 "flex flex-col gap-8 max-h-full",
                 {
                   "p-0": P.value,
@@ -1816,58 +1823,58 @@ const ia = pt(
                 }
               ])
             }, [
-              x(Et, {
+              k(Ht, {
                 "change-location": "",
                 searchable: "",
-                search: $.value,
-                "onUpdate:search": f[0] || (f[0] = (h) => $.value = h)
+                search: T.value,
+                "onUpdate:search": f[0] || (f[0] = (A) => T.value = A)
               }, null, 8, ["search"]),
-              x(y, {
-                style: lt(F(R).tableHeight),
-                "column-defs": F(v).columnDefs,
-                "row-data": F(v).drafts,
-                "search-value": $.value,
-                loading: k.value,
-                onRowClick: f[1] || (f[1] = (h) => F(e)(h.original)),
-                "page-size": I.value
+              k(g, {
+                style: lt(B(M).tableHeight),
+                "column-defs": B(y).columnDefs,
+                "row-data": B(y).drafts,
+                "search-value": T.value,
+                loading: h.value,
+                onRowClick: f[1] || (f[1] = (A) => B(e)(A.original)),
+                "page-size": R.value
               }, {
-                "list-row": G((h) => [
-                  x(Ht, {
-                    row: h,
-                    onRowClick: (D) => F(e)(D)
+                "list-row": Y((A) => [
+                  k(zt, {
+                    row: A,
+                    onRowClick: (_) => B(e)(_)
                   }, {
-                    default: G((D) => {
-                      var M, Z, W, re, B, te, be, ke, fe, ye, ge, Y, we, he, Ae, Se, Fe, xe, le, me;
+                    default: Y((_) => {
+                      var $, Z, q, re, j, te, be, ke, fe, ye, ge, Q, De, he, Ae, we, Fe, xe, le, me;
                       return [
-                        r("div", Qa, [
-                          r("div", Ga, [
-                            r("div", Wa, [
-                              x(F(Pe), {
-                                render: (W = (Z = (M = D._id) == null ? void 0 : M.column) == null ? void 0 : Z.columnDef) == null ? void 0 : W.cell,
-                                props: (B = (re = D._id) == null ? void 0 : re.getContext) == null ? void 0 : B.call(re)
+                        r("div", Ga, [
+                          r("div", Wa, [
+                            r("div", qa, [
+                              k(B(Pe), {
+                                render: (q = (Z = ($ = _._id) == null ? void 0 : $.column) == null ? void 0 : Z.columnDef) == null ? void 0 : q.cell,
+                                props: (j = (re = _._id) == null ? void 0 : re.getContext) == null ? void 0 : j.call(re)
                               }, null, 8, ["render", "props"])
                             ]),
-                            r("div", qa, [
-                              x(F(Pe), {
-                                render: (ke = (be = (te = D.name) == null ? void 0 : te.column) == null ? void 0 : be.columnDef) == null ? void 0 : ke.cell,
-                                props: (ye = (fe = D.name) == null ? void 0 : fe.getContext) == null ? void 0 : ye.call(fe)
+                            r("div", Za, [
+                              k(B(Pe), {
+                                render: (ke = (be = (te = _.name) == null ? void 0 : te.column) == null ? void 0 : be.columnDef) == null ? void 0 : ke.cell,
+                                props: (ye = (fe = _.name) == null ? void 0 : fe.getContext) == null ? void 0 : ye.call(fe)
                               }, null, 8, ["render", "props"])
                             ]),
-                            r("div", Za, J([
-                              ...h.original.items.slice(0, 3).map((Te) => Te.sku.name),
-                              ...h.original.items.length >= 3 ? [`and ${h.original.items.length - 3} more items`] : []
+                            r("div", Ja, J([
+                              ...A.original.items.slice(0, 3).map((Te) => Te.sku.name),
+                              ...A.original.items.length >= 3 ? [`and ${A.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            r("div", Ja, [
-                              x(F(Pe), {
-                                render: (we = (Y = (ge = D.ref) == null ? void 0 : ge.column) == null ? void 0 : Y.columnDef) == null ? void 0 : we.cell,
-                                props: (Ae = (he = D.ref) == null ? void 0 : he.getContext) == null ? void 0 : Ae.call(he)
+                            r("div", Xa, [
+                              k(B(Pe), {
+                                render: (De = (Q = (ge = _.ref) == null ? void 0 : ge.column) == null ? void 0 : Q.columnDef) == null ? void 0 : De.cell,
+                                props: (Ae = (he = _.ref) == null ? void 0 : he.getContext) == null ? void 0 : Ae.call(he)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           r("div", null, [
-                            x(F(Pe), {
-                              render: (xe = (Fe = (Se = D.status) == null ? void 0 : Se.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : xe.cell,
-                              props: (me = (le = D.status) == null ? void 0 : le.getContext) == null ? void 0 : me.call(le)
+                            k(B(Pe), {
+                              render: (xe = (Fe = (we = _.status) == null ? void 0 : we.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : xe.cell,
+                              props: (me = (le = _.status) == null ? void 0 : le.getContext) == null ? void 0 : me.call(le)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -1882,12 +1889,12 @@ const ia = pt(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (j(), se(wt, { to: "body" }, [
-          x(Ya, St(F(m), {
-            show: F(p),
-            "onUpdate:show": f[2] || (f[2] = (h) => rt(p) ? p.value = h : null),
-            onSubmitted: f[3] || (f[3] = () => (p.value = !1, F(v).fetchDrafts())),
-            onRefresh: f[4] || (f[4] = (h) => F(v).updateDraftRef(h))
+        (C(), se(wt, { to: "body" }, [
+          k(Qa, St(B(m), {
+            show: B(v),
+            "onUpdate:show": f[2] || (f[2] = (A) => rt(v) ? v.value = A : null),
+            onSubmitted: f[3] || (f[3] = () => (v.value = !1, B(y).fetchDrafts())),
+            onRefresh: f[4] || (f[4] = (A) => B(y).updateDraftRef(A))
           }), null, 16, ["show"])
         ]))
       ], 64);
@@ -1895,5 +1902,5 @@ const ia = pt(
   }
 });
 export {
-  un as default
+  dn as default
 };