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

package/dist/{ClosingDraftView-BlaIq6iS.js → ClosingDraftView-r2C27qph.js}

@@ -1,56 +1,56 @@
-import { defineComponent as Ee, ref as Y, computed as L, onMounted as qe, resolveComponent as z, openBlock as F, createElementBlock as E, Fragment as le, createTextVNode as oe, createBlock as ie, withCtx as Q, createElementVNode as c, toDisplayString as ae, unref as $, createVNode as w, createCommentVNode as ne, h as A, reactive as jt, watch as It, isRef as ft, normalizeClass as Fe, renderList as Be, normalizeStyle as pt, Teleport as Ut, mergeProps as Pt } from "vue";
-import { F as vt, u as Rt, _ as Mt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
-import { useCoreStore as gt, useI18n as yt } from "@feedmepos/mf-common";
-import { useSnackbar as We, useDialog as Vt, useProxiedModel as Lt, components as ke, useBreakpoints as Nt } from "@feedmepos/ui-library";
-import { o as Et, u as ze, H as O, s as V, I as bt, J as ve, A as Qe, v as Me, c as zt, a as Ht } from "./app-CV3h70p4.js";
-import { defineStore as kt, storeToRefs as Ot } from "pinia";
-import { d as Le, e as ht, f as Yt, a as he } from "./date2-CkCGGaAb.js";
-import { R as Kt, f as Ze, a as Ge, t as Qt, d as Te, o as Dt, p as xt, m as At, l as Gt } from "./rules-2RvCSF3q.js";
-import { b as qt, d as Wt } from "./xlsx.util-Cc50iTml.js";
-import { u as _t } from "./stock-BWBlXMgT.js";
-import { u as Je } from "./stock-RjFuloPL.js";
-import { D as dt, R as Se } from "./row-action.enum-BcW_L_nE.js";
-import { c as Zt, _ as Jt, F as Re } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
-import { f as Xt } from "./format-time-from-id-BmBEi-Jw.js";
-import { _ as ea } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DBSjX9GC.js";
-import { E as ta } from "./empty-placeholder-wf6-BWE8.js";
-const He = Et((r, s) => {
+import { defineComponent as He, ref as Y, computed as L, onMounted as Ze, resolveComponent as z, openBlock as S, createElementBlock as E, Fragment as ie, createTextVNode as se, createBlock as oe, withCtx as Q, createElementVNode as c, toDisplayString as ne, unref as $, createVNode as A, createCommentVNode as te, h as x, reactive as It, watch as Ut, isRef as vt, normalizeClass as Fe, renderList as Te, normalizeStyle as gt, Teleport as Pt, mergeProps as Rt } from "vue";
+import { F as Ge, u as Mt, _ as Vt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
+import { useCoreStore as yt, useI18n as bt } from "@feedmepos/mf-common";
+import { useSnackbar as Je, useDialog as Lt, useProxiedModel as Nt, components as ge, useBreakpoints as Et } from "@feedmepos/ui-library";
+import { o as zt, u as Oe, H as O, s as V, I as ht, J as pe, A as Ve, v as Le, c as Ht, a as Ot } from "./app-BuvV4n4w.js";
+import { defineStore as kt, storeToRefs as Yt } from "pinia";
+import { d as Ee, e as Dt, f as Kt, a as ye } from "./date2-CkkGwYSP.js";
+import { R as Qt, f as Xe, a as We, t as qt, d as je, o as xt, p as At, m as _t, l as Gt } from "./rules-DwOMpBOV.js";
+import { b as Wt, d as Zt } from "./xlsx.util-jpTCFIaP.js";
+import { u as wt } from "./stock-DolMZJgQ.js";
+import { u as et } from "./stock-X1ADgvOm.js";
+import { D as pt, R as Se } from "./row-action.enum-BcW_L_nE.js";
+import { c as Jt, _ as Xt, F as Me } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
+import { f as ea } from "./format-time-from-id-CRiwabgV.js";
+import { _ as ta } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-ClY0PFyA.js";
+import { E as aa } from "./empty-placeholder-wf6-BWE8.js";
+const Ye = zt((l, s) => {
   function e() {
-    return ze().currentLocation.dbName;
+    return Oe().currentLocation.dbName;
   }
   return {
-    async getDraft(m) {
-      const b = e(), g = `${r.inventoryBackendUrl}/${b}/closing-draft/${m}`;
-      return s.get(g);
+    async getDraft(d) {
+      const h = e(), y = `${l.inventoryBackendUrl}/${h}/closing-draft/${d}`;
+      return s.get(y);
     },
     async readDrafts() {
-      const m = e(), b = `${r.inventoryBackendUrl}/${m}/closing-draft`;
-      return s.get(b);
+      const d = e(), h = `${l.inventoryBackendUrl}/${d}/closing-draft`;
+      return s.get(h);
     },
-    async runOperation(m) {
-      const b = e(), g = `${r.inventoryBackendUrl}/${b}/closing-draft/run-operation`;
-      return s.post(g, m);
+    async runOperation(d) {
+      const h = e(), y = `${l.inventoryBackendUrl}/${h}/closing-draft/run-operation`;
+      return s.post(y, d);
     },
-    async runOperationV1(m) {
-      const b = e(), g = `${r.inventoryBackendUrl}/${b}/closing-draft/v1/run-operation`;
-      return s.post(g, m);
+    async runOperationV1(d) {
+      const h = e(), y = `${l.inventoryBackendUrl}/${h}/closing-draft/v1/run-operation`;
+      return s.post(y, d);
     },
-    async sync(m) {
-      const b = e(), g = `${r.inventoryBackendUrl}/${b}/closing-draft/sync`;
-      return s.post(g, m);
+    async sync(d) {
+      const h = e(), y = `${l.inventoryBackendUrl}/${h}/closing-draft/sync`;
+      return s.post(y, d);
     },
-    async cloneDraft(m) {
-      const b = e(), g = `${r.inventoryBackendUrl}/${b}/closing-draft/${m}/clone`;
-      return s.post(g, {});
+    async cloneDraft(d) {
+      const h = e(), y = `${l.inventoryBackendUrl}/${h}/closing-draft/${d}/clone`;
+      return s.post(y, {});
     }
   };
-}), aa = { class: "fm-typo-en-body-lg-400" }, na = { class: "fm-typo-en-body-lg-600" }, oa = {
+}), na = { class: "fm-typo-en-body-lg-400" }, oa = { class: "fm-typo-en-body-lg-600" }, sa = {
   key: 0,
   class: "flex flex-col"
-}, sa = {
+}, ra = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
-}, ra = { class: "flex gap-12 py-8 justify-end w-full" }, Ke = /* @__PURE__ */ Ee({
+}, la = { class: "flex gap-12 py-8 justify-end w-full" }, qe = /* @__PURE__ */ He({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -58,8 +58,8 @@ const He = Et((r, s) => {
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(r) {
-    const s = r, e = Y(), m = He(), b = We(), g = Y(!1), y = Y(null), I = Y(!1), N = L(() => {
+  setup(l) {
+    const s = l, e = Y(), d = Ye(), h = Je(), y = Y(!1), b = Y(null), I = Y(!1), M = L(() => {
       switch (s.action) {
         case O.enum.approveDraft:
           return "Approve";
@@ -80,221 +80,221 @@ const He = Et((r, s) => {
       }
       throw new Error(`Unknown action: ${s.action}`);
     });
-    qe(() => {
+    Ze(() => {
       if (s.draft.effectiveAt)
-        y.value = new Date(s.draft.effectiveAt);
+        b.value = new Date(s.draft.effectiveAt);
       else {
         const u = new Date(s.draft.createdAt);
-        u.setHours(23, 59, 59, 999), y.value = u;
+        u.setHours(23, 59, 59, 999), b.value = u;
       }
       I.value = !0;
     });
-    const D = L({
+    const k = L({
       get() {
-        return y.value === null ? "" : Le(y.value);
+        return b.value === null ? "" : Ee(b.value);
       },
       set(u) {
         if (u) {
           const t = /* @__PURE__ */ new Date(`${u} ${P.value}`);
-          t.setSeconds(59, 999), y.value = t;
+          t.setSeconds(59, 999), b.value = t;
         } else
-          y.value = null;
+          b.value = null;
       }
     }), P = L({
       get() {
-        return y.value === null ? "" : ht(y.value);
+        return b.value === null ? "" : Dt(b.value);
       },
       set(u) {
         if (u) {
-          const t = /* @__PURE__ */ new Date(`${D.value} ${u}`);
-          t.setSeconds(59, 999), y.value = t;
+          const t = /* @__PURE__ */ new Date(`${k.value} ${u}`);
+          t.setSeconds(59, 999), b.value = t;
         } else
-          y.value = null;
+          b.value = null;
       }
-    }), B = L(() => y.value ? y.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
-    async function K(u) {
-      g.value = !0;
+    }), B = L(() => b.value ? b.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function q(u) {
+      y.value = !0;
       try {
-        u ? await m.runOperationV1({
+        u ? await d.runOperationV1({
           _id: s.draft._id,
           _rev: s.draft._rev ?? "",
           action: s.action,
           data: {
-            effectiveAt: y.value ? y.value.toISOString() : null,
+            effectiveAt: b.value ? b.value.toISOString() : null,
             remark: e.value
           }
-        }).delayed(500) : await m.runOperation({
+        }).delayed(500) : await d.runOperation({
           _id: s.draft._id,
           _rev: s.draft._rev ?? "",
           action: s.action,
           data: {
-            effectiveAt: y.value ? y.value.toISOString() : null,
+            effectiveAt: b.value ? b.value.toISOString() : null,
             remark: e.value
           }
-        }).delayed(500), b.open({
+        }).delayed(500), h.open({
           title: "Success",
           message: "Action submitted",
           type: "success"
         }), s.onFinished();
       } catch (t) {
-        b.open({
+        h.open({
           title: "Something went wrong",
           message: (t == null ? void 0 : t.message) ?? "Unable to submit action. Please try again",
           type: "error"
         }), console.error("error on submit closing draft action", t);
       } finally {
-        g.value = !1;
+        y.value = !1;
       }
     }
     return (u, t) => {
-      const _ = z("FmLabel"), R = z("FmDatePicker"), k = z("FmTimePicker"), d = z("FmTextField"), h = z("FmButton"), M = z("FmForm");
-      return I.value ? (F(), ie(M, {
+      const _ = z("FmLabel"), R = z("FmDatePicker"), N = z("FmTimePicker"), g = z("FmTextField"), m = z("FmButton"), F = z("FmForm");
+      return I.value ? (S(), oe(F, {
         key: 1,
-        onValidationSuccess: K,
+        onValidationSuccess: q,
         class: "flex flex-col gap-32",
-        disabled: g.value
+        disabled: y.value
       }, {
         default: Q(() => [
-          c("div", aa, [
-            t[5] || (t[5] = oe(" You are about to ")),
-            c("span", na, ae(N.value), 1),
-            t[6] || (t[6] = oe(" this draft. Please provide a remark to justify this action. "))
+          c("div", na, [
+            t[5] || (t[5] = se(" You are about to ")),
+            c("span", oa, ne(M.value), 1),
+            t[6] || (t[6] = se(" this draft. Please provide a remark to justify this action. "))
           ]),
-          u.action === $(O).enum.approveDraft ? (F(), E("div", oa, [
-            w(_, { class: "fm-typo-en-body-lg-600" }, {
+          u.action === $(O).enum.approveDraft ? (S(), E("div", sa, [
+            A(_, { class: "fm-typo-en-body-lg-600" }, {
               default: Q(() => t[7] || (t[7] = [
-                oe("Closing Date")
+                se("Closing Date")
               ])),
               _: 1
             }),
-            w(R, {
-              modelValue: D.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (H) => D.value = H),
-              max: $(Le)(/* @__PURE__ */ new Date())
+            A(R, {
+              modelValue: k.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (H) => k.value = H),
+              max: $(Ee)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
-            w(_, { class: "fm-typo-en-body-lg-600" }, {
+            A(_, { class: "fm-typo-en-body-lg-600" }, {
               default: Q(() => t[8] || (t[8] = [
-                oe("Closing Time")
+                se("Closing Time")
               ])),
               _: 1
             }),
-            w(k, {
+            A(N, {
               modelValue: P.value,
               "onUpdate:modelValue": t[1] || (t[1] = (H) => P.value = H)
             }, null, 8, ["modelValue"]),
-            B.value ? (F(), E("div", sa, " Cannot select future date ")) : ne("", !0)
-          ])) : ne("", !0),
-          w(d, {
+            B.value ? (S(), E("div", ra, " Cannot select future date ")) : te("", !0)
+          ])) : te("", !0),
+          A(g, {
             modelValue: e.value,
             "onUpdate:modelValue": t[2] || (t[2] = (H) => e.value = H),
             label: "Remark",
             "label-mark": "required",
-            rules: [$(Kt)()]
+            rules: [$(Qt)()]
           }, null, 8, ["modelValue", "rules"]),
-          c("div", ra, [
-            w(h, {
+          c("div", la, [
+            A(m, {
               label: "Cancel",
               variant: "tertiary",
               onClick: t[3] || (t[3] = (H) => u.onCancel())
             }),
-            u.action === $(O).enum.approveDraft ? (F(), ie(vt, { key: 0 }, {
+            u.action === $(O).enum.approveDraft ? (S(), oe(Ge, { key: 0 }, {
               default: Q(() => [
-                w(h, {
+                A(m, {
                   label: "Approve (Legacy)",
                   type: "button",
-                  onClick: t[4] || (t[4] = (H) => K(!0)),
+                  onClick: t[4] || (t[4] = (H) => q(!0)),
                   variant: U.value,
-                  loading: g.value,
+                  loading: y.value,
                   disabled: B.value
                 }, null, 8, ["variant", "loading", "disabled"])
               ]),
               _: 1
-            })) : ne("", !0),
-            w(h, {
-              label: N.value,
+            })) : te("", !0),
+            A(m, {
+              label: M.value,
               type: "submit",
               variant: U.value,
-              loading: g.value
+              loading: y.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (F(), E(le, { key: 0 }, [
-        oe("Loading")
+      }, 8, ["disabled"])) : (S(), E(ie, { key: 0 }, [
+        se("Loading")
       ], 64));
     };
   }
-}), la = Te(0);
-function wt(r) {
-  const s = r.measurementsAmounts.groupBy((m) => m.measurement.id), e = r.sku.unit.measurements.reduce((m, b) => {
-    var I, N;
-    const g = ((N = (I = s.get(b.id)) == null ? void 0 : I[0]) == null ? void 0 : N.amount) ?? la, y = Ze(b.conversion, g);
-    return m + +Ge(y);
-  }, +Ge(r.baseAmount));
-  return Qt(e, r.baseAmount.precision);
+}), ia = je(0);
+function St(l) {
+  const s = l.measurementsAmounts.groupBy((d) => d.measurement.id), e = l.sku.unit.measurements.reduce((d, h) => {
+    var I, M;
+    const y = ((M = (I = s.get(h.id)) == null ? void 0 : I[0]) == null ? void 0 : M.amount) ?? ia, b = Xe(h.conversion, y);
+    return d + +We(b);
+  }, +We(l.baseAmount));
+  return qt(e, l.baseAmount.precision);
 }
-const ia = Te(0), ca = Te(100), St = "N/A";
-function ua(r, s, e, m, b, g) {
-  var W, G, S, X, me;
-  const y = wt(r), I = m ?? y, N = Dt(I, s), U = s.amount === 0 ? null : xt(N, {
+const ca = je(0), ua = je(100), Ft = "N/A";
+function ma(l, s, e, d, h, y) {
+  var K, J, w, X, me;
+  const b = St(l), I = d ?? b, M = xt(I, s), U = s.amount === 0 ? null : At(M, {
     ...s,
     amount: Math.abs(s.amount)
-  }), D = U ? Ze(U, ca) : null, P = ((W = r.sku.defaultCost) == null ? void 0 : W.costPerUnit) ?? { amount: 0, precision: 0 }, B = Number(V.toFormatString({ value: P })), K = ((S = (G = r.sku.defaultCost) == null ? void 0 : G.measurement) == null ? void 0 : S.conversion) ?? {
+  }), k = U ? Xe(U, ua) : null, P = ((K = l.sku.defaultCost) == null ? void 0 : K.costPerUnit) ?? { amount: 0, precision: 0 }, B = Number(V.toFormatString({ value: P })), q = ((w = (J = l.sku.defaultCost) == null ? void 0 : J.measurement) == null ? void 0 : w.conversion) ?? {
     amount: 1,
     precision: 0
   }, u = Number(
-    V.toFormatString({ value: K })
-  ), t = b ? Number(V.toFormatString({ value: b })) : 0, _ = Number(V.toFormatString({ value: s })), R = Number(V.toFormatString({ value: I })), k = _ - R, d = k * B / u, h = R * B / u, M = _ * B / u;
+    V.toFormatString({ value: q })
+  ), t = h ? Number(V.toFormatString({ value: h })) : 0, _ = Number(V.toFormatString({ value: s })), R = Number(V.toFormatString({ value: I })), N = _ - R, g = N * B / u, m = R * B / u, F = _ * B / u;
   return {
-    code: r.sku.code,
-    name: r.sku.name,
-    baseUnit: r.sku.unit.abbrev,
-    costUnit: ((me = (X = r.sku.defaultCost) == null ? void 0 : X.measurement) == null ? void 0 : me.abbrev) ?? null,
-    baseUnitAmount: Number(V.toFormatString({ value: r.baseAmount })),
-    ...r.measurementsAmounts.filter(
-      (ee) => ma(ee.measurement) && e.includes(ee.measurement.id)
+    code: l.sku.code,
+    name: l.sku.name,
+    baseUnit: l.sku.unit.abbrev,
+    costUnit: ((me = (X = l.sku.defaultCost) == null ? void 0 : X.measurement) == null ? void 0 : me.abbrev) ?? null,
+    baseUnitAmount: Number(V.toFormatString({ value: l.baseAmount })),
+    ...l.measurementsAmounts.filter(
+      (ae) => da(ae.measurement) && e.includes(ae.measurement.id)
     ).reduce(
-      (ee, se, de) => (ee[`measurementAbbrev${de}`] = `(${se.measurement.abbrev}) × ${V.toFormatString({ value: se.measurement.conversion })}`, ee[`measurementAmount${de}`] = Number(V.toFormatString({ value: se.amount })), ee),
+      (ae, re, de) => (ae[`measurementAbbrev${de}`] = `(${re.measurement.abbrev}) × ${V.toFormatString({ value: re.measurement.conversion })}`, ae[`measurementAmount${de}`] = Number(V.toFormatString({ value: re.amount })), ae),
       {}
     ),
     systemBalance: _,
     physicalBalance: R,
-    adjustedAmount: Number(V.toFormatString({ value: N })),
-    adjustedDiffPercentage: D ? Number(
+    adjustedAmount: Number(V.toFormatString({ value: M })),
+    adjustedDiffPercentage: k ? Number(
       V.toFormatString({
-        value: At(D, 2)
+        value: _t(k, 2)
       })
     ) : null,
     costPerUnit: B,
     opening: t,
-    adjustmentTypes: g ?? St,
-    varianceQty: k,
-    varianceInCost: d,
-    stockTakeValue: h,
-    systemValue: M
+    adjustmentTypes: y ?? Ft,
+    varianceQty: N,
+    varianceInCost: g,
+    stockTakeValue: m,
+    systemValue: F
   };
 }
-function ma(r) {
-  return !r.abbrev.toLocaleLowerCase().includes("inactive");
+function da(l) {
+  return !l.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function da(r) {
-  const s = Ft(r);
-  return r.reduce(
-    (e, m) => {
-      var b;
-      return Math.max(e, ((b = s == null ? void 0 : s.get(m.sku._id)) == null ? void 0 : b[0].length) ?? 0);
+function fa(l) {
+  const s = Ct(l);
+  return l.reduce(
+    (e, d) => {
+      var h;
+      return Math.max(e, ((h = s == null ? void 0 : s.get(d.sku._id)) == null ? void 0 : h[0].length) ?? 0);
     },
     0
   );
 }
-function Ft(r) {
-  return r.groupBy(
+function Ct(l) {
+  return l.groupBy(
     (s) => s.sku._id,
     (s) => s.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
   );
 }
-function fa(r) {
-  const s = bt(), e = s === "MYR" ? "RM" : s;
+function pa(l) {
+  const s = ht(), e = s === "MYR" ? "RM" : s;
   return [
     {
       id: "code",
@@ -360,175 +360,175 @@ function fa(r) {
       id: "baseUnitAmount",
       name: "Base unit amount"
     },
-    ...Array.from({ length: r }).flatMap((b, g) => [
+    ...Array.from({ length: l }).flatMap((h, y) => [
       {
-        id: `measurementAmount${g}`,
-        name: `UOM amount ${g + 1}`
+        id: `measurementAmount${y}`,
+        name: `UOM amount ${y + 1}`
       },
       {
-        id: `measurementAbbrev${g}`,
-        name: `UOM ${g + 1}`
+        id: `measurementAbbrev${y}`,
+        name: `UOM ${y + 1}`
       }
     ])
   ];
 }
-function pa(r, s, e) {
-  var k, d, h, M, H, W, G;
-  const m = s.groupBy(
-    (S) => S.id,
-    (S) => S.balance
-  ), b = e.groupBy(
-    (S) => S.id,
-    (S) => S.balance
-  ), g = /* @__PURE__ */ new Map();
-  if (r.opening)
-    for (const S of r.opening)
-      g.set(S.skuId, S.balance);
-  const y = /* @__PURE__ */ new Map();
-  if (r.adjustmentSnapshot)
-    for (const S of r.adjustmentSnapshot) {
-      const X = Object.keys(S.adjustmentsByType).join(", ");
-      y.set(S.skuId, X || St);
+function va(l, s, e) {
+  var N, g, m, F, H, K, J;
+  const d = s.groupBy(
+    (w) => w.id,
+    (w) => w.balance
+  ), h = e.groupBy(
+    (w) => w.id,
+    (w) => w.balance
+  ), y = /* @__PURE__ */ new Map();
+  if (l.opening)
+    for (const w of l.opening)
+      y.set(w.skuId, w.balance);
+  const b = /* @__PURE__ */ new Map();
+  if (l.adjustmentSnapshot)
+    for (const w of l.adjustmentSnapshot) {
+      const X = Object.keys(w.adjustmentsByType).join(", ");
+      b.set(w.skuId, X || Ft);
     }
-  const I = [...r.items, ...r.negativeStockItems ?? []], N = Ft(I), U = I.map((S) => {
-    var de, De, xe;
-    const X = ((de = m.get(S.sku._id)) == null ? void 0 : de[0]) ?? ia, me = ((De = N == null ? void 0 : N.get(S.sku._id)) == null ? void 0 : De[0]) ?? [], ee = g.get(S.sku._id), se = y.get(S.sku._id);
-    return ua(
-      S,
+  const I = [...l.items, ...l.negativeStockItems ?? []], M = Ct(I), U = I.map((w) => {
+    var de, be, he;
+    const X = ((de = d.get(w.sku._id)) == null ? void 0 : de[0]) ?? ca, me = ((be = M == null ? void 0 : M.get(w.sku._id)) == null ? void 0 : be[0]) ?? [], ae = y.get(w.sku._id), re = b.get(w.sku._id);
+    return ma(
+      w,
       X,
       me,
-      (xe = b.get(S.sku._id)) == null ? void 0 : xe[0],
-      ee,
-      se
+      (he = h.get(w.sku._id)) == null ? void 0 : he[0],
+      ae,
+      re
     );
-  }), D = da(I), B = gt().currentBusiness.value, K = fa(D), u = [
+  }), k = fa(I), B = yt().currentBusiness.value, q = pa(k), u = [
     ["Business name:", B == null ? void 0 : B.name],
     ["Business ID:", B == null ? void 0 : B._id],
     ["Menu version", B == null ? void 0 : B.menuVersion],
-    ["Created at", new Date(r.createdAt)],
-    ["Created by", (k = r.createdBy) == null ? void 0 : k.name],
-    ["Updated at", new Date(r.updatedAt)],
-    ["Updated by", (d = r.updatedBy) == null ? void 0 : d.name],
-    ["Recent action", r.approvedAt ? "Approve" : r.rejectionHistory ? "Reject" : ""],
+    ["Created at", new Date(l.createdAt)],
+    ["Created by", (N = l.createdBy) == null ? void 0 : N.name],
+    ["Updated at", new Date(l.updatedAt)],
+    ["Updated by", (g = l.updatedBy) == null ? void 0 : g.name],
+    ["Recent action", l.approvedAt ? "Approve" : l.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      r.approvedAt ? (h = r.approvedBy) == null ? void 0 : h.name : r.rejectionHistory ? (H = (M = r.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : H.name : ""
+      l.approvedAt ? (m = l.approvedBy) == null ? void 0 : m.name : l.rejectionHistory ? (H = (F = l.rejectionHistory[0]) == null ? void 0 : F.rejectedBy) == null ? void 0 : H.name : ""
     ],
     [
       "Action at",
-      r.approvedAt ? new Date(r.approvedAt) : r.rejectionHistory ? new Date((W = r.rejectionHistory[0]) == null ? void 0 : W.rejectedAt) : ""
+      l.approvedAt ? new Date(l.approvedAt) : l.rejectionHistory ? new Date((K = l.rejectionHistory[0]) == null ? void 0 : K.rejectedAt) : ""
     ],
     [
       "Action remark",
-      r.approvedAt ? r.approveRemark : r.rejectionHistory ? new Date((G = r.rejectionHistory[0]) == null ? void 0 : G.rejectRemark) : ""
+      l.approvedAt ? l.approveRemark : l.rejectionHistory ? new Date((J = l.rejectionHistory[0]) == null ? void 0 : J.rejectRemark) : ""
     ],
     [],
-    K.map((S) => S.name),
-    ...U.map((S) => K.map((X) => S[X.id]))
-  ], t = K.map((S) => `system:${S.id}`), _ = qt(u, t), R = `[${B == null ? void 0 : B.name}] closing draft (${Yt(new Date(r.updatedAt))}).xlsx`;
-  return Wt(_, R), R;
+    q.map((w) => w.name),
+    ...U.map((w) => q.map((X) => w[X.id]))
+  ], t = q.map((w) => `system:${w.id}`), _ = Wt(u, t), R = `[${B == null ? void 0 : B.name}] closing draft (${Kt(new Date(l.updatedAt))}).xlsx`;
+  return Zt(_, R), R;
 }
-const va = { class: "flex flex-col" }, ga = {
+const ga = { class: "flex flex-col" }, ya = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
-}, ya = { class: "flex gap-12 py-8 justify-end w-full" }, ba = /* @__PURE__ */ Ee({
+}, ba = { class: "flex gap-12 py-8 justify-end w-full" }, ha = /* @__PURE__ */ He({
   __name: "RefreshBalanceAction",
   props: {
     draft: {},
     onCancel: { type: Function },
     onFinished: { type: Function }
   },
-  setup(r) {
-    const s = r;
-    Je();
-    const e = Y(!1), m = Y(null), b = Y(!1);
-    qe(() => {
+  setup(l) {
+    const s = l;
+    et();
+    const e = Y(!1), d = Y(null), h = Y(!1);
+    Ze(() => {
       if (s.draft.effectiveAt)
-        m.value = new Date(s.draft.effectiveAt);
+        d.value = new Date(s.draft.effectiveAt);
       else {
         const U = new Date(s.draft.createdAt);
-        U.setHours(23, 59, 59, 999), m.value = U;
+        U.setHours(23, 59, 59, 999), d.value = U;
       }
-      b.value = !0;
+      h.value = !0;
     });
-    const g = L({
+    const y = L({
       get() {
-        return m.value === null ? "" : Le(m.value);
+        return d.value === null ? "" : Ee(d.value);
       },
       set(U) {
         if (U) {
-          const D = /* @__PURE__ */ new Date(`${U} ${y.value}`);
-          D.setSeconds(59, 999), m.value = D;
+          const k = /* @__PURE__ */ new Date(`${U} ${b.value}`);
+          k.setSeconds(59, 999), d.value = k;
         } else
-          m.value = null;
+          d.value = null;
       }
-    }), y = L({
+    }), b = L({
       get() {
-        return m.value === null ? "" : ht(m.value);
+        return d.value === null ? "" : Dt(d.value);
       },
       set(U) {
         if (U) {
-          const D = /* @__PURE__ */ new Date(`${g.value} ${U}`);
-          D.setSeconds(59, 999), m.value = D;
+          const k = /* @__PURE__ */ new Date(`${y.value} ${U}`);
+          k.setSeconds(59, 999), d.value = k;
         } else
-          m.value = null;
+          d.value = null;
       }
-    }), I = L(() => m.value ? m.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
-    async function N() {
-      e.value = !0, s.onFinished(m.value.toISOString());
+    }), I = L(() => d.value ? d.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function M() {
+      e.value = !0, s.onFinished(d.value.toISOString());
     }
-    return (U, D) => {
-      const P = z("FmLabel"), B = z("FmDatePicker"), K = z("FmTimePicker"), u = z("FmButton"), t = z("FmForm");
-      return b.value ? (F(), ie(t, {
+    return (U, k) => {
+      const P = z("FmLabel"), B = z("FmDatePicker"), q = z("FmTimePicker"), u = z("FmButton"), t = z("FmForm");
+      return h.value ? (S(), oe(t, {
         key: 1,
-        onValidationSuccess: N,
+        onValidationSuccess: M,
         class: "flex flex-col gap-32",
         disabled: e.value
       }, {
         default: Q(() => [
-          D[5] || (D[5] = c("div", { class: "fm-typo-en-body-lg-400" }, [
+          k[5] || (k[5] = c("div", { class: "fm-typo-en-body-lg-400" }, [
             c("p", null, [
-              oe(" Performing "),
+              se(" Performing "),
               c("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
-              oe(" until closing effective date and time. ")
+              se(" until closing effective date and time. ")
             ]),
             c("p", { class: "mt-2" }, [
-              oe(" Please note that this action will "),
+              se(" Please note that this action will "),
               c("b", null, "update"),
-              oe(" the effective date and time. ")
+              se(" the effective date and time. ")
             ])
           ], -1)),
-          c("div", va, [
-            w(P, { class: "fm-typo-en-body-lg-600" }, {
-              default: Q(() => D[3] || (D[3] = [
-                oe("Closing Date")
+          c("div", ga, [
+            A(P, { class: "fm-typo-en-body-lg-600" }, {
+              default: Q(() => k[3] || (k[3] = [
+                se("Closing Date")
               ])),
               _: 1
             }),
-            w(B, {
-              modelValue: g.value,
-              "onUpdate:modelValue": D[0] || (D[0] = (_) => g.value = _),
-              max: $(Le)(/* @__PURE__ */ new Date())
+            A(B, {
+              modelValue: y.value,
+              "onUpdate:modelValue": k[0] || (k[0] = (_) => y.value = _),
+              max: $(Ee)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
-            w(P, { class: "fm-typo-en-body-lg-600" }, {
-              default: Q(() => D[4] || (D[4] = [
-                oe("Closing Time")
+            A(P, { class: "fm-typo-en-body-lg-600" }, {
+              default: Q(() => k[4] || (k[4] = [
+                se("Closing Time")
               ])),
               _: 1
             }),
-            w(K, {
-              modelValue: y.value,
-              "onUpdate:modelValue": D[1] || (D[1] = (_) => y.value = _)
+            A(q, {
+              modelValue: b.value,
+              "onUpdate:modelValue": k[1] || (k[1] = (_) => b.value = _)
             }, null, 8, ["modelValue"]),
-            I.value ? (F(), E("div", ga, " Cannot select future date ")) : ne("", !0)
+            I.value ? (S(), E("div", ya, " Cannot select future date ")) : te("", !0)
           ]),
-          c("div", ya, [
-            w(u, {
+          c("div", ba, [
+            A(u, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: D[2] || (D[2] = (_) => U.onCancel())
+              onClick: k[2] || (k[2] = (_) => U.onCancel())
             }),
-            w(u, {
+            A(u, {
               label: "Refresh balance",
               type: "submit",
               variant: "primary",
@@ -538,157 +538,172 @@ const va = { class: "flex flex-col" }, ga = {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (F(), E(le, { key: 0 }, [
-        oe("Loading")
+      }, 8, ["disabled"])) : (S(), E(ie, { key: 0 }, [
+        se("Loading")
       ], 64));
     };
   }
-}), Ne = kt(
+}), ze = kt(
   "closingDraftActions",
   function() {
-    const s = Vt(), e = We(), m = Je(), b = He(), g = _t(), y = Y(!1), I = Y();
-    function N(k) {
-      const d = {
-        draft: k
+    const s = Lt(), e = Je(), d = et(), h = Ye(), y = wt(), b = Y(!1), I = Y();
+    function M(g) {
+      const m = {
+        draft: g
       };
-      I.value = d, y.value = !0;
+      I.value = m, b.value = !0;
     }
-    async function U(k) {
-      var h;
-      if (k.status === ve.enum.COMPLETED) {
-        const M = k.closingAdjustmentId;
-        if (!M)
+    async function U(g) {
+      var F;
+      if (g.status === pe.enum.COMPLETED) {
+        const H = g.closingAdjustmentId;
+        if (!H)
           return e.open({
             title: "Something went wrong",
             message: "Closing draft is completed but closing document cannot be found.",
             type: "error"
           }), console.error("Closing draft is completed but closing document cannot be found.", {
-            draftId: k._id
+            draftId: g._id
           }), [];
-        const H = await m.readAdjustmentById(M);
-        return ((H == null ? void 0 : H.skus) ?? []).map((G) => ({
-          id: G.sku._id,
-          balance: G.fromBalance,
-          costs: G.fromCostBalances
+        const K = await d.readAdjustmentById(H);
+        return ((K == null ? void 0 : K.skus) ?? []).map((w) => ({
+          id: w.sku._id,
+          balance: w.fromBalance,
+          costs: w.fromCostBalances
         }));
       } else
-        return await g.readStockBalance(), ((h = g.stockBalance) == null ? void 0 : h.skus) ?? [];
+        return await y.readStockBalance(), ((F = y.stockBalance) == null ? void 0 : F.skus) ?? [];
     }
-    async function D(k, d, h) {
-      d || (e.open({
+    async function k(g, m, F) {
+      m || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), d = await U(k)), pa(k, d, h ?? []);
+      }), m = await U(g)), va(g, m, F ?? []);
     }
-    function P(k, d) {
+    function P(g, m) {
       s.open({
         title: "Approve draft",
-        contentComponent: Ke,
+        contentComponent: qe,
         contentComponentProps: {
-          draft: k,
+          draft: g,
           action: O.enum.approveDraft,
           onFinished: () => {
-            s.close(), d == null || d();
+            s.close(), m == null || m();
           },
           onCancel: () => s.close()
         }
       });
     }
-    function B(k, d) {
+    function B(g, m) {
       s.open({
         title: "Reject draft",
-        contentComponent: Ke,
+        contentComponent: qe,
         contentComponentProps: {
-          draft: k,
+          draft: g,
           action: O.enum.rejectDraft,
           onFinished: () => {
-            s.close(), d == null || d();
+            s.close(), m == null || m();
           },
           onCancel: () => s.close()
         }
       });
     }
-    function K(k, d) {
+    function q(g, m) {
       s.open({
         title: "Mark draft as failed",
-        contentComponent: Ke,
+        contentComponent: qe,
         contentComponentProps: {
-          draft: k,
+          draft: g,
           action: O.enum.markAsFailed,
           onFinished: () => {
-            s.close(), d == null || d();
+            s.close(), m == null || m();
           },
           onCancel: () => s.close()
         }
       });
     }
-    async function u(k, d) {
-      await b.sync({
-        _id: k._id,
-        _rev: k._rev ?? "",
+    async function u(g, m) {
+      await h.sync({
+        _id: g._id,
+        _rev: g._rev ?? "",
         action: O.enum.approveDraft,
         data: {
-          remark: k.remark ?? ""
+          remark: g.remark ?? ""
         }
       }).delayed(500), e.open({
         title: "Success",
         message: "Sync requested",
         type: "success"
-      }), d == null || d();
+      }), m == null || m();
     }
     function t() {
-      y.value = !1;
+      b.value = !1;
     }
-    async function _(k, d, h) {
+    async function _(g, m, F) {
       await s.open({
         title: "Refresh balance",
-        contentComponent: ba,
+        contentComponent: ha,
         contentComponentProps: {
-          draft: k,
-          onFinished: (M) => {
-            s.close(), h == null || h(M);
+          draft: g,
+          onFinished: (H) => {
+            s.close(), F == null || F(H);
           },
           onCancel: async () => {
-            s.close(), d == null || d();
+            s.close(), m == null || m();
           }
         }
       });
     }
-    async function R(k, d) {
+    async function R(g) {
+      await s.open({
+        title: "Invalidate closing draft cache",
+        message: "It will invalidate opening and stock movement cache for this draft.",
+        primaryActions: { text: "Proceed", close: !0 },
+        secondaryActions: { text: "Cancel", close: !0 }
+      }).onPrimary(async () => {
+        await d.recalculation.scheduleInvalidateClosingDraftCache([g._id]), e.open({
+          title: "Success",
+          message: "Invalidate cache requested",
+          type: "success"
+        });
+      });
+    }
+    async function N(g, m) {
       try {
         e.open({
           title: "Cloning",
           message: "Creating a copy of the draft..."
-        }), await b.cloneDraft(k._id), e.open({
+        }), await h.cloneDraft(g._id), e.open({
           title: "Success",
           message: "Draft cloned successfully",
           type: "success"
-        }), d == null || d();
-      } catch (h) {
+        }), m == null || m();
+      } catch (F) {
         e.open({
           title: "Error",
-          message: (h == null ? void 0 : h.message) || "Failed to clone draft",
+          message: (F == null ? void 0 : F.message) || "Failed to clone draft",
           type: "error"
         });
       }
     }
     return {
-      viewDraft: N,
+      viewDraft: M,
       closeDraftDialog: t,
       approveDraft: P,
       rejectDraft: B,
-      markAsFailed: K,
+      markAsFailed: q,
       syncDraft: u,
-      exportDraft: D,
+      exportDraft: k,
       refreshBalance: _,
-      cloneDraft: R,
-      viewClosingDraftShow: y,
-      viewClosingDraftProps: I
+      cloneDraft: N,
+      viewClosingDraftShow: b,
+      viewClosingDraftProps: I,
+      invalidateDraftCache: R
     };
   }
 );
-function Ve(r) {
-  switch (r) {
+function Ne(l) {
+  switch (l) {
     case "DRAFT":
       return "fm-status-badge-draft";
     case "PROCESSING":
@@ -702,59 +717,59 @@ function Ve(r) {
 const ka = kt(
   "closingDraftTable",
   function() {
-    const { t: s } = yt(), e = gt(), m = Ne(), b = Y(new Array()), g = Y(!1), y = ze(), I = He();
-    async function N() {
-      if (b.value = [], !!y._currentLocation) {
-        g.value = !0;
+    const { t: s } = bt(), e = yt(), d = ze(), h = Y(new Array()), y = Y(!1), b = Oe(), I = Ye();
+    async function M() {
+      if (h.value = [], !!b._currentLocation) {
+        y.value = !0;
         try {
           const [u] = await Promise.all([I.readDrafts()]).delayed(1e3);
-          b.value = u.reverse();
+          h.value = u.reverse();
         } catch (u) {
           console.log("Something went wrong when fetching drafts:", u);
         } finally {
-          g.value = !1;
+          y.value = !1;
         }
       }
     }
     async function U(u) {
-      if (!b.value.find((t) => t._id) && y._currentLocation) {
-        g.value = !0;
+      if (!h.value.find((t) => t._id) && b._currentLocation) {
+        y.value = !0;
         try {
           const [t] = await Promise.all([
             I.getDraft(u),
             new Promise((_) => setTimeout(_, 1e3))
           ]);
-          b.value = [t];
+          h.value = [t];
         } catch (t) {
           console.log("Something went wrong when fetching drafts:", t);
         } finally {
-          g.value = !1;
+          y.value = !1;
         }
       }
     }
-    function D(u) {
-      b.value = b.value.map((t) => t._id === u._id ? {
+    function k(u) {
+      h.value = h.value.map((t) => t._id === u._id ? {
         ...u,
         _rev: t._rev
       } : t);
     }
     function P() {
-      m.closeDraftDialog(), N();
+      d.closeDraftDialog(), M();
     }
     function B(u, t) {
-      switch (t = zt(t), u) {
+      switch (t = Ht(t), u) {
         case Se.Details:
-          return m.viewDraft(t);
+          return d.viewDraft(t);
         case Se.Export:
-          return m.exportDraft(t);
+          return d.exportDraft(t);
         case O.enum.approveDraft:
-          return m.approveDraft(t, P);
+          return d.approveDraft(t, P);
         case O.enum.rejectDraft:
-          return m.rejectDraft(t, P);
+          return d.rejectDraft(t, P);
         case O.enum.markAsFailed:
-          return m.markAsFailed(t, P);
+          return d.markAsFailed(t, P);
         case Se.Duplicate:
-          return m.cloneDraft(t, P);
+          return d.cloneDraft(t, P);
       }
     }
     return {
@@ -764,7 +779,7 @@ const ka = kt(
           accessorKey: "_id",
           header: () => s("inventory.closing.table.createdAt"),
           cell(u) {
-            return Xt(`${u.getValue()}`);
+            return ea(`${u.getValue()}`);
           },
           enableSorting: !0
         },
@@ -774,14 +789,14 @@ const ka = kt(
           cell(u) {
             const t = u.row.original;
             let _ = u.getValue();
-            return _ || (_ = Qe(t._id)), he(_);
+            return _ || (_ = Ve(t._id)), ye(_);
           },
           enableSorting: !0,
           size: 200
         },
         {
           id: "updatedAt",
-          accessorFn: (u) => he(u.updatedAt),
+          accessorFn: (u) => ye(u.updatedAt),
           header: () => "Updated at",
           enableSorting: !0,
           size: 200
@@ -820,43 +835,43 @@ const ka = kt(
           header: () => s("inventory.closing.table.status"),
           enableSorting: !1,
           cell(u) {
-            var h;
-            const t = u.row.original, _ = t.status, R = new Date(t.updatedAt), k = (h = t == null ? void 0 : t.rejectionHistory) == null ? void 0 : h.computeFirst((M) => M.rejectedAt), d = k ? new Date(k) : null;
-            return _ === "DRAFT" && d ? d.getTime() > R.getTime() ? A(
+            var m;
+            const t = u.row.original, _ = t.status, R = new Date(t.updatedAt), N = (m = t == null ? void 0 : t.rejectionHistory) == null ? void 0 : m.computeFirst((F) => F.rejectedAt), g = N ? new Date(N) : null;
+            return _ === "DRAFT" && g ? g.getTime() > R.getTime() ? x(
               "div",
               {
                 class: "flex"
               },
-              A(
+              x(
                 "div",
                 {
-                  class: ["fm-status-badge", Ve("FAILED")]
+                  class: ["fm-status-badge", Ne("FAILED")]
                 },
                 "Rejected"
               )
-            ) : A(
+            ) : x(
               "div",
               {
                 class: "flex"
               },
-              A(
+              x(
                 "div",
                 {
-                  class: ["fm-status-badge", Ve("PROCESSING")]
+                  class: ["fm-status-badge", Ne("PROCESSING")]
                 },
                 "Updated"
               )
-            ) : A(
+            ) : x(
               "div",
               {
                 class: "flex"
               },
-              A(
+              x(
                 "div",
                 {
-                  class: ["fm-status-badge", Ve(_)]
+                  class: ["fm-status-badge", Ne(_)]
                 },
-                Me(_)
+                Le(_)
               )
             );
           }
@@ -864,11 +879,11 @@ const ka = kt(
         {
           id: "action",
           cell(u) {
-            var h;
-            const t = u.row.original, _ = ((h = e.sessionUser.value) == null ? void 0 : h.role.isAdmin) ?? !1, R = [
-              dt[Se.Details],
-              dt[Se.Export]
-            ], k = [
+            var m;
+            const t = u.row.original, _ = ((m = e.sessionUser.value) == null ? void 0 : m.role.isAdmin) ?? !1, R = [
+              pt[Se.Details],
+              pt[Se.Export]
+            ], N = [
               {
                 translationKey: "inventory.closing.draft.approveDraft",
                 color: "text-fm-color-typo-primary",
@@ -884,20 +899,20 @@ const ka = kt(
                 color: "text-fm-color-typo-error",
                 value: O.enum.markAsFailed
               }
-            ], d = _ && t.status !== ve.enum.DRAFT ? [
+            ], g = _ && t.status !== pe.enum.DRAFT ? [
               {
                 translationKey: "inventory.closing.draft.cloneDraft",
                 color: "text-fm-color-typo-primary",
                 value: Se.Duplicate
               }
             ] : [];
-            return Zt(
+            return Jt(
               [
                 ...R,
-                ...t.status === ve.enum.DRAFT ? k : []
+                ...t.status === pe.enum.DRAFT ? N : []
               ],
-              (M) => B(M, t),
-              d
+              (F) => B(F, t),
+              g
             );
           },
           enableSorting: !1,
@@ -908,91 +923,91 @@ const ka = kt(
           }
         }
       ],
-      drafts: b,
-      loading: g,
-      fetchDrafts: N,
+      drafts: h,
+      loading: y,
+      fetchDrafts: M,
       loadDraft: U,
-      updateDraftRef: D
+      updateDraftRef: k
     };
   }
-), ha = { class: "w-full flex flex-col gap-32" }, Da = { class: "flex justify-between" }, xa = { class: "flex" }, Aa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, _a = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wa = { class: "flex gap-1" }, Sa = { class: "fm-typo-en-body-lg-600" }, Fa = { class: "flex flex-col gap-16" }, Ca = { class: "flex items-center" }, $a = {
+), Da = { class: "w-full flex flex-col gap-32" }, xa = { class: "flex justify-between" }, Aa = { class: "flex" }, _a = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sa = { class: "flex gap-1" }, Fa = { class: "fm-typo-en-body-lg-600" }, Ca = { class: "flex flex-col gap-16" }, $a = { class: "flex items-center" }, Ba = {
   key: 0,
   class: "flex gap-8"
-}, Ba = {
+}, Ta = {
   key: 0,
   class: "w-full flex flex-col items-center"
-}, Ta = { class: "flex items-center gap-8" }, ja = { class: "flex flex-col gap-8" }, Ia = { class: "flex gap-8" }, Ua = {
+}, ja = { class: "flex items-center gap-8" }, Ia = { class: "flex flex-col gap-8" }, Ua = { class: "flex gap-8" }, Pa = {
   key: 0,
   class: "flex gap-8"
-}, Pa = { class: "overflow-x-auto" }, Ra = {
+}, Ra = { class: "overflow-x-auto" }, Ma = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, Ma = {
+}, Va = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
-}, Va = ["src"], La = {
+}, La = ["src"], Na = {
   key: 1,
   class: "px-4 flex flex-col"
-}, Na = { class: "flex gap-12 content-stretch" }, Ea = {
+}, Ea = { class: "flex gap-12 content-stretch" }, za = {
   class: "flex flex-col w-24",
   name: "circles"
-}, za = { class: "flex-1 flex flex-col items-center" }, Ha = { class: "flex-1 flex flex-col items-center" }, Oa = {
+}, Ha = { class: "flex-1 flex flex-col items-center" }, Oa = { class: "flex-1 flex flex-col items-center" }, Ya = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, Ya = { class: "fm-typo-en-body-lg-400" }, Ka = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Qa = { class: "flex gap-12 content-stretch" }, Ga = {
+}, Ka = { class: "fm-typo-en-body-lg-400" }, Qa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, qa = { class: "flex gap-12 content-stretch" }, Ga = {
   class: "flex flex-col w-24",
   name: "circles"
-}, qa = { class: "flex-1 flex flex-col items-center" }, Wa = {
+}, Wa = { class: "flex-1 flex flex-col items-center" }, Za = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, Za = { class: "flex flex-col gap-8" }, Ja = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Xa = { class: "flex flex-col gap-4" }, en = { class: "flex gap-8" }, tn = "N/A", an = /* @__PURE__ */ Ee({
+}, Ja = { class: "flex flex-col gap-8" }, Xa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, en = { class: "flex flex-col gap-4" }, tn = { class: "flex gap-8" }, an = "N/A", nn = /* @__PURE__ */ He({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
     draft: {}
   },
   emits: ["submitted", "refresh"],
-  setup(r, { emit: s }) {
-    const e = r, m = L(() => {
-      const l = bt();
-      return l === "MYR" ? "RM" : l;
-    }), b = _t(), g = Ne(), y = Lt(e, "show"), I = Y(!1), N = Y(!1), U = Y(!1), D = Y(new Array()), P = Y(new Array()), B = Y([]), K = Je(), u = He(), t = We(), _ = Ht(), R = ze(), k = jt({}), d = L(() => new Set(
-      _.skus.filter((l) => {
+  setup(l, { emit: s }) {
+    const e = l, d = L(() => {
+      const r = ht();
+      return r === "MYR" ? "RM" : r;
+    }), h = wt(), y = ze(), b = Nt(e, "show"), I = Y(!1), M = Y(!1), U = Y(!1), k = Y(new Array()), P = Y(new Array()), B = Y([]), q = et(), u = Ye(), t = Je(), _ = Ot(), R = Oe(), N = It({}), g = L(() => new Set(
+      _.skus.filter((r) => {
         var a;
-        return k[(a = l.customAttributes) == null ? void 0 : a.tag];
-      }).map((l) => l._id)
-    )), h = s, M = Y({
+        return N[(a = r.customAttributes) == null ? void 0 : a.tag];
+      }).map((r) => r._id)
+    )), m = s, F = Y({
       templateItem: !0,
       nonTemplateItem: !0
     }), H = L(() => {
       var a, f;
-      const l = [...((a = e.draft) == null ? void 0 : a.items) ?? [], ...((f = e.draft) == null ? void 0 : f.negativeStockItems) ?? []];
-      return d.value.size ? l.filter((n) => d.value.has(n.sku._id)) : l;
-    }), W = L(() => {
-      const l = H.value.map((a) => a.sku);
-      return l.sort((a, f) => a.code.localeCompare(f.code)), l;
-    }), G = L(() => H.value.groupBy(
+      const r = [...((a = e.draft) == null ? void 0 : a.items) ?? [], ...((f = e.draft) == null ? void 0 : f.negativeStockItems) ?? []];
+      return g.value.size ? r.filter((n) => g.value.has(n.sku._id)) : r;
+    }), K = L(() => {
+      const r = H.value.map((a) => a.sku);
+      return r.sort((a, f) => a.code.localeCompare(f.code)), r;
+    }), J = L(() => H.value.groupBy(
       (a) => a.sku._id,
       (a) => a.measurementsAmounts.filter((f) => !f.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((f) => f.measurement.id)
     ));
-    qe(me), It(
+    Ze(me), Ut(
       () => e.show,
-      (l) => {
-        l && (ye.value = ge[0], me(), M.value = {
+      (r) => {
+        r && (ke.value = _e[0], me(), F.value = {
           templateItem: !0,
           nonTemplateItem: !0
         });
       }
     );
-    const S = Te(0), X = Te(100);
+    const w = je(0), X = je(100);
     async function me() {
       var a, f, n, o;
       if (!R._currentLocation) return;
       I.value = !0;
-      const l = ((a = e.draft) == null ? void 0 : a.status) === ve.enum.COMPLETED;
+      const r = ((a = e.draft) == null ? void 0 : a.status) === pe.enum.COMPLETED;
       P.value = [];
       try {
-        if (await _.init(), l) {
+        if (await _.init(), r) {
           const T = e.draft.closingAdjustmentId;
           if (!T) {
             t.open({
@@ -1004,9 +1019,9 @@ const ka = kt(
             });
             return;
           }
-          const j = await K.readAdjustmentById(T), re = (j == null ? void 0 : j.skus) ?? [];
-          for (const ce of re) {
-            const _e = {
+          const j = await q.readAdjustmentById(T), le = (j == null ? void 0 : j.skus) ?? [];
+          for (const ce of le) {
+            const De = {
               id: ce.sku._id,
               balance: ce.fromBalance,
               costs: ce.fromCostBalances
@@ -1015,20 +1030,20 @@ const ka = kt(
               balance: ce.toBalance,
               costs: ce.toCostBalances
             };
-            D.value.push(_e), P.value.push(C);
+            k.value.push(De), P.value.push(C);
           }
         } else
-          D.value = ((n = e.draft) == null ? void 0 : n.stockSnapshot) ?? [];
+          k.value = ((n = e.draft) == null ? void 0 : n.stockSnapshot) ?? [];
         const i = /* @__PURE__ */ new Set();
         if ((o = e.draft) != null && o.adjustmentSnapshot)
           for (const T of e.draft.adjustmentSnapshot)
             T.adjustmentsByType && Object.keys(T.adjustmentsByType).forEach((j) => i.add(j));
-        const p = ["receive", "sales", "wastage"], x = [];
+        const p = ["receive", "sales", "wastage"], D = [];
         p.forEach((T) => {
-          i.has(T) && (x.push(T), i.delete(T));
+          i.has(T) && (D.push(T), i.delete(T));
         });
         const v = Array.from(i).sort();
-        B.value = [...x, ...v];
+        B.value = [...D, ...v];
       } catch (i) {
         t.open({
           title: "Something went wrong",
@@ -1039,9 +1054,9 @@ const ka = kt(
         I.value = !1;
       }
     }
-    async function ee() {
+    async function ae() {
       var a, f;
-      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? Qe((f = e.draft) == null ? void 0 : f._id) : null))) {
+      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? Ve((f = e.draft) == null ? void 0 : f._id) : null))) {
         t.open({
           title: "Cannot refresh",
           message: "Effective date is not available for this draft.",
@@ -1049,16 +1064,16 @@ const ka = kt(
         });
         return;
       }
-      await g.refreshBalance(
+      await y.refreshBalance(
         e.draft,
         () => {
         },
         async (n) => {
-          var x;
-          N.value = !0;
-          const o = (x = e.draft) == null ? void 0 : x._rev, i = 30, p = 2e3;
+          var D;
+          M.value = !0;
+          const o = (D = e.draft) == null ? void 0 : D._rev, i = 30, p = 2e3;
           try {
-            await K.recalculation.scheduleCalculateStockSnapshotAtDate(n, e.draft._id);
+            await q.recalculation.scheduleCalculateStockSnapshotAtDate(n, e.draft._id);
             let v = null;
             for (let T = 0; T < i && (v = await u.getDraft(e.draft._id).delayed(p), v._rev === o); T++)
               ;
@@ -1070,11 +1085,11 @@ const ka = kt(
               }), console.error("error refreshing stock balances: there is no change in _rev");
               return;
             }
-            h("refresh", v), D.value = v.stockSnapshot ?? [], t.open({
+            m("refresh", v), k.value = v.stockSnapshot ?? [], t.open({
               title: "Balance refreshed",
               message: "Stock balance has been recalculated.",
               type: "success"
-            }), y.value = !1;
+            }), b.value = !1;
           } catch (v) {
             t.open({
               title: "Refresh failed",
@@ -1082,41 +1097,53 @@ const ka = kt(
               type: "error"
             }), console.error("error refreshing stock balances", v);
           } finally {
-            N.value = !1;
+            M.value = !1;
           }
         }
       );
     }
-    const se = L(
-      () => D.value.groupBy(
-        (l) => l.id,
-        (l) => l.balance
+    async function re() {
+      var a, f;
+      if (!(((a = e.draft) == null ? void 0 : a.effectiveAt) ?? (e.draft ? Ve((f = e.draft) == null ? void 0 : f._id) : null))) {
+        t.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await y.invalidateDraftCache(e.draft);
+    }
+    const de = L(
+      () => k.value.groupBy(
+        (r) => r.id,
+        (r) => r.balance
       )
-    ), de = L(() => H.value.groupBy((l) => l.sku._id)), De = L(() => {
-      var l;
-      return (l = e.draft) != null && l.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((a) => [a.skuId, a.adjustmentsByType])) : /* @__PURE__ */ new Map();
-    }), xe = L(() => {
-      var l;
-      return (l = e.draft) != null && l.opening ? new Map(e.draft.opening.map((a) => [a.skuId, a.balance])) : /* @__PURE__ */ new Map();
+    ), be = L(() => H.value.groupBy((r) => r.sku._id)), he = L(() => {
+      var r;
+      return (r = e.draft) != null && r.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((a) => [a.skuId, a.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), Ie = L(() => {
+      var r;
+      return (r = e.draft) != null && r.opening ? new Map(e.draft.opening.map((a) => [a.skuId, a.balance])) : /* @__PURE__ */ new Map();
     });
-    function te(l, a) {
-      return A(
-        ke.FmTooltip,
+    function Z(r, a) {
+      return x(
+        ge.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
           default() {
-            return l;
+            return r;
           },
           content() {
-            return a || l;
+            return a || r;
           }
         }
       );
     }
-    const Ae = L(() => {
-      const l = W.value.reduce((f, n) => {
+    const Ce = L(() => {
+      const r = K.value.reduce((f, n) => {
         var o, i;
-        return Math.max(f, ((i = (o = G.value) == null ? void 0 : o.get(n._id)) == null ? void 0 : i[0].length) ?? 0);
+        return Math.max(f, ((i = (o = J.value) == null ? void 0 : o.get(n._id)) == null ? void 0 : i[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -1125,8 +1152,8 @@ const ka = kt(
           header: () => "Name",
           size: 350,
           cell(f) {
-            const n = f.row.original, o = n.adjustedDiffPercentage, i = typeof o == "number" && Math.abs(o) > 10, p = A("div", { class: "flex flex-col gap-4" }, [
-              A(
+            const n = f.row.original, o = n.adjustedDiffPercentage, i = typeof o == "number" && Math.abs(o) > 10, p = x("div", { class: "flex flex-col gap-4" }, [
+              x(
                 "div",
                 {
                   class: [
@@ -1136,7 +1163,7 @@ const ka = kt(
                 },
                 n.name
               ),
-              A(
+              x(
                 "div",
                 {
                   class: [
@@ -1147,8 +1174,8 @@ const ka = kt(
                 n.code
               )
             ]);
-            return A(
-              ke.FmTooltip,
+            return x(
+              ge.FmTooltip,
               {
                 zIndex: 51
               },
@@ -1157,7 +1184,7 @@ const ka = kt(
                   return i ? "Adjustment difference is more than 10%." : `${n.code} - ${n.name}`;
                 },
                 default() {
-                  return A("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                  return x("div", { class: "flex items-center gap-4 justify-start w-full" }, [
                     p
                   ]);
                 }
@@ -1168,11 +1195,11 @@ const ka = kt(
         {
           id: "costPerUnit",
           accessorKey: "costPerUnit",
-          header: () => te("Cost per unit"),
+          header: () => Z("Cost per unit"),
           size: 160,
           cell(f) {
             const n = f.row.original.costPerUnit;
-            return A("div", { class: "text-right" }, n.toFixed(2));
+            return x("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1183,23 +1210,23 @@ const ka = kt(
           header: () => "UOM",
           size: 120,
           cell(f) {
-            var x;
+            var D;
             const n = f.row.original, o = n.costUnit, i = n.baseUnit, p = o ?? i;
             if (o && o !== i) {
-              const v = W.value.find((j) => j._id === n.id), T = (x = v == null ? void 0 : v.defaultCost) == null ? void 0 : x.measurement;
+              const v = K.value.find((j) => j._id === n.id), T = (D = v == null ? void 0 : v.defaultCost) == null ? void 0 : D.measurement;
               if (T) {
                 const j = T.conversion.amount / Math.pow(10, T.conversion.precision);
-                return A("div", { class: "flex flex-col" }, [
-                  A(
+                return x("div", { class: "flex flex-col" }, [
+                  x(
                     "span",
                     { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                     p
                   ),
-                  A("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                  x("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
                     "1 ",
-                    A("span", { class: "fm-typo-en-body-sm-600" }, o),
+                    x("span", { class: "fm-typo-en-body-sm-600" }, o),
                     ` = ${j} `,
-                    A("span", { class: "fm-typo-en-body-sm-600" }, i)
+                    x("span", { class: "fm-typo-en-body-sm-600" }, i)
                   ])
                 ]);
               }
@@ -1210,11 +1237,11 @@ const ka = kt(
         {
           id: "opening",
           accessorKey: "opening",
-          header: () => te("Opening (B/F)", "The opening balance brought forward from previous period."),
+          header: () => Z("Opening (B/F)", "The opening balance brought forward from previous period."),
           size: 150,
           cell(f) {
             const n = f.row.original.opening;
-            return A("div", { class: "text-right" }, n.toFixed(2));
+            return x("div", { class: "text-right" }, n.toFixed(2));
           },
           meta: {
             textAlign: "right"
@@ -1225,11 +1252,11 @@ const ka = kt(
           (f) => ({
             id: `adjustment_${f}`,
             accessorFn: (n) => n.adjustmentAmounts[f] ?? { amount: 0, precision: 0 },
-            header: () => te(Me(f)),
+            header: () => Z(Le(f)),
             size: 150,
             cell(n) {
               const o = n.row.original.adjustmentAmounts[f] ?? { amount: 0, precision: 0 };
-              return A("div", { class: "text-right" }, Ge(o));
+              return x("div", { class: "text-right" }, We(o));
             },
             meta: {
               textAlign: "right"
@@ -1239,7 +1266,7 @@ const ka = kt(
         {
           id: "systemBalance",
           accessorKey: "systemBalance",
-          header: () => te("System Balance", "The system calculated balance before stock take."),
+          header: () => Z("System Balance", "The system calculated balance before stock take."),
           size: 200,
           meta: {
             textAlign: "right"
@@ -1252,22 +1279,22 @@ const ka = kt(
             const n = (o = P.value.find((i) => i.id === f.id)) == null ? void 0 : o.balance;
             return n ? V.toFormatString({ value: n }) : f.physicalBalance;
           },
-          header: () => te("Stock Take balance", "The physical balance recorded during stock take."),
+          header: () => Z("Stock Take balance", "The physical balance recorded during stock take."),
           cell(f) {
             var v;
             const n = f.row.original, o = V.fromNumber(n.physicalBalance);
             let i = !0, p = n.physicalBalance;
-            const x = (v = P.value.find((T) => T.id === n.id)) == null ? void 0 : v.balance;
-            return x && (V.equals({
+            const D = (v = P.value.find((T) => T.id === n.id)) == null ? void 0 : v.balance;
+            return D && (V.equals({
               a: o,
-              b: x
-            }) || (i = !1, p = Number(V.toFormatString({ value: x })))), A("div", { class: "flex flex-col" }, [
-              A(
+              b: D
+            }) || (i = !1, p = Number(V.toFormatString({ value: D })))), x("div", { class: "flex flex-col" }, [
+              x(
                 "span",
                 { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                 p
               ),
-              i ? null : A(
+              i ? null : x(
                 "span",
                 { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
                 `Draft: ${n.physicalBalance.toString()}`
@@ -1282,7 +1309,7 @@ const ka = kt(
         {
           id: "adjustedAmount",
           accessorKey: "adjustedAmount",
-          header: () => te("Variance", "The difference between Stock Take balance and System Balance."),
+          header: () => Z("Variance", "The difference between Stock Take balance and System Balance."),
           size: 200,
           meta: {
             textAlign: "right"
@@ -1291,11 +1318,11 @@ const ka = kt(
         {
           id: "varianceInCost",
           accessorKey: "varianceInCost",
-          header: () => te(`Variance (${m.value})`),
+          header: () => Z(`Variance (${d.value})`),
           size: 150,
           cell(f) {
             const n = f.row.original.varianceInCost;
-            return A(
+            return x(
               "div",
               { class: "text-right" },
               n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })
@@ -1308,20 +1335,20 @@ const ka = kt(
         {
           id: "adjustedDiffPercentage",
           accessorKey: "adjustedDiffPercentage",
-          header: () => te(
+          header: () => Z(
             "Variance (%)",
             "Difference between Stock Take balance and System Balance in percentage."
           ),
           size: 200,
           cell(f) {
             const n = f.row.original.adjustedDiffPercentage;
-            if (!n) return tn;
+            if (!n) return an;
             const o = n.toFixed(2);
             if (o === "0.00")
-              return A("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+              return x("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
             const i = n > 0;
-            return A("div", { class: "flex items-center gap-4 justify-end" }, [
-              A(ke.FmIcon, {
+            return x("div", { class: "flex items-center gap-4 justify-end" }, [
+              x(ge.FmIcon, {
                 name: i ? "arrow_drop_up" : "arrow_drop_down",
                 color: i ? "system-success-300" : "system-error-300",
                 size: "md"
@@ -1336,22 +1363,22 @@ const ka = kt(
         {
           id: "stockTakeValue",
           accessorKey: "stockTakeValue",
-          header: () => te(`Stock take value (${m.value})`),
+          header: () => Z(`Stock take value (${d.value})`),
           size: 180,
           cell(f) {
             var T;
-            const n = f.row.original, o = n.stockTakeValue, i = W.value.find((j) => j._id === n.id), p = (T = i == null ? void 0 : i.defaultCost) == null ? void 0 : T.measurement, x = n.physicalBalance, v = n.costPerUnit;
+            const n = f.row.original, o = n.stockTakeValue, i = K.value.find((j) => j._id === n.id), p = (T = i == null ? void 0 : i.defaultCost) == null ? void 0 : T.measurement, D = n.physicalBalance, v = n.costPerUnit;
             if (p) {
-              const j = V.toFormatString({ value: p.conversion }), re = `${x.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} ÷ ${j} × ${v} ${m.value}`;
-              return A(
-                ke.FmTooltip,
+              const j = V.toFormatString({ value: p.conversion }), le = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} ÷ ${j} × ${v} ${d.value}`;
+              return x(
+                ge.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
-                    return re;
+                    return le;
                   },
                   default() {
-                    return A(
+                    return x(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1363,16 +1390,16 @@ const ka = kt(
                 }
               );
             } else {
-              const j = `${x.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} × ${v} ${m.value}`;
-              return A(
-                ke.FmTooltip,
+              const j = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${n.baseUnit} × ${v} ${d.value}`;
+              return x(
+                ge.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
                     return j;
                   },
                   default() {
-                    return A(
+                    return x(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1392,22 +1419,22 @@ const ka = kt(
         {
           id: "systemValue",
           accessorKey: "systemValue",
-          header: () => te(`System value (${m.value})`),
+          header: () => Z(`System value (${d.value})`),
           size: 180,
           cell(f) {
             var T;
-            const n = f.row.original, o = n.systemValue, i = W.value.find((j) => j._id === n.id), p = (T = i == null ? void 0 : i.defaultCost) == null ? void 0 : T.measurement, x = n.systemBalance, v = n.costPerUnit;
+            const n = f.row.original, o = n.systemValue, i = K.value.find((j) => j._id === n.id), p = (T = i == null ? void 0 : i.defaultCost) == null ? void 0 : T.measurement, D = n.systemBalance, v = n.costPerUnit;
             if (p) {
-              const j = V.toFormatString({ value: p.conversion }), re = `${x.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} ÷ ${j} × ${v} ${m.value}`;
-              return A(
-                ke.FmTooltip,
+              const j = V.toFormatString({ value: p.conversion }), le = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} ÷ ${j} × ${v} ${d.value}`;
+              return x(
+                ge.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
-                    return re;
+                    return le;
                   },
                   default() {
-                    return A(
+                    return x(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1419,16 +1446,16 @@ const ka = kt(
                 }
               );
             } else {
-              const j = `${x.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} × ${v} ${m.value}`;
-              return A(
-                ke.FmTooltip,
+              const j = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${n.baseUnit} × ${v} ${d.value}`;
+              return x(
+                ge.FmTooltip,
                 { zIndex: 51 },
                 {
                   content() {
                     return j;
                   },
                   default() {
-                    return A(
+                    return x(
                       "div",
                       { class: "text-right" },
                       o.toLocaleString("en-US", {
@@ -1450,41 +1477,41 @@ const ka = kt(
           header: () => "Amounts",
           enableSorting: !1,
           cell(f) {
-            const n = f.row.original, o = (p, x) => A(
-              ke.FmTooltip,
+            const n = f.row.original, o = (p, D) => x(
+              ge.FmTooltip,
               { zIndex: 50 },
               {
                 default() {
-                  return A(
+                  return x(
                     "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"
                     },
                     [
-                      A("span", { class: "text-fm-color-typo-primary" }, `${p} `),
-                      A(
+                      x("span", { class: "text-fm-color-typo-primary" }, `${p} `),
+                      x(
                         "span",
                         {
                           class: "text-fm-color-typo-secondary",
                           style: { maxWidth: "80px" }
                         },
-                        x
+                        D
                       )
                     ]
                   );
                 },
                 content() {
-                  return `${p} ${x}`;
+                  return `${p} ${D}`;
                 }
               }
             );
-            let i = Array.from({ length: l }).map((p, x) => {
-              if (!n[`measurementAmount${x}`])
+            let i = Array.from({ length: r }).map((p, D) => {
+              if (!n[`measurementAmount${D}`])
                 return null;
-              const v = n[`measurementAmount${x}`], T = n[`measurementAbbrev${x}`];
+              const v = n[`measurementAmount${D}`], T = n[`measurementAbbrev${D}`];
               return o(v, T);
             }).filter((p) => p);
-            return (n.baseUnitAmount || !i.length) && (i = [o(n.baseUnitAmount, n.baseUnit), ...i]), A(
+            return (n.baseUnitAmount || !i.length) && (i = [o(n.baseUnitAmount, n.baseUnit), ...i]), x(
               "div",
               {
                 class: "flex gap-8 flex-nowrap",
@@ -1497,94 +1524,94 @@ const ka = kt(
           }
         }
       ];
-    }), je = L(() => Ae.value.map((l) => l.size ?? 0).reduce((l, a) => l + a)), we = Y(""), Ce = L(() => {
+    }), Ue = L(() => Ce.value.map((r) => r.size ?? 0).reduce((r, a) => r + a)), xe = Y(""), $e = L(() => {
       var f, n;
-      const l = ((n = (f = e.draft) == null ? void 0 : f.negativeStockItems) == null ? void 0 : n.reduce(
+      const r = ((n = (f = e.draft) == null ? void 0 : f.negativeStockItems) == null ? void 0 : n.reduce(
         (o, i) => (o[i.sku._id] = i, o),
         {}
       )) ?? {};
-      return W.value.map((o) => {
-        var tt, at, nt, ot, st, rt, lt, it, ct, ut, mt;
-        const i = (tt = de.value.get(o._id)) == null ? void 0 : tt[0], p = ((at = se.value.get(o._id)) == null ? void 0 : at[0]) ?? S, x = ((nt = o.defaultCost) == null ? void 0 : nt.costPerUnit) ?? S, v = Number(V.toFormatString({ value: x })), T = ((st = (ot = o.defaultCost) == null ? void 0 : ot.measurement) == null ? void 0 : st.conversion) ?? {
+      return K.value.map((o) => {
+        var nt, ot, st, rt, lt, it, ct, ut, mt, dt, ft;
+        const i = (nt = be.value.get(o._id)) == null ? void 0 : nt[0], p = ((ot = de.value.get(o._id)) == null ? void 0 : ot[0]) ?? w, D = ((st = o.defaultCost) == null ? void 0 : st.costPerUnit) ?? w, v = Number(V.toFormatString({ value: D })), T = ((lt = (rt = o.defaultCost) == null ? void 0 : rt.measurement) == null ? void 0 : lt.conversion) ?? {
           amount: 1,
           precision: 0
         }, j = Number(
           V.toFormatString({ value: T })
-        ), re = xe.value.get(o._id), ce = re ? Number(V.toFormatString({ value: re })) : 0, _e = De.value.get(o._id), C = {};
-        if (B.value.forEach((Z) => {
-          const ue = C[Z] ?? { amount: 0, precision: 0 }, fe = _e == null ? void 0 : _e[Z];
-          fe && (C[Z] = Gt(ue, fe));
+        ), le = Ie.value.get(o._id), ce = le ? Number(V.toFormatString({ value: le })) : 0, De = he.value.get(o._id), C = {};
+        if (B.value.forEach((W) => {
+          const ue = C[W] ?? { amount: 0, precision: 0 }, fe = De == null ? void 0 : De[W];
+          fe && (C[W] = Gt(ue, fe));
         }), !i) {
-          const Z = Number(V.toFormatString({ value: p })), ue = Z - 0, fe = ue * v / j, Pe = 0, Tt = Z * v / j;
+          const W = Number(V.toFormatString({ value: p })), ue = W - 0, fe = ue * v / j, Re = 0, jt = W * v / j;
           return {
             id: o._id,
             code: o.code,
             name: o.name,
-            costUnit: ((lt = (rt = o.defaultCost) == null ? void 0 : rt.measurement) == null ? void 0 : lt.abbrev) ?? null,
+            costUnit: ((ct = (it = o.defaultCost) == null ? void 0 : it.measurement) == null ? void 0 : ct.abbrev) ?? null,
             baseUnit: o.unit.abbrev,
             baseUnitAmount: 0,
-            systemBalance: Z,
+            systemBalance: W,
             physicalBalance: 0,
-            adjustedAmount: -Z,
+            adjustedAmount: -W,
             adjustedDiffPercentage: -100,
-            isTemplateItem: !l[o._id],
+            isTemplateItem: !r[o._id],
             costPerUnit: v,
             opening: ce,
             varianceQty: ue,
             varianceInCost: fe,
-            stockTakeValue: Pe,
-            systemValue: Tt,
+            stockTakeValue: Re,
+            systemValue: jt,
             adjustmentAmounts: C
           };
         }
-        const q = wt(i), J = (ct = (it = P.value) == null ? void 0 : it.find(
-          (Z) => Z.id === o._id
-        )) == null ? void 0 : ct.balance, pe = Dt(
-          J ?? q,
+        const G = St(i), ee = (mt = (ut = P.value) == null ? void 0 : ut.find(
+          (W) => W.id === o._id
+        )) == null ? void 0 : mt.balance, ve = xt(
+          ee ?? G,
           p
-        ), $e = p.amount === 0 ? null : xt(pe, {
+        ), Be = p.amount === 0 ? null : At(ve, {
           ...p,
           amount: Math.abs(p.amount)
-        }), Ue = $e ? Ze($e, X) : null, Oe = Number(V.toFormatString({ value: p })), Ye = Number(V.toFormatString({ value: q })), et = Oe - Ye, Ct = et * v / j, $t = Ye * v / j, Bt = Oe * v / j;
+        }), Pe = Be ? Xe(Be, X) : null, Ke = Number(V.toFormatString({ value: p })), Qe = Number(V.toFormatString({ value: G })), at = Ke - Qe, $t = at * v / j, Bt = Qe * v / j, Tt = Ke * v / j;
         return {
           id: o._id,
           code: o.code,
           name: o.name,
-          costUnit: ((mt = (ut = o.defaultCost) == null ? void 0 : ut.measurement) == null ? void 0 : mt.abbrev) ?? null,
+          costUnit: ((ft = (dt = o.defaultCost) == null ? void 0 : dt.measurement) == null ? void 0 : ft.abbrev) ?? null,
           baseUnit: o.unit.abbrev,
           baseUnitAmount: Number(V.toFormatString({ value: i.baseAmount })),
-          ...i.measurementsAmounts.filter((Z) => {
-            var ue, fe, Pe;
-            return (Pe = (fe = (ue = G.value) == null ? void 0 : ue.get(o._id)) == null ? void 0 : fe[0]) == null ? void 0 : Pe.includes(Z.measurement.id);
-          }).reduce((Z, ue, fe) => (Z[`measurementAbbrev${fe}`] = `(${ue.measurement.abbrev}) × ${V.toFormatString({ value: ue.measurement.conversion })}`, Z[`measurementAmount${fe}`] = Number(V.toFormatString({ value: ue.amount })), Z), {}),
-          systemBalance: Oe,
-          physicalBalance: Ye,
-          adjustedAmount: Number(V.toFormatString({ value: pe })),
-          adjustedDiffPercentage: Ue ? Number(
+          ...i.measurementsAmounts.filter((W) => {
+            var ue, fe, Re;
+            return (Re = (fe = (ue = J.value) == null ? void 0 : ue.get(o._id)) == null ? void 0 : fe[0]) == null ? void 0 : Re.includes(W.measurement.id);
+          }).reduce((W, ue, fe) => (W[`measurementAbbrev${fe}`] = `(${ue.measurement.abbrev}) × ${V.toFormatString({ value: ue.measurement.conversion })}`, W[`measurementAmount${fe}`] = Number(V.toFormatString({ value: ue.amount })), W), {}),
+          systemBalance: Ke,
+          physicalBalance: Qe,
+          adjustedAmount: Number(V.toFormatString({ value: ve })),
+          adjustedDiffPercentage: Pe ? Number(
             V.toFormatString({
-              value: At(Ue, 2)
+              value: _t(Pe, 2)
             })
           ) : null,
-          isTemplateItem: !l[o._id],
+          isTemplateItem: !r[o._id],
           costPerUnit: v,
           opening: ce,
-          varianceQty: et,
-          varianceInCost: Ct,
-          stockTakeValue: $t,
-          systemValue: Bt,
+          varianceQty: at,
+          varianceInCost: $t,
+          stockTakeValue: Bt,
+          systemValue: Tt,
           adjustmentAmounts: C
         };
-      }).filter((o) => !!(o.isTemplateItem && M.value.templateItem || !o.isTemplateItem && M.value.nonTemplateItem));
-    }), Ie = L(() => {
+      }).filter((o) => !!(o.isTemplateItem && F.value.templateItem || !o.isTemplateItem && F.value.nonTemplateItem));
+    }), Ae = L(() => {
       var a, f, n, o, i;
       if (!e.draft) return [];
-      const l = e.draft.approvedAt ? {
-        action: `Approve at ${he(e.draft.approvedAt)}`,
+      const r = e.draft.approvedAt ? {
+        action: `Approve at ${ye(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
       } : (a = e.draft.rejectionHistory) == null ? void 0 : a.computeFirst((p) => ({
-        action: `Reject at ${he(p.rejectedAt)}`,
+        action: `Reject at ${ye(p.rejectedAt)}`,
         // actionAt: e.rejectedAt,
         actionBy: p.rejectedBy,
         remark: p.rejectRemark
@@ -1596,7 +1623,7 @@ const ka = kt(
         },
         {
           label: "Created at",
-          value: he(e.draft.createdAt)
+          value: ye(e.draft.createdAt)
         },
         {
           label: "Created by",
@@ -1604,7 +1631,7 @@ const ka = kt(
         },
         {
           label: "Updated at",
-          value: he(e.draft.updatedAt)
+          value: ye(e.draft.updatedAt)
         },
         {
           label: "Updated by",
@@ -1612,7 +1639,7 @@ const ka = kt(
         },
         {
           label: "Effective at",
-          value: he(e.draft.effectiveAt ?? Qe((n = e.draft) == null ? void 0 : n._id))
+          value: ye(e.draft.effectiveAt ?? Ve((n = e.draft) == null ? void 0 : n._id))
         },
         {
           label: "Using template",
@@ -1622,20 +1649,20 @@ const ka = kt(
           label: "Remark",
           value: e.draft.remark
         } : null,
-        l ? {
+        r ? {
           label: "Last action",
-          value: l.action
+          value: r.action
         } : null,
-        l && l.actionBy ? {
+        r && r.actionBy ? {
           label: "Last action by",
-          value: (i = l.actionBy) == null ? void 0 : i.name
+          value: (i = r.actionBy) == null ? void 0 : i.name
         } : null,
-        l && l.remark ? {
+        r && r.remark ? {
           label: "Action remark",
-          value: l.remark
+          value: r.remark
         } : null
       ].filter((p) => p).map((p) => p);
-    }), ge = [
+    }), _e = [
       {
         label: "Overview",
         value: "overview"
@@ -1644,32 +1671,32 @@ const ka = kt(
         label: "Action history",
         value: "history"
       }
-    ], ye = Y(ge[0]), be = L(() => {
+    ], ke = Y(_e[0]), we = L(() => {
       var n, o, i;
-      const l = ((n = e.draft) == null ? void 0 : n.activityLogs) ?? [], a = ((o = e.draft) == null ? void 0 : o.rejectionHistory) ?? [];
+      const r = ((n = e.draft) == null ? void 0 : n.activityLogs) ?? [], a = ((o = e.draft) == null ? void 0 : o.rejectionHistory) ?? [];
       for (const p of a)
-        l.find(
+        r.find(
           (v) => `${v.action}_${v.performedAt}` == `${O.enum.rejectDraft}_${p.rejectedAt}`
-        ) || l.push({
+        ) || r.push({
           action: O.enum.rejectDraft,
           performedAt: p.rejectedAt,
           performedBy: p.rejectedBy,
           remark: p.rejectRemark
         });
-      return (i = e.draft) != null && i.approvedAt && (l.find(
-        (x) => {
+      return (i = e.draft) != null && i.approvedAt && (r.find(
+        (D) => {
           var v;
-          return `${x.action}_${x.performedAt}` == `${O.enum.approveDraft}_${(v = e.draft) == null ? void 0 : v.approvedAt}`;
+          return `${D.action}_${D.performedAt}` == `${O.enum.approveDraft}_${(v = e.draft) == null ? void 0 : v.approvedAt}`;
         }
-      ) || l.push({
+      ) || r.push({
         action: O.enum.approveDraft,
         performedAt: e.draft.approvedAt,
         performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
         remark: e.draft.approveRemark
-      })), l.sort((p, x) => new Date(x.performedAt).getTime() - new Date(p.performedAt).getTime()).map(
+      })), r.sort((p, D) => new Date(D.performedAt).getTime() - new Date(p.performedAt).getTime()).map(
         (p) => ({
-          header: Me(p.action),
-          date: he(p.performedAt),
+          header: Le(p.action),
+          date: ye(p.performedAt),
           info: [
             {
               label: "Performed by",
@@ -1682,127 +1709,127 @@ const ka = kt(
           ]
         })
       );
-    }), Xe = L(() => {
-      var o, i, p, x;
+    }), tt = L(() => {
+      var o, i, p, D;
       if (!((o = e.draft) != null && o.stockSnapshot)) return "Stock snapshot is not available.";
-      if (((i = e.draft) == null ? void 0 : i.status) !== ve.enum.DRAFT) return "Status is not draft.";
-      const l = Ce.value.some((v) => v.physicalBalance < 0), a = ((x = (p = b.stockBalance.skus) == null ? void 0 : p.filter((v) => v.balance.amount < 0)) == null ? void 0 : x.map((v) => v.id)) ?? [], f = new Set(W.value.map((v) => v._id)), n = a.filter((v) => !f.has(v)).length;
+      if (((i = e.draft) == null ? void 0 : i.status) !== pe.enum.DRAFT) return "Status is not draft.";
+      const r = $e.value.some((v) => v.physicalBalance < 0), a = ((D = (p = h.stockBalance.skus) == null ? void 0 : p.filter((v) => v.balance.amount < 0)) == null ? void 0 : D.map((v) => v.id)) ?? [], f = new Set(K.value.map((v) => v._id)), n = a.filter((v) => !f.has(v)).length;
       return [
-        l ? "Negative total exist." : null,
+        r ? "Negative total exist." : null,
         n ? "Negative stock is not included in this draft. Please commit the draft to include these stocks." : null
       ].filter((v) => v).join(" ");
     });
-    return (l, a) => {
-      const f = z("FmButtonGroup"), n = z("FmMenuDivider"), o = z("FmCard"), i = z("FmButton"), p = z("FmCircularProgress"), x = z("FmChip"), v = z("FmTextField"), T = z("FmIcon"), j = z("FmTable"), re = z("FmSpacer"), ce = z("FmTooltip"), _e = z("FmSideSheet");
-      return F(), ie(_e, {
+    return (r, a) => {
+      const f = z("FmButtonGroup"), n = z("FmMenuDivider"), o = z("FmCard"), i = z("FmButton"), p = z("FmCircularProgress"), D = z("FmChip"), v = z("FmTextField"), T = z("FmIcon"), j = z("FmTable"), le = z("FmSpacer"), ce = z("FmTooltip"), De = z("FmSideSheet");
+      return S(), oe(De, {
         "dismiss-away": "",
         "max-width": 9999,
-        "model-value": $(y),
-        "onUpdate:modelValue": a[10] || (a[10] = (C) => ft(y) ? y.value = C : null),
+        "model-value": $(b),
+        "onUpdate:modelValue": a[10] || (a[10] = (C) => vt(b) ? b.value = C : null),
         header: "Closing details"
       }, {
         "side-sheet-footer": Q(() => {
-          var C, q, J, pe;
+          var C, G, ee, ve;
           return [
-            c("div", en, [
-              ((C = e.draft) == null ? void 0 : C.status) === $(ve).enum.DRAFT ? (F(), E(le, { key: 0 }, [
-                Xe.value ? (F(), ie(ce, {
+            c("div", tn, [
+              ((C = e.draft) == null ? void 0 : C.status) === $(pe).enum.DRAFT ? (S(), E(ie, { key: 0 }, [
+                tt.value ? (S(), oe(ce, {
                   key: 0,
                   "z-index": 51,
                   placement: "right"
                 }, {
                   content: Q(() => [
-                    oe(ae(Xe.value), 1)
+                    se(ne(tt.value), 1)
                   ]),
                   default: Q(() => [
-                    w(i, {
+                    A(i, {
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
-                      onClick: a[5] || (a[5] = () => e.draft && $(g).approveDraft(e.draft, () => h("submitted")))
+                      onClick: a[5] || (a[5] = () => e.draft && $(y).approveDraft(e.draft, () => m("submitted")))
                     })
                   ]),
                   _: 1
-                })) : (F(), ie(i, {
+                })) : (S(), oe(i, {
                   key: "approve key",
                   label: "Approve",
-                  onClick: a[6] || (a[6] = () => e.draft && $(g).approveDraft(e.draft, () => h("submitted")))
+                  onClick: a[6] || (a[6] = () => e.draft && $(y).approveDraft(e.draft, () => m("submitted")))
                 }))
-              ], 64)) : ne("", !0),
-              ((q = e.draft) == null ? void 0 : q.status) === $(ve).enum.DRAFT ? (F(), ie(i, {
+              ], 64)) : te("", !0),
+              ((G = e.draft) == null ? void 0 : G.status) === $(pe).enum.DRAFT ? (S(), oe(i, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: a[7] || (a[7] = () => e.draft && $(g).rejectDraft(e.draft, () => h("submitted")))
-              })) : ne("", !0),
-              (J = e.draft) != null && J.approvedAt && ((pe = e.draft) == null ? void 0 : pe.status) !== $(ve).enum.COMPLETED ? (F(), ie(vt, { key: 2 }, {
+                onClick: a[7] || (a[7] = () => e.draft && $(y).rejectDraft(e.draft, () => m("submitted")))
+              })) : te("", !0),
+              (ee = e.draft) != null && ee.approvedAt && ((ve = e.draft) == null ? void 0 : ve.status) !== $(pe).enum.COMPLETED ? (S(), oe(Ge, { key: 2 }, {
                 default: Q(() => [
-                  w(i, {
+                  A(i, {
                     label: "Sync",
                     loading: U.value,
                     onClick: a[8] || (a[8] = () => {
-                      e.draft && (U.value = !0, $(g).syncDraft(e.draft, () => {
-                        U.value = !1, h("submitted");
+                      e.draft && (U.value = !0, $(y).syncDraft(e.draft, () => {
+                        U.value = !1, m("submitted");
                       }));
                     })
                   }, null, 8, ["loading"])
                 ]),
                 _: 1
-              })) : ne("", !0),
-              w(i, {
+              })) : te("", !0),
+              A(i, {
                 label: "Close",
                 variant: "tertiary",
-                onClick: a[9] || (a[9] = ($e) => y.value = !1)
+                onClick: a[9] || (a[9] = (Be) => b.value = !1)
               })
             ])
           ];
         }),
         default: Q(() => [
-          c("div", ha, [
+          c("div", Da, [
             c("div", null, [
-              w(f, {
-                items: ge,
-                modelValue: ye.value,
-                "onUpdate:modelValue": a[0] || (a[0] = (C) => ye.value = C)
+              A(f, {
+                items: _e,
+                modelValue: ke.value,
+                "onUpdate:modelValue": a[0] || (a[0] = (C) => ke.value = C)
               }, null, 8, ["modelValue"])
             ]),
-            ye.value.value === "overview" ? (F(), E(le, { key: 0 }, [
-              w(o, {
+            ke.value.value === "overview" ? (S(), E(ie, { key: 0 }, [
+              A(o, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
               }, {
                 default: Q(() => {
-                  var C, q;
+                  var C, G;
                   return [
-                    c("div", Da, [
+                    c("div", xa, [
                       a[11] || (a[11] = c("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      c("div", xa, [
+                      c("div", Aa, [
                         c("div", {
-                          class: Fe(["fm-status-badge", $(Ve)(((C = l.draft) == null ? void 0 : C.status) ?? "DRAFT")])
-                        }, ae($(Me)(((q = l.draft) == null ? void 0 : q.status) ?? "")), 3)
+                          class: Fe(["fm-status-badge", $(Ne)(((C = r.draft) == null ? void 0 : C.status) ?? "DRAFT")])
+                        }, ne($(Le)(((G = r.draft) == null ? void 0 : G.status) ?? "")), 3)
                       ])
                     ]),
-                    w(n),
-                    c("div", Aa, [
-                      (F(!0), E(le, null, Be(Ie.value, (J, pe) => (F(), E("div", {
+                    A(n),
+                    c("div", _a, [
+                      (S(!0), E(ie, null, Te(Ae.value, (ee, ve) => (S(), E("div", {
                         class: "flex flex-col gap-4",
-                        key: pe
+                        key: ve
                       }, [
-                        c("div", _a, [
-                          c("div", wa, ae(J.label), 1)
+                        c("div", wa, [
+                          c("div", Sa, ne(ee.label), 1)
                         ]),
-                        c("div", Sa, ae(J.value), 1)
+                        c("div", Fa, ne(ee.value), 1)
                       ]))), 128))
                     ])
                   ];
                 }),
                 _: 1
               }),
-              c("div", Fa, [
-                c("div", Ca, [
+              c("div", Ca, [
+                c("div", $a, [
                   a[12] || (a[12] = c("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  I.value ? ne("", !0) : (F(), E("div", $a, [
-                    l.draft && l.draft.status !== $(ve).enum.COMPLETED ? (F(), ie(i, {
+                  I.value ? te("", !0) : (S(), E("div", Ba, [
+                    r.draft && r.draft.status !== $(pe).enum.COMPLETED ? (S(), oe(i, {
                       key: 0,
                       label: "Refresh balance",
                       "prepend-icon": "refresh",
@@ -1810,160 +1837,176 @@ const ka = kt(
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      loading: N.value,
-                      onClick: ee
-                    }, null, 8, ["loading"])) : ne("", !0),
-                    w(i, {
+                      loading: M.value,
+                      onClick: ae
+                    }, null, 8, ["loading"])) : te("", !0),
+                    A(Ge, null, {
+                      default: Q(() => [
+                        r.draft && r.draft.status !== $(pe).enum.COMPLETED ? (S(), oe(i, {
+                          key: 0,
+                          label: "Invalidate Draft Cache",
+                          "prepend-icon": "refresh",
+                          variant: "secondary",
+                          "text-color": "primary",
+                          "bg-color": "transparent",
+                          "border-color": "primary",
+                          loading: M.value,
+                          onClick: re
+                        }, null, 8, ["loading"])) : te("", !0)
+                      ]),
+                      _: 1
+                    }),
+                    A(i, {
                       label: "Export data",
                       "prepend-icon": "download",
                       variant: "secondary",
                       "text-color": "primary",
                       "bg-color": "transparent",
                       "border-color": "primary",
-                      onClick: a[1] || (a[1] = (C) => l.draft ? $(g).exportDraft(
-                        l.draft,
-                        D.value,
+                      onClick: a[1] || (a[1] = (C) => r.draft ? $(y).exportDraft(
+                        r.draft,
+                        k.value,
                         P.value
                       ) : null)
                     })
                   ]))
                 ]),
-                I.value ? (F(), E("div", Ba, [
+                I.value ? (S(), E("div", Ta, [
                   a[14] || (a[14] = c("div", { class: "h-80" }, null, -1)),
-                  c("div", Ta, [
+                  c("div", ja, [
                     c("div", null, [
-                      w(p, { size: "md" })
+                      A(p, { size: "md" })
                     ]),
                     a[13] || (a[13] = c("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   a[15] || (a[15] = c("div", { class: "h-80" }, null, -1))
-                ])) : (F(), E(le, { key: 1 }, [
-                  c("div", ja, [
-                    c("div", Ia, [
-                      w(x, {
+                ])) : (S(), E(ie, { key: 1 }, [
+                  c("div", Ia, [
+                    c("div", Ua, [
+                      A(D, {
                         label: "Template Item(s)",
-                        selected: M.value.templateItem,
-                        onClick: a[2] || (a[2] = (C) => M.value.templateItem = !M.value.templateItem)
+                        selected: F.value.templateItem,
+                        onClick: a[2] || (a[2] = (C) => F.value.templateItem = !F.value.templateItem)
                       }, null, 8, ["selected"]),
-                      w(x, {
+                      A(D, {
                         label: "Non-template Item(s)",
-                        selected: M.value.nonTemplateItem,
-                        onClick: a[3] || (a[3] = (C) => M.value.nonTemplateItem = !M.value.nonTemplateItem)
+                        selected: F.value.nonTemplateItem,
+                        onClick: a[3] || (a[3] = (C) => F.value.nonTemplateItem = !F.value.nonTemplateItem)
                       }, null, 8, ["selected"])
                     ]),
-                    w(v, {
-                      modelValue: we.value,
-                      "onUpdate:modelValue": a[4] || (a[4] = (C) => we.value = C),
+                    A(v, {
+                      modelValue: xe.value,
+                      "onUpdate:modelValue": a[4] || (a[4] = (C) => xe.value = C),
                       placeholder: "Filter items"
                     }, null, 8, ["modelValue"])
                   ]),
-                  $(_).skuTags.size ? (F(), E("div", Ua, [
-                    (F(!0), E(le, null, Be($(_).skuTags.keys(), (C) => (F(), ie(x, {
+                  $(_).skuTags.size ? (S(), E("div", Pa, [
+                    (S(!0), E(ie, null, Te($(_).skuTags.keys(), (C) => (S(), oe(D, {
                       key: `${C}`,
                       label: `${C}`,
                       selectable: "",
-                      selected: k[`${C}`],
-                      onClick: (q) => k[`${C}`] = !k[`${C}`]
+                      selected: N[`${C}`],
+                      onClick: (G) => N[`${C}`] = !N[`${C}`]
                     }, {
                       default: Q(() => [
-                        k[`${C}`] ? (F(), ie(T, {
+                        N[`${C}`] ? (S(), oe(T, {
                           key: 0,
                           name: "check",
                           class: "text-white",
                           size: "sm"
-                        })) : ne("", !0),
+                        })) : te("", !0),
                         c("span", {
                           class: Fe([
                             "",
                             {
-                              "text-white fm-typo-en-body-md-600": k[`${C}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !k[`${C}`]
+                              "text-white fm-typo-en-body-md-600": N[`${C}`],
+                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !N[`${C}`]
                             }
                           ])
-                        }, ae(C), 3)
+                        }, ne(C), 3)
                       ]),
                       _: 2
                     }, 1032, ["label", "selected", "onClick"]))), 128))
-                  ])) : ne("", !0),
-                  c("div", Pa, [
+                  ])) : te("", !0),
+                  c("div", Ra, [
                     c("div", {
-                      style: pt({ height: "600px", minWidth: `${je.value}px` })
+                      style: gt({ height: "600px", minWidth: `${Ue.value}px` })
                     }, [
-                      w(j, {
-                        "column-defs": Ae.value,
-                        "row-data": Ce.value,
-                        "search-value": we.value
+                      A(j, {
+                        "column-defs": Ce.value,
+                        "row-data": $e.value,
+                        "search-value": xe.value
                       }, null, 8, ["column-defs", "row-data", "search-value"])
                     ], 4)
                   ])
                 ], 64))
               ])
-            ], 64)) : ne("", !0),
-            ye.value.value === "history" ? (F(), E("div", Ra, [
-              be.value.length ? (F(), E("div", La, [
-                (F(!0), E(le, null, Be(be.value, (C, q) => (F(), E(le, { key: q }, [
-                  c("div", Na, [
-                    c("div", Ea, [
-                      c("div", za, [
+            ], 64)) : te("", !0),
+            ke.value.value === "history" ? (S(), E("div", Ma, [
+              we.value.length ? (S(), E("div", Na, [
+                (S(!0), E(ie, null, Te(we.value, (C, G) => (S(), E(ie, { key: G }, [
+                  c("div", Ea, [
+                    c("div", za, [
+                      c("div", Ha, [
                         c("div", {
                           class: Fe([
                             {
-                              "bg-fm-color-primary": q !== 0,
-                              "bg-white": q === 0
+                              "bg-fm-color-primary": G !== 0,
+                              "bg-white": G === 0
                             },
                             "w-[2px] h-full"
                           ])
                         }, null, 2)
                       ]),
                       a[18] || (a[18] = c("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      c("div", Ha, [
+                      c("div", Oa, [
                         c("div", {
                           class: Fe([
                             {
-                              "bg-fm-color-primary": q < be.value.length - 1,
-                              "bg-white": q >= be.value.length - 1
+                              "bg-fm-color-primary": G < we.value.length - 1,
+                              "bg-white": G >= we.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
                         }, null, 2)
                       ])
                     ]),
-                    c("div", Oa, [
-                      c("div", Ya, ae(C.header), 1),
-                      c("div", Ka, ae(C.date), 1)
+                    c("div", Ya, [
+                      c("div", Ka, ne(C.header), 1),
+                      c("div", Qa, ne(C.date), 1)
                     ])
                   ]),
-                  c("div", Qa, [
+                  c("div", qa, [
                     c("div", Ga, [
-                      c("div", qa, [
+                      c("div", Wa, [
                         c("div", {
                           class: Fe([
                             {
-                              "bg-fm-color-primary": q < be.value.length - 1,
-                              "bg-white": q >= be.value.length - 1
+                              "bg-fm-color-primary": G < we.value.length - 1,
+                              "bg-white": G >= we.value.length - 1
                             },
                             "w-[2px] h-full"
                           ])
                         }, null, 2)
                       ])
                     ]),
-                    c("div", Wa, [
-                      w(o, {
+                    c("div", Za, [
+                      A(o, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: Q(() => [
-                          c("div", Za, [
-                            (F(!0), E(le, null, Be(C.info, (J, pe) => (F(), E("div", {
-                              key: pe,
+                          c("div", Ja, [
+                            (S(!0), E(ie, null, Te(C.info, (ee, ve) => (S(), E("div", {
+                              key: ve,
                               class: "flex flex-col gap-4"
                             }, [
-                              c("div", Ja, ae(J == null ? void 0 : J.label), 1),
-                              c("div", Xa, [
-                                (F(!0), E(le, null, Be(J == null ? void 0 : J.values, ($e, Ue) => (F(), E("div", {
-                                  key: Ue,
+                              c("div", Xa, ne(ee == null ? void 0 : ee.label), 1),
+                              c("div", en, [
+                                (S(!0), E(ie, null, Te(ee == null ? void 0 : ee.values, (Be, Pe) => (S(), E("div", {
+                                  key: Pe,
                                   class: "fm-typo-en-body-lg-600"
-                                }, ae($e), 1))), 128))
+                                }, ne(Be), 1))), 128))
                               ])
                             ]))), 128))
                           ])
@@ -1973,36 +2016,36 @@ const ka = kt(
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (F(), E("div", Ma, [
-                w(re),
+              ])) : (S(), E("div", Va, [
+                A(le),
                 c("div", null, [
                   c("img", {
-                    src: $(ta),
+                    src: $(aa),
                     alt: "List is empty"
-                  }, null, 8, Va)
+                  }, null, 8, La)
                 ]),
-                a[16] || (a[16] = c("div", { class: "fm-typo-en-body-lg-600" }, ae("No records found"), -1)),
-                a[17] || (a[17] = c("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, ae("You can track approval and rejection history here"), -1)),
-                w(re),
-                w(re)
+                a[16] || (a[16] = c("div", { class: "fm-typo-en-body-lg-600" }, ne("No records found"), -1)),
+                a[17] || (a[17] = c("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, ne("You can track approval and rejection history here"), -1)),
+                A(le),
+                A(le)
               ]))
-            ])) : ne("", !0)
+            ])) : te("", !0)
           ])
         ]),
         _: 1
       }, 8, ["model-value"]);
     };
   }
-}), nn = { class: "flex-1 flex flex-col gap-8" }, on = { class: "flex flex-col" }, sn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ln = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, cn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Cn = /* @__PURE__ */ Ee({
+}), on = { class: "flex-1 flex flex-col gap-8" }, sn = { class: "flex flex-col" }, rn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ln = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, cn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, un = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, $n = /* @__PURE__ */ He({
   __name: "ClosingDraftView",
-  setup(r) {
-    const { t: s } = yt(), { viewDraft: e } = Ne(), { viewClosingDraftProps: m, viewClosingDraftShow: b } = Ot(Ne()), g = ze(), y = ka(), I = Rt(), { breakpoints: N } = Nt();
-    g.watchLocation(y.fetchDrafts);
-    const U = L(() => y.loading), D = Y(""), P = L(() => N.value.xs || N.value.sm), B = L(() => P.value ? 10 : 20);
-    function K(_) {
+  setup(l) {
+    const { t: s } = bt(), { viewDraft: e } = ze(), { viewClosingDraftProps: d, viewClosingDraftShow: h } = Yt(ze()), y = Oe(), b = ka(), I = Mt(), { breakpoints: M } = Et();
+    y.watchLocation(b.fetchDrafts);
+    const U = L(() => b.loading), k = Y(""), P = L(() => M.value.xs || M.value.sm), B = L(() => P.value ? 10 : 20);
+    function q(_) {
       switch (_) {
         case "refresh":
-          return y.fetchDrafts();
+          return b.fetchDrafts();
       }
     }
     function u(_) {
@@ -2022,12 +2065,12 @@ const ka = kt(
       }
     ]);
     return (_, R) => {
-      const k = z("FmTable");
-      return F(), E(le, null, [
-        w(Mt, {
+      const N = z("FmTable");
+      return S(), E(ie, null, [
+        A(Vt, {
           title: $(s)("inventory.closing.draft.title"),
           actions: t.value,
-          "onClick:action": K
+          "onClick:action": q
         }, {
           default: Q(() => [
             c("div", {
@@ -2039,58 +2082,58 @@ const ka = kt(
                 }
               ])
             }, [
-              w(ea, {
+              A(ta, {
                 "change-location": "",
                 searchable: "",
-                search: D.value,
-                "onUpdate:search": R[0] || (R[0] = (d) => D.value = d)
+                search: k.value,
+                "onUpdate:search": R[0] || (R[0] = (g) => k.value = g)
               }, null, 8, ["search"]),
-              w(k, {
-                style: pt($(I).tableHeight),
-                "column-defs": $(y).columnDefs,
-                "row-data": $(y).drafts,
-                "search-value": D.value,
+              A(N, {
+                style: gt($(I).tableHeight),
+                "column-defs": $(b).columnDefs,
+                "row-data": $(b).drafts,
+                "search-value": k.value,
                 loading: U.value,
-                onRowClick: R[1] || (R[1] = (d) => $(e)(d.original)),
+                onRowClick: R[1] || (R[1] = (g) => $(e)(g.original)),
                 "page-size": B.value
               }, {
-                "list-row": Q((d) => [
-                  w(Jt, {
-                    row: d,
-                    onRowClick: (h) => $(e)(h)
+                "list-row": Q((g) => [
+                  A(Xt, {
+                    row: g,
+                    onRowClick: (m) => $(e)(m)
                   }, {
-                    default: Q((h) => {
-                      var M, H, W, G, S, X, me, ee, se, de, De, xe, te, Ae, je, we, Ce, Ie, ge, ye;
+                    default: Q((m) => {
+                      var F, H, K, J, w, X, me, ae, re, de, be, he, Ie, Z, Ce, Ue, xe, $e, Ae, _e;
                       return [
-                        c("div", nn, [
-                          c("div", on, [
-                            c("div", sn, [
-                              w($(Re), {
-                                render: (W = (H = (M = h._id) == null ? void 0 : M.column) == null ? void 0 : H.columnDef) == null ? void 0 : W.cell,
-                                props: (S = (G = h._id) == null ? void 0 : G.getContext) == null ? void 0 : S.call(G)
+                        c("div", on, [
+                          c("div", sn, [
+                            c("div", rn, [
+                              A($(Me), {
+                                render: (K = (H = (F = m._id) == null ? void 0 : F.column) == null ? void 0 : H.columnDef) == null ? void 0 : K.cell,
+                                props: (w = (J = m._id) == null ? void 0 : J.getContext) == null ? void 0 : w.call(J)
                               }, null, 8, ["render", "props"])
                             ]),
-                            c("div", rn, [
-                              w($(Re), {
-                                render: (ee = (me = (X = h.name) == null ? void 0 : X.column) == null ? void 0 : me.columnDef) == null ? void 0 : ee.cell,
-                                props: (de = (se = h.name) == null ? void 0 : se.getContext) == null ? void 0 : de.call(se)
+                            c("div", ln, [
+                              A($(Me), {
+                                render: (ae = (me = (X = m.name) == null ? void 0 : X.column) == null ? void 0 : me.columnDef) == null ? void 0 : ae.cell,
+                                props: (de = (re = m.name) == null ? void 0 : re.getContext) == null ? void 0 : de.call(re)
                               }, null, 8, ["render", "props"])
                             ]),
-                            c("div", ln, ae([
-                              ...d.original.items.slice(0, 3).map((be) => be.sku.name),
-                              ...d.original.items.length >= 3 ? [`and ${d.original.items.length - 3} more items`] : []
+                            c("div", cn, ne([
+                              ...g.original.items.slice(0, 3).map((ke) => ke.sku.name),
+                              ...g.original.items.length >= 3 ? [`and ${g.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            c("div", cn, [
-                              w($(Re), {
-                                render: (te = (xe = (De = h.ref) == null ? void 0 : De.column) == null ? void 0 : xe.columnDef) == null ? void 0 : te.cell,
-                                props: (je = (Ae = h.ref) == null ? void 0 : Ae.getContext) == null ? void 0 : je.call(Ae)
+                            c("div", un, [
+                              A($(Me), {
+                                render: (Ie = (he = (be = m.ref) == null ? void 0 : be.column) == null ? void 0 : he.columnDef) == null ? void 0 : Ie.cell,
+                                props: (Ce = (Z = m.ref) == null ? void 0 : Z.getContext) == null ? void 0 : Ce.call(Z)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           c("div", null, [
-                            w($(Re), {
-                              render: (Ie = (Ce = (we = h.status) == null ? void 0 : we.column) == null ? void 0 : Ce.columnDef) == null ? void 0 : Ie.cell,
-                              props: (ye = (ge = h.status) == null ? void 0 : ge.getContext) == null ? void 0 : ye.call(ge)
+                            A($(Me), {
+                              render: ($e = (xe = (Ue = m.status) == null ? void 0 : Ue.column) == null ? void 0 : xe.columnDef) == null ? void 0 : $e.cell,
+                              props: (_e = (Ae = m.status) == null ? void 0 : Ae.getContext) == null ? void 0 : _e.call(Ae)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -2105,12 +2148,12 @@ const ka = kt(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (F(), ie(Ut, { to: "body" }, [
-          w(an, Pt($(m), {
-            show: $(b),
-            "onUpdate:show": R[2] || (R[2] = (d) => ft(b) ? b.value = d : null),
-            onSubmitted: R[3] || (R[3] = () => (b.value = !1, $(y).fetchDrafts())),
-            onRefresh: R[4] || (R[4] = (d) => $(y).updateDraftRef(d))
+        (S(), oe(Pt, { to: "body" }, [
+          A(nn, Rt($(d), {
+            show: $(h),
+            "onUpdate:show": R[2] || (R[2] = (g) => vt(h) ? h.value = g : null),
+            onSubmitted: R[3] || (R[3] = () => (h.value = !1, $(b).fetchDrafts())),
+            onRefresh: R[4] || (R[4] = (g) => $(b).updateDraftRef(g))
           }), null, 16, ["show"])
         ]))
       ], 64);
@@ -2118,5 +2161,5 @@ const ka = kt(
   }
 });
 export {
-  Cn as default
+  $n as default
 };