@feedmepos/mf-inventory-portal 1.5.9-dev.1 → 1.5.9-dev.2

package/dist/{ClosingDraftView-QgRaat2h.js → ClosingDraftView-BKjxsKag.js}

@@ -1,31 +1,31 @@
-import { defineComponent as je, ref as K, computed as M, onMounted as kt, resolveComponent as Z, openBlock as w, createElementBlock as j, Fragment as ce, createTextVNode as de, createBlock as ae, withCtx as ee, createElementVNode as a, toDisplayString as H, unref as u, createVNode as $, createCommentVNode as G, h, watch as ze, renderList as he, onUnmounted as bn, reactive as Et, isRef as _t, normalizeClass as Se, normalizeStyle as Ht, createSlots as hn, Teleport as kn, mergeProps as _n } from "vue";
-import { u as wn, _ as xn } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DGlWE5I8.js";
-import { useCoreStore as Yt, useI18n as Ye } from "@feedmepos/mf-common";
-import { useSnackbar as Ke, useDialog as Dn, components as pe, useProxiedModel as Kt, useBreakpoints as An } from "@feedmepos/ui-library";
-import { m as Cn, u as We, L as oe, w as te, q as Wt, s as Be, M as _e, B as Te, c as Sn, a as wt, j as $n } from "./app-cwueji6m.js";
-import { defineStore as qt, storeToRefs as Fn } from "pinia";
-import { b as st, e as Gt, f as In, a as Ce } from "./date2-D_-j6u1x.js";
-import { R as Bn } from "./rules-DB26S6qs.js";
-import { e as rt, a as ht, t as Qt, c as He, l as Zt, m as Jt, j as Xt, k as en, o as ne } from "./number-Cqsx9s88.js";
-import { b as Tn, d as jn } from "./xlsx.util-CD_xD6ZX.js";
-import { i as tn, u as nn } from "./uom-rules-CzTxRiqL.js";
-import { u as Un, a as Mn } from "./useSseClient-gIA58rTS.js";
-import { u as it } from "./stock-n6h8HkNk.js";
-import { D as Lt, R as Ne } from "./row-action.enum-DQ9bJ_uv.js";
-import { c as Rn } from "./component-kqxARxvM.js";
-import { f as Pn } from "./format-time-from-id-2IFiQNTX.js";
-import { f as Vn } from "./recalculationUtils-KdVSBljW.js";
-import { _ as Nn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Y_AhN6qb.js";
-import { _ as zn } from "./empty-placeholder-B0QU467o.js";
+import { defineComponent as je, ref as W, computed as M, onMounted as kt, resolveComponent as Z, openBlock as h, createElementBlock as T, Fragment as ce, createTextVNode as de, createBlock as ae, withCtx as ee, createElementVNode as a, toDisplayString as H, unref as u, createVNode as $, createCommentVNode as K, h as k, watch as ze, renderList as he, onUnmounted as kn, reactive as Ot, isRef as _t, normalizeClass as Se, normalizeStyle as Kt, createSlots as _n, Teleport as wn, mergeProps as xn } from "vue";
+import { u as Dn, _ as An } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DGlWE5I8.js";
+import { useCoreStore as Wt, useI18n as Ye } from "@feedmepos/mf-common";
+import { useSnackbar as Ke, useDialog as Cn, components as pe, useProxiedModel as qt, useBreakpoints as Sn } from "@feedmepos/ui-library";
+import { m as $n, u as We, L as oe, w as te, q as Gt, s as Be, M as _e, B as Te, c as Fn, a as wt, j as In } from "./app-DTz4LGCJ.js";
+import { defineStore as Qt, storeToRefs as Bn } from "pinia";
+import { b as rt, e as Zt, f as Tn, a as Ce } from "./date2-BJJQIIV9.js";
+import { R as jn } from "./rules-EEgDDXMF.js";
+import { e as lt, a as ht, t as Jt, c as He, l as Xt, m as en, j as tn, k as nn, o as ne } from "./number-CKzPOWR2.js";
+import { b as Mn, d as Un } from "./xlsx.util-FEXJ9YRM.js";
+import { i as an, u as on } from "./uom-rules-BOqMU5Ob.js";
+import { u as Rn, a as Pn } from "./useSseClient-D9Xmiz-D.js";
+import { u as ct } from "./stock-GVmcy_Vk.js";
+import { D as Ht, R as Ne } from "./row-action.enum-DQ9bJ_uv.js";
+import { c as Vn } from "./component-kqxARxvM.js";
+import { f as Nn } from "./format-time-from-id-BtGI10RN.js";
+import { f as zn } from "./recalculationUtils-CTLTLQ9V.js";
+import { _ as En } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-W4K3RNpN.js";
+import { _ as Ln } from "./empty-placeholder-B0QU467o.js";
 import { F as gt } from "./FmAdminBadge-DjnBAgyv.js";
-import { u as En } from "./vue-i18n-C3I0upD3.js";
-import { F as Ln } from "./decimal-DcHr_uvI.js";
-import { r as On, u as at, w as Hn } from "./xlsx-4BYDayT5.js";
-import { d as Yn } from "./dayjs.min-iDeAwg0n.js";
-import { F as Kn } from "./FmDroppableField-J0xUsOTV.js";
-import { _ as Wn } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-DLrMEGFR.js";
-import { _ as qn, F as nt } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-const qe = Cn((n, r) => {
+import { u as On } from "./vue-i18n-BQm9JO9o.js";
+import { F as Hn } from "./decimal-DstnZVub.js";
+import { r as Yn, u as ot, w as Kn } from "./xlsx-DZYL-v8V.js";
+import { d as Wn } from "./dayjs.min-YbnVt6Kp.js";
+import { F as qn } from "./FmDroppableField-J0xUsOTV.js";
+import { _ as Gn } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-DLrMEGFR.js";
+import { _ as Qn, F as at } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
+const qe = $n((n, l) => {
   function t() {
     return We().currentLocation.dbName;
   }
@@ -33,48 +33,48 @@ const qe = Cn((n, r) => {
     getDbName: t,
     async getDraft(o) {
       const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/${o}`;
-      return r.get(i);
+      return l.get(i);
     },
     async readDrafts() {
       const o = t(), g = `${n.inventoryBackendUrl}/${o}/closing-draft`;
-      return r.get(g);
+      return l.get(g);
     },
     async runOperation(o) {
       const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/run-operation`;
-      return r.post(i, o);
+      return l.post(i, o);
     },
     async runOperationV1(o) {
       const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/v1/run-operation`;
-      return r.post(i, o);
+      return l.post(i, o);
     },
     async sync(o) {
       const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/sync`;
-      return r.post(i, o);
+      return l.post(i, o);
     },
     async cloneDraft(o) {
       const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/${o}/clone`;
-      return r.post(i, {});
+      return l.post(i, {});
     },
     async createQuickModeDraftWithItems(o) {
       const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/quick-mode/new-with-items`;
-      return r.post(i, o);
+      return l.post(i, o);
     },
     initializeStockSnapshot(o, g) {
       const i = t(), s = `${n.inventoryBackendUrl}/${i}/closing-draft/${encodeURIComponent(o)}/initialize-stock-snapshot`;
-      return r.post(s, { effectiveAt: g });
+      return l.post(s, { effectiveAt: g });
     },
     async getRefreshBalanceStatus(o, g) {
       const i = t(), s = `${n.inventoryBackendUrl}/${i}/closing-draft/${o}/refresh-balance/status?closingDraftRevision=${encodeURIComponent(g)}`;
-      return r.get(s);
+      return l.get(s);
     }
   };
-}), Gn = { class: "fm-typo-en-body-lg-400" }, Qn = { class: "fm-typo-en-body-lg-600" }, Zn = {
+}), Zn = { class: "fm-typo-en-body-lg-400" }, Jn = { class: "fm-typo-en-body-lg-600" }, Xn = {
   key: 0,
   class: "flex flex-col"
-}, Jn = {
+}, ea = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
-}, Xn = { class: "flex gap-12 py-8 justify-end w-full" }, bt = /* @__PURE__ */ je({
+}, ta = { class: "flex gap-12 py-8 justify-end w-full" }, bt = /* @__PURE__ */ je({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -83,8 +83,8 @@ const qe = Cn((n, r) => {
     onFinished: { type: Function }
   },
   setup(n) {
-    const r = n, t = K(), o = qe(), g = Ke(), i = K(!1), s = K(null), c = K(!1), x = M(() => {
-      switch (r.action) {
+    const l = n, t = W(), o = qe(), g = Ke(), i = W(!1), s = W(null), c = W(!1), x = M(() => {
+      switch (l.action) {
         case oe.enum.approveDraft:
           return "Approve";
         case oe.enum.rejectDraft:
@@ -92,9 +92,9 @@ const qe = Cn((n, r) => {
         case oe.enum.markAsFailed:
           return "Mark as Failed";
       }
-      throw new Error(`Unknown action: ${r.action}`);
+      throw new Error(`Unknown action: ${l.action}`);
     }), A = M(() => {
-      switch (r.action) {
+      switch (l.action) {
         case oe.enum.approveDraft:
           return "primary";
         case oe.enum.rejectDraft:
@@ -102,36 +102,36 @@ const qe = Cn((n, r) => {
         case oe.enum.markAsFailed:
           return "destructive";
       }
-      throw new Error(`Unknown action: ${r.action}`);
+      throw new Error(`Unknown action: ${l.action}`);
     });
     kt(() => {
-      if (r.draft.effectiveAt)
-        s.value = new Date(r.draft.effectiveAt);
+      if (l.draft.effectiveAt)
+        s.value = new Date(l.draft.effectiveAt);
       else {
-        const I = new Date(r.draft.createdAt);
+        const I = new Date(l.draft.createdAt);
         I.setHours(23, 59, 59, 999), s.value = I;
       }
       c.value = !0;
     });
     const f = M({
       get() {
-        return s.value === null ? "" : st(s.value);
+        return s.value === null ? "" : rt(s.value);
       },
       set(I) {
         if (I) {
-          const k = /* @__PURE__ */ new Date(`${I} ${B.value}`);
-          k.setSeconds(59, 999), s.value = k;
+          const _ = /* @__PURE__ */ new Date(`${I} ${B.value}`);
+          _.setSeconds(59, 999), s.value = _;
         } else
           s.value = null;
       }
     }), B = M({
       get() {
-        return s.value === null ? "" : Gt(s.value);
+        return s.value === null ? "" : Zt(s.value);
       },
       set(I) {
         if (I) {
-          const k = /* @__PURE__ */ new Date(`${f.value} ${I}`);
-          k.setSeconds(59, 999), s.value = k;
+          const _ = /* @__PURE__ */ new Date(`${f.value} ${I}`);
+          _.setSeconds(59, 999), s.value = _;
         } else
           s.value = null;
       }
@@ -140,17 +140,17 @@ const qe = Cn((n, r) => {
       i.value = !0;
       try {
         I ? await o.runOperationV1({
-          _id: r.draft._id,
-          _rev: r.draft._rev ?? "",
-          action: r.action,
+          _id: l.draft._id,
+          _rev: l.draft._rev ?? "",
+          action: l.action,
           data: {
             effectiveAt: s.value ? s.value.toISOString() : null,
             remark: t.value
           }
         }).delayed(500) : await o.runOperation({
-          _id: r.draft._id,
-          _rev: r.draft._rev ?? "",
-          action: r.action,
+          _id: l.draft._id,
+          _rev: l.draft._rev ?? "",
+          action: l.action,
           data: {
             effectiveAt: s.value ? s.value.toISOString() : null,
             remark: t.value
@@ -159,67 +159,67 @@ const qe = Cn((n, r) => {
           title: "Success",
           message: "Action submitted",
           type: "success"
-        }), r.onFinished();
-      } catch (k) {
+        }), l.onFinished();
+      } catch (_) {
         g.open({
           title: "Something went wrong",
-          message: (k == null ? void 0 : k.message) ?? "Unable to submit action. Please try again",
+          message: (_ == null ? void 0 : _.message) ?? "Unable to submit action. Please try again",
           type: "error"
-        }), console.error("error on submit closing draft action", k);
+        }), console.error("error on submit closing draft action", _);
       } finally {
         i.value = !1;
       }
     }
-    return (I, k) => {
+    return (I, _) => {
       const R = Z("FmLabel"), p = Z("FmDatePicker"), v = Z("FmTimePicker"), m = Z("FmTextField"), b = Z("FmButton"), y = Z("FmForm");
-      return c.value ? (w(), ae(y, {
+      return c.value ? (h(), ae(y, {
         key: 1,
         onValidationSuccess: E,
         class: "flex flex-col gap-32",
         disabled: i.value
       }, {
         default: ee(() => [
-          a("div", Gn, [
-            k[4] || (k[4] = de(" You are about to ")),
-            a("span", Qn, H(x.value), 1),
-            k[5] || (k[5] = de(" this draft. Please provide a remark to justify this action. "))
+          a("div", Zn, [
+            _[4] || (_[4] = de(" You are about to ")),
+            a("span", Jn, H(x.value), 1),
+            _[5] || (_[5] = de(" this draft. Please provide a remark to justify this action. "))
           ]),
-          I.action === u(oe).enum.approveDraft ? (w(), j("div", Zn, [
+          I.action === u(oe).enum.approveDraft ? (h(), T("div", Xn, [
             $(R, { class: "fm-typo-en-body-lg-600" }, {
-              default: ee(() => k[6] || (k[6] = [
+              default: ee(() => _[6] || (_[6] = [
                 de("Closing Date")
               ])),
               _: 1
             }),
             $(p, {
               modelValue: f.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (_) => f.value = _),
-              max: u(st)(/* @__PURE__ */ new Date())
+              "onUpdate:modelValue": _[0] || (_[0] = (w) => f.value = w),
+              max: u(rt)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
             $(R, { class: "fm-typo-en-body-lg-600" }, {
-              default: ee(() => k[7] || (k[7] = [
+              default: ee(() => _[7] || (_[7] = [
                 de("Closing Time")
               ])),
               _: 1
             }),
             $(v, {
               modelValue: B.value,
-              "onUpdate:modelValue": k[1] || (k[1] = (_) => B.value = _)
+              "onUpdate:modelValue": _[1] || (_[1] = (w) => B.value = w)
             }, null, 8, ["modelValue"]),
-            N.value ? (w(), j("div", Jn, " Cannot select future date ")) : G("", !0)
-          ])) : G("", !0),
+            N.value ? (h(), T("div", ea, " Cannot select future date ")) : K("", !0)
+          ])) : K("", !0),
           $(m, {
             modelValue: t.value,
-            "onUpdate:modelValue": k[2] || (k[2] = (_) => t.value = _),
+            "onUpdate:modelValue": _[2] || (_[2] = (w) => t.value = w),
             label: "Remark",
             "label-mark": "required",
-            rules: [u(Bn)()]
+            rules: [u(jn)()]
           }, null, 8, ["modelValue", "rules"]),
-          a("div", Xn, [
+          a("div", ta, [
             $(b, {
               label: "Cancel",
               variant: "tertiary",
-              onClick: k[3] || (k[3] = (_) => I.onCancel())
+              onClick: _[3] || (_[3] = (w) => I.onCancel())
             }),
             $(b, {
               label: x.value,
@@ -230,39 +230,39 @@ const qe = Cn((n, r) => {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (w(), j(ce, { key: 0 }, [
+      }, 8, ["disabled"])) : (h(), T(ce, { key: 0 }, [
         de("Loading")
       ], 64));
     };
   }
-}), ea = He(0);
-function an(n) {
-  const r = n.measurementsAmounts.groupBy((o) => o.measurement.id), t = n.sku.unit.measurements.reduce((o, g) => {
+}), na = He(0);
+function sn(n) {
+  const l = n.measurementsAmounts.groupBy((o) => o.measurement.id), t = n.sku.unit.measurements.reduce((o, g) => {
     var c, x;
-    const i = ((x = (c = r.get(g.id)) == null ? void 0 : c[0]) == null ? void 0 : x.amount) ?? ea, s = rt(g.conversion, i);
+    const i = ((x = (c = l.get(g.id)) == null ? void 0 : c[0]) == null ? void 0 : x.amount) ?? na, s = lt(g.conversion, i);
     return o + +ht(s);
   }, +ht(n.baseAmount));
-  return Qt(t, n.baseAmount.precision);
+  return Jt(t, n.baseAmount.precision);
 }
-const ta = He(0), na = He(100);
-function aa(n, r, t, o, g, i, s, c) {
+const aa = He(0), oa = He(100);
+function sa(n, l, t, o, g, i, s, c) {
   var z, le, P, S, ie;
-  const x = an(n), A = o ?? x, f = Zt(A, r), B = r.amount === 0 ? null : Jt(f, {
-    ...r,
-    amount: Math.abs(r.amount)
-  }), N = B ? rt(B, na) : null, E = ((z = n.sku.defaultCost) == null ? void 0 : z.costPerUnit) ?? { amount: 0, precision: 0 }, I = Number(te.toFormatString({ value: E })), k = ((P = (le = n.sku.defaultCost) == null ? void 0 : le.measurement) == null ? void 0 : P.conversion) ?? {
+  const x = sn(n), A = o ?? x, f = Xt(A, l), B = l.amount === 0 ? null : en(f, {
+    ...l,
+    amount: Math.abs(l.amount)
+  }), N = B ? lt(B, oa) : null, E = ((z = n.sku.defaultCost) == null ? void 0 : z.costPerUnit) ?? { amount: 0, precision: 0 }, I = Number(te.toFormatString({ value: E })), _ = ((P = (le = n.sku.defaultCost) == null ? void 0 : le.measurement) == null ? void 0 : P.conversion) ?? {
     amount: 1,
     precision: 0
   }, R = Number(
-    te.toFormatString({ value: k })
-  ), p = g ? Number(te.toFormatString({ value: g })) : 0, v = Number(te.toFormatString({ value: r })), m = Number(te.toFormatString({ value: A })), b = m - v, y = b * I / R, _ = m * I / R, Y = v * I / R, W = {};
+    te.toFormatString({ value: _ })
+  ), p = g ? Number(te.toFormatString({ value: g })) : 0, v = Number(te.toFormatString({ value: l })), m = Number(te.toFormatString({ value: A })), b = m - v, y = b * I / R, w = m * I / R, Y = v * I / R, q = {};
   return s && i && s.forEach((L) => {
     const F = { amount: 0, precision: 0 }, Q = i[L];
     if (Q) {
-      const se = Xt(F, Q);
-      W[`adjustment_${L}`] = ht(se);
+      const se = tn(F, Q);
+      q[`adjustment_${L}`] = ht(se);
     } else
-      W[`adjustment_${L}`] = "0";
+      q[`adjustment_${L}`] = "0";
   }), {
     code: n.sku.code,
     name: n.sku.name,
@@ -281,15 +281,15 @@ function aa(n, r, t, o, g, i, s, c) {
     adjustedAmount: Number(te.toFormatString({ value: f })),
     adjustedDiffPercentage: N ? Number(
       te.toFormatString({
-        value: en(N, 2)
+        value: nn(N, 2)
       })
     ) : null,
     costPerUnit: I,
     opening: p,
-    ...W,
+    ...q,
     varianceQty: b,
     varianceInCost: y,
-    stockTakeValue: _,
+    stockTakeValue: w,
     systemValue: Y,
     // Include custom attribute values
     ...(c ?? []).reduce(
@@ -302,13 +302,13 @@ function aa(n, r, t, o, g, i, s, c) {
     )
   };
 }
-function oa(n) {
-  let r = 0;
+function ra(n) {
+  let l = 0;
   for (const t of n.values())
-    t.length > r && (r = t.length);
-  return r;
+    t.length > l && (l = t.length);
+  return l;
 }
-function sa(n, r) {
+function la(n, l) {
   const t = /* @__PURE__ */ new Map();
   for (const o of n) {
     if (t.has(o.sku._id)) continue;
@@ -322,7 +322,7 @@ function sa(n, r) {
         abbrev: c.abbrev,
         conversion: c.conversion,
         amount: x,
-        inactive: tn(c, r),
+        inactive: an(c, l),
         orphan: !1
       });
     }
@@ -339,8 +339,8 @@ function sa(n, r) {
   }
   return t;
 }
-function ra(n, r = [], t = []) {
-  const o = Wt(), g = o === "MYR" ? "RM" : o;
+function ia(n, l = [], t = []) {
+  const o = Gt(), g = o === "MYR" ? "RM" : o;
   return [
     {
       id: "code",
@@ -367,7 +367,7 @@ function ra(n, r = [], t = []) {
       name: "Opening (B/F)"
     },
     // Dynamic adjustment type columns
-    ...r.map((s) => ({
+    ...l.map((s) => ({
       id: `adjustment_${s}`,
       name: Be(s)
     })),
@@ -420,9 +420,9 @@ function ra(n, r = [], t = []) {
     }))
   ];
 }
-function la(n, r, t, o = [], g) {
+function ca(n, l, t, o = [], g) {
   var re, z, le, P, S, ie, L;
-  const i = r.groupBy(
+  const i = l.groupBy(
     (F) => F.id,
     (F) => F.balance
   ), s = t.groupBy(
@@ -440,10 +440,10 @@ function la(n, r, t, o = [], g) {
   f.forEach((F) => {
     x.has(F) && (B.push(F), x.delete(F));
   });
-  const N = Array.from(x).sort(), E = [...B, ...N], I = [...n.items, ...n.negativeStockItems ?? []], R = Yt().currentBusiness.value, p = sa(I, g), v = I.map((F) => {
+  const N = Array.from(x).sort(), E = [...B, ...N], I = [...n.items, ...n.negativeStockItems ?? []], R = Wt().currentBusiness.value, p = la(I, g), v = I.map((F) => {
     var De, $e;
-    const Q = ((De = i.get(F.sku._id)) == null ? void 0 : De[0]) ?? ta, se = p.get(F.sku._id) ?? [], we = c.get(F.sku._id), xe = A.get(F.sku._id);
-    return aa(
+    const Q = ((De = i.get(F.sku._id)) == null ? void 0 : De[0]) ?? aa, se = p.get(F.sku._id) ?? [], we = c.get(F.sku._id), xe = A.get(F.sku._id);
+    return sa(
       F,
       Q,
       se,
@@ -453,7 +453,7 @@ function la(n, r, t, o = [], g) {
       E,
       o
     );
-  }), m = oa(p), b = ra(m, E, o), y = [
+  }), m = ra(p), b = ia(m, E, o), y = [
     ["Business name:", R == null ? void 0 : R.name],
     ["Business ID:", R == null ? void 0 : R._id],
     ["Menu version", R == null ? void 0 : R.menuVersion],
@@ -477,13 +477,13 @@ function la(n, r, t, o = [], g) {
     [],
     b.map((F) => F.name),
     ...v.map((F) => b.map((Q) => F[Q.id]))
-  ], _ = b.map((F) => `system:${F.id}`), Y = Tn(y, _), W = `[${R == null ? void 0 : R.name}] closing draft (${In(new Date(n.updatedAt))}).xlsx`;
-  return jn(Y, W), W;
+  ], w = b.map((F) => `system:${F.id}`), Y = Mn(y, w), q = `[${R == null ? void 0 : R.name}] closing draft (${Tn(new Date(n.updatedAt))}).xlsx`;
+  return Un(Y, q), q;
 }
-const ia = { class: "flex flex-col" }, ca = {
+const ua = { class: "flex flex-col" }, da = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
-}, ua = { class: "flex gap-12 py-8 justify-end w-full" }, da = /* @__PURE__ */ je({
+}, ma = { class: "flex gap-12 py-8 justify-end w-full" }, fa = /* @__PURE__ */ je({
   __name: "RefreshBalanceAction",
   props: {
     draft: {},
@@ -491,21 +491,21 @@ const ia = { class: "flex flex-col" }, ca = {
     onFinished: { type: Function }
   },
   setup(n) {
-    const r = n;
-    it();
-    const t = K(!1), o = K(null), g = K(!1);
+    const l = n;
+    ct();
+    const t = W(!1), o = W(null), g = W(!1);
     kt(() => {
-      if (r.draft.effectiveAt)
-        o.value = new Date(r.draft.effectiveAt);
+      if (l.draft.effectiveAt)
+        o.value = new Date(l.draft.effectiveAt);
       else {
-        const A = new Date(r.draft.createdAt);
+        const A = new Date(l.draft.createdAt);
         A.setHours(23, 59, 59, 999), o.value = A;
       }
       g.value = !0;
     });
     const i = M({
       get() {
-        return o.value === null ? "" : st(o.value);
+        return o.value === null ? "" : rt(o.value);
       },
       set(A) {
         if (A) {
@@ -516,7 +516,7 @@ const ia = { class: "flex flex-col" }, ca = {
       }
     }), s = M({
       get() {
-        return o.value === null ? "" : Gt(o.value);
+        return o.value === null ? "" : Zt(o.value);
       },
       set(A) {
         if (A) {
@@ -527,11 +527,11 @@ const ia = { class: "flex flex-col" }, ca = {
       }
     }), c = M(() => o.value ? o.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
     async function x() {
-      t.value = !0, r.onFinished(o.value.toISOString());
+      t.value = !0, l.onFinished(o.value.toISOString());
     }
     return (A, f) => {
-      const B = Z("FmLabel"), N = Z("FmDatePicker"), E = Z("FmTimePicker"), I = Z("FmButton"), k = Z("FmForm");
-      return g.value ? (w(), ae(k, {
+      const B = Z("FmLabel"), N = Z("FmDatePicker"), E = Z("FmTimePicker"), I = Z("FmButton"), _ = Z("FmForm");
+      return g.value ? (h(), ae(_, {
         key: 1,
         onValidationSuccess: x,
         class: "flex flex-col gap-32",
@@ -550,7 +550,7 @@ const ia = { class: "flex flex-col" }, ca = {
               de(" the effective date and time. ")
             ])
           ], -1)),
-          a("div", ia, [
+          a("div", ua, [
             $(B, { class: "fm-typo-en-body-lg-600" }, {
               default: ee(() => f[3] || (f[3] = [
                 de("Closing Date")
@@ -560,7 +560,7 @@ const ia = { class: "flex flex-col" }, ca = {
             $(N, {
               modelValue: i.value,
               "onUpdate:modelValue": f[0] || (f[0] = (R) => i.value = R),
-              max: u(st)(/* @__PURE__ */ new Date())
+              max: u(rt)(/* @__PURE__ */ new Date())
             }, null, 8, ["modelValue", "max"]),
             $(B, { class: "fm-typo-en-body-lg-600" }, {
               default: ee(() => f[4] || (f[4] = [
@@ -572,9 +572,9 @@ const ia = { class: "flex flex-col" }, ca = {
               modelValue: s.value,
               "onUpdate:modelValue": f[1] || (f[1] = (R) => s.value = R)
             }, null, 8, ["modelValue"]),
-            c.value ? (w(), j("div", ca, " Cannot select future date ")) : G("", !0)
+            c.value ? (h(), T("div", da, " Cannot select future date ")) : K("", !0)
           ]),
-          a("div", ua, [
+          a("div", ma, [
             $(I, {
               label: "Cancel",
               variant: "tertiary",
@@ -590,15 +590,15 @@ const ia = { class: "flex flex-col" }, ca = {
           ])
         ]),
         _: 1
-      }, 8, ["disabled"])) : (w(), j(ce, { key: 0 }, [
+      }, 8, ["disabled"])) : (h(), T(ce, { key: 0 }, [
         de("Loading")
       ], 64));
     };
   }
-}), lt = qt(
+}), it = Qt(
   "closingDraftActions",
   function() {
-    const r = Dn(), t = Ke(), o = it(), g = qe(), i = Un(), s = nn(), c = K(!1), x = K();
+    const l = Cn(), t = Ke(), o = ct(), g = qe(), i = Rn(), s = on(), c = W(!1), x = W();
     function A(b) {
       const y = {
         draft: b
@@ -606,7 +606,7 @@ const ia = { class: "flex flex-col" }, ca = {
       x.value = y, c.value = !0;
     }
     async function f(b) {
-      var _;
+      var w;
       if (b.status === _e.enum.COMPLETED) {
         const Y = b.closingAdjustmentId;
         if (!Y)
@@ -617,74 +617,74 @@ const ia = { class: "flex flex-col" }, ca = {
           }), console.error("Closing draft is completed but closing document cannot be found.", {
             draftId: b._id
           }), [];
-        const W = await o.readAdjustmentById(Y);
-        return ((W == null ? void 0 : W.skus) ?? []).map((z) => ({
+        const q = await o.readAdjustmentById(Y);
+        return ((q == null ? void 0 : q.skus) ?? []).map((z) => ({
           id: z.sku._id,
           balance: z.fromBalance,
           costs: z.fromCostBalances
         }));
       } else
-        return await i.readStockBalance(), ((_ = i.stockBalance) == null ? void 0 : _.skus) ?? [];
+        return await i.readStockBalance(), ((w = i.stockBalance) == null ? void 0 : w.skus) ?? [];
     }
-    async function B(b, y, _, Y) {
+    async function B(b, y, w, Y) {
       y || (t.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), y = await f(b)), la(
+      }), y = await f(b)), ca(
         b,
         y,
-        _ ?? [],
+        w ?? [],
         Y ?? [],
         s.value
       );
     }
-    function N(b, y, _) {
-      r.open({
+    function N(b, y, w) {
+      l.open({
         title: "Approve draft",
         contentComponent: bt,
         contentComponentProps: {
           draft: b,
           action: oe.enum.approveDraft,
           onFinished: () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           },
           onCancel: () => {
-            r.close();
+            l.close();
           }
         }
       }).onClose(() => {
-        _ == null || _();
+        w == null || w();
       });
     }
     function E(b, y) {
-      r.open({
+      l.open({
         title: "Reject draft",
         contentComponent: bt,
         contentComponentProps: {
           draft: b,
           action: oe.enum.rejectDraft,
           onFinished: () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           },
-          onCancel: () => r.close()
+          onCancel: () => l.close()
         }
       });
     }
     function I(b, y) {
-      r.open({
+      l.open({
         title: "Mark draft as failed",
         contentComponent: bt,
         contentComponentProps: {
           draft: b,
           action: oe.enum.markAsFailed,
           onFinished: () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           },
-          onCancel: () => r.close()
+          onCancel: () => l.close()
         }
       });
     }
-    async function k(b, y) {
+    async function _(b, y) {
       await g.sync({
         _id: b._id,
         _rev: b._rev ?? "",
@@ -701,23 +701,23 @@ const ia = { class: "flex flex-col" }, ca = {
     function R() {
       c.value = !1;
     }
-    async function p(b, y, _) {
-      await r.open({
+    async function p(b, y, w) {
+      await l.open({
         title: "Refresh balance",
-        contentComponent: da,
+        contentComponent: fa,
         contentComponentProps: {
           draft: b,
           onFinished: (Y) => {
-            r.close(), _ == null || _(Y);
+            l.close(), w == null || w(Y);
           },
           onCancel: async () => {
-            r.close(), y == null || y();
+            l.close(), y == null || y();
           }
         }
       });
     }
     async function v(b) {
-      await r.open({
+      await l.open({
         title: "Invalidate closing draft cache",
         message: "It will invalidate opening and stock movement cache for this draft.",
         primaryActions: { text: "Proceed", close: !0 },
@@ -740,10 +740,10 @@ const ia = { class: "flex flex-col" }, ca = {
           message: "Draft cloned successfully",
           type: "success"
         }), y == null || y();
-      } catch (_) {
+      } catch (w) {
         t.open({
           title: "Error",
-          message: (_ == null ? void 0 : _.message) || "Failed to clone draft",
+          message: (w == null ? void 0 : w.message) || "Failed to clone draft",
           type: "error"
         });
       }
@@ -754,7 +754,7 @@ const ia = { class: "flex flex-col" }, ca = {
       approveDraft: N,
       rejectDraft: E,
       markAsFailed: I,
-      syncDraft: k,
+      syncDraft: _,
       exportDraft: B,
       refreshBalance: p,
       cloneDraft: m,
@@ -764,7 +764,7 @@ const ia = { class: "flex flex-col" }, ca = {
     };
   }
 );
-function ot(n) {
+function st(n) {
   switch (n) {
     case "DRAFT":
       return "fm-status-badge-draft";
@@ -776,10 +776,10 @@ function ot(n) {
       return "fm-status-badge-complete";
   }
 }
-const on = qt(
+const rn = Qt(
   "closingDraftTable",
   function() {
-    const { t: r } = Ye(), t = Yt(), o = lt(), g = K(new Array()), i = K(0), s = K(!1), c = We(), x = qe();
+    const { t: l } = Ye(), t = Wt(), o = it(), g = W(new Array()), i = W(0), s = W(!1), c = We(), x = qe();
     async function A() {
       if (g.value = [], !!c._currentLocation) {
         s.value = !0;
@@ -810,7 +810,7 @@ const on = qt(
       }
     }
     function B(p) {
-      const v = Vn(
+      const v = zn(
         p.filter((m) => !!m.closingId).map((m) => ({ closingId: m.closingId, draftCreatedAt: new Date(Te(m._id)) }))
       );
       return p.map((m) => ({
@@ -827,14 +827,14 @@ const on = qt(
     }
     function E(p) {
       var b, y;
-      const v = p.items.length + (((b = p.negativeStockItems) == null ? void 0 : b.length) ?? 0), m = (p == null ? void 0 : p.approveRemark) ?? ((y = p == null ? void 0 : p.rejectionHistory) == null ? void 0 : y.computeFirst((_) => _.rejectRemark)) ?? p.remark ?? "";
+      const v = p.items.length + (((b = p.negativeStockItems) == null ? void 0 : b.length) ?? 0), m = (p == null ? void 0 : p.approveRemark) ?? ((y = p == null ? void 0 : p.rejectionHistory) == null ? void 0 : y.computeFirst((w) => w.rejectRemark)) ?? p.remark ?? "";
       return { count: v, remark: m };
     }
     function I() {
       o.closeDraftDialog(), A();
     }
-    function k(p, v) {
-      switch (v = Sn(v), p) {
+    function _(p, v) {
+      switch (v = Fn(v), p) {
         case Ne.Details:
           return o.viewDraft(v);
         case Ne.Export:
@@ -854,9 +854,9 @@ const on = qt(
         {
           id: "_id",
           accessorKey: "_id",
-          header: () => r("inventory.closing.table.createdAt"),
+          header: () => l("inventory.closing.table.createdAt"),
           cell(p) {
-            return Pn(`${p.getValue()}`);
+            return Nn(`${p.getValue()}`);
           },
           sortingFn: (p, v) => new Date(Te(p.original._id)).getTime() - new Date(Te(v.original._id)).getTime(),
           enableSorting: !0
@@ -865,7 +865,7 @@ const on = qt(
           id: "closingId",
           accessorFn: (p) => p.closingIdDisplay,
           size: 160,
-          header: () => r("inventory.closing.draft.table.id"),
+          header: () => l("inventory.closing.draft.table.id"),
           cell(p) {
             return p.getValue();
           },
@@ -873,7 +873,7 @@ const on = qt(
         },
         {
           accessorKey: "effectiveAt",
-          header: () => r("inventory.closing.draft.table.effectiveAt"),
+          header: () => l("inventory.closing.draft.table.effectiveAt"),
           cell(p) {
             const v = p.row.original;
             let m = p.getValue();
@@ -888,72 +888,72 @@ const on = qt(
             const { count: v, remark: m } = E(p);
             return `${v} ${m}`;
           },
-          header: () => r("inventory.closing.draft.table.description"),
+          header: () => l("inventory.closing.draft.table.description"),
           enableSorting: !0,
           size: 350,
           cell(p) {
-            const { count: v, remark: m } = E(p.row.original), b = (y, _) => h("div", { class: "flex gap-4" }, [
-              h(
+            const { count: v, remark: m } = E(p.row.original), b = (y, w) => k("div", { class: "flex gap-4" }, [
+              k(
                 "span",
                 { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" },
                 `${y}:`
               ),
-              h(
+              k(
                 "span",
                 {
                   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
                   style: "white-space: pre-wrap; word-break: break-word;"
                 },
-                `${_}`
+                `${w}`
               )
             ]);
-            return h("div", { class: "flex flex-col gap-2", style: "width: 300px;" }, [
-              b(r("inventory.closing.draft.table.items"), v),
-              m ? b(r("inventory.closing.draft.table.remark"), m) : null
+            return k("div", { class: "flex flex-col gap-2", style: "width: 300px;" }, [
+              b(l("inventory.closing.draft.table.items"), v),
+              m ? b(l("inventory.closing.draft.table.remark"), m) : null
             ]);
           }
         },
         {
           id: "status",
           accessorFn: (p) => p.status,
-          header: () => r("inventory.closing.table.status"),
+          header: () => l("inventory.closing.table.status"),
           enableSorting: !1,
           cell(p) {
             var Y;
-            const v = p.row.original, m = v.status, b = new Date(v.updatedAt), y = (Y = v == null ? void 0 : v.rejectionHistory) == null ? void 0 : Y.computeFirst((W) => W.rejectedAt), _ = y ? new Date(y) : null;
-            return m === "DRAFT" && _ ? _.getTime() > b.getTime() ? h(
+            const v = p.row.original, m = v.status, b = new Date(v.updatedAt), y = (Y = v == null ? void 0 : v.rejectionHistory) == null ? void 0 : Y.computeFirst((q) => q.rejectedAt), w = y ? new Date(y) : null;
+            return m === "DRAFT" && w ? w.getTime() > b.getTime() ? k(
               "div",
               {
                 class: "flex"
               },
-              h(
+              k(
                 "div",
                 {
-                  class: ["fm-status-badge", ot("FAILED")]
+                  class: ["fm-status-badge", st("FAILED")]
                 },
                 "Rejected"
               )
-            ) : h(
+            ) : k(
               "div",
               {
                 class: "flex"
               },
-              h(
+              k(
                 "div",
                 {
-                  class: ["fm-status-badge", ot("PROCESSING")]
+                  class: ["fm-status-badge", st("PROCESSING")]
                 },
                 "Updated"
               )
-            ) : h(
+            ) : k(
               "div",
               {
                 class: "flex"
               },
-              h(
+              k(
                 "div",
                 {
-                  class: ["fm-status-badge", ot(m)]
+                  class: ["fm-status-badge", st(m)]
                 },
                 Be(m)
               )
@@ -963,19 +963,19 @@ const on = qt(
         {
           id: "updatedAt",
           accessorFn: (p) => p.updatedAt,
-          header: () => r("inventory.closing.draft.table.lastUpdate"),
+          header: () => l("inventory.closing.draft.table.lastUpdate"),
           enableSorting: !0,
           size: 200,
           cell(p) {
             var m;
             const v = p.row.original;
-            return h("div", { class: "flex flex-col" }, [
-              h(
+            return k("div", { class: "flex flex-col" }, [
+              k(
                 "div",
                 { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
                 ((m = v.updatedBy) == null ? void 0 : m.name) ?? ""
               ),
-              h(
+              k(
                 "div",
                 { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
                 Ce(v.updatedAt)
@@ -988,8 +988,8 @@ const on = qt(
           cell(p) {
             var Y;
             const v = p.row.original, m = ((Y = t.sessionUser.value) == null ? void 0 : Y.role.isAdmin) ?? !1, b = [
-              Lt[Ne.Details],
-              Lt[Ne.Export]
+              Ht[Ne.Details],
+              Ht[Ne.Export]
             ], y = [
               {
                 translationKey: "inventory.closing.draft.approveDraft",
@@ -1006,20 +1006,20 @@ const on = qt(
                 color: "text-fm-color-typo-error",
                 value: oe.enum.markAsFailed
               }
-            ], _ = m && v.status !== _e.enum.DRAFT ? [
+            ], w = m && v.status !== _e.enum.DRAFT ? [
               {
                 translationKey: "inventory.closing.draft.cloneDraft",
                 color: "text-fm-color-typo-primary",
                 value: Ne.Duplicate
               }
             ] : [];
-            return Rn(
+            return Vn(
               [
                 ...b,
                 ...v.status === _e.enum.DRAFT ? y : []
               ],
-              (W) => k(W, v),
-              _
+              (q) => _(q, v),
+              w
             );
           },
           enableSorting: !1,
@@ -1038,19 +1038,19 @@ const on = qt(
       updateDraftRef: N
     };
   }
-), ma = { class: "fm-typo-en-heading-lg-600" }, fa = { class: "py-4" }, pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, va = { key: 0 }, ya = { class: "mt-4 flex gap-4" }, ga = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ba = { key: 0 }, ha = {
+), pa = { class: "fm-typo-en-heading-lg-600" }, va = { class: "py-4" }, ya = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ga = { key: 0 }, ba = { class: "mt-4 flex gap-4" }, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ka = { key: 0 }, _a = {
   key: 0,
   class: "mb-4"
-}, ka = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full" }, _a = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wa = {
+}, wa = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full" }, xa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Da = {
   key: 0,
   class: "text-fm-color-system-success-300 mr-1"
-}, xa = {
+}, Aa = {
   key: 1,
   class: "text-fm-color-system-error-300 mr-1"
-}, Da = { class: "fm-typo-en-body-md-400" }, Aa = { class: "mt-4 flex gap-4" }, Ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Sa = {
+}, Ca = { class: "fm-typo-en-body-md-400" }, Sa = { class: "mt-4 flex gap-4" }, $a = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Fa = {
   key: 0,
   class: "flex gap-4"
-}, $a = /* @__PURE__ */ je({
+}, Ia = /* @__PURE__ */ je({
   __name: "ClosingDraftApprovalDialog",
   props: {
     show: { type: Boolean },
@@ -1059,8 +1059,8 @@ const on = qt(
     draft: {}
   },
   emits: ["update:show", "refresh", "approve"],
-  setup(n, { emit: r }) {
-    const { FmStepper: t, FmStep: o, FmDialog: g, FmButton: i } = pe, { t: s } = En(), c = wt(), x = n, A = r, f = M(
+  setup(n, { emit: l }) {
+    const { FmStepper: t, FmStep: o, FmDialog: g, FmButton: i } = pe, { t: s } = On(), c = wt(), x = n, A = l, f = M(
       () => {
         var P, S;
         return ((P = x.draft) == null ? void 0 : P.stockSnapshot) && ((S = x.draft) == null ? void 0 : S.stockSnapshot) !== void 0;
@@ -1098,7 +1098,7 @@ const on = qt(
     }), I = M({
       get: () => x.show,
       set: (P) => A("update:show", P)
-    }), k = K(1), R = () => k.value > 1, p = () => k.value > 2, v = () => !1;
+    }), _ = W(1), R = () => _.value > 1, p = () => _.value > 2, v = () => !1;
     function m(P) {
       return P === 1 ? f.value : P === 2 ? E.value.length == 0 : !1;
     }
@@ -1108,7 +1108,7 @@ const on = qt(
       for (; S <= 3 && m(S); ) S++;
       return S > 3 ? 3 : S;
     }
-    function _(P) {
+    function w(P) {
       let S = P - 1;
       for (; S >= 1 && m(S); ) S--;
       return S < 1 ? 1 : S;
@@ -1119,46 +1119,46 @@ const on = qt(
     ze(
       () => x.show,
       (P) => {
-        P && (k.value = Y());
+        P && (_.value = Y());
       }
     ), ze(
       () => f.value,
       (P) => {
-        P && k.value === 1 && (k.value = y(1));
+        P && _.value === 1 && (_.value = y(1));
       }
     ), ze(
       () => E.value.length,
       (P) => {
-        P === 0 && k.value === 2 && (k.value = y(2));
+        P === 0 && _.value === 2 && (_.value = y(2));
       }
     );
-    function W() {
+    function q() {
       A("refresh");
     }
     function re() {
-      k.value < 3 && (k.value = y(k.value));
+      _.value < 3 && (_.value = y(_.value));
     }
     function z() {
-      k.value > 1 && (k.value = _(k.value));
+      _.value > 1 && (_.value = w(_.value));
     }
     function le() {
       A("approve");
     }
     return (P, S) => {
       const ie = Z("FmIcon");
-      return w(), ae(u(g), {
+      return h(), ae(u(g), {
         modelValue: I.value,
         "onUpdate:modelValue": S[1] || (S[1] = (L) => I.value = L),
         "max-width": 600
       }, {
         "dialog-header": ee(() => [
-          a("div", ma, H(u(s)("inventory.closing.approval.title")), 1)
+          a("div", pa, H(u(s)("inventory.closing.approval.title")), 1)
         ]),
         default: ee(() => [
-          a("div", fa, [
+          a("div", va, [
             $(u(t), {
-              modelValue: k.value,
-              "onUpdate:modelValue": S[0] || (S[0] = (L) => k.value = L),
+              modelValue: _.value,
+              "onUpdate:modelValue": S[0] || (S[0] = (L) => _.value = L),
               orientation: "vertical"
             }, {
               default: ee(() => [
@@ -1168,24 +1168,24 @@ const on = qt(
                   complete: R
                 }, {
                   default: ee(() => [
-                    a("div", pa, H(u(s)("inventory.closing.approval.step.generateReport.description")), 1),
-                    k.value === 1 ? (w(), j("div", va, [
+                    a("div", ya, H(u(s)("inventory.closing.approval.step.generateReport.description")), 1),
+                    _.value === 1 ? (h(), T("div", ga, [
                       $(u(i), {
                         label: u(s)("inventory.stock.stock_balance.refreshBalance"),
                         "prepend-icon": "refresh",
                         variant: "secondary",
                         loading: P.refreshing,
                         disabled: P.refreshing,
-                        onClick: W
+                        onClick: q
                       }, null, 8, ["label", "loading", "disabled"]),
-                      a("div", ya, [
+                      a("div", ba, [
                         $(u(i), {
                           label: u(s)("inventory.common.continue"),
                           disabled: !f.value,
                           onClick: re
                         }, null, 8, ["label", "disabled"])
                       ])
-                    ])) : G("", !0)
+                    ])) : K("", !0)
                   ]),
                   _: 1
                 }, 8, ["title"]),
@@ -1196,22 +1196,22 @@ const on = qt(
                   complete: p
                 }, {
                   default: ee(() => [
-                    a("div", ga, H(N.value.length > 0 ? `${u(s)("inventory.closing.approval.step.negativeItems.resolveMessage")} [${u(s)("inventory.closing.approval.step.negativeItems.itemsHeader")} (${E.value.length})]` : u(s)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
-                    k.value === 2 ? (w(), j("div", ba, [
-                      N.value.length > 0 ? (w(), j("div", ha, [
+                    a("div", ha, H(N.value.length > 0 ? `${u(s)("inventory.closing.approval.step.negativeItems.resolveMessage")} [${u(s)("inventory.closing.approval.step.negativeItems.itemsHeader")} (${E.value.length})]` : u(s)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
+                    _.value === 2 ? (h(), T("div", ka, [
+                      N.value.length > 0 ? (h(), T("div", _a, [
                         S[2] || (S[2] = a("div", { class: "fm-typo-en-body-md-600 mb-2" }, null, -1)),
-                        a("div", ka, [
-                          (w(!0), j(ce, null, he(N.value, (L) => (w(), j("div", {
+                        a("div", wa, [
+                          (h(!0), T(ce, null, he(N.value, (L) => (h(), T("div", {
                             key: L.id,
                             class: "flex gap-8"
                           }, [
-                            a("div", _a, [
-                              B.value[L.id] ? (w(), j("span", wa, [
+                            a("div", xa, [
+                              B.value[L.id] ? (h(), T("span", Da, [
                                 $(ie, {
                                   name: "check_circle",
                                   size: "sm"
                                 })
-                              ])) : (w(), j("span", xa, [
+                              ])) : (h(), T("span", Aa, [
                                 $(ie, {
                                   name: "error",
                                   size: "sm"
@@ -1219,11 +1219,11 @@ const on = qt(
                               ])),
                               de(" " + H(L.code), 1)
                             ]),
-                            a("div", Da, H(L.name), 1)
+                            a("div", Ca, H(L.name), 1)
                           ]))), 128))
                         ])
-                      ])) : G("", !0),
-                      a("div", Aa, [
+                      ])) : K("", !0),
+                      a("div", Sa, [
                         $(u(i), {
                           label: u(s)("inventory.common.back"),
                           variant: "secondary",
@@ -1235,7 +1235,7 @@ const on = qt(
                           onClick: re
                         }, null, 8, ["label", "disabled"])
                       ])
-                    ])) : G("", !0)
+                    ])) : K("", !0)
                   ]),
                   _: 1
                 }, 8, ["title", "disabled"]),
@@ -1246,8 +1246,8 @@ const on = qt(
                   complete: v
                 }, {
                   default: ee(() => [
-                    a("div", Ca, H(u(s)("inventory.closing.approval.step.approval.warning")), 1),
-                    k.value === 3 ? (w(), j("div", Sa, [
+                    a("div", $a, H(u(s)("inventory.closing.approval.step.approval.warning")), 1),
+                    _.value === 3 ? (h(), T("div", Fa, [
                       $(u(i), {
                         label: u(s)("inventory.common.back"),
                         variant: "secondary",
@@ -1260,7 +1260,7 @@ const on = qt(
                         loading: P.approving,
                         onClick: le
                       }, null, 8, ["label", "disabled", "loading"])
-                    ])) : G("", !0)
+                    ])) : K("", !0)
                   ]),
                   _: 1
                 }, 8, ["title", "disabled"])
@@ -1274,8 +1274,8 @@ const on = qt(
     };
   }
 });
-function Fa(n) {
-  const r = qe(), t = Mn(), o = Ke(), { t: g } = Ye(), i = K(!1), s = K(null);
+function Ba(n) {
+  const l = qe(), t = Pn(), o = Ke(), { t: g } = Ye(), i = W(!1), s = W(null);
   let c = !1, x = null, A = !1, f = !1;
   function B() {
     R();
@@ -1287,14 +1287,14 @@ function Fa(n) {
       type: "closing-draft",
       params: {
         draftId: m,
-        locationId: r.getDbName(),
+        locationId: l.getDbName(),
         closingDraftRevision: b
       }
-    }, { unsubscribe: _, initialState: Y } = t.subscribe(y, E);
-    x = _, Y.then((W) => {
-      W != null && W.initialState && E(W.initialState);
-    }).catch((W) => {
-      console.error("Failed to fetch initial state", W);
+    }, { unsubscribe: w, initialState: Y } = t.subscribe(y, E);
+    x = w, Y.then((q) => {
+      q != null && q.initialState && E(q.initialState);
+    }).catch((q) => {
+      console.error("Failed to fetch initial state", q);
     });
   }
   function N() {
@@ -1333,7 +1333,7 @@ function Fa(n) {
       return;
     }
     try {
-      const b = await r.getDraft(m);
+      const b = await l.getDraft(m);
       i.value = !1, n.onCompleted(b), o.open({
         title: "Balance refreshed",
         message: "Stock balance has been recalculated.",
@@ -1347,7 +1347,7 @@ function Fa(n) {
       });
     }
   }
-  async function k(m) {
+  async function _(m) {
     if (!(!n.closingDraftId.value || i.value || A)) {
       i.value = !0, A = !0, s.value = {
         requestId: "",
@@ -1357,7 +1357,7 @@ function Fa(n) {
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
       try {
-        await r.initializeStockSnapshot(n.closingDraftId.value, m);
+        await l.initializeStockSnapshot(n.closingDraftId.value, m);
       } catch (b) {
         A = !1, i.value = !1, o.open({
           title: g("inventory.common.refreshFailed"),
@@ -1378,150 +1378,150 @@ function Fa(n) {
   }
   return ze(
     [n.closingDraftId, n.currentRev],
-    ([m, b], [y, _]) => {
-      f && (m === y && b === _ || B());
+    ([m, b], [y, w]) => {
+      f && (m === y && b === w || B());
     }
-  ), bn(() => {
+  ), kn(() => {
     v();
   }), {
     refreshing: i,
     refreshStatus: s,
     startListening: N,
-    startRefresh: k,
+    startRefresh: _,
     cleanup: v
   };
 }
-const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-col gap-4" }, Ta = { class: "flex justify-between" }, ja = { class: "flex" }, Ua = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ra = { class: "flex gap-1" }, Pa = {
+const Ta = { class: "w-full flex flex-col gap-32" }, ja = { class: "flex flex-col gap-4" }, Ma = { class: "flex justify-between" }, Ua = { class: "flex" }, Ra = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Va = { class: "flex gap-1" }, Na = {
   class: "fm-typo-en-body-lg-600",
   style: { "white-space": "pre-wrap", "word-break": "break-word" }
-}, Va = {
+}, za = {
   key: 0,
-  class: "flex items-start gap-8 p-12 fm-corner-radius-md border-1 border-purple-500 bg-purple-50 text-purple-700"
-}, Na = { class: "flex flex-col gap-16" }, za = { class: "flex items-center" }, Ea = {
+  class: "flex items-start gap-8 p-12 fm-corner-radius-md border-1 border-yellow-500 bg-yellow-50 text-yellow-700"
+}, Ea = { class: "flex flex-col gap-2" }, La = { class: "fm-typo-en-body-sm-400 list-disc pl-16" }, Oa = { key: 0 }, Ha = { key: 1 }, Ya = { class: "flex flex-col gap-16" }, Ka = { class: "flex items-center" }, Wa = {
   key: 0,
   class: "flex gap-8"
-}, La = {
+}, qa = {
   key: 0,
   class: "w-full flex flex-col items-center"
-}, Oa = { class: "flex items-center gap-8" }, Ha = { class: "flex flex-col gap-8" }, Ya = { class: "flex gap-8" }, Ka = {
+}, Ga = { class: "flex items-center gap-8" }, Qa = { class: "flex flex-col gap-8" }, Za = { class: "flex gap-8" }, Ja = {
   key: 0,
   class: "flex gap-8"
-}, Wa = {
+}, Xa = {
   key: 1,
   class: "flex gap-8 flex-wrap"
-}, qa = { class: "overflow-x-auto" }, Ga = {
+}, eo = { class: "overflow-x-auto" }, to = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, Qa = {
+}, no = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
-}, Za = ["src"], Ja = {
+}, ao = ["src"], oo = {
   key: 1,
   class: "px-4 flex flex-col"
-}, Xa = { class: "flex gap-12 content-stretch" }, eo = {
+}, so = { class: "flex gap-12 content-stretch" }, ro = {
   class: "flex flex-col w-24",
   name: "circles"
-}, to = { class: "flex-1 flex flex-col items-center" }, no = { class: "flex-1 flex flex-col items-center" }, ao = {
+}, lo = { class: "flex-1 flex flex-col items-center" }, io = { class: "flex-1 flex flex-col items-center" }, co = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, oo = { class: "fm-typo-en-body-lg-400" }, so = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ro = { class: "flex gap-12 content-stretch" }, lo = {
+}, uo = { class: "fm-typo-en-body-lg-400" }, mo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, fo = { class: "flex gap-12 content-stretch" }, po = {
   class: "flex flex-col w-24",
   name: "circles"
-}, io = { class: "flex-1 flex flex-col items-center" }, co = {
+}, vo = { class: "flex-1 flex flex-col items-center" }, yo = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, uo = { class: "flex flex-col gap-8" }, mo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, fo = { class: "flex flex-col gap-4" }, po = { class: "flex items-center justify-between gap-8 w-full" }, vo = { class: "flex items-center gap-8" }, yo = { class: "flex flex-col items-end" }, go = { class: "text-2xl font-semibold" }, Ot = "N/A", bo = /* @__PURE__ */ je({
+}, go = { class: "flex flex-col gap-8" }, bo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ho = { class: "flex flex-col gap-4" }, ko = { class: "flex items-center justify-between gap-8 w-full" }, _o = { class: "flex items-center gap-8" }, wo = { class: "flex flex-col items-end" }, xo = { class: "text-2xl font-semibold" }, Yt = "N/A", Do = /* @__PURE__ */ je({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
     draft: {}
   },
   emits: ["submitted", "refresh"],
-  setup(n, { emit: r }) {
+  setup(n, { emit: l }) {
     const t = n, o = M(() => {
-      const l = Wt();
-      return l === "MYR" ? "RM" : l;
-    }), g = on(), i = M(() => {
-      var l, e;
-      return (l = t.draft) != null && l.closingId ? ((e = g.drafts.find((d) => d._id === t.draft._id)) == null ? void 0 : e.closingIdDisplay) ?? null : null;
-    }), s = lt(), c = Kt(t, "show"), x = K(!1), A = K(!1), f = K(new Array()), B = K(new Array()), N = K([]), E = it(), I = Ke(), k = wt(), R = We(), p = Et({}), v = M(() => new Set(
-      k.skus.filter((l) => {
+      const r = Gt();
+      return r === "MYR" ? "RM" : r;
+    }), g = rn(), i = M(() => {
+      var r, e;
+      return (r = t.draft) != null && r.closingId ? ((e = g.drafts.find((d) => d._id === t.draft._id)) == null ? void 0 : e.closingIdDisplay) ?? null : null;
+    }), s = it(), c = qt(t, "show"), x = W(!1), A = W(!1), f = W(new Array()), B = W(new Array()), N = W([]), E = ct(), I = Ke(), _ = wt(), R = We(), p = Ot({}), v = M(() => new Set(
+      _.skus.filter((r) => {
         var e;
-        return p[(e = l.customAttributes) == null ? void 0 : e.tag];
-      }).map((l) => l._id)
-    )), m = r, b = M(() => {
-      var l;
-      return (l = t.draft) == null ? void 0 : l._id;
+        return p[(e = r.customAttributes) == null ? void 0 : e.tag];
+      }).map((r) => r._id)
+    )), m = l, b = M(() => {
+      var r;
+      return (r = t.draft) == null ? void 0 : r._id;
     }), y = M(() => {
-      var l;
-      return (l = t.draft) == null ? void 0 : l._rev;
+      var r;
+      return (r = t.draft) == null ? void 0 : r._rev;
     }), {
-      refreshing: _,
+      refreshing: w,
       startListening: Y,
-      startRefresh: W,
+      startRefresh: q,
       cleanup: re
-    } = Fa({
+    } = Ba({
       closingDraftId: b,
       currentRev: y,
-      onCompleted: (l) => {
-        m("refresh", l), f.value = l.stockSnapshot ?? [], c.value = !1;
+      onCompleted: (r) => {
+        m("refresh", r), f.value = r.stockSnapshot ?? [], c.value = !1;
       }
-    }), z = K({
+    }), z = W({
       templateItem: !0,
       nonTemplateItem: !0
-    }), le = K(null);
-    function P(l, e) {
-      le.value = e ? l : le.value === l ? null : le.value;
+    }), le = W(null);
+    function P(r, e) {
+      le.value = e ? r : le.value === r ? null : le.value;
     }
-    const S = (l) => ne(l, { minPrecision: 0, maxPrecision: 3 });
-    function ie(l, e) {
-      return e ? "text-fm-color-system-error-300" : l ? "text-purple-500" : "";
+    const S = (r) => ne(r, { minPrecision: 0, maxPrecision: 3 });
+    function ie(r, e) {
+      return e ? "text-fm-color-system-error-300" : r ? "text-purple-500" : "";
     }
-    function L(l, e) {
-      return e ? h(pe.FmIcon, { name: "warning", size: "sm", color: "system-error-300" }) : l ? h(pe.FmIcon, { name: "rule", size: "sm" }) : null;
+    function L(r, e) {
+      return e ? k(pe.FmIcon, { name: "warning", size: "sm", color: "system-error-300" }) : r ? k(pe.FmIcon, { name: "rule", size: "sm" }) : null;
     }
-    function F(l) {
-      return h(
+    function F(r) {
+      return k(
         "div",
         {
           class: "p-12 flex flex-col gap-4 fm-typo-en-body-md-400 min-w-[280px] max-w-[420px]"
         },
         [
-          h("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary mb-4" }, "Breakdown"),
-          ...l.breakdown.map(
-            (e) => h("div", { class: "flex justify-between gap-12" }, [
-              h(
+          k("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary mb-4" }, "Breakdown"),
+          ...r.breakdown.map(
+            (e) => k("div", { class: "flex justify-between gap-12" }, [
+              k(
                 "div",
                 { class: ["flex items-center gap-4", ie(e.inactive, e.orphan)] },
-                [L(e.inactive, e.orphan), h("span", e.label)]
+                [L(e.inactive, e.orphan), k("span", e.label)]
               ),
-              h(
+              k(
                 "div",
                 { class: e.counted ? "" : "line-through text-fm-color-typo-tertiary" },
-                e.orphan ? `${S(e.amount)} ${e.abbrev} (no valid conversion)` : e.counted ? `${S(e.subtotal)} ${l.baseUnit}` : `${S(e.subtotal)} ${l.baseUnit} (ignored)`
+                e.orphan ? `${S(e.amount)} ${e.abbrev} (no valid conversion)` : e.counted ? `${S(e.subtotal)} ${r.baseUnit}` : `${S(e.subtotal)} ${r.baseUnit} (ignored)`
               )
             ])
           ),
-          h("hr", { class: "border-fm-color-typo-secondary my-4" }),
-          h("div", { class: "flex justify-between fm-typo-en-body-lg-600" }, [
-            h("span", "Total"),
-            h("span", `${S(l.physicalBalance)} ${l.baseUnit}`)
+          k("hr", { class: "border-fm-color-typo-secondary my-4" }),
+          k("div", { class: "flex justify-between fm-typo-en-body-lg-600" }, [
+            k("span", "Total"),
+            k("span", `${S(r.physicalBalance)} ${r.baseUnit}`)
           ])
         ]
       );
     }
     const Q = M(() => {
       var e, d;
-      const l = [...((e = t.draft) == null ? void 0 : e.items) ?? [], ...((d = t.draft) == null ? void 0 : d.negativeStockItems) ?? []];
-      return v.value.size ? l.filter((T) => v.value.has(T.sku._id)) : l;
+      const r = [...((e = t.draft) == null ? void 0 : e.items) ?? [], ...((d = t.draft) == null ? void 0 : d.negativeStockItems) ?? []];
+      return v.value.size ? r.filter((j) => v.value.has(j.sku._id)) : r;
     }), se = M(() => {
-      const l = Q.value.map((e) => e.sku);
-      return l.sort((e, d) => e.code.localeCompare(d.code)), l;
-    }), we = nn();
+      const r = Q.value.map((e) => e.sku);
+      return r.sort((e, d) => e.code.localeCompare(d.code)), r;
+    }), we = on();
     kt(Ee), ze(
       () => t.show,
-      async (l) => {
-        if (!l) {
+      async (r) => {
+        if (!r) {
           re();
           return;
         }
@@ -1532,17 +1532,17 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
       },
       { immediate: !0 }
     );
-    const xe = M(() => dt.value.reduce((l, e) => l + Number(e.stockTakeValue), 0)), De = He(0), $e = He(100);
+    const xe = M(() => Qe.value.reduce((r, e) => r + Number(e.stockTakeValue), 0)), De = He(0), $e = He(100);
     async function Ee() {
-      var e, d, T, D;
+      var e, d, j, D;
       if (!R._currentLocation) return;
       x.value = !0;
-      const l = ((e = t.draft) == null ? void 0 : e.status) === _e.enum.COMPLETED;
+      const r = ((e = t.draft) == null ? void 0 : e.status) === _e.enum.COMPLETED;
       B.value = [];
       try {
-        if (await k.init(), l) {
-          const q = t.draft.closingAdjustmentId;
-          if (!q) {
+        if (await _.init(), r) {
+          const G = t.draft.closingAdjustmentId;
+          if (!G) {
             I.open({
               title: "Something went wrong",
               message: "Closing draft is completed but closing document cannot be found.",
@@ -1552,7 +1552,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
             });
             return;
           }
-          const me = await E.readAdjustmentById(q), Ae = (me == null ? void 0 : me.skus) ?? [];
+          const me = await E.readAdjustmentById(G), Ae = (me == null ? void 0 : me.skus) ?? [];
           for (const ge of Ae) {
             const Fe = {
               id: ge.sku._id,
@@ -1566,16 +1566,16 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
             f.value.push(Fe), B.value.push(U);
           }
         } else
-          f.value = ((T = t.draft) == null ? void 0 : T.stockSnapshot) ?? [];
+          f.value = ((j = t.draft) == null ? void 0 : j.stockSnapshot) ?? [];
         const V = /* @__PURE__ */ new Set();
         if ((D = t.draft) != null && D.adjustmentSnapshot)
-          for (const q of t.draft.adjustmentSnapshot)
-            q.adjustmentsByType && Object.keys(q.adjustmentsByType).forEach((me) => {
+          for (const G of t.draft.adjustmentSnapshot)
+            G.adjustmentsByType && Object.keys(G.adjustmentsByType).forEach((me) => {
               V.add(me);
             });
         const C = ["receive", "sales", "wastage"], J = [];
-        C.forEach((q) => {
-          V.has(q) && (J.push(q), V.delete(q));
+        C.forEach((G) => {
+          V.has(G) && (J.push(G), V.delete(G));
         });
         const O = Array.from(V).sort();
         N.value = [...J, ...O];
@@ -1591,7 +1591,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
     }
     async function Le() {
       var e, d;
-      if (_.value)
+      if (w.value)
         return;
       if (!(((e = t.draft) == null ? void 0 : e.effectiveAt) ?? (t.draft ? Te((d = t.draft) == null ? void 0 : d._id) : null))) {
         I.open({
@@ -1605,12 +1605,12 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         t.draft,
         () => {
         },
-        async (T) => {
-          await W(T);
+        async (j) => {
+          await q(j);
         }
       );
     }
-    async function Ue() {
+    async function Me() {
       var e, d;
       if (!(((e = t.draft) == null ? void 0 : e.effectiveAt) ?? (t.draft ? Te((d = t.draft) == null ? void 0 : d._id) : null))) {
         I.open({
@@ -1624,26 +1624,26 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
     }
     const Ge = M(
       () => f.value.groupBy(
-        (l) => l.id,
-        (l) => l.balance
+        (r) => r.id,
+        (r) => r.balance
       )
-    ), ct = M(() => Q.value.groupBy((l) => l.sku._id)), sn = M(() => {
-      var l;
-      return (l = t.draft) != null && l.adjustmentSnapshot ? new Map(t.draft.adjustmentSnapshot.map((e) => [e.skuId, e.adjustmentsByType])) : /* @__PURE__ */ new Map();
-    }), rn = M(() => {
-      var l;
-      return (l = t.draft) != null && l.opening ? new Map(t.draft.opening.map((e) => [e.skuId, e.balance])) : /* @__PURE__ */ new Map();
+    ), ut = M(() => Q.value.groupBy((r) => r.sku._id)), ln = M(() => {
+      var r;
+      return (r = t.draft) != null && r.adjustmentSnapshot ? new Map(t.draft.adjustmentSnapshot.map((e) => [e.skuId, e.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), cn = M(() => {
+      var r;
+      return (r = t.draft) != null && r.opening ? new Map(t.draft.opening.map((e) => [e.skuId, e.balance])) : /* @__PURE__ */ new Map();
     });
-    function ye(l, e) {
-      return h(
+    function ye(r, e) {
+      return k(
         pe.FmTooltip,
         { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
         {
           default() {
-            return l;
+            return r;
           },
           content() {
-            return e || l;
+            return e || r;
           }
         }
       );
@@ -1655,8 +1655,8 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         header: () => "Name",
         size: 350,
         cell(e) {
-          const d = e.row.original, T = d.adjustedDiffPercentage, D = typeof T == "number" && Math.abs(T) > 10, V = h("div", { class: "flex flex-col gap-4" }, [
-            h(
+          const d = e.row.original, j = d.adjustedDiffPercentage, D = typeof j == "number" && Math.abs(j) > 10, V = k("div", { class: "flex flex-col gap-4" }, [
+            k(
               "div",
               {
                 class: [
@@ -1666,7 +1666,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
               },
               d.name
             ),
-            h(
+            k(
               "div",
               {
                 class: [
@@ -1677,7 +1677,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
               d.code
             )
           ]);
-          return h(
+          return k(
             pe.FmTooltip,
             {
               zIndex: 51
@@ -1687,7 +1687,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                 return D ? "Adjustment difference is more than 10%." : `${d.code} - ${d.name}`;
               },
               default() {
-                return h("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                return k("div", { class: "flex items-center gap-4 justify-start w-full" }, [
                   V
                 ]);
               }
@@ -1696,15 +1696,15 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         }
       },
       // Dynamic custom attribute columns (toggled by user)
-      ...Dt.value.map(
+      ...Ct.value.map(
         (e) => ({
           id: `customAttr_${e}`,
           accessorFn: (d) => d.customAttributeValues[e],
           header: () => ye(Be(e)),
           size: 160,
           cell(d) {
-            const T = d.row.original.customAttributeValues[e];
-            return T == null ? "N/A" : typeof T == "number" ? h("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(T)) : h("div", { class: "text-right fm-typo-en-body-lg-400" }, String(T));
+            const j = d.row.original.customAttributeValues[e];
+            return j == null ? "N/A" : typeof j == "number" ? k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(j)) : k("div", { class: "text-right fm-typo-en-body-lg-400" }, String(j));
           },
           meta: {
             textAlign: "right"
@@ -1718,7 +1718,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 160,
         cell(e) {
           const d = e.row.original.costPerUnit;
-          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
         },
         meta: {
           textAlign: "right"
@@ -1730,22 +1730,22 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 120,
         cell(e) {
           var C;
-          const d = e.row.original, T = d.costUnit, D = d.baseUnit, V = T ?? D;
-          if (T && T !== D) {
-            const J = se.value.find((q) => q._id === d.id), O = (C = J == null ? void 0 : J.defaultCost) == null ? void 0 : C.measurement;
+          const d = e.row.original, j = d.costUnit, D = d.baseUnit, V = j ?? D;
+          if (j && j !== D) {
+            const J = se.value.find((G) => G._id === d.id), O = (C = J == null ? void 0 : J.defaultCost) == null ? void 0 : C.measurement;
             if (O) {
-              const q = O.conversion.amount / Math.pow(10, O.conversion.precision);
-              return h("div", { class: "flex flex-col" }, [
-                h(
+              const G = O.conversion.amount / Math.pow(10, O.conversion.precision);
+              return k("div", { class: "flex flex-col" }, [
+                k(
                   "span",
                   { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
                   V
                 ),
-                h("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                k("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
                   "1 ",
-                  h("span", { class: "fm-typo-en-body-sm-600" }, T),
-                  ` = ${q} `,
-                  h("span", { class: "fm-typo-en-body-sm-600" }, D)
+                  k("span", { class: "fm-typo-en-body-sm-600" }, j),
+                  ` = ${G} `,
+                  k("span", { class: "fm-typo-en-body-sm-600" }, D)
                 ])
               ]);
             }
@@ -1760,7 +1760,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 150,
         cell(e) {
           const d = e.row.original.opening;
-          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
         },
         meta: {
           textAlign: "right"
@@ -1774,8 +1774,8 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
           header: () => ye(Be(e)),
           size: 150,
           cell(d) {
-            const T = d.row.original.adjustmentAmounts[e] ?? { amount: 0, precision: 0 };
-            return h("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(T));
+            const j = d.row.original.adjustmentAmounts[e] ?? { amount: 0, precision: 0 };
+            return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(j));
           },
           meta: {
             textAlign: "right"
@@ -1789,7 +1789,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 200,
         cell(e) {
           const d = e.row.original.systemBalance;
-          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
         },
         meta: {
           textAlign: "right"
@@ -1798,40 +1798,40 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
       {
         id: "physicalBalance",
         accessorFn: (e) => {
-          var T;
-          const d = (T = B.value.find((D) => D.id === e.id)) == null ? void 0 : T.balance;
-          return d ? Ln.toDouble(d) : e.physicalBalance;
+          var j;
+          const d = (j = B.value.find((D) => D.id === e.id)) == null ? void 0 : j.balance;
+          return d ? Hn.toDouble(d) : e.physicalBalance;
         },
         header: () => ye("Stock Take balance", "The physical balance recorded during stock take."),
         cell(e) {
           var O;
-          const d = e.row.original, T = te.fromNumber(d.physicalBalance);
+          const d = e.row.original, j = te.fromNumber(d.physicalBalance);
           let D = !0;
-          const V = (O = B.value.find((q) => q.id === d.id)) == null ? void 0 : O.balance;
+          const V = (O = B.value.find((G) => G.id === d.id)) == null ? void 0 : O.balance;
           let C;
-          V && !te.equals({ a: T, b: V }) ? (D = !1, C = ne(V)) : C = ne(d.physicalBalance);
-          const J = h("div", { class: "flex flex-col items-end" }, [
-            h(
+          V && !te.equals({ a: j, b: V }) ? (D = !1, C = ne(V)) : C = ne(d.physicalBalance);
+          const J = k("div", { class: "flex flex-col items-end" }, [
+            k(
               "span",
               { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
               C
             ),
-            D ? null : h(
+            D ? null : k(
               "span",
               { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
               `Draft: ${ne(d.physicalBalance)}`
             )
           ]);
-          return d.breakdown.length ? h(
+          return d.breakdown.length ? k(
             pe.FmPopover,
             {
               showPopover: le.value === d.id,
               placement: "bottom-end",
               zIndex: 9999,
-              "onPopover-changed": (q) => P(d.id, q)
+              "onPopover-changed": (G) => P(d.id, G)
             },
             {
-              "popover-button": () => h(
+              "popover-button": () => k(
                 "button",
                 {
                   type: "button",
@@ -1839,7 +1839,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                 },
                 [
                   J,
-                  h(pe.FmIcon, { name: "info", size: "sm", outline: !0 })
+                  k(pe.FmIcon, { name: "info", size: "sm", outline: !0 })
                 ]
               ),
               default: () => F(d)
@@ -1858,7 +1858,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 200,
         cell(e) {
           const d = e.row.original.adjustedAmount;
-          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
         },
         meta: {
           textAlign: "right"
@@ -1871,7 +1871,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 150,
         cell(e) {
           const d = e.row.original.varianceInCost;
-          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
         },
         meta: {
           textAlign: "right"
@@ -1888,24 +1888,24 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         cell(e) {
           const d = e.row.original.adjustedDiffPercentage;
           if (d == null)
-            return h(
+            return k(
               "div",
               { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" },
-              Ot
+              Yt
             );
-          const T = ne(d);
+          const j = ne(d);
           if (d === 0)
-            return h("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+            return k("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
               ne(0)
             ]);
           const D = d > 0;
-          return h("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
-            h(pe.FmIcon, {
+          return k("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+            k(pe.FmIcon, {
               name: D ? "arrow_drop_up" : "arrow_drop_down",
               color: D ? "system-success-300" : "system-error-300",
               size: "md"
             }),
-            T
+            j
           ]);
         },
         meta: {
@@ -1919,10 +1919,10 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 180,
         cell(e) {
           var O;
-          const d = e.row.original, T = d.stockTakeValue, D = se.value.find((q) => q._id === d.id), V = (O = D == null ? void 0 : D.defaultCost) == null ? void 0 : O.measurement, C = d.physicalBalance, J = d.costPerUnit;
+          const d = e.row.original, j = d.stockTakeValue, D = se.value.find((G) => G._id === d.id), V = (O = D == null ? void 0 : D.defaultCost) == null ? void 0 : O.measurement, C = d.physicalBalance, J = d.costPerUnit;
           if (V) {
-            const q = te.toFormatString({ value: V.conversion }), me = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} ÷ ${q} × ${J} ${o.value}`;
-            return h(
+            const G = te.toFormatString({ value: V.conversion }), me = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} ÷ ${G} × ${J} ${o.value}`;
+            return k(
               pe.FmTooltip,
               { zIndex: 51 },
               {
@@ -1930,28 +1930,28 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                   return me;
                 },
                 default() {
-                  return h(
+                  return k(
                     "div",
                     { class: "text-right w-full fm-typo-en-body-lg-400" },
-                    ne(T)
+                    ne(j)
                   );
                 }
               }
             );
           } else {
-            const q = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} × ${J} ${o.value}`;
-            return h(
+            const G = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} × ${J} ${o.value}`;
+            return k(
               pe.FmTooltip,
               { zIndex: 51 },
               {
                 content() {
-                  return q;
+                  return G;
                 },
                 default() {
-                  return h(
+                  return k(
                     "div",
                     { class: "text-right w-full fm-typo-en-body-lg-400" },
-                    ne(T)
+                    ne(j)
                   );
                 }
               }
@@ -1969,10 +1969,10 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         size: 180,
         cell(e) {
           var O;
-          const d = e.row.original, T = d.systemValue, D = se.value.find((q) => q._id === d.id), V = (O = D == null ? void 0 : D.defaultCost) == null ? void 0 : O.measurement, C = d.systemBalance, J = d.costPerUnit;
+          const d = e.row.original, j = d.systemValue, D = se.value.find((G) => G._id === d.id), V = (O = D == null ? void 0 : D.defaultCost) == null ? void 0 : O.measurement, C = d.systemBalance, J = d.costPerUnit;
           if (V) {
-            const q = te.toFormatString({ value: V.conversion }), me = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} ÷ ${q} × ${J} ${o.value}`;
-            return h(
+            const G = te.toFormatString({ value: V.conversion }), me = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} ÷ ${G} × ${J} ${o.value}`;
+            return k(
               pe.FmTooltip,
               { zIndex: 51 },
               {
@@ -1980,28 +1980,28 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                   return me;
                 },
                 default() {
-                  return h(
+                  return k(
                     "div",
                     { class: "text-right fm-typo-en-body-lg-400" },
-                    ne(T)
+                    ne(j)
                   );
                 }
               }
             );
           } else {
-            const q = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} × ${J} ${o.value}`;
-            return h(
+            const G = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} × ${J} ${o.value}`;
+            return k(
               pe.FmTooltip,
               { zIndex: 51 },
               {
                 content() {
-                  return q;
+                  return G;
                 },
                 default() {
-                  return h(
+                  return k(
                     "div",
                     { class: "text-right fm-typo-en-body-lg-400" },
-                    ne(T)
+                    ne(j)
                   );
                 }
               }
@@ -2017,12 +2017,12 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         header: () => "Amounts",
         enableSorting: !1,
         cell(e) {
-          const d = e.row.original, T = (C, J, O = "normal") => h(
+          const d = e.row.original, j = (C, J, O = "normal") => k(
             pe.FmTooltip,
             { zIndex: 50 },
             {
               default() {
-                return h(
+                return k(
                   "div",
                   {
                     class: [
@@ -2031,8 +2031,8 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                     ]
                   },
                   [
-                    h("span", { class: "text-fm-color-typo-primary" }, `${C} `),
-                    h(
+                    k("span", { class: "text-fm-color-typo-primary" }, `${C} `),
+                    k(
                       "span",
                       {
                         class: "text-fm-color-typo-secondary",
@@ -2047,8 +2047,8 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                 return O === "orphan" ? `${C} ${J} (invalid UOM — not on SKU)` : O === "inactive" ? `${C} ${J} (NetSuite-inactive UOM)` : `${C} ${J}`;
               }
             }
-          ), D = d.measurements.filter((C) => !!C.amount).map((C) => T(C.amount, C.abbrev, C.variant)), V = d.baseUnitAmount || !D.length ? [T(d.baseUnitAmount, d.baseUnit), ...D] : D;
-          return h(
+          ), D = d.measurements.filter((C) => !!C.amount).map((C) => j(C.amount, C.abbrev, C.variant)), V = d.baseUnitAmount || !D.length ? [j(d.baseUnitAmount, d.baseUnit), ...D] : D;
+          return k(
             "div",
             {
               class: "flex gap-8 flex-nowrap",
@@ -2058,42 +2058,42 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
           );
         }
       }
-    ]), ln = M(() => xt.value.map((l) => l.size ?? 0).reduce((l, e) => l + e)), ut = K(""), dt = M(() => {
-      var d, T;
-      const l = ((T = (d = t.draft) == null ? void 0 : d.negativeStockItems) == null ? void 0 : T.reduce(
+    ]), un = M(() => xt.value.map((r) => r.size ?? 0).reduce((r, e) => r + e)), dt = W(""), Qe = M(() => {
+      var d, j;
+      const r = ((j = (d = t.draft) == null ? void 0 : d.negativeStockItems) == null ? void 0 : j.reduce(
         (D, V) => (D[V.sku._id] = V, D),
         {}
       )) ?? {};
       return se.value.map((D) => {
-        var Ft, It, Bt, Tt, jt, Ut, Mt, Rt, Pt, Vt, Nt;
-        const V = (Ft = ct.value.get(D._id)) == null ? void 0 : Ft[0], C = ((It = Ge.value.get(D._id)) == null ? void 0 : It[0]) ?? De, J = ((Bt = D.defaultCost) == null ? void 0 : Bt.costPerUnit) ?? De, O = Number(te.toFormatString({ value: J })), q = ((jt = (Tt = D.defaultCost) == null ? void 0 : Tt.measurement) == null ? void 0 : jt.conversion) ?? {
+        var Bt, Tt, jt, Mt, Ut, Rt, Pt, Vt, Nt, zt, Et;
+        const V = (Bt = ut.value.get(D._id)) == null ? void 0 : Bt[0], C = ((Tt = Ge.value.get(D._id)) == null ? void 0 : Tt[0]) ?? De, J = ((jt = D.defaultCost) == null ? void 0 : jt.costPerUnit) ?? De, O = Number(te.toFormatString({ value: J })), G = ((Ut = (Mt = D.defaultCost) == null ? void 0 : Mt.measurement) == null ? void 0 : Ut.conversion) ?? {
           amount: 1,
           precision: 0
         }, me = Number(
-          te.toFormatString({ value: q })
-        ), Ae = rn.value.get(D._id), ge = Ae ? Number(te.toFormatString({ value: Ae })) : 0, Fe = sn.value.get(D._id), U = {};
+          te.toFormatString({ value: G })
+        ), Ae = cn.value.get(D._id), ge = Ae ? Number(te.toFormatString({ value: Ae })) : 0, Fe = ln.value.get(D._id), U = {};
         if (N.value.forEach((X) => {
           const be = U[X] ?? { amount: 0, precision: 0 }, Ie = Fe == null ? void 0 : Fe[X];
-          Ie && (U[X] = Xt(be, Ie));
+          Ie && (U[X] = tn(be, Ie));
         }), !V) {
-          const X = Number(te.toFormatString({ value: C })), be = 0 - X, Ie = be * O / me, tt = 0, Pe = X * O / me;
+          const X = Number(te.toFormatString({ value: C })), be = 0 - X, Ie = be * O / me, nt = 0, Pe = X * O / me;
           return {
             id: D._id,
             code: D.code,
             name: D.name,
-            costUnit: ((Mt = (Ut = D.defaultCost) == null ? void 0 : Ut.measurement) == null ? void 0 : Mt.abbrev) ?? null,
+            costUnit: ((Pt = (Rt = D.defaultCost) == null ? void 0 : Rt.measurement) == null ? void 0 : Pt.abbrev) ?? null,
             baseUnit: D.unit.abbrev,
             baseUnitAmount: 0,
             systemBalance: X,
             physicalBalance: 0,
             adjustedAmount: -X,
             adjustedDiffPercentage: -100,
-            isTemplateItem: !l[D._id],
+            isTemplateItem: !r[D._id],
             costPerUnit: O,
             opening: ge,
             varianceQty: be,
             varianceInCost: Ie,
-            stockTakeValue: tt,
+            stockTakeValue: nt,
             systemValue: Pe,
             adjustmentAmounts: U,
             customAttributeValues: D.customAttributes ?? {},
@@ -2101,95 +2101,99 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
             breakdown: []
           };
         }
-        const ue = an(V), fe = (Pt = (Rt = B.value) == null ? void 0 : Rt.find(
+        const ue = sn(V), fe = (Nt = (Vt = B.value) == null ? void 0 : Vt.find(
           (X) => X.id === D._id
-        )) == null ? void 0 : Pt.balance, ke = Zt(
+        )) == null ? void 0 : Nt.balance, ke = Xt(
           fe ?? ue,
           C
-        ), Re = C.amount === 0 ? null : Jt(ke, {
+        ), Re = C.amount === 0 ? null : en(ke, {
           ...C,
           amount: Math.abs(C.amount)
-        }), Xe = Re ? rt(Re, $e) : null, pt = Number(te.toFormatString({ value: C })), vt = Number(te.toFormatString({ value: ue })), Ct = vt - pt, mn = Ct * O / me, fn = vt * O / me, pn = pt * O / me, et = Number(te.toFormatString({ value: V.baseAmount })), St = [], yt = [];
-        et && yt.push({
+        }), et = Re ? lt(Re, $e) : null, pt = Number(te.toFormatString({ value: C })), vt = Number(te.toFormatString({ value: ue })), $t = vt - pt, pn = $t * O / me, vn = vt * O / me, yn = pt * O / me, tt = Number(te.toFormatString({ value: V.baseAmount })), Ft = [], yt = [];
+        tt && yt.push({
           label: "Base",
-          amount: et,
+          amount: tt,
           abbrev: D.unit.abbrev,
-          subtotal: et,
+          subtotal: tt,
           inactive: !1,
           orphan: !1,
           counted: !0
         });
-        const vn = new Map(
+        const gn = new Map(
           V.measurementsAmounts.map((X) => [X.measurement.id, X.amount])
-        ), yn = new Set(D.unit.measurements.map((X) => X.id)), $t = (X, be, Ie, tt, Pe) => {
-          const Ve = Number(te.toFormatString({ value: Ie })), zt = te.toFormatString({ value: be });
-          if (St.push({
-            abbrev: `(${X}) × ${zt}`,
+        ), bn = new Set(D.unit.measurements.map((X) => X.id)), It = (X, be, Ie, nt, Pe) => {
+          const Ve = Number(te.toFormatString({ value: Ie })), Lt = te.toFormatString({ value: be });
+          if (Ft.push({
+            abbrev: `(${X}) × ${Lt}`,
             amount: Ve,
-            variant: Pe ? "orphan" : tt ? "inactive" : "normal"
+            variant: Pe ? "orphan" : nt ? "inactive" : "normal"
           }), !Ve) return;
-          const gn = Number(
-            te.toFormatString({ value: rt(Ie, be) })
+          const hn = Number(
+            te.toFormatString({ value: lt(Ie, be) })
           );
           yt.push({
-            label: Pe ? `${Ve} ${X}` : `${Ve} ${X} × ${zt} ${D.unit.abbrev}`,
+            label: Pe ? `${Ve} ${X}` : `${Ve} ${X} × ${Lt} ${D.unit.abbrev}`,
             amount: Ve,
             abbrev: X,
-            subtotal: gn,
-            inactive: tt,
+            subtotal: hn,
+            inactive: nt,
             orphan: Pe,
             counted: !Pe
           });
         };
         for (const X of D.unit.measurements) {
-          const be = vn.get(X.id);
-          be && $t(X.abbrev, X.conversion, be, tn(X, we.value), !1);
+          const be = gn.get(X.id);
+          be && It(X.abbrev, X.conversion, be, an(X, we.value), !1);
         }
         for (const X of V.measurementsAmounts)
-          yn.has(X.measurement.id) || $t(X.measurement.abbrev, X.measurement.conversion, X.amount, !1, !0);
+          bn.has(X.measurement.id) || It(X.measurement.abbrev, X.measurement.conversion, X.amount, !1, !0);
         return {
           id: D._id,
           code: D.code,
           name: D.name,
-          costUnit: ((Nt = (Vt = D.defaultCost) == null ? void 0 : Vt.measurement) == null ? void 0 : Nt.abbrev) ?? null,
+          costUnit: ((Et = (zt = D.defaultCost) == null ? void 0 : zt.measurement) == null ? void 0 : Et.abbrev) ?? null,
           baseUnit: D.unit.abbrev,
-          baseUnitAmount: et,
-          measurements: St,
+          baseUnitAmount: tt,
+          measurements: Ft,
           breakdown: yt,
           systemBalance: pt,
           physicalBalance: vt,
           adjustedAmount: Number(te.toFormatString({ value: ke })),
-          adjustedDiffPercentage: Xe ? Number(
+          adjustedDiffPercentage: et ? Number(
             te.toFormatString({
-              value: en(Xe, 2)
+              value: nn(et, 2)
             })
           ) : null,
-          isTemplateItem: !l[D._id],
+          isTemplateItem: !r[D._id],
           costPerUnit: O,
           opening: ge,
-          varianceQty: Ct,
-          varianceInCost: mn,
-          stockTakeValue: fn,
-          systemValue: pn,
+          varianceQty: $t,
+          varianceInCost: pn,
+          stockTakeValue: vn,
+          systemValue: yn,
           adjustmentAmounts: U,
           customAttributeValues: D.customAttributes ?? {}
         };
       }).filter((D) => !!(D.isTemplateItem && z.value.templateItem || !D.isTemplateItem && z.value.nonTemplateItem));
-    }), cn = M(
-      () => dt.value.some((l) => l.measurements.some((e) => e.variant !== "normal"))
+    }), Dt = M(
+      () => Qe.value.some((r) => r.measurements.some((e) => e.variant === "inactive"))
+    ), At = M(
+      () => Qe.value.some((r) => r.measurements.some((e) => e.variant === "orphan"))
+    ), dn = M(
+      () => Dt.value || At.value
     ), mt = M(() => {
-      const l = /* @__PURE__ */ new Set();
+      const r = /* @__PURE__ */ new Set();
       for (const e of se.value)
         if (e.customAttributes)
           for (const d of Object.keys(e.customAttributes))
-            d !== "tag" && l.add(d);
-      return Array.from(l).sort();
-    }), Qe = Et({}), Dt = M(
-      () => mt.value.filter((l) => Qe[l])
-    ), un = M(() => {
-      var e, d, T, D, V;
+            d !== "tag" && r.add(d);
+      return Array.from(r).sort();
+    }), Ze = Ot({}), Ct = M(
+      () => mt.value.filter((r) => Ze[r])
+    ), mn = M(() => {
+      var e, d, j, D, V;
       if (!t.draft) return [];
-      const l = t.draft.approvedAt ? {
+      const r = t.draft.approvedAt ? {
         action: `Approve at ${Ce(t.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: t.draft.approvedBy,
@@ -2207,7 +2211,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         } : null,
         {
           label: "Location",
-          value: ((d = R._currentLocation) == null ? void 0 : d.name) ?? Ot
+          value: ((d = R._currentLocation) == null ? void 0 : d.name) ?? Yt
         },
         {
           label: "Created at",
@@ -2227,7 +2231,7 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         },
         {
           label: "Effective at",
-          value: Ce(t.draft.effectiveAt ?? Te((T = t.draft) == null ? void 0 : T._id))
+          value: Ce(t.draft.effectiveAt ?? Te((j = t.draft) == null ? void 0 : j._id))
         },
         {
           label: "Using template",
@@ -2237,17 +2241,17 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
           label: "Remark",
           value: t.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: (V = l.actionBy) == null ? void 0 : V.name
+          value: (V = r.actionBy) == null ? void 0 : V.name
         } : null,
-        l && l.remark ? {
+        r && r.remark ? {
           label: "Action remark",
-          value: l.remark
+          value: r.remark
         } : null
       ].filter((C) => C).map((C) => C);
     }), ft = [
@@ -2259,29 +2263,29 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
         label: "Action history",
         value: "history"
       }
-    ], Oe = K(ft[0]), Me = M(() => {
-      var T, D, V;
-      const l = ((T = t.draft) == null ? void 0 : T.activityLogs) ?? [], e = ((D = t.draft) == null ? void 0 : D.rejectionHistory) ?? [];
+    ], Oe = W(ft[0]), Ue = M(() => {
+      var j, D, V;
+      const r = ((j = t.draft) == null ? void 0 : j.activityLogs) ?? [], e = ((D = t.draft) == null ? void 0 : D.rejectionHistory) ?? [];
       for (const C of e)
-        l.find(
+        r.find(
           (O) => `${O.action}_${O.performedAt}` == `${oe.enum.rejectDraft}_${C.rejectedAt}`
-        ) || l.push({
+        ) || r.push({
           action: oe.enum.rejectDraft,
           performedAt: C.rejectedAt,
           performedBy: C.rejectedBy,
           remark: C.rejectRemark
         });
-      return (V = t.draft) != null && V.approvedAt && (l.find(
+      return (V = t.draft) != null && V.approvedAt && (r.find(
         (J) => {
           var O;
           return `${J.action}_${J.performedAt}` == `${oe.enum.approveDraft}_${(O = t.draft) == null ? void 0 : O.approvedAt}`;
         }
-      ) || l.push({
+      ) || r.push({
         action: oe.enum.approveDraft,
         performedAt: t.draft.approvedAt,
         performedBy: t.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
         remark: t.draft.approveRemark
-      })), l.sort((C, J) => new Date(J.performedAt).getTime() - new Date(C.performedAt).getTime()).map(
+      })), r.sort((C, J) => new Date(J.performedAt).getTime() - new Date(C.performedAt).getTime()).map(
         (C) => ({
           header: Be(C.action),
           date: Ce(C.performedAt),
@@ -2297,24 +2301,24 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
           ]
         })
       );
-    }), Ze = K(!1), Je = K(!1), At = M(() => {
-      var l;
-      return ((l = t.draft) == null ? void 0 : l.status) !== _e.enum.DRAFT ? "Status is not draft." : null;
+    }), Je = W(!1), Xe = W(!1), St = M(() => {
+      var r;
+      return ((r = t.draft) == null ? void 0 : r.status) !== _e.enum.DRAFT ? "Status is not draft." : null;
     });
-    function dn() {
-      t.draft && (Je.value = !0, s.approveDraft(
+    function fn() {
+      t.draft && (Xe.value = !0, s.approveDraft(
         t.draft,
         () => {
-          Je.value = !1, Ze.value = !1, m("submitted");
+          Xe.value = !1, Je.value = !1, m("submitted");
         },
         () => {
-          Je.value = !1;
+          Xe.value = !1;
         }
       ));
     }
-    return (l, e) => {
-      const d = Z("FmButtonGroup"), T = Z("FmMenuDivider"), D = Z("FmCard"), V = Z("FmIcon"), C = Z("FmButton"), J = Z("FmCircularProgress"), O = Z("FmChip"), q = Z("FmTextField"), me = Z("FmTable"), Ae = Z("FmSpacer"), ge = Z("FmTooltip"), Fe = Z("FmSideSheet");
-      return w(), j(ce, null, [
+    return (r, e) => {
+      const d = Z("FmButtonGroup"), j = Z("FmMenuDivider"), D = Z("FmCard"), V = Z("FmIcon"), C = Z("FmButton"), J = Z("FmCircularProgress"), O = Z("FmChip"), G = Z("FmTextField"), me = Z("FmTable"), Ae = Z("FmSpacer"), ge = Z("FmTooltip"), Fe = Z("FmSideSheet");
+      return h(), T(ce, null, [
         $(Fe, {
           "dismiss-away": "",
           "max-width": 9999,
@@ -2325,16 +2329,16 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
           "side-sheet-footer": ee(() => {
             var U, ue, fe, ke;
             return [
-              a("div", po, [
-                a("div", vo, [
-                  ((U = t.draft) == null ? void 0 : U.status) === u(_e).enum.DRAFT ? (w(), j(ce, { key: 0 }, [
-                    At.value ? (w(), ae(ge, {
+              a("div", ko, [
+                a("div", _o, [
+                  ((U = t.draft) == null ? void 0 : U.status) === u(_e).enum.DRAFT ? (h(), T(ce, { key: 0 }, [
+                    St.value ? (h(), ae(ge, {
                       key: 0,
                       "z-index": 51,
                       placement: "right"
                     }, {
                       content: ee(() => [
-                        de(H(At.value), 1)
+                        de(H(St.value), 1)
                       ]),
                       default: ee(() => [
                         $(C, {
@@ -2344,24 +2348,24 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                         })
                       ]),
                       _: 1
-                    })) : (w(), ae(C, {
+                    })) : (h(), ae(C, {
                       key: "approve key",
                       label: "Approve",
-                      onClick: e[5] || (e[5] = (Re) => Ze.value = !0)
+                      onClick: e[5] || (e[5] = (Re) => Je.value = !0)
                     }))
-                  ], 64)) : G("", !0),
-                  ((ue = t.draft) == null ? void 0 : ue.status) === u(_e).enum.DRAFT ? (w(), ae(C, {
+                  ], 64)) : K("", !0),
+                  ((ue = t.draft) == null ? void 0 : ue.status) === u(_e).enum.DRAFT ? (h(), ae(C, {
                     key: 1,
                     label: "Reject",
                     variant: "destructive",
                     onClick: e[6] || (e[6] = () => t.draft && u(s).rejectDraft(t.draft, () => m("submitted")))
-                  })) : G("", !0),
+                  })) : K("", !0),
                   $(C, {
                     label: "Close",
                     variant: "tertiary",
                     onClick: e[7] || (e[7] = (Re) => c.value = !1)
                   }),
-                  (fe = t.draft) != null && fe.approvedAt && ((ke = t.draft) == null ? void 0 : ke.status) !== u(_e).enum.COMPLETED ? (w(), ae(gt, { key: 2 }, {
+                  (fe = t.draft) != null && fe.approvedAt && ((ke = t.draft) == null ? void 0 : ke.status) !== u(_e).enum.COMPLETED ? (h(), ae(gt, { key: 2 }, {
                     default: ee(() => [
                       $(C, {
                         label: "Sync",
@@ -2374,17 +2378,17 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                       }, null, 8, ["loading"])
                     ]),
                     _: 1
-                  })) : G("", !0)
+                  })) : K("", !0)
                 ]),
-                a("div", yo, [
-                  e[22] || (e[22] = a("div", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Total stock take value", -1)),
-                  a("div", go, H(o.value) + " " + H(xe.value.toFixed(2)), 1)
+                a("div", wo, [
+                  e[23] || (e[23] = a("div", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Total stock take value", -1)),
+                  a("div", xo, H(o.value) + " " + H(xe.value.toFixed(2)), 1)
                 ])
               ])
             ];
           }),
           default: ee(() => [
-            a("div", Ia, [
+            a("div", Ta, [
               a("div", null, [
                 $(d, {
                   items: ft,
@@ -2392,16 +2396,16 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                   "onUpdate:modelValue": e[0] || (e[0] = (U) => Oe.value = U)
                 }, null, 8, ["modelValue"])
               ]),
-              Oe.value.value === "overview" ? (w(), j(ce, { key: 0 }, [
+              Oe.value.value === "overview" ? (h(), T(ce, { key: 0 }, [
                 $(gt, { selectable: "" }, {
                   default: ee(() => {
                     var U;
                     return [
-                      a("div", Ba, [
+                      a("div", ja, [
                         e[11] || (e[11] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, [
                           a("div", { class: "flex gap-1" }, "Draft ID")
                         ], -1)),
-                        de(" " + H((U = l.draft) == null ? void 0 : U._id), 1)
+                        de(" " + H((U = r.draft) == null ? void 0 : U._id), 1)
                       ])
                     ];
                   }),
@@ -2414,49 +2418,52 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                   default: ee(() => {
                     var U, ue;
                     return [
-                      a("div", Ta, [
+                      a("div", Ma, [
                         e[12] || (e[12] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                        a("div", ja, [
+                        a("div", Ua, [
                           a("div", {
-                            class: Se(["fm-status-badge", u(ot)(((U = l.draft) == null ? void 0 : U.status) ?? "DRAFT")])
-                          }, H(u(Be)(((ue = l.draft) == null ? void 0 : ue.status) ?? "")), 3)
+                            class: Se(["fm-status-badge", u(st)(((U = r.draft) == null ? void 0 : U.status) ?? "DRAFT")])
+                          }, H(u(Be)(((ue = r.draft) == null ? void 0 : ue.status) ?? "")), 3)
                         ])
                       ]),
-                      $(T),
-                      a("div", Ua, [
-                        (w(!0), j(ce, null, he(un.value, (fe, ke) => (w(), j("div", {
+                      $(j),
+                      a("div", Ra, [
+                        (h(!0), T(ce, null, he(mn.value, (fe, ke) => (h(), T("div", {
                           class: "flex flex-col gap-4",
                           key: ke
                         }, [
-                          a("div", Ma, [
-                            a("div", Ra, H(fe.label), 1)
+                          a("div", Pa, [
+                            a("div", Va, H(fe.label), 1)
                           ]),
-                          a("div", Pa, H(fe.value), 1)
+                          a("div", Na, H(fe.value), 1)
                         ]))), 128))
                       ])
                     ];
                   }),
                   _: 1
                 }),
-                cn.value ? (w(), j("div", Va, [
+                dn.value ? (h(), T("div", za, [
                   $(V, {
                     name: "rule",
                     size: "sm"
                   }),
-                  e[13] || (e[13] = a("div", { class: "flex flex-col gap-2" }, [
-                    a("div", { class: "fm-typo-en-body-md-600" }, "UOM notes"),
-                    a("div", { class: "fm-typo-en-body-sm-400" }, [
-                      de(" Measurements highlighted in "),
-                      a("span", { class: "font-bold" }, "purple"),
-                      de(" are NetSuite-inactive UOMs (surfaced for audit; their amounts are part of the base total). Red highlights are UOMs not on the SKU (ignored). ")
+                  a("div", Ea, [
+                    e[14] || (e[14] = a("div", { class: "fm-typo-en-body-md-600" }, "UOM notes", -1)),
+                    a("ul", La, [
+                      Dt.value ? (h(), T("li", Oa, e[13] || (e[13] = [
+                        de(" Measurements highlighted in "),
+                        a("span", { class: "font-bold" }, "purple", -1),
+                        de(" are NetSuite-inactive UOMs (surfaced for audit; their amounts are part of the base total). ")
+                      ]))) : K("", !0),
+                      At.value ? (h(), T("li", Ha, " Red highlights are UOMs not on the SKU (ignored). ")) : K("", !0)
                     ])
-                  ], -1))
-                ])) : G("", !0),
-                a("div", Na, [
-                  a("div", za, [
-                    e[14] || (e[14] = a("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                    x.value ? G("", !0) : (w(), j("div", Ea, [
-                      l.draft && l.draft.status !== u(_e).enum.COMPLETED ? (w(), ae(C, {
+                  ])
+                ])) : K("", !0),
+                a("div", Ya, [
+                  a("div", Ka, [
+                    e[15] || (e[15] = a("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
+                    x.value ? K("", !0) : (h(), T("div", Wa, [
+                      r.draft && r.draft.status !== u(_e).enum.COMPLETED ? (h(), ae(C, {
                         key: 0,
                         label: "Refresh balance",
                         "prepend-icon": "refresh",
@@ -2464,10 +2471,10 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                         "text-color": "primary",
                         "bg-color": "transparent",
                         "border-color": "primary",
-                        loading: u(_),
-                        disabled: u(_),
+                        loading: u(w),
+                        disabled: u(w),
                         onClick: Le
-                      }, null, 8, ["loading", "disabled"])) : G("", !0),
+                      }, null, 8, ["loading", "disabled"])) : K("", !0),
                       $(gt, null, {
                         default: ee(() => [
                           $(C, {
@@ -2477,8 +2484,8 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                             "text-color": "primary",
                             "bg-color": "transparent",
                             "border-color": "primary",
-                            loading: u(_),
-                            onClick: Ue
+                            loading: u(w),
+                            onClick: Me
                           }, null, 8, ["loading"])
                         ]),
                         _: 1
@@ -2490,27 +2497,27 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                         "text-color": "primary",
                         "bg-color": "transparent",
                         "border-color": "primary",
-                        onClick: e[1] || (e[1] = (U) => l.draft ? u(s).exportDraft(
-                          l.draft,
+                        onClick: e[1] || (e[1] = (U) => r.draft ? u(s).exportDraft(
+                          r.draft,
                           f.value,
                           B.value,
-                          Dt.value
+                          Ct.value
                         ) : null)
                       })
                     ]))
                   ]),
-                  x.value ? (w(), j("div", La, [
-                    e[16] || (e[16] = a("div", { class: "h-80" }, null, -1)),
-                    a("div", Oa, [
+                  x.value ? (h(), T("div", qa, [
+                    e[17] || (e[17] = a("div", { class: "h-80" }, null, -1)),
+                    a("div", Ga, [
                       a("div", null, [
                         $(J, { size: "md" })
                       ]),
-                      e[15] || (e[15] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                      e[16] || (e[16] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                     ]),
-                    e[17] || (e[17] = a("div", { class: "h-80" }, null, -1))
-                  ])) : (w(), j(ce, { key: 1 }, [
-                    a("div", Ha, [
-                      a("div", Ya, [
+                    e[18] || (e[18] = a("div", { class: "h-80" }, null, -1))
+                  ])) : (h(), T(ce, { key: 1 }, [
+                    a("div", Qa, [
+                      a("div", Za, [
                         $(O, {
                           label: "Template Item(s)",
                           selected: z.value.templateItem,
@@ -2522,14 +2529,14 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                           onClick: e[3] || (e[3] = (U) => z.value.nonTemplateItem = !z.value.nonTemplateItem)
                         }, null, 8, ["selected"])
                       ]),
-                      $(q, {
-                        modelValue: ut.value,
-                        "onUpdate:modelValue": e[4] || (e[4] = (U) => ut.value = U),
+                      $(G, {
+                        modelValue: dt.value,
+                        "onUpdate:modelValue": e[4] || (e[4] = (U) => dt.value = U),
                         placeholder: "Filter items"
                       }, null, 8, ["modelValue"])
                     ]),
-                    u(k).skuTags.size ? (w(), j("div", Ka, [
-                      (w(!0), j(ce, null, he(u(k).skuTags.keys(), (U) => (w(), ae(O, {
+                    u(_).skuTags.size ? (h(), T("div", Ja, [
+                      (h(!0), T(ce, null, he(u(_).skuTags.keys(), (U) => (h(), ae(O, {
                         key: `${U}`,
                         label: `${U}`,
                         selectable: "",
@@ -2537,12 +2544,12 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                         onClick: (ue) => p[`${U}`] = !p[`${U}`]
                       }, {
                         default: ee(() => [
-                          p[`${U}`] ? (w(), ae(V, {
+                          p[`${U}`] ? (h(), ae(V, {
                             key: 0,
                             name: "check",
                             class: "text-white",
                             size: "sm"
-                          })) : G("", !0),
+                          })) : K("", !0),
                           a("span", {
                             class: Se([
                               "",
@@ -2555,37 +2562,37 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                         ]),
                         _: 2
                       }, 1032, ["label", "selected", "onClick"]))), 128))
-                    ])) : G("", !0),
-                    mt.value.length ? (w(), j("div", Wa, [
-                      e[18] || (e[18] = a("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary self-center" }, "Extra columns:", -1)),
-                      (w(!0), j(ce, null, he(mt.value, (U) => (w(), ae(O, {
+                    ])) : K("", !0),
+                    mt.value.length ? (h(), T("div", Xa, [
+                      e[19] || (e[19] = a("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary self-center" }, "Extra columns:", -1)),
+                      (h(!0), T(ce, null, he(mt.value, (U) => (h(), ae(O, {
                         key: U,
                         label: U,
                         selectable: "",
-                        selected: Qe[U],
-                        onClick: (ue) => Qe[U] = !Qe[U]
+                        selected: Ze[U],
+                        onClick: (ue) => Ze[U] = !Ze[U]
                       }, null, 8, ["label", "selected", "onClick"]))), 128))
-                    ])) : G("", !0),
-                    a("div", qa, [
+                    ])) : K("", !0),
+                    a("div", eo, [
                       a("div", {
-                        style: Ht({ height: "600px", minWidth: `${ln.value}px` })
+                        style: Kt({ height: "600px", minWidth: `${un.value}px` })
                       }, [
                         $(me, {
                           "column-defs": xt.value,
-                          "row-data": dt.value,
-                          "search-value": ut.value
+                          "row-data": Qe.value,
+                          "search-value": dt.value
                         }, null, 8, ["column-defs", "row-data", "search-value"])
                       ], 4)
                     ])
                   ], 64))
                 ])
-              ], 64)) : G("", !0),
-              Oe.value.value === "history" ? (w(), j("div", Ga, [
-                Me.value.length ? (w(), j("div", Ja, [
-                  (w(!0), j(ce, null, he(Me.value, (U, ue) => (w(), j(ce, { key: ue }, [
-                    a("div", Xa, [
-                      a("div", eo, [
-                        a("div", to, [
+              ], 64)) : K("", !0),
+              Oe.value.value === "history" ? (h(), T("div", to, [
+                Ue.value.length ? (h(), T("div", oo, [
+                  (h(!0), T(ce, null, he(Ue.value, (U, ue) => (h(), T(ce, { key: ue }, [
+                    a("div", so, [
+                      a("div", ro, [
+                        a("div", lo, [
                           a("div", {
                             class: Se([
                               {
@@ -2596,53 +2603,53 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                             ])
                           }, null, 2)
                         ]),
-                        e[21] || (e[21] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                        a("div", no, [
+                        e[22] || (e[22] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                        a("div", io, [
                           a("div", {
                             class: Se([
                               {
-                                "bg-fm-color-primary": ue < Me.value.length - 1,
-                                "bg-white": ue >= Me.value.length - 1
+                                "bg-fm-color-primary": ue < Ue.value.length - 1,
+                                "bg-white": ue >= Ue.value.length - 1
                               },
                               "w-[2px] h-full"
                             ])
                           }, null, 2)
                         ])
                       ]),
-                      a("div", ao, [
-                        a("div", oo, H(U.header), 1),
-                        a("div", so, H(U.date), 1)
+                      a("div", co, [
+                        a("div", uo, H(U.header), 1),
+                        a("div", mo, H(U.date), 1)
                       ])
                     ]),
-                    a("div", ro, [
-                      a("div", lo, [
-                        a("div", io, [
+                    a("div", fo, [
+                      a("div", po, [
+                        a("div", vo, [
                           a("div", {
                             class: Se([
                               {
-                                "bg-fm-color-primary": ue < Me.value.length - 1,
-                                "bg-white": ue >= Me.value.length - 1
+                                "bg-fm-color-primary": ue < Ue.value.length - 1,
+                                "bg-white": ue >= Ue.value.length - 1
                               },
                               "w-[2px] h-full"
                             ])
                           }, null, 2)
                         ])
                       ]),
-                      a("div", co, [
+                      a("div", yo, [
                         $(D, {
                           variant: "outlined",
                           class: "py-12 px-16"
                         }, {
                           default: ee(() => [
-                            a("div", uo, [
-                              (w(!0), j(ce, null, he(U.info, (fe, ke) => (w(), j("div", {
+                            a("div", go, [
+                              (h(!0), T(ce, null, he(U.info, (fe, ke) => (h(), T("div", {
                                 key: ke,
                                 class: "flex flex-col gap-4"
                               }, [
-                                a("div", mo, H(fe == null ? void 0 : fe.label), 1),
-                                a("div", fo, [
-                                  (w(!0), j(ce, null, he(fe == null ? void 0 : fe.values, (Re, Xe) => (w(), j("div", {
-                                    key: Xe,
+                                a("div", bo, H(fe == null ? void 0 : fe.label), 1),
+                                a("div", ho, [
+                                  (h(!0), T(ce, null, he(fe == null ? void 0 : fe.values, (Re, et) => (h(), T("div", {
+                                    key: et,
                                     class: "fm-typo-en-body-lg-600"
                                   }, H(Re), 1))), 128))
                                 ])
@@ -2654,85 +2661,85 @@ const Ia = { class: "w-full flex flex-col gap-32" }, Ba = { class: "flex flex-co
                       ])
                     ])
                   ], 64))), 128))
-                ])) : (w(), j("div", Qa, [
+                ])) : (h(), T("div", no, [
                   $(Ae),
                   a("div", null, [
                     a("img", {
-                      src: u(zn),
+                      src: u(Ln),
                       alt: "List is empty"
-                    }, null, 8, Za)
+                    }, null, 8, ao)
                   ]),
-                  e[19] || (e[19] = a("div", { class: "fm-typo-en-body-lg-600" }, H("No records found"), -1)),
-                  e[20] || (e[20] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, H("You can track approval and rejection history here"), -1)),
+                  e[20] || (e[20] = a("div", { class: "fm-typo-en-body-lg-600" }, H("No records found"), -1)),
+                  e[21] || (e[21] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, H("You can track approval and rejection history here"), -1)),
                   $(Ae),
                   $(Ae)
                 ]))
-              ])) : G("", !0)
+              ])) : K("", !0)
             ])
           ]),
           _: 1
         }, 8, ["model-value"]),
-        u(c) && t.draft ? (w(), ae($a, {
+        u(c) && t.draft ? (h(), ae(Ia, {
           key: 0,
-          show: Ze.value,
-          "onUpdate:show": e[10] || (e[10] = (U) => Ze.value = U),
-          refreshing: u(_),
-          approving: Je.value,
+          show: Je.value,
+          "onUpdate:show": e[10] || (e[10] = (U) => Je.value = U),
+          refreshing: u(w),
+          approving: Xe.value,
           draft: t.draft,
           onRefresh: Le,
-          onApprove: dn
-        }, null, 8, ["show", "refreshing", "approving", "draft"])) : G("", !0)
+          onApprove: fn
+        }, null, 8, ["show", "refreshing", "approving", "draft"])) : K("", !0)
       ], 64);
     };
   }
 });
 var ve = /* @__PURE__ */ ((n) => (n.ready = "ready", n.negative = "negative", n.systemNegative = "systemNegative", n))(ve || {});
-async function ho(n) {
-  return new Promise((r, t) => {
+async function Ao(n) {
+  return new Promise((l, t) => {
     const o = new FileReader();
     o.onload = (g) => {
       var i;
       try {
-        const s = (i = g.target) == null ? void 0 : i.result, c = On(s, { type: "array" }), x = c.SheetNames[0], A = c.Sheets[x], f = at.sheet_to_json(A, {
+        const s = (i = g.target) == null ? void 0 : i.result, c = Yn(s, { type: "array" }), x = c.SheetNames[0], A = c.Sheets[x], f = ot.sheet_to_json(A, {
           header: 1,
           defval: ""
         }), B = (v) => String(v).trim().toLowerCase().replace(/^\uFEFF/, ""), N = f.findIndex(
           (v) => v.some((m) => B(m) === "code")
         );
         if (N === -1) {
-          r([]);
+          l([]);
           return;
         }
-        const E = f[N], I = E.findIndex((v) => B(v) === "code"), k = E.findIndex((v) => B(v) === "balance");
-        if (I === -1 || k === -1) {
+        const E = f[N], I = E.findIndex((v) => B(v) === "code"), _ = E.findIndex((v) => B(v) === "balance");
+        if (I === -1 || _ === -1) {
           t(
             new Error(
-              `Missing required columns: ${I === -1 ? '"Code" ' : ""}${k === -1 ? '"Balance"' : ""}.`.trim()
+              `Missing required columns: ${I === -1 ? '"Code" ' : ""}${_ === -1 ? '"Balance"' : ""}.`.trim()
             )
           );
           return;
         }
         const p = f.slice(N + 1).filter((v) => String(v[I]).trim()).map((v) => ({
           itemCode: String(v[I]).trim(),
-          quantity: Number(v[k]) || 0
+          quantity: Number(v[_]) || 0
         }));
-        r(p);
+        l(p);
       } catch (s) {
         t(s);
       }
     }, o.onerror = t, o.readAsArrayBuffer(n);
   });
 }
-function ko(n) {
-  const r = /* @__PURE__ */ new Map();
+function Co(n) {
+  const l = /* @__PURE__ */ new Map();
   return n.forEach((t) => {
-    const o = r.get(t.itemCode) || 0;
-    r.set(t.itemCode, o + t.quantity);
-  }), r;
+    const o = l.get(t.itemCode) || 0;
+    l.set(t.itemCode, o + t.quantity);
+  }), l;
 }
-function _o(n, r) {
+function So(n, l) {
   const t = [], o = [];
-  for (const [g, i] of r.entries()) {
+  for (const [g, i] of l.entries()) {
     const s = n[g];
     if (!s) {
       o.push(g);
@@ -2750,21 +2757,21 @@ function _o(n, r) {
   }
   return { mergedItems: t, unrecognisedItemCodes: o };
 }
-function wo(n, r) {
-  const t = n.filter((x) => !x.isInactive), o = Yn().format("YYYY-MM-DD"), g = `${r} - ${o}.csv`, i = [
+function $o(n, l) {
+  const t = n.filter((x) => !x.isInactive), o = Wn().format("YYYY-MM-DD"), g = `${l} - ${o}.csv`, i = [
     ["Code", "Name", "Balance"],
     ...t.map((x) => [x.code, x.name, ""])
-  ], s = at.aoa_to_sheet(i), c = at.book_new();
-  at.book_append_sheet(c, s, "Template"), Hn(c, g, { bookType: "csv" });
+  ], s = ot.aoa_to_sheet(i), c = ot.book_new();
+  ot.book_append_sheet(c, s, "Template"), Kn(c, g, { bookType: "csv" });
 }
-function xo() {
-  const n = K([]), r = K([]), t = K(!1), o = wt(), g = We(), i = it(), s = M(
+function Fo() {
+  const n = W([]), l = W([]), t = W(!1), o = wt(), g = We(), i = ct(), s = M(
     () => n.value.some((f) => f.status === ve.negative)
   );
   async function c(f) {
-    n.value = [], r.value = [], t.value = !0;
+    n.value = [], l.value = [], t.value = !0;
     try {
-      const B = await ho(f), N = ko(B), E = o.skuByCode, { mergedItems: I, unrecognisedItemCodes: k } = _o(
+      const B = await Ao(f), N = Co(B), E = o.skuByCode, { mergedItems: I, unrecognisedItemCodes: _ } = So(
         E,
         N
       ), R = await i.readStockBalance(), p = R.skus ?? [];
@@ -2778,25 +2785,25 @@ function xo() {
         p.map((b) => [b.id, b.balance])
       ), m = new Set(I.map((b) => b.sku._id));
       n.value = I.map((b) => {
-        const y = v.get(b.sku._id) ?? { amount: 0, precision: 0 }, _ = y.amount / Math.pow(10, y.precision);
-        return { ...b, systemBalance: y, variance: b.physicalCount - _ };
+        const y = v.get(b.sku._id) ?? { amount: 0, precision: 0 }, w = y.amount / Math.pow(10, y.precision);
+        return { ...b, systemBalance: y, variance: b.physicalCount - w };
       });
       for (const b of Object.values(o.skuByCode)) {
         if (m.has(b._id)) continue;
         const y = v.get(b._id);
         if (!y) continue;
-        const _ = y.amount / Math.pow(10, y.precision);
-        _ >= 0 || n.value.push({
+        const w = y.amount / Math.pow(10, y.precision);
+        w >= 0 || n.value.push({
           sku: b,
           physicalCount: 0,
           systemBalance: y,
-          variance: 0 - _,
+          variance: 0 - w,
           status: ve.systemNegative
         });
       }
-      r.value = k;
+      l.value = _;
     } catch (B) {
-      n.value = [], r.value = [], console.error("Error processing uploaded file", { error: B });
+      n.value = [], l.value = [], console.error("Error processing uploaded file", { error: B });
     } finally {
       t.value = !1;
     }
@@ -2811,36 +2818,36 @@ function xo() {
         name: p.sku.name,
         unit: p.sku.unit
       },
-      baseAmount: Qt(p.physicalCount, p.sku.unit.precision),
+      baseAmount: Jt(p.physicalCount, p.sku.unit.precision),
       measurementsAmounts: []
-    }), I = B.map(E), k = N.map(E), R = {
+    }), I = B.map(E), _ = N.map(E), R = {
       effectiveAt: (/* @__PURE__ */ new Date()).toISOString(),
       items: I,
-      negativeStockItems: k
+      negativeStockItems: _
     };
     return await f.createQuickModeDraftWithItems(R);
   }
   function A() {
     var B;
     const f = ((B = g.currentLocation) == null ? void 0 : B.name) ?? "template";
-    wo(o.skus, f);
+    $o(o.skus, f);
   }
-  return { mergedItems: n, unrecognisedItemCodes: r, hasBlockingErrors: s, isLoading: t, onFileUpload: c, submit: x, downloadTemplate: A };
+  return { mergedItems: n, unrecognisedItemCodes: l, hasBlockingErrors: s, isLoading: t, onFileUpload: c, submit: x, downloadTemplate: A };
 }
-const Do = { class: "flex flex-col gap-16" }, Ao = {
+const Io = { class: "flex flex-col gap-16" }, Bo = {
   key: 0,
   class: "px-16 py-12 rounded-8 bg-fm-color-danger-weak text-fm-color-danger-default"
-}, Co = { key: 1 }, So = { class: "fm-typo-en-label-md-400 cursor-pointer" }, $o = { class: "mt-8 flex flex-col gap-4" }, Fo = { key: 2 }, Io = { class: "fm-typo-en-label-md-400 cursor-pointer" }, Bo = { class: "mt-8 flex flex-col gap-4" }, To = /* @__PURE__ */ je({
+}, To = { key: 1 }, jo = { class: "fm-typo-en-label-md-400 cursor-pointer" }, Mo = { class: "mt-8 flex flex-col gap-4" }, Uo = { key: 2 }, Ro = { class: "fm-typo-en-label-md-400 cursor-pointer" }, Po = { class: "mt-8 flex flex-col gap-4" }, Vo = /* @__PURE__ */ je({
   __name: "ClosingDraftCreatePreviewTable",
   props: {
     items: {},
     unrecognisedItemCodes: {}
   },
   setup(n) {
-    const r = n, { t } = Ye(), o = M(
-      () => r.items.filter((c) => c.status === ve.negative)
+    const l = n, { t } = Ye(), o = M(
+      () => l.items.filter((c) => c.status === ve.negative)
     ), g = M(
-      () => r.items.filter((c) => c.status === ve.systemNegative)
+      () => l.items.filter((c) => c.status === ve.systemNegative)
     ), i = M(() => ({
       [ve.negative]: {
         bgColor: "bg-fm-color-danger-weak",
@@ -2872,7 +2879,7 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
         size: 180,
         cell: (c) => {
           const x = c.row.original;
-          return h("div", ne(x.systemBalance));
+          return k("div", ne(x.systemBalance));
         }
       },
       {
@@ -2880,7 +2887,7 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
         header: () => t("inventory.closing.draft.createDraft.previewTable.stockTakeBalance"),
         cell: (c) => {
           const x = c.row.original;
-          return h("div", ne(x.physicalCount));
+          return k("div", ne(x.physicalCount));
         }
       },
       {
@@ -2888,7 +2895,7 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
         header: () => t("inventory.closing.draft.createDraft.previewTable.variance"),
         cell: (c) => {
           const A = c.row.original.variance, f = A < 0 ? "text-fm-color-danger-default" : A > 0 ? "text-fm-color-success-default" : "";
-          return h("span", { class: f }, ne(A));
+          return k("span", { class: f }, ne(A));
         }
       },
       {
@@ -2901,21 +2908,21 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
             Math.min(100, Math.round(x.variance / Math.abs(A) * 1e4) / 100)
           );
           if (f === null)
-            return h(
+            return k(
               "div",
               { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
               t("inventory.closing.draft.createDraft.previewTable.notApplicable")
             );
           const B = `${ne(f)}`;
           if (f === 0)
-            return h(
+            return k(
               "div",
               { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
               B
             );
           const N = f > 0;
-          return h("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" }, [
-            h(pe.FmIcon, {
+          return k("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" }, [
+            k(pe.FmIcon, {
               name: N ? "arrow_drop_up" : "arrow_drop_down",
               color: N ? "system-success-300" : "system-error-300",
               size: "md"
@@ -2929,7 +2936,7 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
         header: () => t("inventory.common.status"),
         cell: (c) => {
           const x = c.row.original.status, A = i.value[x];
-          return A ? h(
+          return A ? k(
             "span",
             {
               class: `px-8 py-2 rounded-4 ${A.bgColor} ${A.textColor} fm-typo-en-label-sm-400`
@@ -2941,63 +2948,63 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
     ];
     return (c, x) => {
       const A = Z("FmTable");
-      return w(), j("div", Do, [
-        o.value.length > 0 ? (w(), j("div", Ao, [
+      return h(), T("div", Io, [
+        o.value.length > 0 ? (h(), T("div", Bo, [
           de(H(u(t)("inventory.closing.draft.createDraft.previewTable.cannotSubmitNegative")) + " ", 1),
           a("strong", null, H(o.value.map((f) => f.sku.code).join(", ")), 1)
-        ])) : G("", !0),
-        g.value.length > 0 ? (w(), j("details", Co, [
-          a("summary", So, H(u(t)("inventory.closing.draft.createDraft.previewTable.systemNegativeNote", [g.value.length])), 1),
-          a("ul", $o, [
-            (w(!0), j(ce, null, he(g.value, (f) => (w(), j("li", {
+        ])) : K("", !0),
+        g.value.length > 0 ? (h(), T("details", To, [
+          a("summary", jo, H(u(t)("inventory.closing.draft.createDraft.previewTable.systemNegativeNote", [g.value.length])), 1),
+          a("ul", Mo, [
+            (h(!0), T(ce, null, he(g.value, (f) => (h(), T("li", {
               key: f.sku._id,
               class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
             }, H(f.sku.code), 1))), 128))
           ])
-        ])) : G("", !0),
-        c.unrecognisedItemCodes.length > 0 ? (w(), j("details", Fo, [
-          a("summary", Io, H(u(t)("inventory.closing.draft.createDraft.previewTable.unrecognisedNote", [c.unrecognisedItemCodes.length])), 1),
-          a("ul", Bo, [
-            (w(!0), j(ce, null, he(c.unrecognisedItemCodes, (f) => (w(), j("li", {
+        ])) : K("", !0),
+        c.unrecognisedItemCodes.length > 0 ? (h(), T("details", Uo, [
+          a("summary", Ro, H(u(t)("inventory.closing.draft.createDraft.previewTable.unrecognisedNote", [c.unrecognisedItemCodes.length])), 1),
+          a("ul", Po, [
+            (h(!0), T(ce, null, he(c.unrecognisedItemCodes, (f) => (h(), T("li", {
               key: f,
               class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
             }, H(f), 1))), 128))
           ])
-        ])) : G("", !0),
+        ])) : K("", !0),
         $(A, {
-          "row-data": r.items,
+          "row-data": l.items,
           "column-defs": s,
           pagination: { pageSize: 20 }
         }, null, 8, ["row-data"])
       ]);
     };
   }
-}), jo = { class: "flex flex-col gap-16" }, Uo = { class: "flex flex-col gap-8" }, Mo = { class: "fm-typo-en-body-lg-600" }, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Po = { class: "fm-corner-radius-md p-16 flex items-center gap-16 border border-fm-color-border-default" }, Vo = { class: "flex flex-col flex-1 gap-4" }, No = { class: "fm-typo-en-body-md-600" }, zo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Eo = {
+}), No = { class: "flex flex-col gap-16" }, zo = { class: "flex flex-col gap-8" }, Eo = { class: "fm-typo-en-body-lg-600" }, Lo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oo = { class: "fm-corner-radius-md p-16 flex items-center gap-16 border border-fm-color-border-default" }, Ho = { class: "flex flex-col flex-1 gap-4" }, Yo = { class: "fm-typo-en-body-md-600" }, Ko = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Wo = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Lo = { class: "fm-typo-en-body-lg-600" }, Oo = {
+}, qo = { class: "fm-typo-en-body-lg-600" }, Go = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-system-error-300 flex items-center gap-8"
-}, Ho = { class: "grid grid-cols-[repeat(3,1fr)] gap-12" }, Yo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center gap-4" }, Ko = { class: "flex items-center gap-8 w-full" }, Wo = /* @__PURE__ */ je({
+}, Qo = { class: "grid grid-cols-[repeat(3,1fr)] gap-12" }, Zo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center gap-4" }, Jo = { class: "flex items-center gap-8 w-full" }, Xo = /* @__PURE__ */ je({
   __name: "ClosingDraftCreateSideSheet",
   props: {
     show: { type: Boolean }
   },
   emits: ["update:show", "submitted"],
-  setup(n, { emit: r }) {
-    const t = n, o = r, g = Kt(t, "show"), { t: i } = Ye(), s = Ke(), c = K("upload"), x = K(null), A = K(!1), { mergedItems: f, unrecognisedItemCodes: B, hasBlockingErrors: N, isLoading: E, onFileUpload: I, submit: k, downloadTemplate: R } = xo(), p = M(
+  setup(n, { emit: l }) {
+    const t = n, o = l, g = qt(t, "show"), { t: i } = Ye(), s = Ke(), c = W("upload"), x = W(null), A = W(!1), { mergedItems: f, unrecognisedItemCodes: B, hasBlockingErrors: N, isLoading: E, onFileUpload: I, submit: _, downloadTemplate: R } = Fo(), p = M(
       () => x.value && !E.value && f.value.length > 0
     ), v = M(() => {
-      const _ = f.value.filter(
+      const w = f.value.filter(
         (z) => z.status === ve.ready
       ).length, Y = f.value.filter(
         (z) => z.status === ve.negative
-      ).length, W = f.value.filter(
+      ).length, q = f.value.filter(
         (z) => z.status === ve.systemNegative
       ).length, re = f.value.filter((z) => z.variance !== 0).length;
       return [
         { label: i("inventory.closing.draft.createDraft.summary.totalItems"), value: f.value.length },
-        { label: i("inventory.closing.draft.createDraft.summary.itemsWithCount"), value: _ },
+        { label: i("inventory.closing.draft.createDraft.summary.itemsWithCount"), value: w },
         {
           label: i("inventory.closing.draft.createDraft.summary.unrecognisedItems"),
           value: B.value.length,
@@ -3007,24 +3014,24 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
         { label: i("inventory.closing.draft.createDraft.summary.negativeCounts"), value: Y, isError: Y > 0 },
         {
           label: i("inventory.closing.draft.createDraft.summary.systemNegative"),
-          value: W,
-          isWarning: W > 0
+          value: q,
+          isWarning: q > 0
         }
       ];
     });
-    async function m(_) {
-      x.value = _, await I(_);
+    async function m(w) {
+      x.value = w, await I(w);
     }
     async function b() {
       A.value = !0;
       try {
-        await k(), y(), o("submitted"), s.open({
+        await _(), y(), o("submitted"), s.open({
           title: "Success",
           message: "Closing draft created successfully",
           type: "success"
         });
-      } catch (_) {
-        console.error("Failed to create closing draft", { error: _ }), s.open({
+      } catch (w) {
+        console.error("Failed to create closing draft", { error: w }), s.open({
           title: "Something went wrong",
           message: "Failed to create closing draft. Please try again",
           type: "error"
@@ -3033,15 +3040,15 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
         A.value = !1;
       }
     }
-    ze(g, (_) => {
-      _ || (c.value = "upload", x.value = null);
+    ze(g, (w) => {
+      w || (c.value = "upload", x.value = null);
     });
     function y() {
       g.value = !1;
     }
-    return (_, Y) => {
-      const W = Z("FmCircularProgress"), re = Z("FmIcon"), z = Z("FmButton"), le = Z("FmCard"), P = Z("FmSideSheet");
-      return w(), ae(P, {
+    return (w, Y) => {
+      const q = Z("FmCircularProgress"), re = Z("FmIcon"), z = Z("FmButton"), le = Z("FmCard"), P = Z("FmSideSheet");
+      return h(), ae(P, {
         "dismiss-away": "",
         "max-width": 9999,
         "model-value": u(g),
@@ -3049,36 +3056,36 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
         header: u(i)("inventory.closing.draft.createDraft.title")
       }, {
         default: ee(() => [
-          a("div", jo, [
-            c.value === "upload" ? (w(), j(ce, { key: 0 }, [
-              a("div", Uo, [
-                a("div", Mo, H(u(i)("inventory.closing.draft.createDraft.importCsv")), 1),
-                a("div", Ro, H(u(i)("inventory.closing.draft.createDraft.uploadDescription")), 1),
-                $(Kn, {
+          a("div", No, [
+            c.value === "upload" ? (h(), T(ce, { key: 0 }, [
+              a("div", zo, [
+                a("div", Eo, H(u(i)("inventory.closing.draft.createDraft.importCsv")), 1),
+                a("div", Lo, H(u(i)("inventory.closing.draft.createDraft.uploadDescription")), 1),
+                $(qn, {
                   class: Se({ "h-[200px]": !x.value }),
                   accept: ".csv",
                   disabled: u(E),
                   onFileUpload: m
-                }, hn({ _: 2 }, [
+                }, _n({ _: 2 }, [
                   x.value ? {
                     name: "default",
                     fn: ee(({ openFileDialog: S }) => [
-                      a("div", Po, [
-                        u(E) ? (w(), ae(W, {
+                      a("div", Oo, [
+                        u(E) ? (h(), ae(q, {
                           key: 0,
                           size: "md",
                           color: "neutral-gray-200"
-                        })) : (w(), ae(re, {
+                        })) : (h(), ae(re, {
                           key: 1,
                           name: "check_circle",
                           color: "system-success-400",
                           size: "lg"
                         })),
-                        a("div", Vo, [
-                          a("div", No, H(x.value.name), 1),
-                          a("div", zo, H(u(E) ? u(i)("inventory.closing.draft.createDraft.processing") : u(i)("inventory.closing.draft.createDraft.itemsLoaded", [u(f).length])), 1)
+                        a("div", Ho, [
+                          a("div", Yo, H(x.value.name), 1),
+                          a("div", Ko, H(u(E) ? u(i)("inventory.closing.draft.createDraft.processing") : u(i)("inventory.closing.draft.createDraft.itemsLoaded", [u(f).length])), 1)
                         ]),
-                        u(E) ? G("", !0) : (w(), ae(z, {
+                        u(E) ? K("", !0) : (h(), ae(z, {
                           key: 2,
                           label: u(i)("inventory.closing.draft.createDraft.replaceFile"),
                           variant: "secondary",
@@ -3091,39 +3098,39 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
                   } : void 0
                 ]), 1032, ["class", "disabled"])
               ]),
-              p.value ? (w(), j("div", Eo, [
-                a("div", Lo, H(u(i)("inventory.closing.draft.createDraft.importSummary")), 1),
-                u(N) ? (w(), j("div", Oo, [
+              p.value ? (h(), T("div", Wo, [
+                a("div", qo, H(u(i)("inventory.closing.draft.createDraft.importSummary")), 1),
+                u(N) ? (h(), T("div", Go, [
                   $(re, {
                     name: "error",
                     size: "sm",
                     color: "system-error-300"
                   }),
                   a("span", null, H(u(i)("inventory.closing.draft.createDraft.reviewIssues")), 1)
-                ])) : G("", !0),
+                ])) : K("", !0),
                 $(le, {
                   variant: "outlined",
                   class: "flex flex-col gap-12 px-16 py-12"
                 }, {
                   default: ee(() => [
-                    a("div", Ho, [
-                      (w(!0), j(ce, null, he(v.value, (S) => (w(), j("div", {
+                    a("div", Qo, [
+                      (h(!0), T(ce, null, he(v.value, (S) => (h(), T("div", {
                         key: S.label,
                         class: "flex flex-col gap-4"
                       }, [
-                        a("div", Yo, [
-                          S.isError ? (w(), ae(re, {
+                        a("div", Zo, [
+                          S.isError ? (h(), ae(re, {
                             key: 0,
                             name: "error",
                             size: "sm",
                             color: "system-error-300"
-                          })) : G("", !0),
-                          S.isWarning && !S.isError ? (w(), ae(re, {
+                          })) : K("", !0),
+                          S.isWarning && !S.isError ? (h(), ae(re, {
                             key: 1,
                             name: "warning",
                             size: "sm",
                             color: "system-warning-300"
-                          })) : G("", !0),
+                          })) : K("", !0),
                           a("span", null, H(S.label), 1)
                         ]),
                         a("div", {
@@ -3140,32 +3147,32 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
                   ]),
                   _: 1
                 })
-              ])) : G("", !0)
-            ], 64)) : G("", !0),
-            c.value === "preview" ? (w(), ae(To, {
+              ])) : K("", !0)
+            ], 64)) : K("", !0),
+            c.value === "preview" ? (h(), ae(Vo, {
               key: 1,
               items: u(f),
               "unrecognised-item-codes": u(B)
-            }, null, 8, ["items", "unrecognised-item-codes"])) : G("", !0)
+            }, null, 8, ["items", "unrecognised-item-codes"])) : K("", !0)
           ])
         ]),
         "side-sheet-footer": ee(() => [
-          a("div", Ko, [
-            c.value === "preview" ? (w(), ae(z, {
+          a("div", Jo, [
+            c.value === "preview" ? (h(), ae(z, {
               key: 0,
               variant: "secondary",
               label: u(i)("inventory.common.back"),
               "prepend-icon": "arrow_back",
               onClick: Y[0] || (Y[0] = (S) => c.value = "upload")
-            }, null, 8, ["label"])) : G("", !0),
-            c.value === "upload" ? (w(), ae(z, {
+            }, null, 8, ["label"])) : K("", !0),
+            c.value === "upload" ? (h(), ae(z, {
               key: 1,
               variant: "primary",
               label: u(i)("inventory.common.next"),
               disabled: !x.value || u(E),
               onClick: Y[1] || (Y[1] = (S) => c.value = "preview")
-            }, null, 8, ["label", "disabled"])) : G("", !0),
-            c.value === "preview" ? (w(), ae(Wn, {
+            }, null, 8, ["label", "disabled"])) : K("", !0),
+            c.value === "preview" ? (h(), ae(Gn, {
               key: 2,
               label: u(i)("inventory.closing.draft.createDraft.submit"),
               disabled: u(N) || u(f).length === 0 || A.value,
@@ -3173,38 +3180,38 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
               "confirm-title": u(i)("inventory.closing.draft.createDraft.confirmTitle"),
               "confirm-message": u(i)("inventory.closing.draft.createDraft.confirmMessage"),
               onConfirm: b
-            }, null, 8, ["label", "disabled", "loading", "confirm-title", "confirm-message"])) : G("", !0),
+            }, null, 8, ["label", "disabled", "loading", "confirm-title", "confirm-message"])) : K("", !0),
             $(z, {
               variant: "tertiary",
               label: u(i)("inventory.common.close"),
               onClick: y
             }, null, 8, ["label"]),
-            c.value === "upload" ? (w(), ae(z, {
+            c.value === "upload" ? (h(), ae(z, {
               key: 3,
               class: "ml-auto",
               variant: "secondary",
               label: u(i)("inventory.closing.draft.createDraft.downloadTemplate"),
               "prepend-icon": "download",
               onClick: u(R)
-            }, null, 8, ["label", "onClick"])) : G("", !0)
+            }, null, 8, ["label", "onClick"])) : K("", !0)
           ])
         ]),
         _: 1
       }, 8, ["model-value", "header"]);
     };
   }
-}), qo = { class: "flex-1 flex flex-col gap-8" }, Go = { class: "flex flex-col" }, Qo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Zo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Xo = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, $s = /* @__PURE__ */ je({
+}), es = { class: "flex-1 flex flex-col gap-8" }, ts = { class: "flex flex-col" }, ns = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, as = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, os = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, ss = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Ms = /* @__PURE__ */ je({
   __name: "ClosingDraftView",
   setup(n) {
-    const { t: r } = Ye(), { viewDraft: t } = lt(), { viewClosingDraftProps: o, viewClosingDraftShow: g } = Fn(lt()), i = We(), s = on(), c = wn(), { breakpoints: x } = An();
+    const { t: l } = Ye(), { viewDraft: t } = it(), { viewClosingDraftProps: o, viewClosingDraftShow: g } = Bn(it()), i = We(), s = rn(), c = Dn(), { breakpoints: x } = Sn();
     i.watchLocation(s.fetchDrafts);
-    const A = M(() => s.loading), f = K(""), B = K(!1), N = M(() => x.value.xs || x.value.sm), E = M(() => N.value ? 10 : 20), I = M(
+    const A = M(() => s.loading), f = W(""), B = W(!1), N = M(() => x.value.xs || x.value.sm), E = M(() => N.value ? 10 : 20), I = M(
       () => {
         var v;
-        return ((v = i.currentLocation) == null ? void 0 : v.type) === $n.enum.warehouse;
+        return ((v = i.currentLocation) == null ? void 0 : v.type) === In.enum.warehouse;
       }
     );
-    function k(v) {
+    function _(v) {
       switch (v) {
         case "add":
           return B.value = !0;
@@ -3217,12 +3224,12 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
     }
     const p = M(() => {
       const v = {
-        label: r("inventory.closing.draft.createDraft.title"),
+        label: l("inventory.closing.draft.createDraft.title"),
         value: "add",
         isPrimary: !0,
         prependIcon: "add"
       }, m = {
-        label: r("inventory.common.refresh"),
+        label: l("inventory.common.refresh"),
         value: "refresh",
         isPrimary: !1
       };
@@ -3230,11 +3237,11 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
     });
     return (v, m) => {
       const b = Z("FmTable");
-      return w(), j(ce, null, [
-        $(xn, {
-          title: u(r)("inventory.closing.draft.title"),
+      return h(), T(ce, null, [
+        $(An, {
+          title: u(l)("inventory.closing.draft.title"),
           actions: p.value,
-          "onClick:action": k
+          "onClick:action": _
         }, {
           default: ee(() => [
             a("div", {
@@ -3246,15 +3253,15 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
                 }
               ])
             }, [
-              $(Nn, {
+              $(En, {
                 "change-location": "",
                 searchable: "",
                 search: f.value,
                 "onUpdate:search": m[0] || (m[0] = (y) => f.value = y)
               }, null, 8, ["search"]),
-              (w(), ae(b, {
+              (h(), ae(b, {
                 key: u(s).tableKey,
-                style: Ht(u(c).tableHeight),
+                style: Kt(u(c).tableHeight),
                 "column-defs": u(s).columnDefs,
                 "row-data": u(s).drafts,
                 "search-value": f.value,
@@ -3263,42 +3270,42 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
                 "page-size": E.value
               }, {
                 "list-row": ee((y) => [
-                  $(qn, {
+                  $(Qn, {
                     row: y,
-                    onRowClick: (_) => u(t)(_)
+                    onRowClick: (w) => u(t)(w)
                   }, {
-                    default: ee((_) => {
-                      var Y, W, re, z, le, P, S, ie, L, F, Q, se, we, xe, De, $e, Ee, Le, Ue, Ge;
+                    default: ee((w) => {
+                      var Y, q, re, z, le, P, S, ie, L, F, Q, se, we, xe, De, $e, Ee, Le, Me, Ge;
                       return [
-                        a("div", qo, [
-                          a("div", Go, [
-                            a("div", Qo, [
-                              $(u(nt), {
-                                render: (re = (W = (Y = _._id) == null ? void 0 : Y.column) == null ? void 0 : W.columnDef) == null ? void 0 : re.cell,
-                                props: (le = (z = _._id) == null ? void 0 : z.getContext) == null ? void 0 : le.call(z)
+                        a("div", es, [
+                          a("div", ts, [
+                            a("div", ns, [
+                              $(u(at), {
+                                render: (re = (q = (Y = w._id) == null ? void 0 : Y.column) == null ? void 0 : q.columnDef) == null ? void 0 : re.cell,
+                                props: (le = (z = w._id) == null ? void 0 : z.getContext) == null ? void 0 : le.call(z)
                               }, null, 8, ["render", "props"])
                             ]),
-                            a("div", Zo, [
-                              $(u(nt), {
-                                render: (ie = (S = (P = _.name) == null ? void 0 : P.column) == null ? void 0 : S.columnDef) == null ? void 0 : ie.cell,
-                                props: (F = (L = _.name) == null ? void 0 : L.getContext) == null ? void 0 : F.call(L)
+                            a("div", as, [
+                              $(u(at), {
+                                render: (ie = (S = (P = w.name) == null ? void 0 : P.column) == null ? void 0 : S.columnDef) == null ? void 0 : ie.cell,
+                                props: (F = (L = w.name) == null ? void 0 : L.getContext) == null ? void 0 : F.call(L)
                               }, null, 8, ["render", "props"])
                             ]),
-                            a("div", Jo, H([
-                              ...y.original.items.slice(0, 3).map((ct) => ct.sku.name),
+                            a("div", os, H([
+                              ...y.original.items.slice(0, 3).map((ut) => ut.sku.name),
                               ...y.original.items.length >= 3 ? [`and ${y.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            a("div", Xo, [
-                              $(u(nt), {
-                                render: (we = (se = (Q = _.ref) == null ? void 0 : Q.column) == null ? void 0 : se.columnDef) == null ? void 0 : we.cell,
-                                props: (De = (xe = _.ref) == null ? void 0 : xe.getContext) == null ? void 0 : De.call(xe)
+                            a("div", ss, [
+                              $(u(at), {
+                                render: (we = (se = (Q = w.ref) == null ? void 0 : Q.column) == null ? void 0 : se.columnDef) == null ? void 0 : we.cell,
+                                props: (De = (xe = w.ref) == null ? void 0 : xe.getContext) == null ? void 0 : De.call(xe)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           a("div", null, [
-                            $(u(nt), {
-                              render: (Le = (Ee = ($e = _.status) == null ? void 0 : $e.column) == null ? void 0 : Ee.columnDef) == null ? void 0 : Le.cell,
-                              props: (Ge = (Ue = _.status) == null ? void 0 : Ue.getContext) == null ? void 0 : Ge.call(Ue)
+                            $(u(at), {
+                              render: (Le = (Ee = ($e = w.status) == null ? void 0 : $e.column) == null ? void 0 : Ee.columnDef) == null ? void 0 : Le.cell,
+                              props: (Ge = (Me = w.status) == null ? void 0 : Me.getContext) == null ? void 0 : Ge.call(Me)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -3313,13 +3320,13 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        $(Wo, {
+        $(Xo, {
           show: B.value,
           "onUpdate:show": m[2] || (m[2] = (y) => B.value = y),
           onSubmitted: u(s).fetchDrafts
         }, null, 8, ["show", "onSubmitted"]),
-        (w(), ae(kn, { to: "body" }, [
-          $(bo, _n(u(o), {
+        (h(), ae(wn, { to: "body" }, [
+          $(Do, xn(u(o), {
             show: u(g),
             "onUpdate:show": m[3] || (m[3] = (y) => _t(g) ? g.value = y : null),
             onSubmitted: m[4] || (m[4] = () => (g.value = !1, u(s).fetchDrafts())),
@@ -3331,5 +3338,5 @@ const Do = { class: "flex flex-col gap-16" }, Ao = {
   }
 });
 export {
-  $s as default
+  Ms as default
 };