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

package/dist/ClosingDraftView-BKjxsKag.js

@@ -0,0 +1,3342 @@
+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 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;
+  }
+  return {
+    getDbName: t,
+    async getDraft(o) {
+      const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/${o}`;
+      return l.get(i);
+    },
+    async readDrafts() {
+      const o = t(), g = `${n.inventoryBackendUrl}/${o}/closing-draft`;
+      return l.get(g);
+    },
+    async runOperation(o) {
+      const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/run-operation`;
+      return l.post(i, o);
+    },
+    async runOperationV1(o) {
+      const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/v1/run-operation`;
+      return l.post(i, o);
+    },
+    async sync(o) {
+      const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/sync`;
+      return l.post(i, o);
+    },
+    async cloneDraft(o) {
+      const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/${o}/clone`;
+      return l.post(i, {});
+    },
+    async createQuickModeDraftWithItems(o) {
+      const g = t(), i = `${n.inventoryBackendUrl}/${g}/closing-draft/quick-mode/new-with-items`;
+      return l.post(i, o);
+    },
+    initializeStockSnapshot(o, g) {
+      const i = t(), s = `${n.inventoryBackendUrl}/${i}/closing-draft/${encodeURIComponent(o)}/initialize-stock-snapshot`;
+      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 l.get(s);
+    }
+  };
+}), Zn = { class: "fm-typo-en-body-lg-400" }, Jn = { class: "fm-typo-en-body-lg-600" }, Xn = {
+  key: 0,
+  class: "flex flex-col"
+}, ea = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, ta = { class: "flex gap-12 py-8 justify-end w-full" }, bt = /* @__PURE__ */ je({
+  __name: "ClosingDraftAction",
+  props: {
+    draft: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(n) {
+    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:
+          return "Reject";
+        case oe.enum.markAsFailed:
+          return "Mark as Failed";
+      }
+      throw new Error(`Unknown action: ${l.action}`);
+    }), A = M(() => {
+      switch (l.action) {
+        case oe.enum.approveDraft:
+          return "primary";
+        case oe.enum.rejectDraft:
+          return "destructive";
+        case oe.enum.markAsFailed:
+          return "destructive";
+      }
+      throw new Error(`Unknown action: ${l.action}`);
+    });
+    kt(() => {
+      if (l.draft.effectiveAt)
+        s.value = new Date(l.draft.effectiveAt);
+      else {
+        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 ? "" : rt(s.value);
+      },
+      set(I) {
+        if (I) {
+          const _ = /* @__PURE__ */ new Date(`${I} ${B.value}`);
+          _.setSeconds(59, 999), s.value = _;
+        } else
+          s.value = null;
+      }
+    }), B = M({
+      get() {
+        return s.value === null ? "" : Zt(s.value);
+      },
+      set(I) {
+        if (I) {
+          const _ = /* @__PURE__ */ new Date(`${f.value} ${I}`);
+          _.setSeconds(59, 999), s.value = _;
+        } else
+          s.value = null;
+      }
+    }), N = M(() => s.value ? s.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function E(I) {
+      i.value = !0;
+      try {
+        I ? await o.runOperationV1({
+          _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: l.draft._id,
+          _rev: l.draft._rev ?? "",
+          action: l.action,
+          data: {
+            effectiveAt: s.value ? s.value.toISOString() : null,
+            remark: t.value
+          }
+        }).delayed(500), g.open({
+          title: "Success",
+          message: "Action submitted",
+          type: "success"
+        }), l.onFinished();
+      } catch (_) {
+        g.open({
+          title: "Something went wrong",
+          message: (_ == null ? void 0 : _.message) ?? "Unable to submit action. Please try again",
+          type: "error"
+        }), console.error("error on submit closing draft action", _);
+      } finally {
+        i.value = !1;
+      }
+    }
+    return (I, _) => {
+      const R = Z("FmLabel"), p = Z("FmDatePicker"), v = Z("FmTimePicker"), m = Z("FmTextField"), b = Z("FmButton"), y = Z("FmForm");
+      return c.value ? (h(), ae(y, {
+        key: 1,
+        onValidationSuccess: E,
+        class: "flex flex-col gap-32",
+        disabled: i.value
+      }, {
+        default: ee(() => [
+          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 ? (h(), T("div", Xn, [
+            $(R, { class: "fm-typo-en-body-lg-600" }, {
+              default: ee(() => _[6] || (_[6] = [
+                de("Closing Date")
+              ])),
+              _: 1
+            }),
+            $(p, {
+              modelValue: f.value,
+              "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(() => _[7] || (_[7] = [
+                de("Closing Time")
+              ])),
+              _: 1
+            }),
+            $(v, {
+              modelValue: B.value,
+              "onUpdate:modelValue": _[1] || (_[1] = (w) => B.value = w)
+            }, null, 8, ["modelValue"]),
+            N.value ? (h(), T("div", ea, " Cannot select future date ")) : K("", !0)
+          ])) : K("", !0),
+          $(m, {
+            modelValue: t.value,
+            "onUpdate:modelValue": _[2] || (_[2] = (w) => t.value = w),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [u(jn)()]
+          }, null, 8, ["modelValue", "rules"]),
+          a("div", ta, [
+            $(b, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: _[3] || (_[3] = (w) => I.onCancel())
+            }),
+            $(b, {
+              label: x.value,
+              type: "submit",
+              variant: A.value,
+              loading: i.value
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (h(), T(ce, { key: 0 }, [
+        de("Loading")
+      ], 64));
+    };
+  }
+}), 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 = 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 Jt(t, n.baseAmount.precision);
+}
+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 = 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: _ })
+  ), 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 = tn(F, Q);
+      q[`adjustment_${L}`] = ht(se);
+    } else
+      q[`adjustment_${L}`] = "0";
+  }), {
+    code: n.sku.code,
+    name: n.sku.name,
+    baseUnit: n.sku.unit.abbrev,
+    costUnit: ((ie = (S = n.sku.defaultCost) == null ? void 0 : S.measurement) == null ? void 0 : ie.abbrev) ?? null,
+    baseUnitAmount: Number(te.toFormatString({ value: n.baseAmount })),
+    ...t.reduce(
+      (L, F, Q) => {
+        const se = te.toFormatString({ value: F.conversion }), we = F.orphan ? " [invalid UOM]" : F.inactive ? " [NetSuite-inactive]" : "";
+        return L[`measurementAbbrev${Q}`] = `(${F.abbrev}) × ${se}${we}`, L[`measurementAmount${Q}`] = Number(te.toFormatString({ value: F.amount })), L;
+      },
+      {}
+    ),
+    systemBalance: v,
+    physicalBalance: m,
+    adjustedAmount: Number(te.toFormatString({ value: f })),
+    adjustedDiffPercentage: N ? Number(
+      te.toFormatString({
+        value: nn(N, 2)
+      })
+    ) : null,
+    costPerUnit: I,
+    opening: p,
+    ...q,
+    varianceQty: b,
+    varianceInCost: y,
+    stockTakeValue: w,
+    systemValue: Y,
+    // Include custom attribute values
+    ...(c ?? []).reduce(
+      (L, F) => {
+        var se;
+        const Q = (se = n.sku.customAttributes) == null ? void 0 : se[F];
+        return L[`customAttr_${F}`] = Q != null ? String(Q) : null, L;
+      },
+      {}
+    )
+  };
+}
+function ra(n) {
+  let l = 0;
+  for (const t of n.values())
+    t.length > l && (l = t.length);
+  return l;
+}
+function la(n, l) {
+  const t = /* @__PURE__ */ new Map();
+  for (const o of n) {
+    if (t.has(o.sku._id)) continue;
+    const g = new Map(o.sku.unit.measurements.map((c) => [c.id, c])), i = new Map(
+      o.measurementsAmounts.map((c) => [c.measurement.id, c.amount])
+    ), s = [];
+    for (const c of o.sku.unit.measurements) {
+      const x = i.get(c.id);
+      x && s.push({
+        id: c.id,
+        abbrev: c.abbrev,
+        conversion: c.conversion,
+        amount: x,
+        inactive: an(c, l),
+        orphan: !1
+      });
+    }
+    for (const c of o.measurementsAmounts)
+      g.has(c.measurement.id) || s.push({
+        id: c.measurement.id,
+        abbrev: c.measurement.abbrev,
+        conversion: c.measurement.conversion,
+        amount: c.amount,
+        inactive: !1,
+        orphan: !0
+      });
+    t.set(o.sku._id, s);
+  }
+  return t;
+}
+function ia(n, l = [], t = []) {
+  const o = Gt(), g = o === "MYR" ? "RM" : o;
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "baseUnit",
+      name: "Base unit"
+    },
+    {
+      id: "costPerUnit",
+      name: "Cost per unit"
+    },
+    {
+      id: "costUnit",
+      name: "UOM"
+    },
+    {
+      id: "opening",
+      name: "Opening (B/F)"
+    },
+    // Dynamic adjustment type columns
+    ...l.map((s) => ({
+      id: `adjustment_${s}`,
+      name: Be(s)
+    })),
+    {
+      id: "systemBalance",
+      name: "System balance (Qty)"
+    },
+    {
+      id: "physicalBalance",
+      name: "Stock take (Qty)"
+    },
+    {
+      id: "adjustedAmount",
+      name: "Variance"
+    },
+    {
+      id: "varianceInCost",
+      name: `Variance (${g})`
+    },
+    {
+      id: "adjustedDiffPercentage",
+      name: "Variance (%)"
+    },
+    {
+      id: "stockTakeValue",
+      name: `Stock take value (${g})`
+    },
+    {
+      id: "systemValue",
+      name: `System value (${g})`
+    },
+    {
+      id: "baseUnitAmount",
+      name: "Base unit amount"
+    },
+    ...Array.from({ length: n }).flatMap((s, c) => [
+      {
+        id: `measurementAmount${c}`,
+        name: `UOM amount ${c + 1}`
+      },
+      {
+        id: `measurementAbbrev${c}`,
+        name: `UOM ${c + 1}`
+      }
+    ]),
+    // Dynamic custom attribute columns
+    ...t.map((s) => ({
+      id: `customAttr_${s}`,
+      name: Be(s)
+    }))
+  ];
+}
+function ca(n, l, t, o = [], g) {
+  var re, z, le, P, S, ie, L;
+  const i = l.groupBy(
+    (F) => F.id,
+    (F) => F.balance
+  ), s = t.groupBy(
+    (F) => F.id,
+    (F) => F.balance
+  ), c = /* @__PURE__ */ new Map();
+  if (n.opening)
+    for (const F of n.opening)
+      c.set(F.skuId, F.balance);
+  const x = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Map();
+  if (n.adjustmentSnapshot)
+    for (const F of n.adjustmentSnapshot)
+      F.adjustmentsByType && (Object.keys(F.adjustmentsByType).forEach((Q) => x.add(Q)), A.set(F.skuId, F.adjustmentsByType));
+  const f = ["receive", "sales", "wastage"], B = [];
+  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 = 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]) ?? aa, se = p.get(F.sku._id) ?? [], we = c.get(F.sku._id), xe = A.get(F.sku._id);
+    return sa(
+      F,
+      Q,
+      se,
+      ($e = s.get(F.sku._id)) == null ? void 0 : $e[0],
+      we,
+      xe,
+      E,
+      o
+    );
+  }), 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],
+    ["Created at", new Date(n.createdAt)],
+    ["Created by", (re = n.createdBy) == null ? void 0 : re.name],
+    ["Updated at", new Date(n.updatedAt)],
+    ["Updated by", (z = n.updatedBy) == null ? void 0 : z.name],
+    ["Recent action", n.approvedAt ? "Approve" : n.rejectionHistory ? "Reject" : ""],
+    [
+      "Action by",
+      n.approvedAt ? (le = n.approvedBy) == null ? void 0 : le.name : n.rejectionHistory ? (S = (P = n.rejectionHistory[0]) == null ? void 0 : P.rejectedBy) == null ? void 0 : S.name : ""
+    ],
+    [
+      "Action at",
+      n.approvedAt ? new Date(n.approvedAt) : n.rejectionHistory ? new Date((ie = n.rejectionHistory[0]) == null ? void 0 : ie.rejectedAt) : ""
+    ],
+    [
+      "Action remark",
+      n.approvedAt ? n.approveRemark : n.rejectionHistory ? new Date((L = n.rejectionHistory[0]) == null ? void 0 : L.rejectRemark) : ""
+    ],
+    [],
+    b.map((F) => F.name),
+    ...v.map((F) => b.map((Q) => F[Q.id]))
+  ], 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 ua = { class: "flex flex-col" }, da = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, ma = { class: "flex gap-12 py-8 justify-end w-full" }, fa = /* @__PURE__ */ je({
+  __name: "RefreshBalanceAction",
+  props: {
+    draft: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(n) {
+    const l = n;
+    ct();
+    const t = W(!1), o = W(null), g = W(!1);
+    kt(() => {
+      if (l.draft.effectiveAt)
+        o.value = new Date(l.draft.effectiveAt);
+      else {
+        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 ? "" : rt(o.value);
+      },
+      set(A) {
+        if (A) {
+          const f = /* @__PURE__ */ new Date(`${A} ${s.value}`);
+          f.setSeconds(59, 999), o.value = f;
+        } else
+          o.value = null;
+      }
+    }), s = M({
+      get() {
+        return o.value === null ? "" : Zt(o.value);
+      },
+      set(A) {
+        if (A) {
+          const f = /* @__PURE__ */ new Date(`${i.value} ${A}`);
+          f.setSeconds(59, 999), o.value = f;
+        } else
+          o.value = null;
+      }
+    }), c = M(() => o.value ? o.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function x() {
+      t.value = !0, l.onFinished(o.value.toISOString());
+    }
+    return (A, f) => {
+      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",
+        disabled: t.value
+      }, {
+        default: ee(() => [
+          f[5] || (f[5] = a("div", { class: "fm-typo-en-body-lg-400" }, [
+            a("p", null, [
+              de(" Performing "),
+              a("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
+              de(" until closing effective date and time. ")
+            ]),
+            a("p", { class: "mt-2" }, [
+              de(" Please note that this action will "),
+              a("b", null, "update"),
+              de(" the effective date and time. ")
+            ])
+          ], -1)),
+          a("div", ua, [
+            $(B, { class: "fm-typo-en-body-lg-600" }, {
+              default: ee(() => f[3] || (f[3] = [
+                de("Closing Date")
+              ])),
+              _: 1
+            }),
+            $(N, {
+              modelValue: i.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (R) => i.value = R),
+              max: u(rt)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            $(B, { class: "fm-typo-en-body-lg-600" }, {
+              default: ee(() => f[4] || (f[4] = [
+                de("Closing Time")
+              ])),
+              _: 1
+            }),
+            $(E, {
+              modelValue: s.value,
+              "onUpdate:modelValue": f[1] || (f[1] = (R) => s.value = R)
+            }, null, 8, ["modelValue"]),
+            c.value ? (h(), T("div", da, " Cannot select future date ")) : K("", !0)
+          ]),
+          a("div", ma, [
+            $(I, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: f[2] || (f[2] = (R) => A.onCancel())
+            }),
+            $(I, {
+              label: "Refresh balance",
+              type: "submit",
+              variant: "primary",
+              loading: t.value,
+              disabled: c.value
+            }, null, 8, ["loading", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (h(), T(ce, { key: 0 }, [
+        de("Loading")
+      ], 64));
+    };
+  }
+}), it = Qt(
+  "closingDraftActions",
+  function() {
+    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
+      };
+      x.value = y, c.value = !0;
+    }
+    async function f(b) {
+      var w;
+      if (b.status === _e.enum.COMPLETED) {
+        const Y = b.closingAdjustmentId;
+        if (!Y)
+          return t.open({
+            title: "Something went wrong",
+            message: "Closing draft is completed but closing document cannot be found.",
+            type: "error"
+          }), console.error("Closing draft is completed but closing document cannot be found.", {
+            draftId: b._id
+          }), [];
+        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(), ((w = i.stockBalance) == null ? void 0 : w.skus) ?? [];
+    }
+    async function B(b, y, w, Y) {
+      y || (t.open({
+        title: "Exporting",
+        message: "Fetching data..."
+      }), y = await f(b)), ca(
+        b,
+        y,
+        w ?? [],
+        Y ?? [],
+        s.value
+      );
+    }
+    function N(b, y, w) {
+      l.open({
+        title: "Approve draft",
+        contentComponent: bt,
+        contentComponentProps: {
+          draft: b,
+          action: oe.enum.approveDraft,
+          onFinished: () => {
+            l.close(), y == null || y();
+          },
+          onCancel: () => {
+            l.close();
+          }
+        }
+      }).onClose(() => {
+        w == null || w();
+      });
+    }
+    function E(b, y) {
+      l.open({
+        title: "Reject draft",
+        contentComponent: bt,
+        contentComponentProps: {
+          draft: b,
+          action: oe.enum.rejectDraft,
+          onFinished: () => {
+            l.close(), y == null || y();
+          },
+          onCancel: () => l.close()
+        }
+      });
+    }
+    function I(b, y) {
+      l.open({
+        title: "Mark draft as failed",
+        contentComponent: bt,
+        contentComponentProps: {
+          draft: b,
+          action: oe.enum.markAsFailed,
+          onFinished: () => {
+            l.close(), y == null || y();
+          },
+          onCancel: () => l.close()
+        }
+      });
+    }
+    async function _(b, y) {
+      await g.sync({
+        _id: b._id,
+        _rev: b._rev ?? "",
+        action: oe.enum.approveDraft,
+        data: {
+          remark: b.remark ?? ""
+        }
+      }).delayed(500), t.open({
+        title: "Success",
+        message: "Sync requested",
+        type: "success"
+      }), y == null || y();
+    }
+    function R() {
+      c.value = !1;
+    }
+    async function p(b, y, w) {
+      await l.open({
+        title: "Refresh balance",
+        contentComponent: fa,
+        contentComponentProps: {
+          draft: b,
+          onFinished: (Y) => {
+            l.close(), w == null || w(Y);
+          },
+          onCancel: async () => {
+            l.close(), y == null || y();
+          }
+        }
+      });
+    }
+    async function v(b) {
+      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 },
+        secondaryActions: { text: "Cancel", close: !0 }
+      }).onPrimary(async () => {
+        await o.recalculation.scheduleInvalidateClosingDraftCache([b._id]), t.open({
+          title: "Success",
+          message: "Invalidate cache requested",
+          type: "success"
+        });
+      });
+    }
+    async function m(b, y) {
+      try {
+        t.open({
+          title: "Cloning",
+          message: "Creating a copy of the draft..."
+        }), await g.cloneDraft(b._id), t.open({
+          title: "Success",
+          message: "Draft cloned successfully",
+          type: "success"
+        }), y == null || y();
+      } catch (w) {
+        t.open({
+          title: "Error",
+          message: (w == null ? void 0 : w.message) || "Failed to clone draft",
+          type: "error"
+        });
+      }
+    }
+    return {
+      viewDraft: A,
+      closeDraftDialog: R,
+      approveDraft: N,
+      rejectDraft: E,
+      markAsFailed: I,
+      syncDraft: _,
+      exportDraft: B,
+      refreshBalance: p,
+      cloneDraft: m,
+      viewClosingDraftShow: c,
+      viewClosingDraftProps: x,
+      invalidateDraftCache: v
+    };
+  }
+);
+function st(n) {
+  switch (n) {
+    case "DRAFT":
+      return "fm-status-badge-draft";
+    case "PROCESSING":
+      return "fm-status-badge-processing";
+    case "FAILED":
+      return "fm-status-badge-cancel";
+    case "COMPLETED":
+      return "fm-status-badge-complete";
+  }
+}
+const rn = Qt(
+  "closingDraftTable",
+  function() {
+    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;
+        try {
+          const [p] = await Promise.all([x.readDrafts()]).delayed(1e3);
+          g.value = B(p.reverse());
+        } catch (p) {
+          console.log("Something went wrong when fetching drafts:", p);
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    async function f(p) {
+      if (!g.value.find((v) => v._id) && c._currentLocation) {
+        s.value = !0;
+        try {
+          const [v] = await Promise.all([
+            x.getDraft(p),
+            new Promise((m) => setTimeout(m, 1e3))
+          ]);
+          g.value = B([v]);
+        } catch (v) {
+          console.log("Something went wrong when fetching drafts:", v);
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    function B(p) {
+      const v = zn(
+        p.filter((m) => !!m.closingId).map((m) => ({ closingId: m.closingId, draftCreatedAt: new Date(Te(m._id)) }))
+      );
+      return p.map((m) => ({
+        ...m,
+        closingIdDisplay: m.closingId ? v.get(m.closingId) ?? null : null
+      }));
+    }
+    function N(p) {
+      g.value = g.value.map((v) => v._id === p._id ? {
+        ...p,
+        _rev: p._rev,
+        closingIdDisplay: v.closingIdDisplay
+      } : v), i.value++;
+    }
+    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((w) => w.rejectRemark)) ?? p.remark ?? "";
+      return { count: v, remark: m };
+    }
+    function I() {
+      o.closeDraftDialog(), A();
+    }
+    function _(p, v) {
+      switch (v = Fn(v), p) {
+        case Ne.Details:
+          return o.viewDraft(v);
+        case Ne.Export:
+          return o.exportDraft(v);
+        case oe.enum.approveDraft:
+          return o.approveDraft(v, I);
+        case oe.enum.rejectDraft:
+          return o.rejectDraft(v, I);
+        case oe.enum.markAsFailed:
+          return o.markAsFailed(v, I);
+        case Ne.Duplicate:
+          return o.cloneDraft(v, I);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => l("inventory.closing.table.createdAt"),
+          cell(p) {
+            return Nn(`${p.getValue()}`);
+          },
+          sortingFn: (p, v) => new Date(Te(p.original._id)).getTime() - new Date(Te(v.original._id)).getTime(),
+          enableSorting: !0
+        },
+        {
+          id: "closingId",
+          accessorFn: (p) => p.closingIdDisplay,
+          size: 160,
+          header: () => l("inventory.closing.draft.table.id"),
+          cell(p) {
+            return p.getValue();
+          },
+          enableSorting: !0
+        },
+        {
+          accessorKey: "effectiveAt",
+          header: () => l("inventory.closing.draft.table.effectiveAt"),
+          cell(p) {
+            const v = p.row.original;
+            let m = p.getValue();
+            return m || (m = Te(v._id)), Ce(m);
+          },
+          enableSorting: !0,
+          size: 230
+        },
+        {
+          id: "description",
+          accessorFn: (p) => {
+            const { count: v, remark: m } = E(p);
+            return `${v} ${m}`;
+          },
+          header: () => l("inventory.closing.draft.table.description"),
+          enableSorting: !0,
+          size: 350,
+          cell(p) {
+            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}:`
+              ),
+              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 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: () => 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((q) => q.rejectedAt), w = y ? new Date(y) : null;
+            return m === "DRAFT" && w ? w.getTime() > b.getTime() ? k(
+              "div",
+              {
+                class: "flex"
+              },
+              k(
+                "div",
+                {
+                  class: ["fm-status-badge", st("FAILED")]
+                },
+                "Rejected"
+              )
+            ) : k(
+              "div",
+              {
+                class: "flex"
+              },
+              k(
+                "div",
+                {
+                  class: ["fm-status-badge", st("PROCESSING")]
+                },
+                "Updated"
+              )
+            ) : k(
+              "div",
+              {
+                class: "flex"
+              },
+              k(
+                "div",
+                {
+                  class: ["fm-status-badge", st(m)]
+                },
+                Be(m)
+              )
+            );
+          }
+        },
+        {
+          id: "updatedAt",
+          accessorFn: (p) => p.updatedAt,
+          header: () => l("inventory.closing.draft.table.lastUpdate"),
+          enableSorting: !0,
+          size: 200,
+          cell(p) {
+            var m;
+            const v = p.row.original;
+            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) ?? ""
+              ),
+              k(
+                "div",
+                { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+                Ce(v.updatedAt)
+              )
+            ]);
+          }
+        },
+        {
+          id: "action",
+          cell(p) {
+            var Y;
+            const v = p.row.original, m = ((Y = t.sessionUser.value) == null ? void 0 : Y.role.isAdmin) ?? !1, b = [
+              Ht[Ne.Details],
+              Ht[Ne.Export]
+            ], y = [
+              {
+                translationKey: "inventory.closing.draft.approveDraft",
+                color: "text-fm-color-typo-primary",
+                value: oe.enum.approveDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.rejectDraft",
+                color: "text-fm-color-typo-error",
+                value: oe.enum.rejectDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.markAsFailed",
+                color: "text-fm-color-typo-error",
+                value: oe.enum.markAsFailed
+              }
+            ], w = m && v.status !== _e.enum.DRAFT ? [
+              {
+                translationKey: "inventory.closing.draft.cloneDraft",
+                color: "text-fm-color-typo-primary",
+                value: Ne.Duplicate
+              }
+            ] : [];
+            return Vn(
+              [
+                ...b,
+                ...v.status === _e.enum.DRAFT ? y : []
+              ],
+              (q) => _(q, v),
+              w
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      drafts: g,
+      loading: s,
+      tableKey: i,
+      fetchDrafts: A,
+      loadDraft: f,
+      updateDraftRef: N
+    };
+  }
+), 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"
+}, 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"
+}, Aa = {
+  key: 1,
+  class: "text-fm-color-system-error-300 mr-1"
+}, 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"
+}, Ia = /* @__PURE__ */ je({
+  __name: "ClosingDraftApprovalDialog",
+  props: {
+    show: { type: Boolean },
+    refreshing: { type: Boolean },
+    approving: { type: Boolean },
+    draft: {}
+  },
+  emits: ["update:show", "refresh", "approve"],
+  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;
+      }
+    ), B = M(() => {
+      var ie, L, F;
+      const P = ((ie = x.draft) == null ? void 0 : ie.items.map((Q) => ({
+        id: Q.sku._id,
+        code: Q.sku.code,
+        name: Q.sku.name
+      }))) ?? [], S = ((F = (L = x.draft) == null ? void 0 : L.negativeStockItems) == null ? void 0 : F.map((Q) => ({
+        id: Q.sku._id,
+        code: Q.sku.code,
+        name: Q.sku.name
+      }))) ?? [];
+      return [...P, ...S].reduce(
+        (Q, se) => (Q[se.id] = se, Q),
+        {}
+      );
+    }), N = M(
+      () => {
+        var P, S, ie;
+        return (((ie = (S = (P = x.draft) == null ? void 0 : P.stockSnapshot) == null ? void 0 : S.filter((L) => L.balance.amount < 0)) == null ? void 0 : ie.map((L) => {
+          const F = c.skuById[L.id];
+          return F ? {
+            id: F._id,
+            code: F.code,
+            name: F.name
+          } : null;
+        })) ?? []).filter((L) => L !== null);
+      }
+    ), E = M(() => {
+      var P;
+      return f.value ? ((P = N.value) == null ? void 0 : P.filter((S) => !B.value[S.id]).map((S) => S.id)) ?? [] : [];
+    }), I = M({
+      get: () => x.show,
+      set: (P) => A("update:show", P)
+    }), _ = 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;
+    }
+    const b = M(() => !f.value || E.value.length > 0);
+    function y(P) {
+      let S = P + 1;
+      for (; S <= 3 && m(S); ) S++;
+      return S > 3 ? 3 : S;
+    }
+    function w(P) {
+      let S = P - 1;
+      for (; S >= 1 && m(S); ) S--;
+      return S < 1 ? 1 : S;
+    }
+    function Y() {
+      return f.value ? b.value ? 3 : 2 : 1;
+    }
+    ze(
+      () => x.show,
+      (P) => {
+        P && (_.value = Y());
+      }
+    ), ze(
+      () => f.value,
+      (P) => {
+        P && _.value === 1 && (_.value = y(1));
+      }
+    ), ze(
+      () => E.value.length,
+      (P) => {
+        P === 0 && _.value === 2 && (_.value = y(2));
+      }
+    );
+    function q() {
+      A("refresh");
+    }
+    function re() {
+      _.value < 3 && (_.value = y(_.value));
+    }
+    function z() {
+      _.value > 1 && (_.value = w(_.value));
+    }
+    function le() {
+      A("approve");
+    }
+    return (P, S) => {
+      const ie = Z("FmIcon");
+      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", pa, H(u(s)("inventory.closing.approval.title")), 1)
+        ]),
+        default: ee(() => [
+          a("div", va, [
+            $(u(t), {
+              modelValue: _.value,
+              "onUpdate:modelValue": S[0] || (S[0] = (L) => _.value = L),
+              orientation: "vertical"
+            }, {
+              default: ee(() => [
+                $(u(o), {
+                  value: 1,
+                  title: u(s)("inventory.closing.approval.step.generateReport.title"),
+                  complete: R
+                }, {
+                  default: ee(() => [
+                    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: q
+                      }, null, 8, ["label", "loading", "disabled"]),
+                      a("div", ba, [
+                        $(u(i), {
+                          label: u(s)("inventory.common.continue"),
+                          disabled: !f.value,
+                          onClick: re
+                        }, null, 8, ["label", "disabled"])
+                      ])
+                    ])) : K("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                $(u(o), {
+                  value: 2,
+                  title: u(s)("inventory.closing.approval.step.negativeItems.title"),
+                  disabled: () => !f.value,
+                  complete: p
+                }, {
+                  default: ee(() => [
+                    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", wa, [
+                          (h(!0), T(ce, null, he(N.value, (L) => (h(), T("div", {
+                            key: L.id,
+                            class: "flex gap-8"
+                          }, [
+                            a("div", xa, [
+                              B.value[L.id] ? (h(), T("span", Da, [
+                                $(ie, {
+                                  name: "check_circle",
+                                  size: "sm"
+                                })
+                              ])) : (h(), T("span", Aa, [
+                                $(ie, {
+                                  name: "error",
+                                  size: "sm"
+                                })
+                              ])),
+                              de(" " + H(L.code), 1)
+                            ]),
+                            a("div", Ca, H(L.name), 1)
+                          ]))), 128))
+                        ])
+                      ])) : K("", !0),
+                      a("div", Sa, [
+                        $(u(i), {
+                          label: u(s)("inventory.common.back"),
+                          variant: "secondary",
+                          onClick: z
+                        }, null, 8, ["label"]),
+                        $(u(i), {
+                          label: u(s)("inventory.common.continue"),
+                          disabled: b.value,
+                          onClick: re
+                        }, null, 8, ["label", "disabled"])
+                      ])
+                    ])) : K("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["title", "disabled"]),
+                $(u(o), {
+                  value: 3,
+                  title: u(s)("inventory.closing.approval.step.approval.title"),
+                  disabled: () => b.value,
+                  complete: v
+                }, {
+                  default: ee(() => [
+                    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",
+                        onClick: z
+                      }, null, 8, ["label"]),
+                      $(u(i), {
+                        label: u(s)("inventory.common.approve"),
+                        variant: "destructive",
+                        disabled: b.value,
+                        loading: P.approving,
+                        onClick: le
+                      }, null, 8, ["label", "disabled", "loading"])
+                    ])) : K("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["title", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+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();
+    const m = n.closingDraftId.value, b = n.currentRev.value;
+    if (!m || !b)
+      return;
+    c = !1;
+    const y = {
+      type: "closing-draft",
+      params: {
+        draftId: m,
+        locationId: l.getDbName(),
+        closingDraftRevision: b
+      }
+    }, { 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() {
+    f = !0, B();
+  }
+  async function E(m) {
+    var b;
+    if (c || !m) {
+      s.value = m, i.value = !1;
+      return;
+    }
+    if (!(m.closingDraftId && m.closingDraftId !== n.closingDraftId.value)) {
+      if (s.value = m, m.message === "processing" || !m.completedAt && !m.message) {
+        A = !0, i.value = !0;
+        return;
+      }
+      if (m.message === "completed" || m.completedAt) {
+        if (!A) {
+          i.value = !1;
+          return;
+        }
+        A = !1, await I();
+        return;
+      }
+      A = !1, i.value = !1, o.open({
+        title: g("inventory.common.refreshFailed"),
+        message: g("inventory.stock.stock_balance.refreshBalanceError"),
+        type: "error"
+      }), (b = n.onError) == null || b.call(n, m.message ?? "Unknown error");
+    }
+  }
+  async function I() {
+    const m = n.closingDraftId.value;
+    if (!m) {
+      i.value = !1;
+      return;
+    }
+    try {
+      const b = await l.getDraft(m);
+      i.value = !1, n.onCompleted(b), o.open({
+        title: "Balance refreshed",
+        message: "Stock balance has been recalculated.",
+        type: "success"
+      });
+    } catch {
+      i.value = !1, o.open({
+        title: "Refresh completed",
+        message: "Balance was refreshed but failed to load updated data. Please reload.",
+        type: "warning"
+      });
+    }
+  }
+  async function _(m) {
+    if (!(!n.closingDraftId.value || i.value || A)) {
+      i.value = !0, A = !0, s.value = {
+        requestId: "",
+        closingDraftId: n.closingDraftId.value,
+        closingDraftRevision: n.currentRev.value ?? "",
+        message: "processing",
+        startedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      try {
+        await l.initializeStockSnapshot(n.closingDraftId.value, m);
+      } catch (b) {
+        A = !1, i.value = !1, o.open({
+          title: g("inventory.common.refreshFailed"),
+          message: g("inventory.stock.stock_balance.refreshBalanceError"),
+          type: "error"
+        }), console.error("error starting refresh", b);
+      }
+    }
+  }
+  function R() {
+    c = !1, x && (x(), x = null);
+  }
+  function p() {
+    R(), c = !0, i.value = !1, A = !1, s.value = null;
+  }
+  function v() {
+    f = !1, p();
+  }
+  return ze(
+    [n.closingDraftId, n.currentRev],
+    ([m, b], [y, w]) => {
+      f && (m === y && b === w || B());
+    }
+  ), kn(() => {
+    v();
+  }), {
+    refreshing: i,
+    refreshStatus: s,
+    startListening: N,
+    startRefresh: _,
+    cleanup: v
+  };
+}
+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" }
+}, za = {
+  key: 0,
+  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"
+}, qa = {
+  key: 0,
+  class: "w-full flex flex-col items-center"
+}, 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"
+}, Xa = {
+  key: 1,
+  class: "flex gap-8 flex-wrap"
+}, eo = { class: "overflow-x-auto" }, to = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, no = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, ao = ["src"], oo = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, so = { class: "flex gap-12 content-stretch" }, ro = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, 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"
+}, 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"
+}, vo = { class: "flex-1 flex flex-col items-center" }, yo = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, 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: l }) {
+    const t = n, o = M(() => {
+      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 = 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 r;
+      return (r = t.draft) == null ? void 0 : r._rev;
+    }), {
+      refreshing: w,
+      startListening: Y,
+      startRefresh: q,
+      cleanup: re
+    } = Ba({
+      closingDraftId: b,
+      currentRev: y,
+      onCompleted: (r) => {
+        m("refresh", r), f.value = r.stockSnapshot ?? [], c.value = !1;
+      }
+    }), z = W({
+      templateItem: !0,
+      nonTemplateItem: !0
+    }), le = W(null);
+    function P(r, e) {
+      le.value = e ? r : le.value === r ? null : le.value;
+    }
+    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(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(r) {
+      return k(
+        "div",
+        {
+          class: "p-12 flex flex-col gap-4 fm-typo-en-body-md-400 min-w-[280px] max-w-[420px]"
+        },
+        [
+          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), k("span", e.label)]
+              ),
+              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)} ${r.baseUnit}` : `${S(e.subtotal)} ${r.baseUnit} (ignored)`
+              )
+            ])
+          ),
+          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 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 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 (r) => {
+        if (!r) {
+          re();
+          return;
+        }
+        Oe.value = ft[0], Ee(), z.value = {
+          templateItem: !0,
+          nonTemplateItem: !0
+        }, le.value = null, Y();
+      },
+      { immediate: !0 }
+    );
+    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, j, D;
+      if (!R._currentLocation) return;
+      x.value = !0;
+      const r = ((e = t.draft) == null ? void 0 : e.status) === _e.enum.COMPLETED;
+      B.value = [];
+      try {
+        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.",
+              type: "error"
+            }), console.error("Closing draft is completed but closing document cannot be found.", {
+              draftId: (d = t.draft) == null ? void 0 : d._id
+            });
+            return;
+          }
+          const me = await E.readAdjustmentById(G), Ae = (me == null ? void 0 : me.skus) ?? [];
+          for (const ge of Ae) {
+            const Fe = {
+              id: ge.sku._id,
+              balance: ge.fromBalance,
+              costs: ge.fromCostBalances
+            }, U = {
+              id: ge.sku._id,
+              balance: ge.toBalance,
+              costs: ge.toCostBalances
+            };
+            f.value.push(Fe), B.value.push(U);
+          }
+        } else
+          f.value = ((j = t.draft) == null ? void 0 : j.stockSnapshot) ?? [];
+        const V = /* @__PURE__ */ new Set();
+        if ((D = t.draft) != null && D.adjustmentSnapshot)
+          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((G) => {
+          V.has(G) && (J.push(G), V.delete(G));
+        });
+        const O = Array.from(V).sort();
+        N.value = [...J, ...O];
+      } catch (V) {
+        I.open({
+          title: "Something went wrong",
+          message: "Something went wrong when fetching info. Please try again.",
+          type: "error"
+        }), console.error("error on fetch stock balances", V);
+      } finally {
+        x.value = !1;
+      }
+    }
+    async function Le() {
+      var e, d;
+      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({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await s.refreshBalance(
+        t.draft,
+        () => {
+        },
+        async (j) => {
+          await q(j);
+        }
+      );
+    }
+    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({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await s.invalidateDraftCache(t.draft);
+    }
+    const Ge = M(
+      () => f.value.groupBy(
+        (r) => r.id,
+        (r) => r.balance
+      )
+    ), 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(r, e) {
+      return k(
+        pe.FmTooltip,
+        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+        {
+          default() {
+            return r;
+          },
+          content() {
+            return e || r;
+          }
+        }
+      );
+    }
+    const xt = M(() => [
+      {
+        id: "sku",
+        accessorFn: (e) => `${e.code} ${e.name}`,
+        header: () => "Name",
+        size: 350,
+        cell(e) {
+          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: [
+                  "line-clamp-1 fm-typo-en-body-lg-400",
+                  D ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                ]
+              },
+              d.name
+            ),
+            k(
+              "div",
+              {
+                class: [
+                  "line-clamp-1 fm-typo-en-body-md-400",
+                  D ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+                ]
+              },
+              d.code
+            )
+          ]);
+          return k(
+            pe.FmTooltip,
+            {
+              zIndex: 51
+            },
+            {
+              content() {
+                return D ? "Adjustment difference is more than 10%." : `${d.code} - ${d.name}`;
+              },
+              default() {
+                return k("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                  V
+                ]);
+              }
+            }
+          );
+        }
+      },
+      // Dynamic custom attribute columns (toggled by user)
+      ...Ct.value.map(
+        (e) => ({
+          id: `customAttr_${e}`,
+          accessorFn: (d) => d.customAttributeValues[e],
+          header: () => ye(Be(e)),
+          size: 160,
+          cell(d) {
+            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"
+          }
+        })
+      ),
+      {
+        id: "costPerUnit",
+        accessorKey: "costPerUnit",
+        header: () => ye("Cost per unit"),
+        size: 160,
+        cell(e) {
+          const d = e.row.original.costPerUnit;
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "costUnit",
+        header: () => "UOM",
+        size: 120,
+        cell(e) {
+          var C;
+          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 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
+                ),
+                k("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                  "1 ",
+                  k("span", { class: "fm-typo-en-body-sm-600" }, j),
+                  ` = ${G} `,
+                  k("span", { class: "fm-typo-en-body-sm-600" }, D)
+                ])
+              ]);
+            }
+          }
+          return V;
+        }
+      },
+      {
+        id: "opening",
+        accessorKey: "opening",
+        header: () => ye("Opening (B/F)", "The opening balance brought forward from previous period."),
+        size: 150,
+        cell(e) {
+          const d = e.row.original.opening;
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      // Dynamic adjustment type columns
+      ...N.value.map(
+        (e) => ({
+          id: `adjustment_${e}`,
+          accessorFn: (d) => d.adjustmentAmounts[e] ?? { amount: 0, precision: 0 },
+          header: () => ye(Be(e)),
+          size: 150,
+          cell(d) {
+            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"
+          }
+        })
+      ),
+      {
+        id: "systemBalance",
+        accessorKey: "systemBalance",
+        header: () => ye("System Balance", "The system calculated balance before stock take."),
+        size: 200,
+        cell(e) {
+          const d = e.row.original.systemBalance;
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "physicalBalance",
+        accessorFn: (e) => {
+          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, j = te.fromNumber(d.physicalBalance);
+          let D = !0;
+          const V = (O = B.value.find((G) => G.id === d.id)) == null ? void 0 : O.balance;
+          let C;
+          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 : k(
+              "span",
+              { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+              `Draft: ${ne(d.physicalBalance)}`
+            )
+          ]);
+          return d.breakdown.length ? k(
+            pe.FmPopover,
+            {
+              showPopover: le.value === d.id,
+              placement: "bottom-end",
+              zIndex: 9999,
+              "onPopover-changed": (G) => P(d.id, G)
+            },
+            {
+              "popover-button": () => k(
+                "button",
+                {
+                  type: "button",
+                  class: "flex items-center gap-4 ml-auto text-fm-color-typo-secondary hover:text-fm-color-typo-primary"
+                },
+                [
+                  J,
+                  k(pe.FmIcon, { name: "info", size: "sm", outline: !0 })
+                ]
+              ),
+              default: () => F(d)
+            }
+          ) : J;
+        },
+        size: 200,
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "adjustedAmount",
+        accessorKey: "adjustedAmount",
+        header: () => ye("Variance", "The difference between Stock Take balance and System Balance."),
+        size: 200,
+        cell(e) {
+          const d = e.row.original.adjustedAmount;
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "varianceInCost",
+        accessorKey: "varianceInCost",
+        header: () => ye(`Variance (${o.value})`),
+        size: 150,
+        cell(e) {
+          const d = e.row.original.varianceInCost;
+          return k("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(d));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "adjustedDiffPercentage",
+        accessorKey: "adjustedDiffPercentage",
+        header: () => ye(
+          "Variance (%)",
+          "Difference between Stock Take balance and System Balance in percentage."
+        ),
+        size: 200,
+        cell(e) {
+          const d = e.row.original.adjustedDiffPercentage;
+          if (d == null)
+            return k(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" },
+              Yt
+            );
+          const j = ne(d);
+          if (d === 0)
+            return k("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+              ne(0)
+            ]);
+          const D = d > 0;
+          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"
+            }),
+            j
+          ]);
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "stockTakeValue",
+        accessorKey: "stockTakeValue",
+        header: () => ye(`Stock take value (${o.value})`),
+        size: 180,
+        cell(e) {
+          var O;
+          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 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 },
+              {
+                content() {
+                  return me;
+                },
+                default() {
+                  return k(
+                    "div",
+                    { class: "text-right w-full fm-typo-en-body-lg-400" },
+                    ne(j)
+                  );
+                }
+              }
+            );
+          } else {
+            const G = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} × ${J} ${o.value}`;
+            return k(
+              pe.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return G;
+                },
+                default() {
+                  return k(
+                    "div",
+                    { class: "text-right w-full fm-typo-en-body-lg-400" },
+                    ne(j)
+                  );
+                }
+              }
+            );
+          }
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "systemValue",
+        accessorKey: "systemValue",
+        header: () => ye(`System value (${o.value})`),
+        size: 180,
+        cell(e) {
+          var O;
+          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 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 },
+              {
+                content() {
+                  return me;
+                },
+                default() {
+                  return k(
+                    "div",
+                    { class: "text-right fm-typo-en-body-lg-400" },
+                    ne(j)
+                  );
+                }
+              }
+            );
+          } else {
+            const G = `${ne(C, { minPrecision: 2, maxPrecision: 4 })} ${d.baseUnit} × ${J} ${o.value}`;
+            return k(
+              pe.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return G;
+                },
+                default() {
+                  return k(
+                    "div",
+                    { class: "text-right fm-typo-en-body-lg-400" },
+                    ne(j)
+                  );
+                }
+              }
+            );
+          }
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "physicalBalances",
+        header: () => "Amounts",
+        enableSorting: !1,
+        cell(e) {
+          const d = e.row.original, j = (C, J, O = "normal") => k(
+            pe.FmTooltip,
+            { zIndex: 50 },
+            {
+              default() {
+                return k(
+                  "div",
+                  {
+                    class: [
+                      "fm-typo-en-body-lg-400 py-4 px-8 fm-corner-radius-md line-clamp-1 border-1",
+                      O === "orphan" ? "border-fm-color-system-error-300" : O === "inactive" ? "border-purple-500" : "border-fm-color-typo-secondary"
+                    ]
+                  },
+                  [
+                    k("span", { class: "text-fm-color-typo-primary" }, `${C} `),
+                    k(
+                      "span",
+                      {
+                        class: "text-fm-color-typo-secondary",
+                        style: { maxWidth: "80px" }
+                      },
+                      J
+                    )
+                  ]
+                );
+              },
+              content() {
+                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) => 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",
+              style: { minWidth: `${120 * V.length}px` }
+            },
+            V
+          );
+        }
+      }
+    ]), 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 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: 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] = tn(be, Ie));
+        }), !V) {
+          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: ((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: !r[D._id],
+            costPerUnit: O,
+            opening: ge,
+            varianceQty: be,
+            varianceInCost: Ie,
+            stockTakeValue: nt,
+            systemValue: Pe,
+            adjustmentAmounts: U,
+            customAttributeValues: D.customAttributes ?? {},
+            measurements: [],
+            breakdown: []
+          };
+        }
+        const ue = sn(V), fe = (Nt = (Vt = B.value) == null ? void 0 : Vt.find(
+          (X) => X.id === D._id
+        )) == null ? void 0 : Nt.balance, ke = Xt(
+          fe ?? ue,
+          C
+        ), Re = C.amount === 0 ? null : en(ke, {
+          ...C,
+          amount: Math.abs(C.amount)
+        }), 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: tt,
+          abbrev: D.unit.abbrev,
+          subtotal: tt,
+          inactive: !1,
+          orphan: !1,
+          counted: !0
+        });
+        const gn = new Map(
+          V.measurementsAmounts.map((X) => [X.measurement.id, X.amount])
+        ), 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" : nt ? "inactive" : "normal"
+          }), !Ve) return;
+          const hn = Number(
+            te.toFormatString({ value: lt(Ie, be) })
+          );
+          yt.push({
+            label: Pe ? `${Ve} ${X}` : `${Ve} ${X} × ${Lt} ${D.unit.abbrev}`,
+            amount: Ve,
+            abbrev: X,
+            subtotal: hn,
+            inactive: nt,
+            orphan: Pe,
+            counted: !Pe
+          });
+        };
+        for (const X of D.unit.measurements) {
+          const be = gn.get(X.id);
+          be && It(X.abbrev, X.conversion, be, an(X, we.value), !1);
+        }
+        for (const X of V.measurementsAmounts)
+          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: ((Et = (zt = D.defaultCost) == null ? void 0 : zt.measurement) == null ? void 0 : Et.abbrev) ?? null,
+          baseUnit: D.unit.abbrev,
+          baseUnitAmount: tt,
+          measurements: Ft,
+          breakdown: yt,
+          systemBalance: pt,
+          physicalBalance: vt,
+          adjustedAmount: Number(te.toFormatString({ value: ke })),
+          adjustedDiffPercentage: et ? Number(
+            te.toFormatString({
+              value: nn(et, 2)
+            })
+          ) : null,
+          isTemplateItem: !r[D._id],
+          costPerUnit: O,
+          opening: ge,
+          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));
+    }), 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 r = /* @__PURE__ */ new Set();
+      for (const e of se.value)
+        if (e.customAttributes)
+          for (const d of Object.keys(e.customAttributes))
+            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 r = t.draft.approvedAt ? {
+        action: `Approve at ${Ce(t.draft.approvedAt)}`,
+        // actionAt: props.draft.approvedAt,
+        actionBy: t.draft.approvedBy,
+        remark: t.draft.approveRemark
+      } : (e = t.draft.rejectionHistory) == null ? void 0 : e.computeFirst((C) => ({
+        action: `Reject at ${Ce(C.rejectedAt)}`,
+        // actionAt: e.rejectedAt,
+        actionBy: C.rejectedBy,
+        remark: C.rejectRemark
+      }));
+      return [
+        i.value ? {
+          label: "ID",
+          value: i.value
+        } : null,
+        {
+          label: "Location",
+          value: ((d = R._currentLocation) == null ? void 0 : d.name) ?? Yt
+        },
+        {
+          label: "Created at",
+          value: Ce(t.draft.createdAt)
+        },
+        {
+          label: "Created by",
+          value: t.draft.createdBy.name
+        },
+        {
+          label: "Updated at",
+          value: Ce(t.draft.updatedAt)
+        },
+        {
+          label: "Updated by",
+          value: t.draft.updatedBy.name
+        },
+        {
+          label: "Effective at",
+          value: Ce(t.draft.effectiveAt ?? Te((j = t.draft) == null ? void 0 : j._id))
+        },
+        {
+          label: "Using template",
+          value: ((D = t.draft.usingTemplates.find((C) => C)) == null ? void 0 : D.name) ?? "None"
+        },
+        t.draft.remark ? {
+          label: "Remark",
+          value: t.draft.remark
+        } : null,
+        r ? {
+          label: "Last action",
+          value: r.action
+        } : null,
+        r && r.actionBy ? {
+          label: "Last action by",
+          value: (V = r.actionBy) == null ? void 0 : V.name
+        } : null,
+        r && r.remark ? {
+          label: "Action remark",
+          value: r.remark
+        } : null
+      ].filter((C) => C).map((C) => C);
+    }), ft = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Action history",
+        value: "history"
+      }
+    ], 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)
+        r.find(
+          (O) => `${O.action}_${O.performedAt}` == `${oe.enum.rejectDraft}_${C.rejectedAt}`
+        ) || r.push({
+          action: oe.enum.rejectDraft,
+          performedAt: C.rejectedAt,
+          performedBy: C.rejectedBy,
+          remark: C.rejectRemark
+        });
+      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}`;
+        }
+      ) || r.push({
+        action: oe.enum.approveDraft,
+        performedAt: t.draft.approvedAt,
+        performedBy: t.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
+        remark: t.draft.approveRemark
+      })), r.sort((C, J) => new Date(J.performedAt).getTime() - new Date(C.performedAt).getTime()).map(
+        (C) => ({
+          header: Be(C.action),
+          date: Ce(C.performedAt),
+          info: [
+            {
+              label: "Performed by",
+              values: [C.performedBy.name]
+            },
+            {
+              label: "Remark",
+              values: [C.remark ?? ""]
+            }
+          ]
+        })
+      );
+    }), 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 fn() {
+      t.draft && (Xe.value = !0, s.approveDraft(
+        t.draft,
+        () => {
+          Xe.value = !1, Je.value = !1, m("submitted");
+        },
+        () => {
+          Xe.value = !1;
+        }
+      ));
+    }
+    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,
+          "model-value": u(c),
+          "onUpdate:modelValue": e[9] || (e[9] = (U) => _t(c) ? c.value = U : null),
+          header: "Closing details"
+        }, {
+          "side-sheet-footer": ee(() => {
+            var U, ue, fe, ke;
+            return [
+              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(St.value), 1)
+                      ]),
+                      default: ee(() => [
+                        $(C, {
+                          disabled: "",
+                          key: "approve key",
+                          label: "Approve"
+                        })
+                      ]),
+                      _: 1
+                    })) : (h(), ae(C, {
+                      key: "approve key",
+                      label: "Approve",
+                      onClick: e[5] || (e[5] = (Re) => Je.value = !0)
+                    }))
+                  ], 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")))
+                  })) : 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 ? (h(), ae(gt, { key: 2 }, {
+                    default: ee(() => [
+                      $(C, {
+                        label: "Sync",
+                        loading: A.value,
+                        onClick: e[8] || (e[8] = () => {
+                          t.draft && (A.value = !0, u(s).syncDraft(t.draft, () => {
+                            A.value = !1, m("submitted");
+                          }));
+                        })
+                      }, null, 8, ["loading"])
+                    ]),
+                    _: 1
+                  })) : K("", !0)
+                ]),
+                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", Ta, [
+              a("div", null, [
+                $(d, {
+                  items: ft,
+                  modelValue: Oe.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (U) => Oe.value = U)
+                }, null, 8, ["modelValue"])
+              ]),
+              Oe.value.value === "overview" ? (h(), T(ce, { key: 0 }, [
+                $(gt, { selectable: "" }, {
+                  default: ee(() => {
+                    var U;
+                    return [
+                      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 = r.draft) == null ? void 0 : U._id), 1)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                $(D, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: ee(() => {
+                    var U, ue;
+                    return [
+                      a("div", Ma, [
+                        e[12] || (e[12] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                        a("div", Ua, [
+                          a("div", {
+                            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)
+                        ])
+                      ]),
+                      $(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", Pa, [
+                            a("div", Va, H(fe.label), 1)
+                          ]),
+                          a("div", Na, H(fe.value), 1)
+                        ]))), 128))
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                dn.value ? (h(), T("div", za, [
+                  $(V, {
+                    name: "rule",
+                    size: "sm"
+                  }),
+                  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)
+                    ])
+                  ])
+                ])) : 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",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        loading: u(w),
+                        disabled: u(w),
+                        onClick: Le
+                      }, null, 8, ["loading", "disabled"])) : K("", !0),
+                      $(gt, null, {
+                        default: ee(() => [
+                          $(C, {
+                            label: "Invalidate Draft Cache",
+                            "prepend-icon": "refresh",
+                            variant: "secondary",
+                            "text-color": "primary",
+                            "bg-color": "transparent",
+                            "border-color": "primary",
+                            loading: u(w),
+                            onClick: Me
+                          }, null, 8, ["loading"])
+                        ]),
+                        _: 1
+                      }),
+                      $(C, {
+                        label: "Export data",
+                        "prepend-icon": "download",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        onClick: e[1] || (e[1] = (U) => r.draft ? u(s).exportDraft(
+                          r.draft,
+                          f.value,
+                          B.value,
+                          Ct.value
+                        ) : null)
+                      })
+                    ]))
+                  ]),
+                  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[16] || (e[16] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                    ]),
+                    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,
+                          onClick: e[2] || (e[2] = (U) => z.value.templateItem = !z.value.templateItem)
+                        }, null, 8, ["selected"]),
+                        $(O, {
+                          label: "Non-template Item(s)",
+                          selected: z.value.nonTemplateItem,
+                          onClick: e[3] || (e[3] = (U) => z.value.nonTemplateItem = !z.value.nonTemplateItem)
+                        }, null, 8, ["selected"])
+                      ]),
+                      $(G, {
+                        modelValue: dt.value,
+                        "onUpdate:modelValue": e[4] || (e[4] = (U) => dt.value = U),
+                        placeholder: "Filter items"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    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: "",
+                        selected: p[`${U}`],
+                        onClick: (ue) => p[`${U}`] = !p[`${U}`]
+                      }, {
+                        default: ee(() => [
+                          p[`${U}`] ? (h(), ae(V, {
+                            key: 0,
+                            name: "check",
+                            class: "text-white",
+                            size: "sm"
+                          })) : K("", !0),
+                          a("span", {
+                            class: Se([
+                              "",
+                              {
+                                "text-white fm-typo-en-body-md-600": p[`${U}`],
+                                "text-fm-color-typo-primary fm-typo-en-body-md-400": !p[`${U}`]
+                              }
+                            ])
+                          }, H(U), 3)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "selected", "onClick"]))), 128))
+                    ])) : 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: Ze[U],
+                        onClick: (ue) => Ze[U] = !Ze[U]
+                      }, null, 8, ["label", "selected", "onClick"]))), 128))
+                    ])) : K("", !0),
+                    a("div", eo, [
+                      a("div", {
+                        style: Kt({ height: "600px", minWidth: `${un.value}px` })
+                      }, [
+                        $(me, {
+                          "column-defs": xt.value,
+                          "row-data": Qe.value,
+                          "search-value": dt.value
+                        }, null, 8, ["column-defs", "row-data", "search-value"])
+                      ], 4)
+                    ])
+                  ], 64))
+                ])
+              ], 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([
+                              {
+                                "bg-fm-color-primary": ue !== 0,
+                                "bg-white": ue === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        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 < Ue.value.length - 1,
+                                "bg-white": ue >= Ue.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", co, [
+                        a("div", uo, H(U.header), 1),
+                        a("div", mo, H(U.date), 1)
+                      ])
+                    ]),
+                    a("div", fo, [
+                      a("div", po, [
+                        a("div", vo, [
+                          a("div", {
+                            class: Se([
+                              {
+                                "bg-fm-color-primary": ue < Ue.value.length - 1,
+                                "bg-white": ue >= Ue.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", yo, [
+                        $(D, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: ee(() => [
+                            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", 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))
+                                ])
+                              ]))), 128))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : (h(), T("div", no, [
+                  $(Ae),
+                  a("div", null, [
+                    a("img", {
+                      src: u(Ln),
+                      alt: "List is empty"
+                    }, null, 8, ao)
+                  ]),
+                  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)
+                ]))
+              ])) : K("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"]),
+        u(c) && t.draft ? (h(), ae(Ia, {
+          key: 0,
+          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: 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 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 = 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) {
+          l([]);
+          return;
+        }
+        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" ' : ""}${_ === -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[_]) || 0
+        }));
+        l(p);
+      } catch (s) {
+        t(s);
+      }
+    }, o.onerror = t, o.readAsArrayBuffer(n);
+  });
+}
+function Co(n) {
+  const l = /* @__PURE__ */ new Map();
+  return n.forEach((t) => {
+    const o = l.get(t.itemCode) || 0;
+    l.set(t.itemCode, o + t.quantity);
+  }), l;
+}
+function So(n, l) {
+  const t = [], o = [];
+  for (const [g, i] of l.entries()) {
+    const s = n[g];
+    if (!s) {
+      o.push(g);
+      continue;
+    }
+    const c = i < 0 ? "negative" : "ready";
+    t.push({
+      sku: s,
+      physicalCount: i,
+      // Note: filled by composable after readStockBalance()
+      systemBalance: { amount: 0, precision: 0 },
+      variance: i - 0,
+      status: c
+    });
+  }
+  return { mergedItems: t, unrecognisedItemCodes: o };
+}
+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 = ot.aoa_to_sheet(i), c = ot.book_new();
+  ot.book_append_sheet(c, s, "Template"), Kn(c, g, { bookType: "csv" });
+}
+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 = [], l.value = [], t.value = !0;
+    try {
+      const B = await Ao(f), N = Co(B), E = o.skuByCode, { mergedItems: I, unrecognisedItemCodes: _ } = So(
+        E,
+        N
+      ), R = await i.readStockBalance(), p = R.skus ?? [];
+      p.length === 0 && console.warn(
+        "No SKU balances found when importing closing draft. All system balances will be set to 0.",
+        {
+          stockBalance: R
+        }
+      );
+      const v = new Map(
+        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 }, 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 w = y.amount / Math.pow(10, y.precision);
+        w >= 0 || n.value.push({
+          sku: b,
+          physicalCount: 0,
+          systemBalance: y,
+          variance: 0 - w,
+          status: ve.systemNegative
+        });
+      }
+      l.value = _;
+    } catch (B) {
+      n.value = [], l.value = [], console.error("Error processing uploaded file", { error: B });
+    } finally {
+      t.value = !1;
+    }
+  }
+  async function x() {
+    const f = qe(), B = n.value.filter((p) => p.status === ve.ready), N = n.value.filter(
+      (p) => p.status === ve.systemNegative
+    ), E = (p) => ({
+      sku: {
+        _id: p.sku._id,
+        code: p.sku.code,
+        name: p.sku.name,
+        unit: p.sku.unit
+      },
+      baseAmount: Jt(p.physicalCount, p.sku.unit.precision),
+      measurementsAmounts: []
+    }), I = B.map(E), _ = N.map(E), R = {
+      effectiveAt: (/* @__PURE__ */ new Date()).toISOString(),
+      items: I,
+      negativeStockItems: _
+    };
+    return await f.createQuickModeDraftWithItems(R);
+  }
+  function A() {
+    var B;
+    const f = ((B = g.currentLocation) == null ? void 0 : B.name) ?? "template";
+    $o(o.skus, f);
+  }
+  return { mergedItems: n, unrecognisedItemCodes: l, hasBlockingErrors: s, isLoading: t, onFileUpload: c, submit: x, downloadTemplate: A };
+}
+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"
+}, 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 l = n, { t } = Ye(), o = M(
+      () => l.items.filter((c) => c.status === ve.negative)
+    ), g = M(
+      () => l.items.filter((c) => c.status === ve.systemNegative)
+    ), i = M(() => ({
+      [ve.negative]: {
+        bgColor: "bg-fm-color-danger-weak",
+        textColor: "text-fm-color-danger-default",
+        icon: "🚫",
+        label: t("inventory.closing.draft.createDraft.previewTable.status.negative")
+      },
+      [ve.systemNegative]: {
+        bgColor: "bg-fm-color-warning-weak",
+        textColor: "text-fm-color-warning-default",
+        icon: "⚠️",
+        label: t("inventory.closing.draft.createDraft.previewTable.status.systemNegative")
+      }
+    })), s = [
+      {
+        id: "name",
+        header: () => t("inventory.ingredient.name"),
+        cell: (c) => c.row.original.sku.name
+      },
+      {
+        id: "uom",
+        header: () => t("inventory.closing.draft.createDraft.previewTable.uom"),
+        size: 80,
+        cell: (c) => c.row.original.sku.unit.abbrev
+      },
+      {
+        id: "systemBalance",
+        header: () => t("inventory.closing.draft.createDraft.previewTable.systemBalance"),
+        size: 180,
+        cell: (c) => {
+          const x = c.row.original;
+          return k("div", ne(x.systemBalance));
+        }
+      },
+      {
+        id: "physicalCount",
+        header: () => t("inventory.closing.draft.createDraft.previewTable.stockTakeBalance"),
+        cell: (c) => {
+          const x = c.row.original;
+          return k("div", ne(x.physicalCount));
+        }
+      },
+      {
+        id: "variance",
+        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 k("span", { class: f }, ne(A));
+        }
+      },
+      {
+        id: "variancePercentage",
+        header: () => t("inventory.closing.draft.createDraft.previewTable.variancePercentage"),
+        size: 130,
+        cell: (c) => {
+          const x = c.row.original, A = x.systemBalance.amount / Math.pow(10, x.systemBalance.precision), f = A === 0 ? null : Math.max(
+            -100,
+            Math.min(100, Math.round(x.variance / Math.abs(A) * 1e4) / 100)
+          );
+          if (f === null)
+            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 k(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
+              B
+            );
+          const N = f > 0;
+          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"
+            }),
+            B
+          ]);
+        }
+      },
+      {
+        id: "status",
+        header: () => t("inventory.common.status"),
+        cell: (c) => {
+          const x = c.row.original.status, A = i.value[x];
+          return A ? k(
+            "span",
+            {
+              class: `px-8 py-2 rounded-4 ${A.bgColor} ${A.textColor} fm-typo-en-label-sm-400`
+            },
+            `${A.icon} ${A.label}`
+          ) : null;
+        }
+      }
+    ];
+    return (c, x) => {
+      const A = Z("FmTable");
+      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)
+        ])) : 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))
+          ])
+        ])) : 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))
+          ])
+        ])) : K("", !0),
+        $(A, {
+          "row-data": l.items,
+          "column-defs": s,
+          pagination: { pageSize: 20 }
+        }, null, 8, ["row-data"])
+      ]);
+    };
+  }
+}), 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"
+}, 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"
+}, 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: 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 w = f.value.filter(
+        (z) => z.status === ve.ready
+      ).length, Y = f.value.filter(
+        (z) => z.status === ve.negative
+      ).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: w },
+        {
+          label: i("inventory.closing.draft.createDraft.summary.unrecognisedItems"),
+          value: B.value.length,
+          isWarning: B.value.length > 0
+        },
+        { label: i("inventory.closing.draft.createDraft.summary.itemsWithVariance"), value: re },
+        { label: i("inventory.closing.draft.createDraft.summary.negativeCounts"), value: Y, isError: Y > 0 },
+        {
+          label: i("inventory.closing.draft.createDraft.summary.systemNegative"),
+          value: q,
+          isWarning: q > 0
+        }
+      ];
+    });
+    async function m(w) {
+      x.value = w, await I(w);
+    }
+    async function b() {
+      A.value = !0;
+      try {
+        await _(), y(), o("submitted"), s.open({
+          title: "Success",
+          message: "Closing draft created successfully",
+          type: "success"
+        });
+      } 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"
+        });
+      } finally {
+        A.value = !1;
+      }
+    }
+    ze(g, (w) => {
+      w || (c.value = "upload", x.value = null);
+    });
+    function y() {
+      g.value = !1;
+    }
+    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),
+        "onUpdate:modelValue": Y[2] || (Y[2] = (S) => _t(g) ? g.value = S : null),
+        header: u(i)("inventory.closing.draft.createDraft.title")
+      }, {
+        default: ee(() => [
+          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
+                }, _n({ _: 2 }, [
+                  x.value ? {
+                    name: "default",
+                    fn: ee(({ openFileDialog: S }) => [
+                      a("div", Oo, [
+                        u(E) ? (h(), ae(q, {
+                          key: 0,
+                          size: "md",
+                          color: "neutral-gray-200"
+                        })) : (h(), ae(re, {
+                          key: 1,
+                          name: "check_circle",
+                          color: "system-success-400",
+                          size: "lg"
+                        })),
+                        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) ? K("", !0) : (h(), ae(z, {
+                          key: 2,
+                          label: u(i)("inventory.closing.draft.createDraft.replaceFile"),
+                          variant: "secondary",
+                          "prepend-icon": "autorenew",
+                          onClick: S
+                        }, null, 8, ["label", "onClick"]))
+                      ])
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["class", "disabled"])
+              ]),
+              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)
+                ])) : K("", !0),
+                $(le, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-12 px-16 py-12"
+                }, {
+                  default: ee(() => [
+                    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", Zo, [
+                          S.isError ? (h(), ae(re, {
+                            key: 0,
+                            name: "error",
+                            size: "sm",
+                            color: "system-error-300"
+                          })) : K("", !0),
+                          S.isWarning && !S.isError ? (h(), ae(re, {
+                            key: 1,
+                            name: "warning",
+                            size: "sm",
+                            color: "system-warning-300"
+                          })) : K("", !0),
+                          a("span", null, H(S.label), 1)
+                        ]),
+                        a("div", {
+                          class: Se([
+                            "fm-typo-en-body-lg-600",
+                            {
+                              "text-fm-color-system-error-300": S.isError,
+                              "text-fm-color-system-warning-300": S.isWarning && !S.isError
+                            }
+                          ])
+                        }, H(S.value), 3)
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])) : 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"])) : K("", !0)
+          ])
+        ]),
+        "side-sheet-footer": ee(() => [
+          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"])) : 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"])) : 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,
+              loading: A.value,
+              "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"])) : K("", !0),
+            $(z, {
+              variant: "tertiary",
+              label: u(i)("inventory.common.close"),
+              onClick: y
+            }, null, 8, ["label"]),
+            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"])) : K("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), 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: 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 = 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) === In.enum.warehouse;
+      }
+    );
+    function _(v) {
+      switch (v) {
+        case "add":
+          return B.value = !0;
+        case "refresh":
+          return s.fetchDrafts();
+      }
+    }
+    function R(v) {
+      return v;
+    }
+    const p = M(() => {
+      const v = {
+        label: l("inventory.closing.draft.createDraft.title"),
+        value: "add",
+        isPrimary: !0,
+        prependIcon: "add"
+      }, m = {
+        label: l("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      };
+      return [...I.value ? [v] : [], m];
+    });
+    return (v, m) => {
+      const b = Z("FmTable");
+      return h(), T(ce, null, [
+        $(An, {
+          title: u(l)("inventory.closing.draft.title"),
+          actions: p.value,
+          "onClick:action": _
+        }, {
+          default: ee(() => [
+            a("div", {
+              class: Se([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": N.value,
+                  "px-24 ": !N.value
+                }
+              ])
+            }, [
+              $(En, {
+                "change-location": "",
+                searchable: "",
+                search: f.value,
+                "onUpdate:search": m[0] || (m[0] = (y) => f.value = y)
+              }, null, 8, ["search"]),
+              (h(), ae(b, {
+                key: u(s).tableKey,
+                style: Kt(u(c).tableHeight),
+                "column-defs": u(s).columnDefs,
+                "row-data": u(s).drafts,
+                "search-value": f.value,
+                loading: A.value,
+                onRowClick: m[1] || (m[1] = (y) => u(t)(y.original)),
+                "page-size": E.value
+              }, {
+                "list-row": ee((y) => [
+                  $(Qn, {
+                    row: y,
+                    onRowClick: (w) => u(t)(w)
+                  }, {
+                    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", 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", 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", 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", 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(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"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        $(Xo, {
+          show: B.value,
+          "onUpdate:show": m[2] || (m[2] = (y) => B.value = y),
+          onSubmitted: u(s).fetchDrafts
+        }, null, 8, ["show", "onSubmitted"]),
+        (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())),
+            onRefresh: m[5] || (m[5] = (y) => u(s).updateDraftRef(y))
+          }), null, 16, ["show"])
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  Ms as default
+};