@feedmepos/mf-inventory-portal 1.7.1 → 1.7.2-dev.1

package/dist/ClosingDraftView-CjSrjCXS.js

@@ -0,0 +1,4496 @@
+import { defineComponent as Se, ref as q, computed as S, onMounted as ro, resolveComponent as ee, createElementBlock as C, createBlock as ne, openBlock as f, Fragment as ie, createTextVNode as ge, withCtx as te, createElementVNode as a, createCommentVNode as W, createVNode as D, toDisplayString as E, unref as d, h, watch as Te, renderList as _e, onUnmounted as Go, withModifiers as zo, normalizeStyle as gt, normalizeClass as we, isRef as bt, reactive as no, createSlots as Oo, Teleport as Ho, mergeProps as Yo } from "vue";
+import { u as Wo, _ as Ko } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DwrLsWX_.js";
+import { useCoreStore as lo, useI18n as ot } from "@feedmepos/mf-common";
+import { useSnackbar as Ue, useDialog as io, components as be, useProxiedModel as Tt, useBreakpoints as qo } from "@feedmepos/ui-library";
+import { m as Qo, u as Qe, M as fe, w as se, q as co, s as Ie, O as xe, B as Le, c as Jo, a as jt, j as Zo } from "./app-UXaVUOFj.js";
+import { defineStore as uo, storeToRefs as Xo } from "pinia";
+import { b as qe, e as mo, f as en, a as Fe } from "./date2-DWsaERsg.js";
+import { R as po } from "./rules-DYMYmtzv.js";
+import { e as ht, c as et, j as tt, l as fo, m as vo, a as tn, k as go, o as me, t as on } from "./number-BaHim51P.js";
+import { b as nn, d as an, u as vt, w as sn, c as rn } from "./xlsx.util-BF_fV-5o.js";
+import { i as Rt, u as Mt } from "./uom-rules-BHrAwdAH.js";
+import { u as ln } from "./stock-C1jT8ufE.js";
+import { u as _t } from "./stock-5uSaJQTg.js";
+import { D as ao, R as Ye } from "./row-action.enum-DQ9bJ_uv.js";
+import { c as cn } from "./component-kqxARxvM.js";
+import { f as un } from "./format-time-from-id-DoWSyd1w.js";
+import { i as dn } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-DYkSnV3W.js";
+import { f as mn } from "./recalculationUtils-B3CX9rQC.js";
+import { _ as pn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DHGRyJJ2.js";
+import { _ as fn } from "./CursorPaginatedTable.vue_vue_type_script_setup_true_lang-4KT9rH9e.js";
+import { _ as yo } from "./empty-placeholder-B0QU467o.js";
+import { F as Ft } from "./FmAdminBadge-DlplQOHb.js";
+import { u as vn } from "./vue-i18n-DvlJg9yn.js";
+import { F as gn } from "./decimal-D9akmsuY.js";
+import { u as yn } from "./useSseClient-C5GrB7_M.js";
+import { d as bn } from "./dayjs.min-D9-6o_pb.js";
+import { F as hn } from "./FmDroppableField-J0tG_U3w.js";
+import { _ as _n } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-Vg8U7WMZ.js";
+import { _ as kn, F as Ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+const Ge = Qo((t, o) => {
+  function e() {
+    return Qe().currentLocation.dbName;
+  }
+  return {
+    getDbName: e,
+    async getDraft(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/${n}`;
+      return o.get(r);
+    },
+    /** Combined trimmed payload for the detail dialog: draft + groups +
+     * closing adjustment balances in one request. */
+    async getDraftDetail(n, i) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/detail`;
+      return o.get(s, i);
+    },
+    async readDrafts() {
+      const n = e(), i = `${t.inventoryBackendUrl}/${n}/closing-draft`;
+      return o.get(i);
+    },
+    /** Single page of the trimmed listing endpoint (cursor-based).
+     * `from`/`to` window by created date (backend caps span at 6 months). */
+    async listDraftsPage(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/list`;
+      return o.post(r, n);
+    },
+    async runOperation(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/run-operation`;
+      return o.post(r, n);
+    },
+    async runOperationV1(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/v1/run-operation`;
+      return o.post(r, n);
+    },
+    async sync(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/sync`;
+      return o.post(r, n);
+    },
+    async cloneDraft(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/${n}/clone`;
+      return o.post(r, {});
+    },
+    /** Closing groups belonging to a parent closing draft. */
+    async getClosingGroups(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/${n}/groups`;
+      return o.get(r);
+    },
+    /** Approve a closing group (sub-closing): status -> COMPLETED, no recalculation. */
+    async approveClosingGroup(n, i) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/group/approve`;
+      return o.post(s, { remark: i });
+    },
+    /** Submit a closing group (sub-closing) for approval: DRAFT -> PENDING_APPROVAL. */
+    async submitClosingGroup(n, i) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/group/submit`;
+      return o.post(s, { remark: i });
+    },
+    /** Reject a closing group (sub-closing): records a rejection note, resets to DRAFT. */
+    async rejectClosingGroup(n, i) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/group/reject`;
+      return o.post(s, { remark: i });
+    },
+    /** Approve all pending closing groups for a parent draft at once (master-approver override). */
+    async approveAllClosingGroups(n, i) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/groups/approve-all`;
+      return o.post(s, { remark: i });
+    },
+    async createQuickModeDraftWithItems(n) {
+      const i = e(), r = `${t.inventoryBackendUrl}/${i}/closing-draft/quick-mode/new-with-items`;
+      return o.post(r, n);
+    },
+    initializeStockSnapshot(n, i) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${encodeURIComponent(n)}/initialize-stock-snapshot`;
+      return o.post(s, { effectiveAt: i });
+    },
+    async getRefreshBalanceStatus(n, i) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/refresh-balance/status?closingDraftRevision=${encodeURIComponent(i)}`;
+      return o.get(s);
+    }
+  };
+}), xn = { class: "fm-typo-en-body-lg-400" }, wn = { class: "fm-typo-en-body-lg-600" }, Dn = {
+  key: 0,
+  class: "flex flex-col"
+}, An = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, $n = { class: "flex gap-12 py-8 justify-end w-full" }, It = /* @__PURE__ */ Se({
+  __name: "ClosingDraftAction",
+  props: {
+    draft: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const o = t, e = q(), n = Ge(), i = Ue(), r = q(!1), s = q(null), u = q(!1), c = S(() => {
+      switch (o.action) {
+        case fe.enum.approveDraft:
+          return "Approve";
+        case fe.enum.rejectDraft:
+          return "Reject";
+        case fe.enum.markAsFailed:
+          return "Mark as Failed";
+      }
+      throw new Error(`Unknown action: ${o.action}`);
+    }), b = S(() => {
+      switch (o.action) {
+        case fe.enum.approveDraft:
+          return "primary";
+        case fe.enum.rejectDraft:
+          return "destructive";
+        case fe.enum.markAsFailed:
+          return "destructive";
+      }
+      throw new Error(`Unknown action: ${o.action}`);
+    });
+    ro(() => {
+      if (o.draft.effectiveAt)
+        s.value = new Date(o.draft.effectiveAt);
+      else {
+        const B = new Date(o.draft.createdAt);
+        B.setHours(23, 59, 59, 999), s.value = B;
+      }
+      u.value = !0;
+    });
+    const y = S({
+      get() {
+        return s.value === null ? "" : qe(s.value);
+      },
+      set(B) {
+        if (B) {
+          const I = /* @__PURE__ */ new Date(`${B} ${$.value}`);
+          I.setSeconds(59, 999), s.value = I;
+        } else
+          s.value = null;
+      }
+    }), $ = S({
+      get() {
+        return s.value === null ? "" : mo(s.value);
+      },
+      set(B) {
+        if (B) {
+          const I = /* @__PURE__ */ new Date(`${y.value} ${B}`);
+          I.setSeconds(59, 999), s.value = I;
+        } else
+          s.value = null;
+      }
+    }), Q = S(() => s.value ? s.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function V(B) {
+      r.value = !0;
+      try {
+        B ? await n.runOperationV1({
+          _id: o.draft._id,
+          _rev: o.draft._rev ?? "",
+          action: o.action,
+          data: {
+            effectiveAt: s.value ? s.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500) : await n.runOperation({
+          _id: o.draft._id,
+          _rev: o.draft._rev ?? "",
+          action: o.action,
+          data: {
+            effectiveAt: s.value ? s.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500), i.open({
+          title: "Success",
+          message: "Action submitted",
+          type: "success"
+        }), o.onFinished();
+      } catch (I) {
+        i.open({
+          title: "Something went wrong",
+          message: (I == null ? void 0 : I.message) ?? "Unable to submit action. Please try again",
+          type: "error"
+        }), console.error("error on submit closing draft action", I);
+      } finally {
+        r.value = !1;
+      }
+    }
+    return (B, I) => {
+      const N = ee("FmLabel"), J = ee("FmDatePicker"), X = ee("FmTimePicker"), O = ee("FmTextField"), F = ee("FmButton"), T = ee("FmForm");
+      return u.value ? (f(), ne(T, {
+        key: 1,
+        onValidationSuccess: V,
+        class: "flex flex-col gap-32",
+        disabled: r.value
+      }, {
+        default: te(() => [
+          a("div", xn, [
+            I[4] || (I[4] = ge(" You are about to ")),
+            a("span", wn, E(c.value), 1),
+            I[5] || (I[5] = ge(" this draft. Please provide a remark to justify this action. "))
+          ]),
+          B.action === d(fe).enum.approveDraft ? (f(), C("div", Dn, [
+            D(N, { class: "fm-typo-en-body-lg-600" }, {
+              default: te(() => I[6] || (I[6] = [
+                ge("Closing Date")
+              ])),
+              _: 1
+            }),
+            D(J, {
+              modelValue: y.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (k) => y.value = k),
+              max: d(qe)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            D(N, { class: "fm-typo-en-body-lg-600" }, {
+              default: te(() => I[7] || (I[7] = [
+                ge("Closing Time")
+              ])),
+              _: 1
+            }),
+            D(X, {
+              modelValue: $.value,
+              "onUpdate:modelValue": I[1] || (I[1] = (k) => $.value = k)
+            }, null, 8, ["modelValue"]),
+            Q.value ? (f(), C("div", An, " Cannot select future date ")) : W("", !0)
+          ])) : W("", !0),
+          D(O, {
+            modelValue: e.value,
+            "onUpdate:modelValue": I[2] || (I[2] = (k) => e.value = k),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [d(po)()]
+          }, null, 8, ["modelValue", "rules"]),
+          a("div", $n, [
+            D(F, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: I[3] || (I[3] = (k) => B.onCancel())
+            }),
+            D(F, {
+              label: c.value,
+              type: "submit",
+              variant: b.value,
+              loading: r.value
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (f(), C(ie, { key: 0 }, [
+        ge("Loading")
+      ], 64));
+    };
+  }
+}), Cn = et(0);
+function kt(t) {
+  const o = t.measurementsAmounts.groupBy((e) => e.measurement.id);
+  return t.sku.unit.measurements.reduce((e, n) => {
+    var s, u;
+    const i = ((u = (s = o.get(n.id)) == null ? void 0 : s[0]) == null ? void 0 : u.amount) ?? Cn, r = ht(n.conversion, i);
+    return tt(e, r);
+  }, t.baseAmount);
+}
+const Sn = et(0), Fn = et(100);
+function In(t, o, e, n, i, r, s, u) {
+  var _, A, L, P, ve;
+  const c = kt(t), b = n ?? c, y = fo(b, o), $ = o.amount === 0 ? null : vo(y, {
+    ...o,
+    amount: Math.abs(o.amount)
+  }), Q = $ ? ht($, Fn) : null, V = ((_ = t.sku.defaultCost) == null ? void 0 : _.costPerUnit) ?? { amount: 0, precision: 0 }, B = Number(se.toFormatString({ value: V })), I = ((L = (A = t.sku.defaultCost) == null ? void 0 : A.measurement) == null ? void 0 : L.conversion) ?? {
+    amount: 1,
+    precision: 0
+  }, N = Number(
+    se.toFormatString({ value: I })
+  ), J = i ? Number(se.toFormatString({ value: i })) : 0, X = Number(se.toFormatString({ value: o })), O = Number(se.toFormatString({ value: b })), F = O - X, T = F * B / N, k = O * B / N, w = X * B / N, x = {};
+  return s && r && s.forEach((oe) => {
+    const R = { amount: 0, precision: 0 }, p = r[oe];
+    if (p) {
+      const g = tt(R, p);
+      x[`adjustment_${oe}`] = tn(g);
+    } else
+      x[`adjustment_${oe}`] = "0";
+  }), {
+    code: t.sku.code,
+    name: t.sku.name,
+    baseUnit: t.sku.unit.abbrev,
+    costUnit: ((ve = (P = t.sku.defaultCost) == null ? void 0 : P.measurement) == null ? void 0 : ve.abbrev) ?? null,
+    baseUnitAmount: Number(se.toFormatString({ value: t.baseAmount })),
+    ...e.reduce(
+      (oe, R, p) => {
+        const g = se.toFormatString({ value: R.conversion }), M = R.orphan ? " [invalid UOM]" : R.inactive ? " [NetSuite-inactive]" : "";
+        return oe[`measurementAbbrev${p}`] = `(${R.abbrev}) × ${g}${M}`, oe[`measurementAmount${p}`] = Number(se.toFormatString({ value: R.amount })), oe;
+      },
+      {}
+    ),
+    systemBalance: X,
+    physicalBalance: O,
+    adjustedAmount: Number(se.toFormatString({ value: y })),
+    adjustedDiffPercentage: Q ? Number(
+      se.toFormatString({
+        value: go(Q, 2)
+      })
+    ) : null,
+    costPerUnit: B,
+    opening: J,
+    ...x,
+    varianceQty: F,
+    varianceInCost: T,
+    stockTakeValue: k,
+    systemValue: w,
+    // Include custom attribute values
+    ...(u ?? []).reduce(
+      (oe, R) => {
+        var g;
+        const p = (g = t.sku.customAttributes) == null ? void 0 : g[R];
+        return oe[`customAttr_${R}`] = p != null ? String(p) : null, oe;
+      },
+      {}
+    )
+  };
+}
+function Bn(t) {
+  let o = 0;
+  for (const e of t.values())
+    e.length > o && (o = e.length);
+  return o;
+}
+function Tn(t, o) {
+  const e = /* @__PURE__ */ new Map();
+  for (const n of t) {
+    if (e.has(n.sku._id)) continue;
+    const i = new Map(n.sku.unit.measurements.map((u) => [u.id, u])), r = new Map(
+      n.measurementsAmounts.map((u) => [u.measurement.id, u.amount])
+    ), s = [];
+    for (const u of n.sku.unit.measurements) {
+      const c = r.get(u.id);
+      c && s.push({
+        id: u.id,
+        abbrev: u.abbrev,
+        conversion: u.conversion,
+        amount: c,
+        inactive: Rt(u, o),
+        orphan: !1
+      });
+    }
+    for (const u of n.measurementsAmounts)
+      i.has(u.measurement.id) || s.push({
+        id: u.measurement.id,
+        abbrev: u.measurement.abbrev,
+        conversion: u.measurement.conversion,
+        amount: u.amount,
+        inactive: !1,
+        orphan: !0
+      });
+    e.set(n.sku._id, s);
+  }
+  return e;
+}
+function jn(t, o = [], e = []) {
+  const n = co(), i = n === "MYR" ? "RM" : n;
+  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
+    ...o.map((s) => ({
+      id: `adjustment_${s}`,
+      name: Ie(s)
+    })),
+    {
+      id: "systemBalance",
+      name: "System balance (Qty)"
+    },
+    {
+      id: "physicalBalance",
+      name: "Stock take (Qty)"
+    },
+    {
+      id: "adjustedAmount",
+      name: "Variance"
+    },
+    {
+      id: "varianceInCost",
+      name: `Variance (${i})`
+    },
+    {
+      id: "adjustedDiffPercentage",
+      name: "Variance (%)"
+    },
+    {
+      id: "stockTakeValue",
+      name: `Stock take value (${i})`
+    },
+    {
+      id: "systemValue",
+      name: `System value (${i})`
+    },
+    {
+      id: "baseUnitAmount",
+      name: "Base unit amount"
+    },
+    ...Array.from({ length: t }).flatMap((s, u) => [
+      {
+        id: `measurementAmount${u}`,
+        name: `UOM amount ${u + 1}`
+      },
+      {
+        id: `measurementAbbrev${u}`,
+        name: `UOM ${u + 1}`
+      }
+    ]),
+    // Dynamic custom attribute columns
+    ...e.map((s) => ({
+      id: `customAttr_${s}`,
+      name: Ie(s)
+    }))
+  ];
+}
+function Rn(t, o, e, n = [], i) {
+  var re, _, A, L, P, ve, oe;
+  const r = o.groupBy(
+    (R) => R.id,
+    (R) => R.balance
+  ), s = e.groupBy(
+    (R) => R.id,
+    (R) => R.balance
+  ), u = /* @__PURE__ */ new Map();
+  if (t.opening)
+    for (const R of t.opening)
+      u.set(R.skuId, R.balance);
+  const c = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Map();
+  if (t.adjustmentSnapshot)
+    for (const R of t.adjustmentSnapshot)
+      R.adjustmentsByType && (Object.keys(R.adjustmentsByType).forEach((p) => c.add(p)), b.set(R.skuId, R.adjustmentsByType));
+  const y = ["receive", "sales", "wastage"], $ = [];
+  y.forEach((R) => {
+    c.has(R) && ($.push(R), c.delete(R));
+  });
+  const Q = Array.from(c).sort(), V = [...$, ...Q], B = [...t.items, ...t.negativeStockItems ?? []], N = lo().currentBusiness.value, J = Tn(B, i), X = B.map((R) => {
+    var de, j;
+    const p = ((de = r.get(R.sku._id)) == null ? void 0 : de[0]) ?? Sn, g = J.get(R.sku._id) ?? [], M = u.get(R.sku._id), H = b.get(R.sku._id);
+    return In(
+      R,
+      p,
+      g,
+      (j = s.get(R.sku._id)) == null ? void 0 : j[0],
+      M,
+      H,
+      V,
+      n
+    );
+  }), O = Bn(J), F = jn(O, V, n), T = [
+    ["Business name:", N == null ? void 0 : N.name],
+    ["Business ID:", N == null ? void 0 : N._id],
+    ["Menu version", N == null ? void 0 : N.menuVersion],
+    ["Created at", new Date(t.createdAt)],
+    ["Created by", (re = t.createdBy) == null ? void 0 : re.name],
+    ["Updated at", new Date(t.updatedAt)],
+    ["Updated by", (_ = t.updatedBy) == null ? void 0 : _.name],
+    ["Recent action", t.approvedAt ? "Approve" : t.rejectionHistory ? "Reject" : ""],
+    [
+      "Action by",
+      t.approvedAt ? (A = t.approvedBy) == null ? void 0 : A.name : t.rejectionHistory ? (P = (L = t.rejectionHistory[0]) == null ? void 0 : L.rejectedBy) == null ? void 0 : P.name : ""
+    ],
+    [
+      "Action at",
+      t.approvedAt ? new Date(t.approvedAt) : t.rejectionHistory ? new Date((ve = t.rejectionHistory[0]) == null ? void 0 : ve.rejectedAt) : ""
+    ],
+    [
+      "Action remark",
+      t.approvedAt ? t.approveRemark : t.rejectionHistory ? new Date((oe = t.rejectionHistory[0]) == null ? void 0 : oe.rejectRemark) : ""
+    ],
+    [],
+    F.map((R) => R.name),
+    ...X.map((R) => F.map((p) => R[p.id]))
+  ], k = F.map((R) => `system:${R.id}`), w = nn(T, k), x = `[${N == null ? void 0 : N.name}] closing draft (${en(new Date(t.updatedAt))}).xlsx`;
+  return an(w, x), x;
+}
+const Mn = { class: "flex flex-col" }, Nn = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, Un = { class: "flex gap-12 py-8 justify-end w-full" }, Pn = /* @__PURE__ */ Se({
+  __name: "RefreshBalanceAction",
+  props: {
+    draft: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const o = t;
+    _t();
+    const e = q(!1), n = q(null), i = q(!1);
+    ro(() => {
+      if (o.draft.effectiveAt)
+        n.value = new Date(o.draft.effectiveAt);
+      else {
+        const b = new Date(o.draft.createdAt);
+        b.setHours(23, 59, 59, 999), n.value = b;
+      }
+      i.value = !0;
+    });
+    const r = S({
+      get() {
+        return n.value === null ? "" : qe(n.value);
+      },
+      set(b) {
+        if (b) {
+          const y = /* @__PURE__ */ new Date(`${b} ${s.value}`);
+          y.setSeconds(59, 999), n.value = y;
+        } else
+          n.value = null;
+      }
+    }), s = S({
+      get() {
+        return n.value === null ? "" : mo(n.value);
+      },
+      set(b) {
+        if (b) {
+          const y = /* @__PURE__ */ new Date(`${r.value} ${b}`);
+          y.setSeconds(59, 999), n.value = y;
+        } else
+          n.value = null;
+      }
+    }), u = S(() => n.value ? n.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function c() {
+      e.value = !0, o.onFinished(n.value.toISOString());
+    }
+    return (b, y) => {
+      const $ = ee("FmLabel"), Q = ee("FmDatePicker"), V = ee("FmTimePicker"), B = ee("FmButton"), I = ee("FmForm");
+      return i.value ? (f(), ne(I, {
+        key: 1,
+        onValidationSuccess: c,
+        class: "flex flex-col gap-32",
+        disabled: e.value
+      }, {
+        default: te(() => [
+          y[5] || (y[5] = a("div", { class: "fm-typo-en-body-lg-400" }, [
+            a("p", null, [
+              ge(" Performing "),
+              a("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
+              ge(" until closing effective date and time. ")
+            ]),
+            a("p", { class: "mt-2" }, [
+              ge(" Please note that this action will "),
+              a("b", null, "update"),
+              ge(" the effective date and time. ")
+            ])
+          ], -1)),
+          a("div", Mn, [
+            D($, { class: "fm-typo-en-body-lg-600" }, {
+              default: te(() => y[3] || (y[3] = [
+                ge("Closing Date")
+              ])),
+              _: 1
+            }),
+            D(Q, {
+              modelValue: r.value,
+              "onUpdate:modelValue": y[0] || (y[0] = (N) => r.value = N),
+              max: d(qe)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            D($, { class: "fm-typo-en-body-lg-600" }, {
+              default: te(() => y[4] || (y[4] = [
+                ge("Closing Time")
+              ])),
+              _: 1
+            }),
+            D(V, {
+              modelValue: s.value,
+              "onUpdate:modelValue": y[1] || (y[1] = (N) => s.value = N)
+            }, null, 8, ["modelValue"]),
+            u.value ? (f(), C("div", Nn, " Cannot select future date ")) : W("", !0)
+          ]),
+          a("div", Un, [
+            D(B, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: y[2] || (y[2] = (N) => b.onCancel())
+            }),
+            D(B, {
+              label: "Refresh balance",
+              type: "submit",
+              variant: "primary",
+              loading: e.value,
+              disabled: u.value
+            }, null, 8, ["loading", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (f(), C(ie, { key: 0 }, [
+        ge("Loading")
+      ], 64));
+    };
+  }
+}), yt = uo(
+  "closingDraftActions",
+  function() {
+    const o = io(), e = Ue(), n = _t(), i = Ge(), r = ln(), s = Mt(), u = q(!1), c = q();
+    async function b(F, T) {
+      const k = await i.getDraftDetail(F, T), w = {
+        draft: k
+      };
+      return c.value = w, u.value = !0, k;
+    }
+    async function y(F) {
+      var k;
+      if (F.status === xe.enum.COMPLETED) {
+        const w = F.closingAdjustmentId;
+        if (!w)
+          return e.open({
+            title: "Something went wrong",
+            message: "Closing draft is completed but closing document cannot be found.",
+            type: "error"
+          }), console.error("Closing draft is completed but closing document cannot be found.", {
+            draftId: F._id
+          }), [];
+        const x = await n.readAdjustmentById(w);
+        return ((x == null ? void 0 : x.skus) ?? []).map((_) => ({
+          id: _.sku._id,
+          balance: _.fromBalance,
+          costs: _.fromCostBalances
+        }));
+      } else
+        return await r.readStockBalance(), ((k = r.stockBalance) == null ? void 0 : k.skus) ?? [];
+    }
+    async function $(F, T, k, w) {
+      T || (e.open({
+        title: "Exporting",
+        message: "Fetching data..."
+      }), T = await y(F)), Rn(
+        F,
+        T,
+        k ?? [],
+        w ?? [],
+        s.value
+      );
+    }
+    function Q(F, T, k) {
+      o.open({
+        title: "Approve draft",
+        contentComponent: It,
+        contentComponentProps: {
+          draft: F,
+          action: fe.enum.approveDraft,
+          onFinished: () => {
+            o.close(), T == null || T();
+          },
+          onCancel: () => {
+            o.close();
+          }
+        }
+      }).onClose(() => {
+        k == null || k();
+      });
+    }
+    function V(F, T) {
+      o.open({
+        title: "Reject draft",
+        contentComponent: It,
+        contentComponentProps: {
+          draft: F,
+          action: fe.enum.rejectDraft,
+          onFinished: () => {
+            o.close(), T == null || T();
+          },
+          onCancel: () => o.close()
+        }
+      });
+    }
+    function B(F, T) {
+      o.open({
+        title: "Mark draft as failed",
+        contentComponent: It,
+        contentComponentProps: {
+          draft: F,
+          action: fe.enum.markAsFailed,
+          onFinished: () => {
+            o.close(), T == null || T();
+          },
+          onCancel: () => o.close()
+        }
+      });
+    }
+    async function I(F, T) {
+      await i.sync({
+        _id: F._id,
+        _rev: F._rev ?? "",
+        action: fe.enum.approveDraft,
+        data: {
+          remark: F.remark ?? ""
+        }
+      }).delayed(500), e.open({
+        title: "Success",
+        message: "Sync requested",
+        type: "success"
+      }), T == null || T();
+    }
+    function N() {
+      u.value = !1;
+    }
+    async function J(F, T, k) {
+      await o.open({
+        title: "Refresh balance",
+        contentComponent: Pn,
+        contentComponentProps: {
+          draft: F,
+          onFinished: (w) => {
+            o.close(), k == null || k(w);
+          },
+          onCancel: async () => {
+            o.close(), T == null || T();
+          }
+        }
+      });
+    }
+    async function X(F) {
+      await o.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 n.recalculation.scheduleInvalidateClosingDraftCache([F._id]), e.open({
+          title: "Success",
+          message: "Invalidate cache requested",
+          type: "success"
+        });
+      });
+    }
+    async function O(F, T) {
+      try {
+        e.open({
+          title: "Cloning",
+          message: "Creating a copy of the draft..."
+        }), await i.cloneDraft(F._id), e.open({
+          title: "Success",
+          message: "Draft cloned successfully",
+          type: "success"
+        }), T == null || T();
+      } catch (k) {
+        e.open({
+          title: "Error",
+          message: (k == null ? void 0 : k.message) || "Failed to clone draft",
+          type: "error"
+        });
+      }
+    }
+    return {
+      viewDraft: b,
+      closeDraftDialog: N,
+      approveDraft: Q,
+      rejectDraft: V,
+      markAsFailed: B,
+      syncDraft: I,
+      exportDraft: $,
+      refreshBalance: J,
+      cloneDraft: O,
+      viewClosingDraftShow: u,
+      viewClosingDraftProps: c,
+      invalidateDraftCache: X
+    };
+  }
+);
+function Ne(t) {
+  switch (t) {
+    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";
+    case "PENDING_APPROVAL":
+      return "fm-status-badge-processing";
+  }
+}
+function Nt(t) {
+  var n, i;
+  if (t.status !== "DRAFT") return t.status;
+  const o = (i = (n = t.rejectionHistory) == null ? void 0 : n[0]) == null ? void 0 : i.rejectedAt;
+  if (!o) return "DRAFT";
+  const e = t.updatedAt ? new Date(t.updatedAt) : null;
+  return !e || new Date(o).getTime() > e.getTime() ? "REJECTED" : "UPDATED";
+}
+function Vn(t) {
+  return t.baseAmount.amount > 0 ? !0 : t.measurementsAmounts.some((o) => o.amount.amount !== 0);
+}
+function En(t) {
+  var i, r, s;
+  const o = Number(se.toFormatString({ value: kt(t) })), e = Number(
+    se.toFormatString({
+      value: ((i = t.sku.defaultCost) == null ? void 0 : i.costPerUnit) ?? { amount: 0, precision: 0 }
+    })
+  ), n = Number(
+    se.toFormatString({
+      value: ((s = (r = t.sku.defaultCost) == null ? void 0 : r.measurement) == null ? void 0 : s.conversion) ?? { amount: 1, precision: 0 }
+    })
+  );
+  return o * e / n;
+}
+function xt(t) {
+  var o, e;
+  return ((e = (o = t.usingTemplates) == null ? void 0 : o[0]) == null ? void 0 : e.name) || "Group";
+}
+function Ln(t) {
+  var e;
+  const o = (e = t.usingTemplates) == null ? void 0 : e[0];
+  return o != null && o.ref ? o.ref : xt(t).replace(/[^a-z0-9]/gi, "").slice(0, 6).toUpperCase() || "GROUP";
+}
+function Bt(t) {
+  var r, s, u;
+  const o = [...t.items, ...t.negativeStockItems ?? []], e = o.filter(Vn).length, n = o.reduce((c, b) => c + En(b), 0), i = ((r = t.updatedBy) == null ? void 0 : r.name) || ((s = t.createdBy) == null ? void 0 : s.name) || void 0;
+  return {
+    id: t._id,
+    name: xt(t),
+    code: Ln(t),
+    status: t.status,
+    rejectionHistory: t.rejectionHistory,
+    itemCount: o.length,
+    totalAmount: n,
+    countedCount: e,
+    countedBy: e > 0 ? i : void 0,
+    verifiedBy: (u = t.approvedBy) == null ? void 0 : u.name,
+    updatedBy: i,
+    updatedAt: t.updatedAt || t.createdAt
+  };
+}
+function Gn(t) {
+  return t.reduce(
+    (o, e) => {
+      o.totalItems += e.itemCount, o.totalAmount += e.totalAmount;
+      const n = Nt(e);
+      return n === "COMPLETED" ? o.completed++ : n === "REJECTED" ? o.rejected++ : o.draft++, o;
+    },
+    {
+      groupCount: t.length,
+      totalItems: 0,
+      totalAmount: 0,
+      completed: 0,
+      draft: 0,
+      rejected: 0
+    }
+  );
+}
+const bo = uo(
+  "closingDraftTable",
+  function() {
+    var R;
+    const { t: o } = ot(), e = lo(), n = yt(), i = q(new Array()), r = q(0), s = q(!1), u = Qe(), c = Ge(), b = Ue();
+    function y(p) {
+      console.error("Row action failed:", p), b.open({
+        title: o("inventory.common.somethingWentWrong"),
+        message: (p == null ? void 0 : p.message) || o("inventory.common.tryAgain"),
+        type: "error"
+      });
+    }
+    let $ = {}, Q = (R = u._currentLocation) == null ? void 0 : R.dbName;
+    const V = 6, B = q(dn());
+    function I(p) {
+      const g = new Date(p.endDate);
+      return g.setMonth(g.getMonth() - V), new Date(p.startDate) < g ? { startDate: qe(g), endDate: p.endDate } : p;
+    }
+    function N(p) {
+      const g = I(p);
+      return (g.startDate !== B.value.startDate || g.endDate !== B.value.endDate) && (B.value = g, O()), g;
+    }
+    async function J(p) {
+      return u._currentLocation ? (Q = c.getDbName(), c.listDraftsPage({
+        ...p,
+        from: B.value.startDate,
+        to: B.value.endDate
+      })) : { docs: [], nextStartkey: null, hasMore: !1 };
+    }
+    function X(p) {
+      return k(p);
+    }
+    function O() {
+      $ = {}, i.value = [], r.value++;
+    }
+    async function F() {
+      (u._currentLocation ? c.getDbName() : void 0) !== Q && O();
+    }
+    async function T(p) {
+      if (!i.value.find((g) => g._id) && u._currentLocation) {
+        s.value = !0;
+        try {
+          const [g] = await Promise.all([
+            c.getDraft(p),
+            new Promise((H) => setTimeout(H, 1e3))
+          ]), { toClosingDraftListItem: M } = await import("./index-xatqRsUm.js");
+          i.value = k([
+            M(g)
+          ]), w(p);
+        } catch (g) {
+          console.log("Something went wrong when fetching drafts:", g);
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    function k(p) {
+      for (const H of p) $[H._id] = H;
+      const g = Object.values($), M = mn(
+        g.filter((H) => !!H.closingId).map((H) => ({ closingId: H.closingId, draftCreatedAt: new Date(Le(H._id)) }))
+      );
+      return p.map((H) => ({
+        ...H,
+        closingIdDisplay: H.closingId ? M.get(H.closingId) ?? null : null
+      }));
+    }
+    async function w(p) {
+      try {
+        const M = (await c.getClosingGroups(p)).map(Bt);
+        i.value = i.value.map((H) => H._id === p ? { ...H, groups: M } : H);
+      } catch (g) {
+        console.log(`Something went wrong when refreshing groups for ${p}:`, g);
+      }
+    }
+    async function x(p, g) {
+      const { toClosingDraftListItem: M } = await import("./index-xatqRsUm.js");
+      return {
+        ...M(
+          p
+        ),
+        _rev: p._rev,
+        closingIdDisplay: g.closingIdDisplay,
+        groups: (p.groups ?? []).map(
+          (H) => Bt(H)
+        )
+      };
+    }
+    async function re(p) {
+      const { toClosingDraftListItem: g } = await import("./index-xatqRsUm.js");
+      i.value = i.value.map((M) => M._id === p._id ? {
+        ...g(p),
+        _rev: p._rev,
+        closingIdDisplay: M.closingIdDisplay,
+        // The full doc carries no groups; keep the row's embedded
+        // summaries until refreshDraftGroups below replaces them.
+        groups: M.groups
+      } : M), w(p._id);
+    }
+    function _(p) {
+      var H;
+      const g = p.itemCount + p.negativeStockItemCount, M = (p == null ? void 0 : p.approveRemark) ?? ((H = p == null ? void 0 : p.rejectionHistory) == null ? void 0 : H.computeFirst((de) => de.rejectRemark)) ?? p.remark ?? "";
+      return { count: g, remark: M };
+    }
+    function A(p, g = "") {
+      return h(
+        "span",
+        {
+          class: [
+            "inline-flex items-center rounded-sm bg-fm-color-neutral-gray-100 px-8 py-4 fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+            g
+          ]
+        },
+        p
+      );
+    }
+    function L(p) {
+      if (!p.length) return null;
+      const g = p.reduce(
+        (M, H) => {
+          const de = Nt(H);
+          return de === "COMPLETED" ? M.completed++ : de === "REJECTED" ? M.rejected++ : M.draft++, M;
+        },
+        { completed: 0, draft: 0, rejected: 0 }
+      );
+      return h("div", { class: "mt-8 flex flex-wrap gap-6" }, [
+        A(`${p.length} groups`),
+        g.completed ? A(`${g.completed} completed`, "text-fm-color-typo-success") : null,
+        g.draft ? A(`${g.draft} draft`) : null,
+        g.rejected ? A(`${g.rejected} rejected`, "text-fm-color-typo-error") : null
+      ]);
+    }
+    function P() {
+      n.closeDraftDialog(), O();
+    }
+    async function ve(p, g) {
+      switch (g = Jo(g), p) {
+        case Ye.Details:
+          return n.viewDraft(g._id).then(
+            () => {
+            },
+            y
+          );
+        case Ye.Export:
+          return c.getDraft(g._id).then((M) => n.exportDraft(M)).catch(y);
+        case fe.enum.approveDraft:
+          return n.approveDraft(g, P);
+        case fe.enum.rejectDraft:
+          return n.rejectDraft(g, P);
+        case fe.enum.markAsFailed:
+          return n.markAsFailed(g, P);
+        case Ye.Duplicate:
+          return n.cloneDraft(g, P);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => o("inventory.closing.table.createdAt"),
+          cell(p) {
+            return un(`${p.getValue()}`);
+          },
+          sortingFn: (p, g) => new Date(Le(p.original._id)).getTime() - new Date(Le(g.original._id)).getTime(),
+          enableSorting: !0
+        },
+        {
+          id: "closingId",
+          accessorFn: (p) => p.closingIdDisplay,
+          size: 160,
+          header: () => o("inventory.closing.draft.table.id"),
+          cell(p) {
+            return p.getValue();
+          },
+          enableSorting: !0
+        },
+        {
+          accessorKey: "effectiveAt",
+          header: () => o("inventory.closing.draft.table.effectiveAt"),
+          cell(p) {
+            const g = p.row.original;
+            let M = p.getValue();
+            return M || (M = Le(g._id)), Fe(M);
+          },
+          enableSorting: !0,
+          size: 230
+        },
+        {
+          id: "description",
+          accessorFn: (p) => {
+            const { count: g, remark: M } = _(p);
+            return `${g} ${M}`;
+          },
+          header: () => o("inventory.closing.draft.table.description"),
+          enableSorting: !0,
+          size: 350,
+          cell(p) {
+            const { count: g, remark: M } = _(p.row.original), H = p.row.original.groups ?? [], de = (j, z) => h("div", { class: "flex gap-4" }, [
+              h(
+                "span",
+                { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" },
+                `${j}:`
+              ),
+              h(
+                "span",
+                {
+                  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+                  style: "white-space: pre-wrap; word-break: break-word;"
+                },
+                `${z}`
+              )
+            ]);
+            return h("div", { class: "flex flex-col gap-2", style: "width: 300px;" }, [
+              de(o("inventory.closing.draft.table.items"), g),
+              M ? de(o("inventory.closing.draft.table.remark"), M) : null,
+              L(H)
+            ]);
+          }
+        },
+        {
+          id: "status",
+          accessorFn: (p) => p.status,
+          header: () => o("inventory.closing.table.status"),
+          enableSorting: !1,
+          cell(p) {
+            var z;
+            const g = p.row.original, M = g.status, H = new Date(g.updatedAt), de = (z = g == null ? void 0 : g.rejectionHistory) == null ? void 0 : z.computeFirst((le) => le.rejectedAt), j = de ? new Date(de) : null;
+            return M === "DRAFT" && j ? j.getTime() > H.getTime() ? h(
+              "div",
+              {
+                class: "flex"
+              },
+              h(
+                "div",
+                {
+                  class: ["fm-status-badge", Ne("FAILED")]
+                },
+                "Rejected"
+              )
+            ) : h(
+              "div",
+              {
+                class: "flex"
+              },
+              h(
+                "div",
+                {
+                  class: ["fm-status-badge", Ne("PROCESSING")]
+                },
+                "Updated"
+              )
+            ) : h(
+              "div",
+              {
+                class: "flex"
+              },
+              h(
+                "div",
+                {
+                  class: ["fm-status-badge", Ne(M)]
+                },
+                Ie(M)
+              )
+            );
+          }
+        },
+        {
+          id: "updatedAt",
+          accessorFn: (p) => p.updatedAt,
+          header: () => o("inventory.closing.draft.table.lastUpdate"),
+          enableSorting: !0,
+          size: 200,
+          cell(p) {
+            var M;
+            const g = p.row.original;
+            return h("div", { class: "flex flex-col" }, [
+              h(
+                "div",
+                { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
+                ((M = g.updatedBy) == null ? void 0 : M.name) ?? ""
+              ),
+              h(
+                "div",
+                { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+                Fe(g.updatedAt)
+              )
+            ]);
+          }
+        },
+        {
+          id: "action",
+          cell(p) {
+            var z;
+            const g = p.row.original, M = ((z = e.sessionUser.value) == null ? void 0 : z.role.isAdmin) ?? !1, H = [
+              ao[Ye.Details],
+              ao[Ye.Export]
+            ], de = [
+              {
+                translationKey: "inventory.closing.draft.approveDraft",
+                color: "text-fm-color-typo-primary",
+                value: fe.enum.approveDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.rejectDraft",
+                color: "text-fm-color-typo-error",
+                value: fe.enum.rejectDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.markAsFailed",
+                color: "text-fm-color-typo-error",
+                value: fe.enum.markAsFailed
+              }
+            ], j = M && g.status !== xe.enum.DRAFT ? [
+              {
+                translationKey: "inventory.closing.draft.cloneDraft",
+                color: "text-fm-color-typo-primary",
+                value: Ye.Duplicate
+              }
+            ] : [];
+            return cn(
+              [
+                ...H,
+                ...g.status === xe.enum.DRAFT ? de : []
+              ],
+              (le) => ve(le, g),
+              j
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      drafts: i,
+      loading: s,
+      tableKey: r,
+      dateRange: B,
+      setDateRange: N,
+      detailToRow: x,
+      refreshDraftGroups: w,
+      fetchDraftsPage: J,
+      transformDrafts: X,
+      refresh: O,
+      onLocationChanged: F,
+      loadDraft: T,
+      updateDraftRef: re
+    };
+  }
+);
+function zn(t) {
+  const o = /* @__PURE__ */ new Map();
+  for (const e of t)
+    for (const n of e) {
+      const i = o.get(n.sku._id);
+      if (!i) {
+        o.set(n.sku._id, {
+          ...n,
+          baseAmount: { ...n.baseAmount },
+          measurementsAmounts: n.measurementsAmounts.map((r) => ({
+            ...r,
+            amount: { ...r.amount }
+          }))
+        });
+        continue;
+      }
+      i.baseAmount = tt(i.baseAmount, n.baseAmount);
+      for (const r of n.measurementsAmounts) {
+        const s = i.measurementsAmounts.findIndex(
+          (u) => u.measurement.id === r.measurement.id
+        );
+        s > -1 ? i.measurementsAmounts[s].amount = tt(
+          i.measurementsAmounts[s].amount,
+          r.amount
+        ) : i.measurementsAmounts.push({ ...r, amount: { ...r.amount } });
+      }
+    }
+  return [...o.values()];
+}
+const On = { class: "fm-typo-en-heading-lg-600" }, Hn = { class: "py-4" }, Yn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Wn = { key: 0 }, Kn = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full mb-4" }, qn = {
+  key: 0,
+  class: "text-fm-color-system-success-300"
+}, Qn = {
+  key: 1,
+  class: "text-fm-color-system-error-300"
+}, Jn = { class: "fm-typo-en-body-md-400" }, Zn = { class: "mt-4 flex gap-4" }, Xn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ea = { key: 0 }, ta = { class: "mt-4 flex gap-4" }, oa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, na = { key: 0 }, aa = {
+  key: 0,
+  class: "mb-4"
+}, sa = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full" }, ra = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, la = {
+  key: 0,
+  class: "text-fm-color-system-success-300 mr-1"
+}, ia = {
+  key: 1,
+  class: "text-fm-color-system-error-300 mr-1"
+}, ca = { class: "fm-typo-en-body-md-400" }, ua = { class: "mt-4 flex gap-4" }, da = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ma = {
+  key: 0,
+  class: "flex gap-4"
+}, pa = { class: "fm-typo-en-heading-lg-600" }, fa = { class: "py-4 flex flex-col gap-4" }, va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ga = { class: "flex gap-4 justify-end" }, Xe = 1, We = 2, Ke = 3, Ee = 4, ya = /* @__PURE__ */ Se({
+  __name: "ClosingDraftApprovalDialog",
+  props: {
+    show: { type: Boolean },
+    refreshing: { type: Boolean },
+    approving: { type: Boolean },
+    approvingAllGroups: { type: Boolean },
+    draft: {},
+    groups: {}
+  },
+  emits: ["update:show", "refresh", "approve", "approve-all-groups"],
+  setup(t, { emit: o }) {
+    const { FmStepper: e, FmStep: n, FmDialog: i, FmButton: r } = be, { t: s } = vn(), u = jt(), c = t, b = o, y = q(!1);
+    function $() {
+      y.value = !0;
+    }
+    function Q() {
+      y.value = !1, b("approve-all-groups", "Bulk approval");
+    }
+    const V = S(
+      () => {
+        var j, z;
+        return ((j = c.draft) == null ? void 0 : j.stockSnapshot) && ((z = c.draft) == null ? void 0 : z.stockSnapshot) !== void 0;
+      }
+    ), B = S(() => {
+      var le, ae, De;
+      const j = ((le = c.draft) == null ? void 0 : le.items.map((he) => ({
+        id: he.sku._id,
+        code: he.sku.code,
+        name: he.sku.name
+      }))) ?? [], z = ((De = (ae = c.draft) == null ? void 0 : ae.negativeStockItems) == null ? void 0 : De.map((he) => ({
+        id: he.sku._id,
+        code: he.sku.code,
+        name: he.sku.name
+      }))) ?? [];
+      return [...j, ...z].reduce(
+        (he, je) => (he[je.id] = je, he),
+        {}
+      );
+    }), I = S(
+      () => {
+        var j, z, le;
+        return (((le = (z = (j = c.draft) == null ? void 0 : j.stockSnapshot) == null ? void 0 : z.filter((ae) => ae.balance.amount < 0)) == null ? void 0 : le.map((ae) => {
+          const De = u.skuById[ae.id];
+          return De ? {
+            id: De._id,
+            code: De.code,
+            name: De.name
+          } : null;
+        })) ?? []).filter((ae) => ae !== null);
+      }
+    ), N = S(() => {
+      var j;
+      return V.value ? ((j = I.value) == null ? void 0 : j.filter((z) => !B.value[z.id]).map((z) => z.id)) ?? [] : [];
+    }), J = S({
+      get: () => c.show,
+      set: (j) => b("update:show", j)
+    }), X = S(() => {
+      var j;
+      return (((j = c.groups) == null ? void 0 : j.length) ?? 0) > 0;
+    }), O = S(
+      () => {
+        var j;
+        return ((j = c.groups) == null ? void 0 : j.filter((z) => z.status !== xe.enum.COMPLETED)) ?? [];
+      }
+    ), F = S(() => O.value.length === 0), T = S(
+      () => {
+        var j;
+        return ((j = c.groups) == null ? void 0 : j.some(
+          (z) => z.status === xe.enum.DRAFT || z.status === xe.enum.PENDING_APPROVAL
+        )) ?? !1;
+      }
+    ), k = q(Xe), w = () => k.value > Xe, x = () => k.value > We, re = () => k.value > Ke, _ = () => !1;
+    function A(j) {
+      return j === Xe ? !X.value : j === We ? V.value : j === Ke ? N.value.length == 0 : !1;
+    }
+    const L = S(() => !V.value || N.value.length > 0 || X.value && !F.value);
+    function P() {
+      let j = 1;
+      for (; j < Ee && A(j); ) j++;
+      return j;
+    }
+    const ve = S(() => k.value > P());
+    function oe(j) {
+      let z = j + 1;
+      for (; z <= Ee && A(z); ) z++;
+      return z > Ee ? Ee : z;
+    }
+    function R(j) {
+      let z = j - 1;
+      for (; z >= 1 && A(z); ) z--;
+      const le = P();
+      return z < le ? le : z;
+    }
+    function p() {
+      return P();
+    }
+    Te(
+      () => c.show,
+      (j) => {
+        j && (k.value = p());
+      }
+    ), Te(
+      () => V.value,
+      (j) => {
+        j && k.value === We && (k.value = oe(We));
+      }
+    ), Te(
+      () => N.value.length,
+      (j) => {
+        j === 0 && k.value === Ke && (k.value = oe(Ke));
+      }
+    );
+    function g() {
+      b("refresh");
+    }
+    function M() {
+      k.value < Ee && (k.value = oe(k.value));
+    }
+    function H() {
+      k.value > 1 && (k.value = R(k.value));
+    }
+    function de() {
+      b("approve");
+    }
+    return (j, z) => {
+      const le = ee("FmIcon");
+      return f(), C(ie, null, [
+        D(d(i), {
+          modelValue: J.value,
+          "onUpdate:modelValue": z[1] || (z[1] = (ae) => J.value = ae),
+          "max-width": 600
+        }, {
+          "dialog-header": te(() => [
+            a("div", On, E(d(s)("inventory.closing.approval.title")), 1)
+          ]),
+          default: te(() => [
+            a("div", Hn, [
+              D(d(e), {
+                modelValue: k.value,
+                "onUpdate:modelValue": z[0] || (z[0] = (ae) => k.value = ae),
+                orientation: "vertical"
+              }, {
+                default: te(() => [
+                  X.value ? (f(), ne(d(n), {
+                    key: 0,
+                    value: Xe,
+                    title: d(s)("inventory.closing.approval.step.groups.title"),
+                    complete: w
+                  }, {
+                    default: te(() => [
+                      a("div", Yn, E(F.value ? d(s)("inventory.closing.approval.step.groups.completedMessage") : d(s)("inventory.closing.approval.step.groups.pendingMessage")), 1),
+                      k.value === Xe ? (f(), C("div", Wn, [
+                        a("div", Kn, [
+                          (f(!0), C(ie, null, _e(j.groups ?? [], (ae) => (f(), C("div", {
+                            key: ae._id,
+                            class: "flex gap-8 items-center"
+                          }, [
+                            ae.status === d(xe).enum.COMPLETED ? (f(), C("span", qn, [
+                              D(le, {
+                                name: "check_circle",
+                                size: "sm"
+                              })
+                            ])) : (f(), C("span", Qn, [
+                              D(le, {
+                                name: "error",
+                                size: "sm"
+                              })
+                            ])),
+                            a("div", Jn, E(d(xt)(ae)), 1)
+                          ]))), 128))
+                        ]),
+                        a("div", Zn, [
+                          T.value ? (f(), ne(d(r), {
+                            key: 0,
+                            label: d(s)("inventory.closing.approval.step.groups.approveAll"),
+                            variant: "secondary",
+                            loading: j.approvingAllGroups,
+                            disabled: j.approvingAllGroups,
+                            onClick: $
+                          }, null, 8, ["label", "loading", "disabled"])) : W("", !0),
+                          D(d(r), {
+                            label: d(s)("inventory.common.continue"),
+                            disabled: !F.value,
+                            onClick: M
+                          }, null, 8, ["label", "disabled"])
+                        ])
+                      ])) : W("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title"])) : W("", !0),
+                  D(d(n), {
+                    value: We,
+                    title: d(s)("inventory.closing.approval.step.generateReport.title"),
+                    disabled: () => X.value && !F.value,
+                    complete: x
+                  }, {
+                    default: te(() => [
+                      a("div", Xn, E(d(s)("inventory.closing.approval.step.generateReport.description")), 1),
+                      k.value === We ? (f(), C("div", ea, [
+                        D(d(r), {
+                          label: d(s)("inventory.stock.stock_balance.refreshBalance"),
+                          "prepend-icon": "refresh",
+                          variant: "secondary",
+                          loading: j.refreshing,
+                          disabled: j.refreshing,
+                          onClick: g
+                        }, null, 8, ["label", "loading", "disabled"]),
+                        a("div", ta, [
+                          ve.value ? (f(), ne(d(r), {
+                            key: 0,
+                            label: d(s)("inventory.common.back"),
+                            variant: "secondary",
+                            onClick: H
+                          }, null, 8, ["label"])) : W("", !0),
+                          D(d(r), {
+                            label: d(s)("inventory.common.continue"),
+                            disabled: !V.value,
+                            onClick: M
+                          }, null, 8, ["label", "disabled"])
+                        ])
+                      ])) : W("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title", "disabled"]),
+                  D(d(n), {
+                    value: Ke,
+                    title: d(s)("inventory.closing.approval.step.negativeItems.title"),
+                    disabled: () => !V.value,
+                    complete: re
+                  }, {
+                    default: te(() => [
+                      a("div", oa, E(I.value.length > 0 ? `${d(s)("inventory.closing.approval.step.negativeItems.resolveMessage")} [${d(s)("inventory.closing.approval.step.negativeItems.itemsHeader")} (${N.value.length})]` : d(s)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
+                      k.value === Ke ? (f(), C("div", na, [
+                        I.value.length > 0 ? (f(), C("div", aa, [
+                          z[4] || (z[4] = a("div", { class: "fm-typo-en-body-md-600 mb-2" }, null, -1)),
+                          a("div", sa, [
+                            (f(!0), C(ie, null, _e(I.value, (ae) => (f(), C("div", {
+                              key: ae.id,
+                              class: "flex gap-8"
+                            }, [
+                              a("div", ra, [
+                                B.value[ae.id] ? (f(), C("span", la, [
+                                  D(le, {
+                                    name: "check_circle",
+                                    size: "sm"
+                                  })
+                                ])) : (f(), C("span", ia, [
+                                  D(le, {
+                                    name: "error",
+                                    size: "sm"
+                                  })
+                                ])),
+                                ge(" " + E(ae.code), 1)
+                              ]),
+                              a("div", ca, E(ae.name), 1)
+                            ]))), 128))
+                          ])
+                        ])) : W("", !0),
+                        a("div", ua, [
+                          ve.value ? (f(), ne(d(r), {
+                            key: 0,
+                            label: d(s)("inventory.common.back"),
+                            variant: "secondary",
+                            onClick: H
+                          }, null, 8, ["label"])) : W("", !0),
+                          D(d(r), {
+                            label: d(s)("inventory.common.continue"),
+                            disabled: L.value,
+                            onClick: M
+                          }, null, 8, ["label", "disabled"])
+                        ])
+                      ])) : W("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title", "disabled"]),
+                  D(d(n), {
+                    value: Ee,
+                    title: d(s)("inventory.closing.approval.step.approval.title"),
+                    disabled: () => L.value,
+                    complete: _
+                  }, {
+                    default: te(() => [
+                      a("div", da, E(d(s)("inventory.closing.approval.step.approval.warning")), 1),
+                      k.value === Ee ? (f(), C("div", ma, [
+                        ve.value ? (f(), ne(d(r), {
+                          key: 0,
+                          label: d(s)("inventory.common.back"),
+                          variant: "secondary",
+                          onClick: H
+                        }, null, 8, ["label"])) : W("", !0),
+                        D(d(r), {
+                          label: d(s)("inventory.common.approve"),
+                          variant: "destructive",
+                          disabled: L.value,
+                          loading: j.approving,
+                          onClick: de
+                        }, null, 8, ["label", "disabled", "loading"])
+                      ])) : W("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title", "disabled"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        D(d(i), {
+          modelValue: y.value,
+          "onUpdate:modelValue": z[3] || (z[3] = (ae) => y.value = ae),
+          "max-width": 480
+        }, {
+          "dialog-header": te(() => [
+            a("div", pa, E(d(s)("inventory.closing.approval.step.groups.approveAllConfirm.title")), 1)
+          ]),
+          default: te(() => [
+            a("div", fa, [
+              a("div", va, E(d(s)("inventory.closing.approval.step.groups.approveAllConfirm.warning")), 1),
+              a("div", ga, [
+                D(d(r), {
+                  label: d(s)("inventory.common.cancel"),
+                  variant: "secondary",
+                  onClick: z[2] || (z[2] = (ae) => y.value = !1)
+                }, null, 8, ["label"]),
+                D(d(r), {
+                  label: d(s)("inventory.closing.approval.step.groups.approveAllConfirm.confirm"),
+                  variant: "destructive",
+                  onClick: Q
+                }, null, 8, ["label"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+function ba(t) {
+  const o = Ge(), e = yn(), n = Ue(), { t: i } = ot(), r = q(!1), s = q(null);
+  let u = !1, c = null, b = !1, y = !1;
+  function $() {
+    N();
+    const O = t.closingDraftId.value, F = t.currentRev.value;
+    if (!O || !F)
+      return;
+    u = !1;
+    const T = {
+      type: "closing-draft",
+      params: {
+        draftId: O,
+        locationId: o.getDbName(),
+        closingDraftRevision: F
+      }
+    }, { unsubscribe: k, initialState: w } = e.subscribe(T, V);
+    c = k, w.then((x) => {
+      x != null && x.initialState && V(x.initialState);
+    }).catch((x) => {
+      console.error("Failed to fetch initial state", x);
+    });
+  }
+  function Q() {
+    y = !0, $();
+  }
+  async function V(O) {
+    var T;
+    if (u || !O) {
+      s.value = O, r.value = !1;
+      return;
+    }
+    if (O.closingDraftId && O.closingDraftId !== t.closingDraftId.value)
+      return;
+    if (s.value = O, O.message === "processing" || !O.completedAt && !O.message) {
+      b = !0, r.value = !0;
+      return;
+    }
+    if (O.message === "completed" || O.completedAt) {
+      if (!b) {
+        r.value = !1;
+        return;
+      }
+      b = !1, await B();
+      return;
+    }
+    const F = b;
+    b = !1, r.value = !1, F && (console.log("Closing draft balance refresh error:", O), n.open({
+      title: i("inventory.common.refreshFailed"),
+      message: i("inventory.stock.stock_balance.refreshBalanceError"),
+      type: "error"
+    }), (T = t.onError) == null || T.call(t, O.message ?? "Unknown error"));
+  }
+  async function B() {
+    const O = t.closingDraftId.value;
+    if (!O) {
+      r.value = !1;
+      return;
+    }
+    try {
+      const F = await o.getDraft(O);
+      r.value = !1, t.onCompleted(F), n.open({
+        title: "Balance refreshed",
+        message: "Stock balance has been recalculated.",
+        type: "success"
+      });
+    } catch {
+      r.value = !1, n.open({
+        title: "Refresh completed",
+        message: "Balance was refreshed but failed to load updated data. Please reload.",
+        type: "warning"
+      });
+    }
+  }
+  async function I(O) {
+    if (!(!t.closingDraftId.value || r.value || b)) {
+      r.value = !0, b = !0, s.value = {
+        requestId: "",
+        closingDraftId: t.closingDraftId.value,
+        closingDraftRevision: t.currentRev.value ?? "",
+        message: "processing",
+        startedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      try {
+        await o.initializeStockSnapshot(t.closingDraftId.value, O);
+      } catch (F) {
+        b = !1, r.value = !1, n.open({
+          title: i("inventory.common.refreshFailed"),
+          message: i("inventory.stock.stock_balance.refreshBalanceError"),
+          type: "error"
+        }), console.error("error starting refresh", F);
+      }
+    }
+  }
+  function N() {
+    u = !1, c && (c(), c = null);
+  }
+  function J() {
+    N(), u = !0, r.value = !1, b = !1, s.value = null;
+  }
+  function X() {
+    y = !1, J();
+  }
+  return Te(
+    [t.closingDraftId, t.currentRev],
+    ([O, F], [T, k]) => {
+      y && (O === T && F === k || $());
+    }
+  ), Go(() => {
+    X();
+  }), {
+    refreshing: r,
+    refreshStatus: s,
+    startListening: Q,
+    startRefresh: I,
+    cleanup: X
+  };
+}
+function ha(t) {
+  const o = Nt(t);
+  return o === "REJECTED" ? { label: "Rejected", className: Ne("FAILED") } : o === "UPDATED" ? { label: "Updated", className: Ne("PROCESSING") } : { label: Ie(o), className: Ne(o) };
+}
+const _a = { class: "flex items-start justify-between gap-8" }, ka = { class: "flex items-center gap-8 min-w-0" }, xa = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary truncate" }, wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Da = { class: "fm-typo-en-body-md-600" }, Aa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, $a = /* @__PURE__ */ Se({
+  __name: "ClosingGroupCard",
+  props: {
+    group: {}
+  },
+  emits: ["select"],
+  setup(t, { emit: o }) {
+    const e = t, n = o, i = S(() => ha(e.group)), r = S(
+      () => `RM ${e.group.totalAmount.toLocaleString("en-MY", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      })}`
+    ), s = S(() => {
+      const u = e.group.updatedBy ?? "—", c = e.group.updatedAt ? Fe(e.group.updatedAt) : "—";
+      return `Last updated by ${u} · ${c}`;
+    });
+    return (u, c) => (f(), C("div", {
+      class: "flex flex-col gap-8 rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16 cursor-pointer hover:border-fm-color-primary",
+      onClick: c[0] || (c[0] = zo((b) => n("select", u.group.id), ["stop"]))
+    }, [
+      a("div", _a, [
+        a("div", ka, [
+          u.group.color ? (f(), C("span", {
+            key: 0,
+            class: "w-8 h-8 rounded-full shrink-0",
+            style: gt({ backgroundColor: u.group.color })
+          }, null, 4)) : W("", !0),
+          a("span", xa, E(u.group.name), 1)
+        ]),
+        a("div", {
+          class: we(["fm-status-badge shrink-0", i.value.className])
+        }, E(i.value.label), 3)
+      ]),
+      a("div", wa, [
+        a("span", Da, E(u.group.itemCount), 1),
+        ge(" items · " + E(r.value), 1)
+      ]),
+      c[1] || (c[1] = a("div", { class: "border-t border-dashed border-fm-color-neutral-gray-200" }, null, -1)),
+      a("div", Aa, E(s.value), 1)
+    ]));
+  }
+}), Ca = {
+  key: 0,
+  class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-16"
+}, Sa = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Fa = /* @__PURE__ */ Se({
+  __name: "ClosingGroupGrid",
+  props: {
+    groups: {}
+  },
+  emits: ["select"],
+  setup(t, { emit: o }) {
+    const e = o;
+    return (n, i) => n.groups.length ? (f(), C("div", Ca, [
+      (f(!0), C(ie, null, _e(n.groups, (r) => (f(), ne($a, {
+        key: r.id,
+        group: r,
+        onSelect: i[0] || (i[0] = (s) => e("select", s))
+      }, null, 8, ["group"]))), 128))
+    ])) : (f(), C("div", Sa, "No closing groups"));
+  }
+});
+function ho(t, o) {
+  const e = t.sku, n = [], i = Number(se.toFormatString({ value: t.baseAmount }));
+  i && n.push({
+    label: "Base",
+    amount: i,
+    abbrev: e.unit.abbrev,
+    subtotal: i,
+    inactive: !1,
+    orphan: !1,
+    counted: !0
+  });
+  const r = new Map(
+    t.measurementsAmounts.map((c) => [c.measurement.id, c.amount])
+  ), s = new Set(e.unit.measurements.map((c) => c.id)), u = (c, b, y, $, Q) => {
+    const V = Number(se.toFormatString({ value: y }));
+    if (!V) return;
+    const B = se.toFormatString({ value: b }), I = Number(
+      se.toFormatString({
+        value: ht(y, b)
+      })
+    );
+    n.push({
+      label: Q ? `${V} ${c}` : `${V} ${c} × ${B} ${e.unit.abbrev}`,
+      amount: V,
+      abbrev: c,
+      subtotal: I,
+      inactive: $,
+      orphan: Q,
+      counted: !Q
+    });
+  };
+  for (const c of e.unit.measurements) {
+    const b = r.get(c.id);
+    b && u(c.abbrev, c.conversion, b, Rt(c, o), !1);
+  }
+  for (const c of t.measurementsAmounts)
+    s.has(c.measurement.id) || u(c.measurement.abbrev, c.measurement.conversion, c.amount, !1, !0);
+  return n;
+}
+const ft = (t) => me(t, { minPrecision: 0, maxPrecision: 3 });
+function Ia(t, o) {
+  return o ? "text-fm-color-system-error-300" : t ? "text-purple-500" : "";
+}
+function Ba(t, o) {
+  return o ? h(be.FmIcon, { name: "warning", size: "sm", color: "system-error-300" }) : t ? h(be.FmIcon, { name: "rule", size: "sm" }) : null;
+}
+function _o(t, o, e) {
+  return h(
+    "div",
+    {
+      class: "p-12 flex flex-col gap-4 fm-typo-en-body-md-400 min-w-[280px] max-w-[420px]"
+    },
+    [
+      h("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary mb-4" }, "Breakdown"),
+      ...t.map(
+        (n) => h("div", { class: "flex justify-between gap-12" }, [
+          h(
+            "div",
+            { class: ["flex items-center gap-4", Ia(n.inactive, n.orphan)] },
+            [Ba(n.inactive, n.orphan), h("span", n.label)]
+          ),
+          h(
+            "div",
+            { class: n.counted ? "" : "line-through text-fm-color-typo-tertiary" },
+            n.orphan ? `${ft(n.amount)} ${n.abbrev} (no valid conversion)` : n.counted ? `${ft(n.subtotal)} ${e}` : `${ft(n.subtotal)} ${e} (ignored)`
+          )
+        ])
+      ),
+      h("hr", { class: "border-fm-color-typo-secondary my-4" }),
+      h("div", { class: "flex justify-between fm-typo-en-body-lg-600" }, [
+        h("span", "Total"),
+        h("span", `${ft(o)} ${e}`)
+      ])
+    ]
+  );
+}
+function Ut(t, o) {
+  const e = t.sku, n = Number(se.toFormatString({ value: t.baseAmount })), i = new Map(
+    t.measurementsAmounts.map((c) => [c.measurement.id, c.amount])
+  ), r = new Set(e.unit.measurements.map((c) => c.id)), s = [], u = (c, b, y, $, Q) => {
+    const V = Number(se.toFormatString({ value: y })), B = se.toFormatString({ value: b });
+    s.push({
+      abbrev: `(${c}) × ${B}`,
+      amount: V,
+      variant: Q ? "orphan" : $ ? "inactive" : "normal"
+    });
+  };
+  for (const c of e.unit.measurements) {
+    const b = i.get(c.id);
+    b && u(c.abbrev, c.conversion, b, Rt(c, o), !1);
+  }
+  for (const c of t.measurementsAmounts)
+    r.has(c.measurement.id) || u(c.measurement.abbrev, c.measurement.conversion, c.amount, !1, !0);
+  return { baseUnitAmount: n, measurements: s };
+}
+function so(t, o, e) {
+  const n = t.sku, { baseUnitAmount: i, measurements: r } = Ut(t, e);
+  return {
+    id: n._id,
+    code: n.code,
+    name: n.name,
+    baseUnit: n.unit.abbrev,
+    baseUnitAmount: i,
+    isTemplateItem: o,
+    measurements: r,
+    physicalBalance: Number(se.toFormatString({ value: kt(t) })),
+    breakdown: ho(t, e)
+  };
+}
+function Ta(t, o) {
+  const e = [
+    ...t.items.map((n) => so(n, !0, o)),
+    ...(t.negativeStockItems ?? []).map((n) => so(n, !1, o))
+  ];
+  return e.sort((n, i) => n.code.localeCompare(i.code)), e;
+}
+function Pt(t, o, e) {
+  const n = (s, u, c = "normal") => h(
+    be.FmTooltip,
+    { zIndex: 50 },
+    {
+      default() {
+        return h(
+          "div",
+          {
+            class: [
+              "fm-typo-en-body-lg-400 py-4 px-8 fm-corner-radius-md line-clamp-1 border-1",
+              c === "orphan" ? "border-fm-color-system-error-300" : c === "inactive" ? "border-purple-500" : "border-fm-color-typo-secondary"
+            ]
+          },
+          [
+            h("span", { class: "text-fm-color-typo-primary" }, `${s} `),
+            h(
+              "span",
+              { class: "text-fm-color-typo-secondary", style: { maxWidth: "80px" } },
+              u
+            )
+          ]
+        );
+      },
+      content() {
+        return c === "orphan" ? `${s} ${u} (invalid UOM — not on SKU)` : c === "inactive" ? `${s} ${u} (NetSuite-inactive UOM)` : `${s} ${u}`;
+      }
+    }
+  ), i = e.filter((s) => !!s.amount).map((s) => n(s.amount, s.abbrev, s.variant)), r = t || !i.length ? [n(t, o), ...i] : i;
+  return h(
+    "div",
+    { class: "flex gap-8 flex-nowrap", style: { minWidth: `${120 * r.length}px` } },
+    r
+  );
+}
+function ja(t, o, e) {
+  const n = [];
+  for (const i of o) {
+    const r = i.items.find((b) => b.sku._id === t);
+    if (!r) continue;
+    const { baseUnitAmount: s, measurements: u } = Ut(r, e);
+    (s !== 0 || u.some((b) => b.amount !== 0)) && n.push({ label: i.label, isSub: i.isSub, baseUnitAmount: s, measurements: u });
+  }
+  return n;
+}
+function Ra(t, o) {
+  return h(
+    "div",
+    { class: "flex flex-col gap-8" },
+    t.map(
+      (e) => h("div", { class: "flex flex-col gap-4" }, [
+        h(
+          "div",
+          { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase" },
+          e.label
+        ),
+        Pt(e.baseUnitAmount, o, e.measurements)
+      ])
+    )
+  );
+}
+const Ma = "N/A";
+function ko(t, o) {
+  var n, i;
+  const e = t.approvedAt ? {
+    action: `Approve at ${Fe(t.approvedAt)}`,
+    actionBy: t.approvedBy,
+    remark: t.approveRemark
+  } : (n = t.rejectionHistory) == null ? void 0 : n.computeFirst((r) => ({
+    action: `Reject at ${Fe(r.rejectedAt)}`,
+    actionBy: r.rejectedBy,
+    remark: r.rejectRemark
+  }));
+  return [
+    o.idDisplay ? { label: "ID", value: o.idDisplay } : null,
+    {
+      label: "Location",
+      value: o.locationName ?? Ma
+    },
+    {
+      label: "Created at",
+      value: Fe(t.createdAt)
+    },
+    {
+      label: "Created by",
+      value: t.createdBy.name
+    },
+    {
+      label: "Updated at",
+      value: Fe(t.updatedAt)
+    },
+    {
+      label: "Updated by",
+      value: t.updatedBy.name
+    },
+    {
+      label: "Effective at",
+      value: Fe(t.effectiveAt ?? Le(t._id))
+    },
+    {
+      label: "Using template",
+      value: ((i = t.usingTemplates.find((r) => r)) == null ? void 0 : i.name) ?? "None"
+    },
+    t.remark ? { label: "Remark", value: t.remark } : null,
+    e ? { label: "Last action", value: e.action } : null,
+    e && e.actionBy ? { label: "Last action by", value: e.actionBy.name } : null,
+    e && e.remark ? { label: "Action remark", value: e.remark } : null
+  ].filter((r) => !!r);
+}
+const Na = { class: "fm-typo-en-body-lg-400" }, Ua = { class: "fm-typo-en-body-lg-600" }, Pa = { class: "flex gap-12 py-8 justify-end w-full" }, Va = /* @__PURE__ */ Se({
+  __name: "ClosingGroupAction",
+  props: {
+    group: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const o = t, e = Ge(), n = Ue(), i = q(), r = q(!1), s = S(
+      () => ({ approve: "Approve", reject: "Reject", submit: "Submit for approval" })[o.action]
+    ), u = S(
+      () => ({ approve: "Approve", reject: "Reject", submit: "Submit" })[o.action]
+    ), c = S(() => o.action === "reject" ? "destructive" : "primary");
+    async function b() {
+      r.value = !0;
+      try {
+        o.action === "approve" ? await e.approveClosingGroup(o.group._id, i.value).delayed(500) : o.action === "submit" ? await e.submitClosingGroup(o.group._id, i.value).delayed(500) : await e.rejectClosingGroup(o.group._id, i.value).delayed(500), n.open({ title: "Success", message: "Action submitted", type: "success" }), o.onFinished();
+      } catch (y) {
+        n.open({
+          title: "Something went wrong",
+          message: (y == null ? void 0 : y.message) ?? "Unable to submit action. Please try again",
+          type: "error"
+        }), console.error("error on submit closing group action", y);
+      } finally {
+        r.value = !1;
+      }
+    }
+    return (y, $) => {
+      const Q = ee("FmTextField"), V = ee("FmButton"), B = ee("FmForm");
+      return f(), ne(B, {
+        onValidationSuccess: b,
+        class: "flex flex-col gap-32",
+        disabled: r.value
+      }, {
+        default: te(() => [
+          a("div", Na, [
+            $[2] || ($[2] = ge(" You are about to ")),
+            a("span", Ua, E(u.value), 1),
+            $[3] || ($[3] = ge(" this group. Please provide a remark to justify this action. "))
+          ]),
+          D(Q, {
+            modelValue: i.value,
+            "onUpdate:modelValue": $[0] || ($[0] = (I) => i.value = I),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [d(po)()]
+          }, null, 8, ["modelValue", "rules"]),
+          a("div", Pa, [
+            D(V, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: $[1] || ($[1] = (I) => y.onCancel())
+            }),
+            D(V, {
+              label: s.value,
+              type: "submit",
+              variant: c.value,
+              loading: r.value
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), Ea = { class: "w-full flex flex-col gap-32" }, La = { class: "fm-typo-en-title-md-600" }, Ga = { class: "text-fm-color-typo-secondary" }, za = { class: "text-fm-color-primary" }, Oa = { class: "flex justify-between" }, Ha = { class: "flex" }, Ya = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ka = { class: "flex gap-1" }, qa = {
+  class: "fm-typo-en-body-lg-600",
+  style: { "white-space": "pre-wrap", "word-break": "break-word" }
+}, Qa = { class: "fm-typo-en-body-lg-600" }, Ja = { class: "flex gap-8" }, Za = { class: "overflow-x-auto" }, Xa = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, es = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, ts = ["src"], os = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, ns = { class: "flex gap-12 content-stretch" }, as = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, ss = { class: "flex-1 flex flex-col items-center" }, rs = { class: "flex-1 flex flex-col items-center" }, ls = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, is = { class: "fm-typo-en-body-lg-400" }, cs = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, us = { class: "flex gap-12 content-stretch" }, ds = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, ms = { class: "flex-1 flex flex-col items-center" }, ps = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, fs = { class: "flex flex-col gap-8" }, vs = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, gs = { class: "flex flex-col gap-4" }, ys = { class: "flex items-center gap-8 w-full" }, bs = /* @__PURE__ */ Se({
+  __name: "ClosingGroupDetailSideSheet",
+  props: {
+    show: { type: Boolean },
+    group: {},
+    parentName: {}
+  },
+  emits: ["update:show", "updated"],
+  setup(t, { emit: o }) {
+    const e = t, n = o, i = Tt(e, "show"), r = Mt(), s = Qe(), u = io(), c = S(() => {
+      var w, x, re;
+      return ((re = (x = (w = e.group) == null ? void 0 : w.usingTemplates) == null ? void 0 : x.find((_) => _)) == null ? void 0 : re.name) ?? "Group";
+    }), b = S(() => {
+      var w;
+      return ((w = e.group) == null ? void 0 : w.status) === xe.enum.DRAFT;
+    }), y = S(
+      () => {
+        var w;
+        return b.value || ((w = e.group) == null ? void 0 : w.status) === xe.enum.PENDING_APPROVAL;
+      }
+    );
+    function $(w) {
+      e.group && u.open({
+        title: { approve: "Approve group", reject: "Reject group", submit: "Submit group for approval" }[w],
+        contentComponent: Va,
+        contentComponentProps: {
+          group: e.group,
+          action: w,
+          onFinished: () => {
+            u.close(), n("updated"), i.value = !1;
+          },
+          onCancel: () => u.close()
+        }
+      });
+    }
+    const Q = S(() => {
+      var w;
+      return e.group ? ko(e.group, {
+        locationName: (w = s._currentLocation) == null ? void 0 : w.name
+      }) : [];
+    }), V = [
+      { label: "Overview", value: "overview" },
+      { label: "Action history", value: "history" }
+    ], B = q(V[0]), I = q(""), N = q({ templateItem: !0, nonTemplateItem: !0 }), J = q(null);
+    function X(w, x) {
+      J.value = x ? w : J.value === w ? null : J.value;
+    }
+    Te(
+      () => e.show,
+      (w) => {
+        w && (B.value = V[0], I.value = "", N.value = { templateItem: !0, nonTemplateItem: !0 }, J.value = null);
+      }
+    );
+    const O = S(
+      () => e.group ? Ta(e.group, r.value) : []
+    ), F = S(
+      () => O.value.filter((w) => !!(w.isTemplateItem && N.value.templateItem || !w.isTemplateItem && N.value.nonTemplateItem))
+    ), T = S(() => [
+      {
+        id: "sku",
+        accessorFn: (w) => `${w.code} ${w.name}`,
+        header: () => "Name",
+        size: 350,
+        cell(w) {
+          const x = w.row.original;
+          return h("div", { class: "flex flex-col gap-4" }, [
+            h(
+              "div",
+              { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+              x.name
+            ),
+            h(
+              "div",
+              { class: "line-clamp-1 fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
+              x.code
+            )
+          ]);
+        }
+      },
+      {
+        id: "uom",
+        accessorFn: (w) => w.baseUnit,
+        header: () => "UOM (base)",
+        size: 120
+      },
+      {
+        id: "physicalBalance",
+        accessorKey: "physicalBalance",
+        header: () => h(
+          be.FmTooltip,
+          { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+          {
+            default: () => "Stock Take balance",
+            content: () => "The physical balance recorded during stock take."
+          }
+        ),
+        size: 180,
+        cell(w) {
+          const x = w.row.original, re = h(
+            "div",
+            { class: "text-right fm-typo-en-body-lg-400" },
+            me(x.physicalBalance)
+          );
+          return x.breakdown.length ? h(
+            be.FmPopover,
+            {
+              showPopover: J.value === x.id,
+              placement: "bottom-end",
+              zIndex: 9999,
+              "onPopover-changed": (_) => X(x.id, _)
+            },
+            {
+              "popover-button": () => h(
+                "button",
+                {
+                  type: "button",
+                  class: "flex items-center gap-4 ml-auto text-fm-color-typo-secondary hover:text-fm-color-typo-primary"
+                },
+                [re, h(be.FmIcon, { name: "info", size: "sm", outline: !0 })]
+              ),
+              default: () => _o(x.breakdown, x.physicalBalance, x.baseUnit)
+            }
+          ) : re;
+        },
+        meta: { textAlign: "right" }
+      },
+      {
+        id: "amounts",
+        header: () => "Amounts",
+        enableSorting: !1,
+        cell(w) {
+          const x = w.row.original;
+          return Pt(x.baseUnitAmount, x.baseUnit, x.measurements);
+        }
+      }
+    ]), k = S(() => {
+      const w = e.group;
+      if (!w) return [];
+      const x = [...w.activityLogs ?? []], re = w.rejectionHistory ?? [];
+      for (const _ of re)
+        x.find(
+          (L) => `${L.action}_${L.performedAt}` == `${fe.enum.rejectDraft}_${_.rejectedAt}`
+        ) || x.push({
+          action: fe.enum.rejectDraft,
+          performedAt: _.rejectedAt,
+          performedBy: _.rejectedBy,
+          remark: _.rejectRemark
+        });
+      return w.approvedAt && (x.find(
+        (A) => `${A.action}_${A.performedAt}` == `${fe.enum.approveDraft}_${w.approvedAt}`
+      ) || x.push({
+        action: fe.enum.approveDraft,
+        performedAt: w.approvedAt,
+        performedBy: w.approvedBy ?? { name: "Unknown", id: "unknown" },
+        remark: w.approveRemark
+      })), x.sort((_, A) => new Date(A.performedAt).getTime() - new Date(_.performedAt).getTime()).map((_) => ({
+        header: Ie(_.action),
+        date: Fe(_.performedAt),
+        info: [
+          { label: "Performed by", values: [_.performedBy.name] },
+          { label: "Remark", values: [_.remark ?? ""] }
+        ]
+      }));
+    });
+    return (w, x) => {
+      const re = ee("FmButtonGroup"), _ = ee("FmMenuDivider"), A = ee("FmCard"), L = ee("FmChip"), P = ee("FmTextField"), ve = ee("FmTable"), oe = ee("FmSpacer"), R = ee("FmButton"), p = ee("FmSideSheet");
+      return f(), ne(p, {
+        "dismiss-away": "",
+        "max-width": 9999,
+        "model-value": d(i),
+        "onUpdate:modelValue": x[8] || (x[8] = (g) => bt(i) ? i.value = g : null),
+        header: "Group details"
+      }, {
+        "side-sheet-footer": te(() => [
+          a("div", ys, [
+            b.value ? (f(), ne(R, {
+              key: 0,
+              label: "Submit for approval",
+              variant: "secondary",
+              onClick: x[4] || (x[4] = (g) => $("submit"))
+            })) : W("", !0),
+            y.value ? (f(), ne(R, {
+              key: 1,
+              label: "Approve",
+              onClick: x[5] || (x[5] = (g) => $("approve"))
+            })) : W("", !0),
+            y.value ? (f(), ne(R, {
+              key: 2,
+              label: "Reject",
+              variant: "destructive",
+              onClick: x[6] || (x[6] = (g) => $("reject"))
+            })) : W("", !0),
+            D(R, {
+              label: "Close",
+              variant: "tertiary",
+              onClick: x[7] || (x[7] = (g) => i.value = !1)
+            })
+          ])
+        ]),
+        default: te(() => [
+          a("div", Ea, [
+            a("div", La, [
+              w.parentName ? (f(), C(ie, { key: 0 }, [
+                a("span", Ga, E(w.parentName), 1),
+                x[9] || (x[9] = ge(" · "))
+              ], 64)) : W("", !0),
+              x[10] || (x[10] = ge(" Group · ")),
+              a("span", za, E(c.value), 1)
+            ]),
+            a("div", null, [
+              D(re, {
+                items: V,
+                modelValue: B.value,
+                "onUpdate:modelValue": x[0] || (x[0] = (g) => B.value = g)
+              }, null, 8, ["modelValue"])
+            ]),
+            B.value.value === "overview" ? (f(), C(ie, { key: 0 }, [
+              D(A, {
+                variant: "outlined",
+                class: "flex flex-col gap-8 px-12 py-16"
+              }, {
+                default: te(() => {
+                  var g, M;
+                  return [
+                    a("div", Oa, [
+                      x[11] || (x[11] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                      a("div", Ha, [
+                        a("div", {
+                          class: we(["fm-status-badge", d(Ne)(((g = w.group) == null ? void 0 : g.status) ?? "DRAFT")])
+                        }, E(d(Ie)(((M = w.group) == null ? void 0 : M.status) ?? "")), 3)
+                      ])
+                    ]),
+                    D(_),
+                    a("div", Ya, [
+                      (f(!0), C(ie, null, _e(Q.value, (H, de) => (f(), C("div", {
+                        class: "flex flex-col gap-4",
+                        key: de
+                      }, [
+                        a("div", Wa, [
+                          a("div", Ka, E(H.label), 1)
+                        ]),
+                        a("div", qa, E(H.value), 1)
+                      ]))), 128))
+                    ])
+                  ];
+                }),
+                _: 1
+              }),
+              D(A, {
+                variant: "outlined",
+                class: "flex flex-col gap-16 px-12 py-16"
+              }, {
+                default: te(() => [
+                  a("div", Qa, E(c.value) + " items", 1),
+                  a("div", Ja, [
+                    D(L, {
+                      label: "Template Item(s)",
+                      selected: N.value.templateItem,
+                      onClick: x[1] || (x[1] = (g) => N.value.templateItem = !N.value.templateItem)
+                    }, null, 8, ["selected"]),
+                    D(L, {
+                      label: "Non-template Item(s)",
+                      selected: N.value.nonTemplateItem,
+                      onClick: x[2] || (x[2] = (g) => N.value.nonTemplateItem = !N.value.nonTemplateItem)
+                    }, null, 8, ["selected"])
+                  ]),
+                  D(P, {
+                    modelValue: I.value,
+                    "onUpdate:modelValue": x[3] || (x[3] = (g) => I.value = g),
+                    placeholder: "Filter items"
+                  }, null, 8, ["modelValue"]),
+                  a("div", Za, [
+                    D(ve, {
+                      "column-defs": T.value,
+                      "row-data": F.value,
+                      "search-value": I.value,
+                      "page-size": 10
+                    }, null, 8, ["column-defs", "row-data", "search-value"])
+                  ])
+                ]),
+                _: 1
+              })
+            ], 64)) : W("", !0),
+            B.value.value === "history" ? (f(), C("div", Xa, [
+              k.value.length ? (f(), C("div", os, [
+                (f(!0), C(ie, null, _e(k.value, (g, M) => (f(), C(ie, { key: M }, [
+                  a("div", ns, [
+                    a("div", as, [
+                      a("div", ss, [
+                        a("div", {
+                          class: we([
+                            { "bg-fm-color-primary": M !== 0, "bg-white": M === 0 },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ]),
+                      x[14] || (x[14] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                      a("div", rs, [
+                        a("div", {
+                          class: we([
+                            {
+                              "bg-fm-color-primary": M < k.value.length - 1,
+                              "bg-white": M >= k.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    a("div", ls, [
+                      a("div", is, E(g.header), 1),
+                      a("div", cs, E(g.date), 1)
+                    ])
+                  ]),
+                  a("div", us, [
+                    a("div", ds, [
+                      a("div", ms, [
+                        a("div", {
+                          class: we([
+                            {
+                              "bg-fm-color-primary": M < k.value.length - 1,
+                              "bg-white": M >= k.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    a("div", ps, [
+                      D(A, {
+                        variant: "outlined",
+                        class: "py-12 px-16"
+                      }, {
+                        default: te(() => [
+                          a("div", fs, [
+                            (f(!0), C(ie, null, _e(g.info, (H, de) => (f(), C("div", {
+                              key: de,
+                              class: "flex flex-col gap-4"
+                            }, [
+                              a("div", vs, E(H.label), 1),
+                              a("div", gs, [
+                                (f(!0), C(ie, null, _e(H.values, (j, z) => (f(), C("div", {
+                                  key: z,
+                                  class: "fm-typo-en-body-lg-600"
+                                }, E(j), 1))), 128))
+                              ])
+                            ]))), 128))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ])
+                ], 64))), 128))
+              ])) : (f(), C("div", es, [
+                D(oe),
+                a("div", null, [
+                  a("img", {
+                    src: d(yo),
+                    alt: "List is empty"
+                  }, null, 8, ts)
+                ]),
+                x[12] || (x[12] = a("div", { class: "fm-typo-en-body-lg-600" }, "No records found", -1)),
+                x[13] || (x[13] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, " You can track approval and rejection history here ", -1)),
+                D(oe),
+                D(oe)
+              ]))
+            ])) : W("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), hs = { class: "w-full flex flex-col gap-32" }, _s = { class: "flex flex-col gap-4" }, ks = { class: "flex justify-between" }, xs = { class: "flex" }, ws = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Ds = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, As = { class: "flex gap-1" }, $s = {
+  class: "fm-typo-en-body-lg-600",
+  style: { "white-space": "pre-wrap", "word-break": "break-word" }
+}, Cs = { class: "flex items-center justify-between" }, Ss = { class: "fm-typo-en-body-lg-600" }, Fs = {
+  key: 1,
+  class: "flex items-start gap-8 p-12 fm-corner-radius-md border-1 border-yellow-500 bg-yellow-50 text-yellow-700"
+}, Is = { class: "flex flex-col gap-2" }, Bs = { class: "fm-typo-en-body-sm-400 list-disc pl-16" }, Ts = { key: 0 }, js = { key: 1 }, Rs = { class: "flex flex-col gap-16" }, Ms = { class: "flex items-center" }, Ns = {
+  key: 0,
+  class: "flex gap-8"
+}, Us = {
+  key: 0,
+  class: "w-full flex flex-col items-center"
+}, Ps = { class: "flex items-center gap-8" }, Vs = { class: "flex flex-col gap-8" }, Es = { class: "flex gap-8" }, Ls = {
+  key: 0,
+  class: "flex gap-8"
+}, Gs = {
+  key: 1,
+  class: "flex gap-8 flex-wrap"
+}, zs = { class: "overflow-x-auto" }, Os = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, Hs = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, Ys = ["src"], Ws = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, Ks = { class: "flex gap-12 content-stretch" }, qs = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Qs = { class: "flex-1 flex flex-col items-center" }, Js = { class: "flex-1 flex flex-col items-center" }, Zs = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, Xs = { class: "fm-typo-en-body-lg-400" }, er = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, tr = { class: "flex gap-12 content-stretch" }, or = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, nr = { class: "flex-1 flex flex-col items-center" }, ar = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, sr = { class: "flex flex-col gap-8" }, rr = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, lr = { class: "flex flex-col gap-4" }, ir = { class: "flex items-center justify-between gap-8 w-full" }, cr = { class: "flex items-center gap-8" }, ur = { class: "flex flex-col items-end" }, dr = { class: "text-2xl font-semibold" }, mr = "N/A", pr = /* @__PURE__ */ Se({
+  __name: "ClosingDraftDialog",
+  props: {
+    show: { type: Boolean },
+    draft: {}
+  },
+  emits: ["submitted", "refresh"],
+  setup(t, { emit: o }) {
+    const e = t, n = S(() => {
+      const m = co();
+      return m === "MYR" ? "RM" : m;
+    }), i = bo(), r = S(() => {
+      var m, l;
+      return (m = e.draft) != null && m.closingId ? ((l = i.drafts.find((v) => v._id === e.draft._id)) == null ? void 0 : l.closingIdDisplay) ?? null : null;
+    }), s = yt(), u = Ge(), c = Tt(e, "show"), b = q(!1), y = q(!1), $ = q([]), Q = S(
+      () => e.draft
+    );
+    let V = 0, B;
+    async function I() {
+      var G, Y;
+      const m = (G = e.draft) == null ? void 0 : G._id;
+      if ($.value = [], !m) return;
+      const l = (Y = Q.value) == null ? void 0 : Y.groups;
+      if (l && B !== m) {
+        B = m, ++V, $.value = l;
+        return;
+      }
+      const v = ++V;
+      try {
+        const U = await u.getClosingGroups(m);
+        if (v !== V) return;
+        $.value = U;
+      } catch (U) {
+        if (v !== V) return;
+        console.error("Failed to fetch closing groups", U);
+      }
+    }
+    const N = S(() => $.value.map(Bt)), J = S(() => {
+      var m, l, v;
+      return (v = (l = (m = e.draft) == null ? void 0 : m.usingTemplates) == null ? void 0 : l.find((G) => G)) == null ? void 0 : v.name;
+    }), X = q(null), O = q(!1);
+    function F(m) {
+      const l = $.value.find((v) => v._id === m);
+      l && (X.value = l, O.value = !0);
+    }
+    const T = q(new Array()), k = q(new Array()), w = S(
+      () => {
+        var m;
+        return ((m = e.draft) == null ? void 0 : m.status) === xe.enum.COMPLETED;
+      }
+    ), x = S(
+      () => {
+        var m;
+        return w.value ? T.value : ((m = e.draft) == null ? void 0 : m.stockSnapshot) ?? [];
+      }
+    ), re = S(
+      () => w.value ? k.value : []
+    ), _ = S(() => {
+      var G;
+      const m = /* @__PURE__ */ new Set();
+      for (const Y of ((G = e.draft) == null ? void 0 : G.adjustmentSnapshot) ?? [])
+        Y.adjustmentsByType && Object.keys(Y.adjustmentsByType).forEach((U) => m.add(U));
+      const v = ["receive", "sales", "wastage"].filter((Y) => m.has(Y));
+      return v.forEach((Y) => m.delete(Y)), [...v, ...Array.from(m).sort()];
+    }), A = _t(), L = Ue(), P = jt(), ve = Qe(), oe = no({}), R = S(() => new Set(
+      P.skus.filter((m) => {
+        var l;
+        return oe[(l = m.customAttributes) == null ? void 0 : l.tag];
+      }).map((m) => m._id)
+    )), p = o, g = S(() => {
+      var m;
+      return (m = e.draft) == null ? void 0 : m._id;
+    }), M = S(() => {
+      var m;
+      return (m = e.draft) == null ? void 0 : m._rev;
+    }), {
+      refreshing: H,
+      startListening: de,
+      startRefresh: j,
+      cleanup: z
+    } = ba({
+      closingDraftId: g,
+      currentRev: M,
+      onCompleted: (m) => {
+        p("refresh", m), c.value = !1;
+      }
+    }), le = q({
+      templateItem: !0,
+      nonTemplateItem: !0
+    }), ae = q(null);
+    function De(m, l) {
+      ae.value = l ? m : ae.value === m ? null : ae.value;
+    }
+    const he = S(() => {
+      var m, l;
+      return [
+        {
+          label: "Main",
+          isSub: !1,
+          items: [...((m = e.draft) == null ? void 0 : m.items) ?? [], ...((l = e.draft) == null ? void 0 : l.negativeStockItems) ?? []]
+        },
+        ...$.value.map((v) => ({
+          label: xt(v),
+          isSub: !0,
+          items: [...v.items ?? [], ...v.negativeStockItems ?? []]
+        }))
+      ];
+    }), je = S(() => {
+      var G, Y;
+      const m = [
+        ...((G = e.draft) == null ? void 0 : G.items) ?? [],
+        ...((Y = e.draft) == null ? void 0 : Y.negativeStockItems) ?? []
+      ], l = $.value.map((U) => [
+        ...U.items ?? [],
+        ...U.negativeStockItems ?? []
+      ]), v = zn([m, ...l]);
+      return R.value.size ? v.filter((U) => R.value.has(U.sku._id)) : v;
+    }), Re = S(() => {
+      const m = je.value.map((l) => l.sku);
+      return m.sort((l, v) => l.code.localeCompare(v.code)), m;
+    }), ze = Mt();
+    Te(
+      () => e.show,
+      async (m) => {
+        if (!m) {
+          z();
+          return;
+        }
+        Je.value = At[0], le.value = {
+          templateItem: !0,
+          nonTemplateItem: !0
+        }, ae.value = null, de();
+      },
+      { immediate: !0 }
+    ), Te(
+      [() => e.show, g],
+      ([m]) => {
+        m && (I(), xo());
+      },
+      { immediate: !0 }
+    );
+    const nt = S(() => st.value.reduce((m, l) => m + Number(l.stockTakeValue), 0)), Pe = et(0), at = et(100);
+    async function xo() {
+      var m, l, v;
+      if (ve._currentLocation) {
+        b.value = !0, T.value = [], k.value = [];
+        try {
+          if (await P.init(), !w.value) return;
+          const G = (m = e.draft) == null ? void 0 : m.closingAdjustmentId;
+          if (!G) {
+            L.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: (l = e.draft) == null ? void 0 : l._id
+            });
+            return;
+          }
+          const Y = ((v = Q.value) == null ? void 0 : v.closingAdjustment) ?? await A.readAdjustmentById(G), U = (Y == null ? void 0 : Y.skus) ?? [];
+          for (const K of U)
+            T.value.push({
+              id: K.sku._id,
+              balance: K.fromBalance,
+              costs: K.fromCostBalances
+            }), k.value.push({
+              id: K.sku._id,
+              balance: K.toBalance,
+              costs: K.toCostBalances
+            });
+        } catch (G) {
+          L.open({
+            title: "Something went wrong",
+            message: "Something went wrong when fetching info. Please try again.",
+            type: "error"
+          }), console.error("error on fetch stock balances", G);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    async function Vt() {
+      var l, v;
+      if (H.value)
+        return;
+      if (!(((l = e.draft) == null ? void 0 : l.effectiveAt) ?? (e.draft ? Le((v = e.draft) == null ? void 0 : v._id) : null))) {
+        L.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await s.refreshBalance(
+        e.draft,
+        () => {
+        },
+        async (G) => {
+          await j(G);
+        }
+      );
+    }
+    async function wo() {
+      var l, v;
+      if (!(((l = e.draft) == null ? void 0 : l.effectiveAt) ?? (e.draft ? Le((v = e.draft) == null ? void 0 : v._id) : null))) {
+        L.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await s.invalidateDraftCache(e.draft);
+    }
+    const Do = S(
+      () => x.value.groupBy(
+        (m) => m.id,
+        (m) => m.balance
+      )
+    ), Ao = S(() => je.value.groupBy((m) => m.sku._id)), $o = S(() => {
+      var m;
+      return (m = e.draft) != null && m.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((l) => [l.skuId, l.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), Co = S(() => {
+      var m;
+      return (m = e.draft) != null && m.opening ? new Map(e.draft.opening.map((l) => [l.skuId, l.balance])) : /* @__PURE__ */ new Map();
+    });
+    function Ce(m, l) {
+      return h(
+        be.FmTooltip,
+        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+        {
+          default() {
+            return m;
+          },
+          content() {
+            return l || m;
+          }
+        }
+      );
+    }
+    const Et = S(() => [
+      {
+        id: "sku",
+        accessorFn: (l) => `${l.code} ${l.name}`,
+        header: () => "Name",
+        size: 350,
+        cell(l) {
+          const v = l.row.original, G = v.adjustedDiffPercentage, Y = typeof G == "number" && Math.abs(G) > 10, U = h("div", { class: "flex flex-col gap-4" }, [
+            h(
+              "div",
+              {
+                class: [
+                  "line-clamp-1 fm-typo-en-body-lg-400",
+                  Y ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                ]
+              },
+              v.name
+            ),
+            h(
+              "div",
+              {
+                class: [
+                  "line-clamp-1 fm-typo-en-body-md-400",
+                  Y ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+                ]
+              },
+              v.code
+            ),
+            // Flags items whose counts come from more than one sub — a heads-up
+            // that the displayed total is summed across subs.
+            v.subSources.length >= 2 ? h(
+              "div",
+              {
+                class: "flex items-center gap-4 w-fit px-8 py-2 fm-corner-radius-md bg-orange-50 text-fm-color-primary fm-typo-en-body-md-600"
+              },
+              [
+                h(be.FmIcon, { name: "refresh", size: "sm" }),
+                h("span", `Counted in ${v.subSources.length} subs: ${v.subSources.join(", ")}`)
+              ]
+            ) : null
+          ]);
+          return h(
+            be.FmTooltip,
+            {
+              zIndex: 51
+            },
+            {
+              content() {
+                return Y ? "Adjustment difference is more than 10%." : `${v.code} - ${v.name}`;
+              },
+              default() {
+                return h("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                  U
+                ]);
+              }
+            }
+          );
+        }
+      },
+      // Dynamic custom attribute columns (toggled by user)
+      ...zt.value.map(
+        (l) => ({
+          id: `customAttr_${l}`,
+          accessorFn: (v) => v.customAttributeValues[l],
+          header: () => Ce(Ie(l)),
+          size: 160,
+          cell(v) {
+            const G = v.row.original.customAttributeValues[l];
+            return G == null ? "N/A" : typeof G == "number" ? h("div", { class: "text-right fm-typo-en-body-lg-400" }, me(G)) : h("div", { class: "text-right fm-typo-en-body-lg-400" }, String(G));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        })
+      ),
+      {
+        id: "costPerUnit",
+        accessorKey: "costPerUnit",
+        header: () => Ce("Cost per unit"),
+        size: 160,
+        cell(l) {
+          const v = l.row.original.costPerUnit;
+          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, me(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "costUnit",
+        header: () => "UOM",
+        size: 120,
+        cell(l) {
+          var K;
+          const v = l.row.original, G = v.costUnit, Y = v.baseUnit, U = G ?? Y;
+          if (G && G !== Y) {
+            const ue = Re.value.find((ce) => ce._id === v.id), pe = (K = ue == null ? void 0 : ue.defaultCost) == null ? void 0 : K.measurement;
+            if (pe) {
+              const ce = pe.conversion.amount / Math.pow(10, pe.conversion.precision);
+              return h("div", { class: "flex flex-col" }, [
+                h(
+                  "span",
+                  { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+                  U
+                ),
+                h("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                  "1 ",
+                  h("span", { class: "fm-typo-en-body-sm-600" }, G),
+                  ` = ${ce} `,
+                  h("span", { class: "fm-typo-en-body-sm-600" }, Y)
+                ])
+              ]);
+            }
+          }
+          return U;
+        }
+      },
+      {
+        id: "opening",
+        accessorKey: "opening",
+        header: () => Ce("Opening (B/F)", "The opening balance brought forward from previous period."),
+        size: 150,
+        cell(l) {
+          const v = l.row.original.opening;
+          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, me(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      // Dynamic adjustment type columns
+      ..._.value.map(
+        (l) => ({
+          id: `adjustment_${l}`,
+          accessorFn: (v) => v.adjustmentAmounts[l] ?? { amount: 0, precision: 0 },
+          header: () => Ce(Ie(l)),
+          size: 150,
+          cell(v) {
+            const G = v.row.original.adjustmentAmounts[l] ?? { amount: 0, precision: 0 };
+            return h("div", { class: "text-right fm-typo-en-body-lg-400" }, me(G));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        })
+      ),
+      {
+        id: "systemBalance",
+        accessorKey: "systemBalance",
+        header: () => Ce("System Balance", "The system calculated balance before stock take."),
+        size: 200,
+        cell(l) {
+          const v = l.row.original.systemBalance;
+          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, me(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "physicalBalance",
+        accessorFn: (l) => {
+          var G;
+          const v = (G = re.value.find((Y) => Y.id === l.id)) == null ? void 0 : G.balance;
+          return v ? gn.toDouble(v) : l.physicalBalance;
+        },
+        header: () => Ce("Stock Take balance", "The physical balance recorded during stock take."),
+        cell(l) {
+          var pe;
+          const v = l.row.original, G = se.fromNumber(v.physicalBalance);
+          let Y = !0;
+          const U = (pe = re.value.find((ce) => ce.id === v.id)) == null ? void 0 : pe.balance;
+          let K;
+          U && !se.equals({ a: G, b: U }) ? (Y = !1, K = me(U)) : K = me(v.physicalBalance);
+          const ue = h("div", { class: "flex flex-col items-end" }, [
+            h(
+              "span",
+              { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+              K
+            ),
+            Y ? null : h(
+              "span",
+              { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+              `Draft: ${me(v.physicalBalance)}`
+            )
+          ]);
+          return v.breakdown.length ? h(
+            be.FmPopover,
+            {
+              showPopover: ae.value === v.id,
+              placement: "bottom-end",
+              zIndex: 9999,
+              "onPopover-changed": (ce) => De(v.id, ce)
+            },
+            {
+              "popover-button": () => h(
+                "button",
+                {
+                  type: "button",
+                  class: "flex items-center gap-4 ml-auto text-fm-color-typo-secondary hover:text-fm-color-typo-primary"
+                },
+                [
+                  ue,
+                  h(be.FmIcon, { name: "info", size: "sm", outline: !0 })
+                ]
+              ),
+              default: () => _o(v.breakdown, v.physicalBalance, v.baseUnit)
+            }
+          ) : ue;
+        },
+        size: 200,
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "adjustedAmount",
+        accessorKey: "adjustedAmount",
+        header: () => Ce("Variance", "The difference between Stock Take balance and System Balance."),
+        size: 200,
+        cell(l) {
+          const v = l.row.original.adjustedAmount;
+          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, me(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "varianceInCost",
+        accessorKey: "varianceInCost",
+        header: () => Ce(`Variance (${n.value})`),
+        size: 150,
+        cell(l) {
+          const v = l.row.original.varianceInCost;
+          return h("div", { class: "text-right fm-typo-en-body-lg-400" }, me(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "adjustedDiffPercentage",
+        accessorKey: "adjustedDiffPercentage",
+        header: () => Ce(
+          "Variance (%)",
+          "Difference between Stock Take balance and System Balance in percentage."
+        ),
+        size: 200,
+        cell(l) {
+          const v = l.row.original.adjustedDiffPercentage;
+          if (v == null)
+            return h(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" },
+              mr
+            );
+          const G = me(v);
+          if (v === 0)
+            return h("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+              me(0)
+            ]);
+          const Y = v > 0;
+          return h("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+            h(be.FmIcon, {
+              name: Y ? "arrow_drop_up" : "arrow_drop_down",
+              color: Y ? "system-success-300" : "system-error-300",
+              size: "md"
+            }),
+            G
+          ]);
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "stockTakeValue",
+        accessorKey: "stockTakeValue",
+        header: () => Ce(`Stock take value (${n.value})`),
+        size: 180,
+        cell(l) {
+          var pe;
+          const v = l.row.original, G = v.stockTakeValue, Y = Re.value.find((ce) => ce._id === v.id), U = (pe = Y == null ? void 0 : Y.defaultCost) == null ? void 0 : pe.measurement, K = v.physicalBalance, ue = v.costPerUnit;
+          if (U) {
+            const ce = se.toFormatString({ value: U.conversion }), Ve = `${me(K, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} ÷ ${ce} × ${ue} ${n.value}`;
+            return h(
+              be.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return Ve;
+                },
+                default() {
+                  return h(
+                    "div",
+                    { class: "text-right w-full fm-typo-en-body-lg-400" },
+                    me(G)
+                  );
+                }
+              }
+            );
+          } else {
+            const ce = `${me(K, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} × ${ue} ${n.value}`;
+            return h(
+              be.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return ce;
+                },
+                default() {
+                  return h(
+                    "div",
+                    { class: "text-right w-full fm-typo-en-body-lg-400" },
+                    me(G)
+                  );
+                }
+              }
+            );
+          }
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "systemValue",
+        accessorKey: "systemValue",
+        header: () => Ce(`System value (${n.value})`),
+        size: 180,
+        cell(l) {
+          var pe;
+          const v = l.row.original, G = v.systemValue, Y = Re.value.find((ce) => ce._id === v.id), U = (pe = Y == null ? void 0 : Y.defaultCost) == null ? void 0 : pe.measurement, K = v.systemBalance, ue = v.costPerUnit;
+          if (U) {
+            const ce = se.toFormatString({ value: U.conversion }), Ve = `${me(K, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} ÷ ${ce} × ${ue} ${n.value}`;
+            return h(
+              be.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return Ve;
+                },
+                default() {
+                  return h(
+                    "div",
+                    { class: "text-right fm-typo-en-body-lg-400" },
+                    me(G)
+                  );
+                }
+              }
+            );
+          } else {
+            const ce = `${me(K, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} × ${ue} ${n.value}`;
+            return h(
+              be.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return ce;
+                },
+                default() {
+                  return h(
+                    "div",
+                    { class: "text-right fm-typo-en-body-lg-400" },
+                    me(G)
+                  );
+                }
+              }
+            );
+          }
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "physicalBalances",
+        header: () => "Amounts",
+        enableSorting: !1,
+        cell(l) {
+          const v = l.row.original;
+          return $.value.length && v.sourceBuckets.length ? Ra(v.sourceBuckets, v.baseUnit) : Pt(v.baseUnitAmount, v.baseUnit, v.measurements);
+        }
+      }
+    ]), So = S(() => Et.value.map((m) => m.size ?? 0).reduce((m, l) => m + l)), wt = q(""), Fo = S(() => {
+      var G, Y;
+      const m = ((Y = (G = e.draft) == null ? void 0 : G.negativeStockItems) == null ? void 0 : Y.reduce(
+        (U, K) => (U[K.sku._id] = K, U),
+        {}
+      )) ?? {}, l = new Map(
+        re.value.map((U) => [U.id, U.balance])
+      );
+      return Re.value.map((U) => {
+        var Kt, qt, Qt, Jt, Zt, Xt, eo, to, oo;
+        const K = (Kt = Ao.value.get(U._id)) == null ? void 0 : Kt[0], ue = ((qt = Do.value.get(U._id)) == null ? void 0 : qt[0]) ?? Pe, pe = ((Qt = U.defaultCost) == null ? void 0 : Qt.costPerUnit) ?? Pe, ce = Number(se.toFormatString({ value: pe })), Ve = ((Zt = (Jt = U.defaultCost) == null ? void 0 : Jt.measurement) == null ? void 0 : Zt.conversion) ?? {
+          amount: 1,
+          precision: 0
+        }, Be = Number(
+          se.toFormatString({ value: Ve })
+        ), ct = Co.value.get(U._id), ut = ct ? Number(se.toFormatString({ value: ct })) : 0, Z = $o.value.get(U._id), ye = {};
+        if (_.value.forEach((Ae) => {
+          const mt = ye[Ae] ?? { amount: 0, precision: 0 }, pt = Z == null ? void 0 : Z[Ae];
+          pt && (ye[Ae] = tt(mt, pt));
+        }), !K) {
+          const Ae = Number(se.toFormatString({ value: ue })), mt = 0 - Ae, pt = mt * ce / Be, Eo = 0, Lo = Ae * ce / Be;
+          return {
+            id: U._id,
+            code: U.code,
+            name: U.name,
+            costUnit: ((eo = (Xt = U.defaultCost) == null ? void 0 : Xt.measurement) == null ? void 0 : eo.abbrev) ?? null,
+            baseUnit: U.unit.abbrev,
+            baseUnitAmount: 0,
+            systemBalance: Ae,
+            physicalBalance: 0,
+            adjustedAmount: -Ae,
+            adjustedDiffPercentage: -100,
+            isTemplateItem: !m[U._id],
+            costPerUnit: ce,
+            opening: ut,
+            varianceQty: mt,
+            varianceInCost: pt,
+            stockTakeValue: Eo,
+            systemValue: Lo,
+            adjustmentAmounts: ye,
+            customAttributeValues: U.customAttributes ?? {},
+            measurements: [],
+            breakdown: [],
+            sourceBuckets: [],
+            subSources: []
+          };
+        }
+        const ke = kt(K), Me = l.get(U._id), He = fo(
+          Me ?? ke,
+          ue
+        ), dt = ue.amount === 0 ? null : vo(He, {
+          ...ue,
+          amount: Math.abs(ue.amount)
+        }), Ht = dt ? ht(dt, at) : null, Ct = Number(se.toFormatString({ value: ue })), St = Number(se.toFormatString({ value: ke })), Yt = St - Ct, Ro = Yt * ce / Be, Mo = St * ce / Be, No = Ct * ce / Be, { baseUnitAmount: Uo, measurements: Po } = Ut(K, ze.value), Vo = ho(K, ze.value), Wt = ja(U._id, he.value, ze.value);
+        return {
+          id: U._id,
+          code: U.code,
+          name: U.name,
+          costUnit: ((oo = (to = U.defaultCost) == null ? void 0 : to.measurement) == null ? void 0 : oo.abbrev) ?? null,
+          baseUnit: U.unit.abbrev,
+          baseUnitAmount: Uo,
+          measurements: Po,
+          breakdown: Vo,
+          systemBalance: Ct,
+          physicalBalance: St,
+          adjustedAmount: Number(se.toFormatString({ value: He })),
+          adjustedDiffPercentage: Ht ? Number(
+            se.toFormatString({
+              value: go(Ht, 2)
+            })
+          ) : null,
+          isTemplateItem: !m[U._id],
+          costPerUnit: ce,
+          opening: ut,
+          varianceQty: Yt,
+          varianceInCost: Ro,
+          stockTakeValue: Mo,
+          systemValue: No,
+          adjustmentAmounts: ye,
+          customAttributeValues: U.customAttributes ?? {},
+          sourceBuckets: Wt,
+          subSources: Wt.filter((Ae) => Ae.isSub).map((Ae) => Ae.label)
+        };
+      });
+    }), st = S(() => Fo.value.filter((m) => !!(m.isTemplateItem && le.value.templateItem || !m.isTemplateItem && le.value.nonTemplateItem))), Lt = S(
+      () => st.value.some((m) => m.measurements.some((l) => l.variant === "inactive"))
+    ), Gt = S(
+      () => st.value.some((m) => m.measurements.some((l) => l.variant === "orphan"))
+    ), Io = S(
+      () => Lt.value || Gt.value
+    ), Dt = S(() => {
+      const m = /* @__PURE__ */ new Set();
+      for (const l of Re.value)
+        if (l.customAttributes)
+          for (const v of Object.keys(l.customAttributes))
+            v !== "tag" && m.add(v);
+      return Array.from(m).sort();
+    }), rt = no({}), zt = S(
+      () => Dt.value.filter((m) => rt[m])
+    ), Bo = S(() => {
+      var m;
+      return e.draft ? ko(e.draft, {
+        idDisplay: r.value,
+        locationName: (m = ve._currentLocation) == null ? void 0 : m.name
+      }) : [];
+    }), At = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Action history",
+        value: "history"
+      }
+    ], Je = q(At[0]), Oe = S(() => {
+      var G, Y, U;
+      const m = ((G = e.draft) == null ? void 0 : G.activityLogs) ?? [], l = ((Y = e.draft) == null ? void 0 : Y.rejectionHistory) ?? [];
+      for (const K of l)
+        m.find(
+          (pe) => `${pe.action}_${pe.performedAt}` == `${fe.enum.rejectDraft}_${K.rejectedAt}`
+        ) || m.push({
+          action: fe.enum.rejectDraft,
+          performedAt: K.rejectedAt,
+          performedBy: K.rejectedBy,
+          remark: K.rejectRemark
+        });
+      return (U = e.draft) != null && U.approvedAt && (m.find(
+        (ue) => {
+          var pe;
+          return `${ue.action}_${ue.performedAt}` == `${fe.enum.approveDraft}_${(pe = e.draft) == null ? void 0 : pe.approvedAt}`;
+        }
+      ) || m.push({
+        action: fe.enum.approveDraft,
+        performedAt: e.draft.approvedAt,
+        performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
+        remark: e.draft.approveRemark
+      })), m.sort((K, ue) => new Date(ue.performedAt).getTime() - new Date(K.performedAt).getTime()).map(
+        (K) => ({
+          header: Ie(K.action),
+          date: Fe(K.performedAt),
+          info: [
+            {
+              label: "Performed by",
+              values: [K.performedBy.name]
+            },
+            {
+              label: "Remark",
+              values: [K.remark ?? ""]
+            }
+          ]
+        })
+      );
+    }), lt = q(!1), it = q(!1), $t = q(!1), Ot = S(() => {
+      var m;
+      return ((m = e.draft) == null ? void 0 : m.status) !== xe.enum.DRAFT ? "Status is not draft." : null;
+    });
+    async function To(m) {
+      if (e.draft) {
+        $t.value = !0;
+        try {
+          const l = await u.approveAllClosingGroups(e.draft._id, m);
+          $.value = l;
+        } catch (l) {
+          L.open({
+            title: "Failed to approve all groups",
+            message: (l == null ? void 0 : l.message) || "An unexpected error occurred.",
+            type: "error"
+          });
+        } finally {
+          $t.value = !1;
+        }
+      }
+    }
+    function jo() {
+      e.draft && (it.value = !0, s.approveDraft(
+        e.draft,
+        () => {
+          it.value = !1, lt.value = !1, p("submitted");
+        },
+        () => {
+          it.value = !1;
+        }
+      ));
+    }
+    return (m, l) => {
+      const v = ee("FmButtonGroup"), G = ee("FmMenuDivider"), Y = ee("FmCard"), U = ee("FmIcon"), K = ee("FmButton"), ue = ee("FmCircularProgress"), pe = ee("FmChip"), ce = ee("FmTextField"), Ve = ee("FmTable"), Be = ee("FmSpacer"), ct = ee("FmTooltip"), ut = ee("FmSideSheet");
+      return f(), C(ie, null, [
+        D(ut, {
+          "dismiss-away": "",
+          "max-width": 9999,
+          "model-value": d(c),
+          "onUpdate:modelValue": l[9] || (l[9] = (Z) => bt(c) ? c.value = Z : null),
+          header: "Closing details"
+        }, {
+          "side-sheet-footer": te(() => {
+            var Z, ye, ke, Me;
+            return [
+              a("div", ir, [
+                a("div", cr, [
+                  ((Z = e.draft) == null ? void 0 : Z.status) === d(xe).enum.DRAFT ? (f(), C(ie, { key: 0 }, [
+                    Ot.value ? (f(), ne(ct, {
+                      key: 0,
+                      "z-index": 51,
+                      placement: "right"
+                    }, {
+                      content: te(() => [
+                        ge(E(Ot.value), 1)
+                      ]),
+                      default: te(() => [
+                        D(K, {
+                          disabled: "",
+                          key: "approve key",
+                          label: "Approve"
+                        })
+                      ]),
+                      _: 1
+                    })) : (f(), ne(K, {
+                      key: "approve key",
+                      label: "Approve",
+                      onClick: l[5] || (l[5] = (He) => lt.value = !0)
+                    }))
+                  ], 64)) : W("", !0),
+                  ((ye = e.draft) == null ? void 0 : ye.status) === d(xe).enum.DRAFT ? (f(), ne(K, {
+                    key: 1,
+                    label: "Reject",
+                    variant: "destructive",
+                    onClick: l[6] || (l[6] = () => e.draft && d(s).rejectDraft(e.draft, () => p("submitted")))
+                  })) : W("", !0),
+                  D(K, {
+                    label: "Close",
+                    variant: "tertiary",
+                    onClick: l[7] || (l[7] = (He) => c.value = !1)
+                  }),
+                  (ke = e.draft) != null && ke.approvedAt && ((Me = e.draft) == null ? void 0 : Me.status) !== d(xe).enum.COMPLETED ? (f(), ne(Ft, { key: 2 }, {
+                    default: te(() => [
+                      D(K, {
+                        label: "Sync",
+                        loading: y.value,
+                        onClick: l[8] || (l[8] = () => {
+                          e.draft && (y.value = !0, d(s).syncDraft(e.draft, () => {
+                            y.value = !1, p("submitted");
+                          }));
+                        })
+                      }, null, 8, ["loading"])
+                    ]),
+                    _: 1
+                  })) : W("", !0)
+                ]),
+                a("div", ur, [
+                  l[25] || (l[25] = a("div", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Total stock take value", -1)),
+                  a("div", dr, E(n.value) + " " + E(nt.value.toFixed(2)), 1)
+                ])
+              ])
+            ];
+          }),
+          default: te(() => [
+            a("div", hs, [
+              a("div", null, [
+                D(v, {
+                  items: At,
+                  modelValue: Je.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (Z) => Je.value = Z)
+                }, null, 8, ["modelValue"])
+              ]),
+              Je.value.value === "overview" ? (f(), C(ie, { key: 0 }, [
+                D(Ft, { selectable: "" }, {
+                  default: te(() => {
+                    var Z;
+                    return [
+                      a("div", _s, [
+                        l[12] || (l[12] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, [
+                          a("div", { class: "flex gap-1" }, "Draft ID")
+                        ], -1)),
+                        ge(" " + E((Z = m.draft) == null ? void 0 : Z._id), 1)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                D(Y, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: te(() => {
+                    var Z, ye;
+                    return [
+                      a("div", ks, [
+                        l[13] || (l[13] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                        a("div", xs, [
+                          a("div", {
+                            class: we(["fm-status-badge", d(Ne)(((Z = m.draft) == null ? void 0 : Z.status) ?? "DRAFT")])
+                          }, E(d(Ie)(((ye = m.draft) == null ? void 0 : ye.status) ?? "")), 3)
+                        ])
+                      ]),
+                      D(G),
+                      a("div", ws, [
+                        (f(!0), C(ie, null, _e(Bo.value, (ke, Me) => (f(), C("div", {
+                          class: "flex flex-col gap-4",
+                          key: Me
+                        }, [
+                          a("div", Ds, [
+                            a("div", As, E(ke.label), 1)
+                          ]),
+                          a("div", $s, E(ke.value), 1)
+                        ]))), 128))
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                N.value.length ? (f(), ne(Y, {
+                  key: 0,
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: te(() => [
+                    a("div", Cs, [
+                      a("div", Ss, "Groups " + E(N.value.length), 1),
+                      l[14] || (l[14] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Parent totals = sum of all groups ", -1))
+                    ]),
+                    D(G),
+                    D(Fa, {
+                      groups: N.value,
+                      onSelect: F
+                    }, null, 8, ["groups"])
+                  ]),
+                  _: 1
+                })) : W("", !0),
+                Io.value ? (f(), C("div", Fs, [
+                  D(U, {
+                    name: "rule",
+                    size: "sm"
+                  }),
+                  a("div", Is, [
+                    l[16] || (l[16] = a("div", { class: "fm-typo-en-body-md-600" }, "UOM notes", -1)),
+                    a("ul", Bs, [
+                      Lt.value ? (f(), C("li", Ts, l[15] || (l[15] = [
+                        ge(" Measurements highlighted in "),
+                        a("span", { class: "font-bold" }, "purple", -1),
+                        ge(" are NetSuite-inactive UOMs (surfaced for audit; their amounts are part of the base total). ")
+                      ]))) : W("", !0),
+                      Gt.value ? (f(), C("li", js, " Red highlights are UOMs not on the SKU (ignored). ")) : W("", !0)
+                    ])
+                  ])
+                ])) : W("", !0),
+                a("div", Rs, [
+                  a("div", Ms, [
+                    l[17] || (l[17] = a("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
+                    b.value ? W("", !0) : (f(), C("div", Ns, [
+                      m.draft && m.draft.status !== d(xe).enum.COMPLETED ? (f(), ne(K, {
+                        key: 0,
+                        label: "Refresh balance",
+                        "prepend-icon": "refresh",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        loading: d(H),
+                        disabled: d(H),
+                        onClick: Vt
+                      }, null, 8, ["loading", "disabled"])) : W("", !0),
+                      D(Ft, null, {
+                        default: te(() => [
+                          D(K, {
+                            label: "Invalidate Draft Cache",
+                            "prepend-icon": "refresh",
+                            variant: "secondary",
+                            "text-color": "primary",
+                            "bg-color": "transparent",
+                            "border-color": "primary",
+                            loading: d(H),
+                            onClick: wo
+                          }, null, 8, ["loading"])
+                        ]),
+                        _: 1
+                      }),
+                      D(K, {
+                        label: "Export data",
+                        "prepend-icon": "download",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        onClick: l[1] || (l[1] = (Z) => m.draft ? d(s).exportDraft(
+                          m.draft,
+                          x.value,
+                          re.value,
+                          zt.value
+                        ) : null)
+                      })
+                    ]))
+                  ]),
+                  b.value ? (f(), C("div", Us, [
+                    l[19] || (l[19] = a("div", { class: "h-80" }, null, -1)),
+                    a("div", Ps, [
+                      a("div", null, [
+                        D(ue, { size: "md" })
+                      ]),
+                      l[18] || (l[18] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                    ]),
+                    l[20] || (l[20] = a("div", { class: "h-80" }, null, -1))
+                  ])) : (f(), C(ie, { key: 1 }, [
+                    a("div", Vs, [
+                      a("div", Es, [
+                        D(pe, {
+                          label: "Template Item(s)",
+                          selected: le.value.templateItem,
+                          onClick: l[2] || (l[2] = (Z) => le.value.templateItem = !le.value.templateItem)
+                        }, null, 8, ["selected"]),
+                        D(pe, {
+                          label: "Non-template Item(s)",
+                          selected: le.value.nonTemplateItem,
+                          onClick: l[3] || (l[3] = (Z) => le.value.nonTemplateItem = !le.value.nonTemplateItem)
+                        }, null, 8, ["selected"])
+                      ]),
+                      D(ce, {
+                        modelValue: wt.value,
+                        "onUpdate:modelValue": l[4] || (l[4] = (Z) => wt.value = Z),
+                        placeholder: "Filter items"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    d(P).skuTags.size ? (f(), C("div", Ls, [
+                      (f(!0), C(ie, null, _e(d(P).skuTags.keys(), (Z) => (f(), ne(pe, {
+                        key: `${Z}`,
+                        label: `${Z}`,
+                        selectable: "",
+                        selected: oe[`${Z}`],
+                        onClick: (ye) => oe[`${Z}`] = !oe[`${Z}`]
+                      }, {
+                        default: te(() => [
+                          oe[`${Z}`] ? (f(), ne(U, {
+                            key: 0,
+                            name: "check",
+                            class: "text-white",
+                            size: "sm"
+                          })) : W("", !0),
+                          a("span", {
+                            class: we([
+                              "",
+                              {
+                                "text-white fm-typo-en-body-md-600": oe[`${Z}`],
+                                "text-fm-color-typo-primary fm-typo-en-body-md-400": !oe[`${Z}`]
+                              }
+                            ])
+                          }, E(Z), 3)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "selected", "onClick"]))), 128))
+                    ])) : W("", !0),
+                    Dt.value.length ? (f(), C("div", Gs, [
+                      l[21] || (l[21] = a("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary self-center" }, "Extra columns:", -1)),
+                      (f(!0), C(ie, null, _e(Dt.value, (Z) => (f(), ne(pe, {
+                        key: Z,
+                        label: Z,
+                        selectable: "",
+                        selected: rt[Z],
+                        onClick: (ye) => rt[Z] = !rt[Z]
+                      }, null, 8, ["label", "selected", "onClick"]))), 128))
+                    ])) : W("", !0),
+                    a("div", zs, [
+                      a("div", {
+                        style: gt({ height: "600px", minWidth: `${So.value}px` })
+                      }, [
+                        D(Ve, {
+                          "column-defs": Et.value,
+                          "row-data": st.value,
+                          "search-value": wt.value
+                        }, null, 8, ["column-defs", "row-data", "search-value"])
+                      ], 4)
+                    ])
+                  ], 64))
+                ])
+              ], 64)) : W("", !0),
+              Je.value.value === "history" ? (f(), C("div", Os, [
+                Oe.value.length ? (f(), C("div", Ws, [
+                  (f(!0), C(ie, null, _e(Oe.value, (Z, ye) => (f(), C(ie, { key: ye }, [
+                    a("div", Ks, [
+                      a("div", qs, [
+                        a("div", Qs, [
+                          a("div", {
+                            class: we([
+                              {
+                                "bg-fm-color-primary": ye !== 0,
+                                "bg-white": ye === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        l[24] || (l[24] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                        a("div", Js, [
+                          a("div", {
+                            class: we([
+                              {
+                                "bg-fm-color-primary": ye < Oe.value.length - 1,
+                                "bg-white": ye >= Oe.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", Zs, [
+                        a("div", Xs, E(Z.header), 1),
+                        a("div", er, E(Z.date), 1)
+                      ])
+                    ]),
+                    a("div", tr, [
+                      a("div", or, [
+                        a("div", nr, [
+                          a("div", {
+                            class: we([
+                              {
+                                "bg-fm-color-primary": ye < Oe.value.length - 1,
+                                "bg-white": ye >= Oe.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", ar, [
+                        D(Y, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: te(() => [
+                            a("div", sr, [
+                              (f(!0), C(ie, null, _e(Z.info, (ke, Me) => (f(), C("div", {
+                                key: Me,
+                                class: "flex flex-col gap-4"
+                              }, [
+                                a("div", rr, E(ke == null ? void 0 : ke.label), 1),
+                                a("div", lr, [
+                                  (f(!0), C(ie, null, _e(ke == null ? void 0 : ke.values, (He, dt) => (f(), C("div", {
+                                    key: dt,
+                                    class: "fm-typo-en-body-lg-600"
+                                  }, E(He), 1))), 128))
+                                ])
+                              ]))), 128))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : (f(), C("div", Hs, [
+                  D(Be),
+                  a("div", null, [
+                    a("img", {
+                      src: d(yo),
+                      alt: "List is empty"
+                    }, null, 8, Ys)
+                  ]),
+                  l[22] || (l[22] = a("div", { class: "fm-typo-en-body-lg-600" }, E("No records found"), -1)),
+                  l[23] || (l[23] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, E("You can track approval and rejection history here"), -1)),
+                  D(Be),
+                  D(Be)
+                ]))
+              ])) : W("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"]),
+        d(c) && e.draft ? (f(), ne(ya, {
+          key: 0,
+          show: lt.value,
+          "onUpdate:show": l[10] || (l[10] = (Z) => lt.value = Z),
+          refreshing: d(H),
+          approving: it.value,
+          "approving-all-groups": $t.value,
+          draft: e.draft,
+          groups: $.value,
+          onRefresh: Vt,
+          onApprove: jo,
+          onApproveAllGroups: To
+        }, null, 8, ["show", "refreshing", "approving", "approving-all-groups", "draft", "groups"])) : W("", !0),
+        D(bs, {
+          show: O.value,
+          "onUpdate:show": l[11] || (l[11] = (Z) => O.value = Z),
+          group: X.value ?? void 0,
+          "parent-name": J.value,
+          onUpdated: I
+        }, null, 8, ["show", "group", "parent-name"])
+      ], 64);
+    };
+  }
+});
+var $e = /* @__PURE__ */ ((t) => (t.ready = "ready", t.negative = "negative", t.systemNegative = "systemNegative", t))($e || {});
+async function fr(t) {
+  return new Promise((o, e) => {
+    const n = new FileReader();
+    n.onload = (i) => {
+      var r;
+      try {
+        const s = (r = i.target) == null ? void 0 : r.result, u = rn(s, { type: "array" }), c = u.SheetNames[0], b = u.Sheets[c], y = vt.sheet_to_json(b, {
+          header: 1,
+          defval: ""
+        }), $ = (X) => String(X).trim().toLowerCase().replace(/^\uFEFF/, ""), Q = y.findIndex(
+          (X) => X.some((O) => $(O) === "code")
+        );
+        if (Q === -1) {
+          o([]);
+          return;
+        }
+        const V = y[Q], B = V.findIndex((X) => $(X) === "code"), I = V.findIndex((X) => $(X) === "balance");
+        if (B === -1 || I === -1) {
+          e(
+            new Error(
+              `Missing required columns: ${B === -1 ? '"Code" ' : ""}${I === -1 ? '"Balance"' : ""}.`.trim()
+            )
+          );
+          return;
+        }
+        const J = y.slice(Q + 1).filter((X) => String(X[B]).trim()).map((X) => ({
+          itemCode: String(X[B]).trim(),
+          quantity: Number(X[I]) || 0
+        }));
+        o(J);
+      } catch (s) {
+        e(s);
+      }
+    }, n.onerror = e, n.readAsArrayBuffer(t);
+  });
+}
+function vr(t) {
+  const o = /* @__PURE__ */ new Map();
+  return t.forEach((e) => {
+    const n = o.get(e.itemCode) || 0;
+    o.set(e.itemCode, n + e.quantity);
+  }), o;
+}
+function gr(t, o) {
+  const e = [], n = [];
+  for (const [i, r] of o.entries()) {
+    const s = t[i];
+    if (!s) {
+      n.push(i);
+      continue;
+    }
+    const u = r < 0 ? "negative" : "ready";
+    e.push({
+      sku: s,
+      physicalCount: r,
+      // Note: filled by composable after readStockBalance()
+      systemBalance: { amount: 0, precision: 0 },
+      variance: r - 0,
+      status: u
+    });
+  }
+  return { mergedItems: e, unrecognisedItemCodes: n };
+}
+function yr(t, o) {
+  const e = t.filter((c) => !c.isInactive), n = bn().format("YYYY-MM-DD"), i = `${o} - ${n}.csv`, r = [
+    ["Code", "Name", "Balance"],
+    ...e.map((c) => [c.code, c.name, ""])
+  ], s = vt.aoa_to_sheet(r), u = vt.book_new();
+  vt.book_append_sheet(u, s, "Template"), sn(u, i, { bookType: "csv" });
+}
+function br() {
+  const t = q([]), o = q([]), e = q(!1), n = jt(), i = Qe(), r = _t(), s = S(
+    () => t.value.some((y) => y.status === $e.negative)
+  );
+  async function u(y) {
+    t.value = [], o.value = [], e.value = !0;
+    try {
+      const $ = await fr(y), Q = vr($), V = n.skuByCode, { mergedItems: B, unrecognisedItemCodes: I } = gr(
+        V,
+        Q
+      ), N = await r.readStockBalance(), J = N.skus ?? [];
+      J.length === 0 && console.warn(
+        "No SKU balances found when importing closing draft. All system balances will be set to 0.",
+        {
+          stockBalance: N
+        }
+      );
+      const X = new Map(
+        J.map((F) => [F.id, F.balance])
+      ), O = new Set(B.map((F) => F.sku._id));
+      t.value = B.map((F) => {
+        const T = X.get(F.sku._id) ?? { amount: 0, precision: 0 }, k = T.amount / Math.pow(10, T.precision);
+        return { ...F, systemBalance: T, variance: F.physicalCount - k };
+      });
+      for (const F of Object.values(n.skuByCode)) {
+        if (O.has(F._id)) continue;
+        const T = X.get(F._id);
+        if (!T) continue;
+        const k = T.amount / Math.pow(10, T.precision);
+        k >= 0 || t.value.push({
+          sku: F,
+          physicalCount: 0,
+          systemBalance: T,
+          variance: 0 - k,
+          status: $e.systemNegative
+        });
+      }
+      o.value = I;
+    } catch ($) {
+      t.value = [], o.value = [], console.error("Error processing uploaded file", { error: $ });
+    } finally {
+      e.value = !1;
+    }
+  }
+  async function c() {
+    const y = Ge(), $ = t.value.filter((J) => J.status === $e.ready), Q = t.value.filter(
+      (J) => J.status === $e.systemNegative
+    ), V = (J) => ({
+      sku: {
+        _id: J.sku._id,
+        code: J.sku.code,
+        name: J.sku.name,
+        unit: J.sku.unit
+      },
+      baseAmount: on(J.physicalCount, J.sku.unit.precision),
+      measurementsAmounts: []
+    }), B = $.map(V), I = Q.map(V), N = {
+      effectiveAt: (/* @__PURE__ */ new Date()).toISOString(),
+      items: B,
+      negativeStockItems: I
+    };
+    return await y.createQuickModeDraftWithItems(N);
+  }
+  function b() {
+    var $;
+    const y = (($ = i.currentLocation) == null ? void 0 : $.name) ?? "template";
+    yr(n.skus, y);
+  }
+  return { mergedItems: t, unrecognisedItemCodes: o, hasBlockingErrors: s, isLoading: e, onFileUpload: u, submit: c, downloadTemplate: b };
+}
+const hr = { class: "flex flex-col gap-16" }, _r = {
+  key: 0,
+  class: "px-16 py-12 rounded-8 bg-fm-color-danger-weak text-fm-color-danger-default"
+}, kr = { key: 1 }, xr = { class: "fm-typo-en-label-md-400 cursor-pointer" }, wr = { class: "mt-8 flex flex-col gap-4" }, Dr = { key: 2 }, Ar = { class: "fm-typo-en-label-md-400 cursor-pointer" }, $r = { class: "mt-8 flex flex-col gap-4" }, Cr = /* @__PURE__ */ Se({
+  __name: "ClosingDraftCreatePreviewTable",
+  props: {
+    items: {},
+    unrecognisedItemCodes: {}
+  },
+  setup(t) {
+    const o = t, { t: e } = ot(), n = S(
+      () => o.items.filter((u) => u.status === $e.negative)
+    ), i = S(
+      () => o.items.filter((u) => u.status === $e.systemNegative)
+    ), r = S(() => ({
+      [$e.negative]: {
+        bgColor: "bg-fm-color-danger-weak",
+        textColor: "text-fm-color-danger-default",
+        icon: "🚫",
+        label: e("inventory.closing.draft.createDraft.previewTable.status.negative")
+      },
+      [$e.systemNegative]: {
+        bgColor: "bg-fm-color-warning-weak",
+        textColor: "text-fm-color-warning-default",
+        icon: "⚠️",
+        label: e("inventory.closing.draft.createDraft.previewTable.status.systemNegative")
+      }
+    })), s = [
+      {
+        id: "name",
+        header: () => e("inventory.ingredient.name"),
+        cell: (u) => u.row.original.sku.name
+      },
+      {
+        id: "uom",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.uom"),
+        size: 80,
+        cell: (u) => u.row.original.sku.unit.abbrev
+      },
+      {
+        id: "systemBalance",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.systemBalance"),
+        size: 180,
+        cell: (u) => {
+          const c = u.row.original;
+          return h("div", me(c.systemBalance));
+        }
+      },
+      {
+        id: "physicalCount",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.stockTakeBalance"),
+        cell: (u) => {
+          const c = u.row.original;
+          return h("div", me(c.physicalCount));
+        }
+      },
+      {
+        id: "variance",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.variance"),
+        cell: (u) => {
+          const b = u.row.original.variance, y = b < 0 ? "text-fm-color-danger-default" : b > 0 ? "text-fm-color-success-default" : "";
+          return h("span", { class: y }, me(b));
+        }
+      },
+      {
+        id: "variancePercentage",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.variancePercentage"),
+        size: 130,
+        cell: (u) => {
+          const c = u.row.original, b = c.systemBalance.amount / Math.pow(10, c.systemBalance.precision), y = b === 0 ? null : Math.max(
+            -100,
+            Math.min(100, Math.round(c.variance / Math.abs(b) * 1e4) / 100)
+          );
+          if (y === null)
+            return h(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
+              e("inventory.closing.draft.createDraft.previewTable.notApplicable")
+            );
+          const $ = `${me(y)}`;
+          if (y === 0)
+            return h(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
+              $
+            );
+          const Q = y > 0;
+          return h("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" }, [
+            h(be.FmIcon, {
+              name: Q ? "arrow_drop_up" : "arrow_drop_down",
+              color: Q ? "system-success-300" : "system-error-300",
+              size: "md"
+            }),
+            $
+          ]);
+        }
+      },
+      {
+        id: "status",
+        header: () => e("inventory.common.status"),
+        cell: (u) => {
+          const c = u.row.original.status, b = r.value[c];
+          return b ? h(
+            "span",
+            {
+              class: `px-8 py-2 rounded-4 ${b.bgColor} ${b.textColor} fm-typo-en-label-sm-400`
+            },
+            `${b.icon} ${b.label}`
+          ) : null;
+        }
+      }
+    ];
+    return (u, c) => {
+      const b = ee("FmTable");
+      return f(), C("div", hr, [
+        n.value.length > 0 ? (f(), C("div", _r, [
+          ge(E(d(e)("inventory.closing.draft.createDraft.previewTable.cannotSubmitNegative")) + " ", 1),
+          a("strong", null, E(n.value.map((y) => y.sku.code).join(", ")), 1)
+        ])) : W("", !0),
+        i.value.length > 0 ? (f(), C("details", kr, [
+          a("summary", xr, E(d(e)("inventory.closing.draft.createDraft.previewTable.systemNegativeNote", [i.value.length])), 1),
+          a("ul", wr, [
+            (f(!0), C(ie, null, _e(i.value, (y) => (f(), C("li", {
+              key: y.sku._id,
+              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+            }, E(y.sku.code), 1))), 128))
+          ])
+        ])) : W("", !0),
+        u.unrecognisedItemCodes.length > 0 ? (f(), C("details", Dr, [
+          a("summary", Ar, E(d(e)("inventory.closing.draft.createDraft.previewTable.unrecognisedNote", [u.unrecognisedItemCodes.length])), 1),
+          a("ul", $r, [
+            (f(!0), C(ie, null, _e(u.unrecognisedItemCodes, (y) => (f(), C("li", {
+              key: y,
+              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+            }, E(y), 1))), 128))
+          ])
+        ])) : W("", !0),
+        D(b, {
+          "row-data": o.items,
+          "column-defs": s,
+          pagination: { pageSize: 20 }
+        }, null, 8, ["row-data"])
+      ]);
+    };
+  }
+}), Sr = { class: "flex flex-col gap-16" }, Fr = { class: "flex flex-col gap-8" }, Ir = { class: "fm-typo-en-body-lg-600" }, Br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Tr = { class: "fm-corner-radius-md p-16 flex items-center gap-16 border border-fm-color-border-default" }, jr = { class: "flex flex-col flex-1 gap-4" }, Rr = { class: "fm-typo-en-body-md-600" }, Mr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Nr = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Ur = { class: "fm-typo-en-body-lg-600" }, Pr = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-300 flex items-center gap-8"
+}, Vr = { class: "grid grid-cols-[repeat(3,1fr)] gap-12" }, Er = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center gap-4" }, Lr = { class: "flex items-center gap-8 w-full" }, Gr = /* @__PURE__ */ Se({
+  __name: "ClosingDraftCreateSideSheet",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(t, { emit: o }) {
+    const e = t, n = o, i = Tt(e, "show"), { t: r } = ot(), s = Ue(), u = q("upload"), c = q(null), b = q(!1), { mergedItems: y, unrecognisedItemCodes: $, hasBlockingErrors: Q, isLoading: V, onFileUpload: B, submit: I, downloadTemplate: N } = br(), J = S(
+      () => c.value && !V.value && y.value.length > 0
+    ), X = S(() => {
+      const k = y.value.filter(
+        (_) => _.status === $e.ready
+      ).length, w = y.value.filter(
+        (_) => _.status === $e.negative
+      ).length, x = y.value.filter(
+        (_) => _.status === $e.systemNegative
+      ).length, re = y.value.filter((_) => _.variance !== 0).length;
+      return [
+        { label: r("inventory.closing.draft.createDraft.summary.totalItems"), value: y.value.length },
+        { label: r("inventory.closing.draft.createDraft.summary.itemsWithCount"), value: k },
+        {
+          label: r("inventory.closing.draft.createDraft.summary.unrecognisedItems"),
+          value: $.value.length,
+          isWarning: $.value.length > 0
+        },
+        { label: r("inventory.closing.draft.createDraft.summary.itemsWithVariance"), value: re },
+        { label: r("inventory.closing.draft.createDraft.summary.negativeCounts"), value: w, isError: w > 0 },
+        {
+          label: r("inventory.closing.draft.createDraft.summary.systemNegative"),
+          value: x,
+          isWarning: x > 0
+        }
+      ];
+    });
+    async function O(k) {
+      c.value = k, await B(k);
+    }
+    async function F() {
+      b.value = !0;
+      try {
+        await I(), T(), n("submitted"), s.open({
+          title: "Success",
+          message: "Closing draft created successfully",
+          type: "success"
+        });
+      } catch (k) {
+        console.error("Failed to create closing draft", { error: k }), s.open({
+          title: "Something went wrong",
+          message: "Failed to create closing draft. Please try again",
+          type: "error"
+        });
+      } finally {
+        b.value = !1;
+      }
+    }
+    Te(i, (k) => {
+      k || (u.value = "upload", c.value = null);
+    });
+    function T() {
+      i.value = !1;
+    }
+    return (k, w) => {
+      const x = ee("FmCircularProgress"), re = ee("FmIcon"), _ = ee("FmButton"), A = ee("FmCard"), L = ee("FmSideSheet");
+      return f(), ne(L, {
+        "dismiss-away": "",
+        "max-width": 9999,
+        "model-value": d(i),
+        "onUpdate:modelValue": w[2] || (w[2] = (P) => bt(i) ? i.value = P : null),
+        header: d(r)("inventory.closing.draft.createDraft.title")
+      }, {
+        default: te(() => [
+          a("div", Sr, [
+            u.value === "upload" ? (f(), C(ie, { key: 0 }, [
+              a("div", Fr, [
+                a("div", Ir, E(d(r)("inventory.closing.draft.createDraft.importCsv")), 1),
+                a("div", Br, E(d(r)("inventory.closing.draft.createDraft.uploadDescription")), 1),
+                D(hn, {
+                  class: we({ "h-[200px]": !c.value }),
+                  accept: ".csv",
+                  disabled: d(V),
+                  onFileUpload: O
+                }, Oo({ _: 2 }, [
+                  c.value ? {
+                    name: "default",
+                    fn: te(({ openFileDialog: P }) => [
+                      a("div", Tr, [
+                        d(V) ? (f(), ne(x, {
+                          key: 0,
+                          size: "md",
+                          color: "neutral-gray-200"
+                        })) : (f(), ne(re, {
+                          key: 1,
+                          name: "check_circle",
+                          color: "system-success-400",
+                          size: "lg"
+                        })),
+                        a("div", jr, [
+                          a("div", Rr, E(c.value.name), 1),
+                          a("div", Mr, E(d(V) ? d(r)("inventory.closing.draft.createDraft.processing") : d(r)("inventory.closing.draft.createDraft.itemsLoaded", [d(y).length])), 1)
+                        ]),
+                        d(V) ? W("", !0) : (f(), ne(_, {
+                          key: 2,
+                          label: d(r)("inventory.closing.draft.createDraft.replaceFile"),
+                          variant: "secondary",
+                          "prepend-icon": "autorenew",
+                          onClick: P
+                        }, null, 8, ["label", "onClick"]))
+                      ])
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["class", "disabled"])
+              ]),
+              J.value ? (f(), C("div", Nr, [
+                a("div", Ur, E(d(r)("inventory.closing.draft.createDraft.importSummary")), 1),
+                d(Q) ? (f(), C("div", Pr, [
+                  D(re, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  }),
+                  a("span", null, E(d(r)("inventory.closing.draft.createDraft.reviewIssues")), 1)
+                ])) : W("", !0),
+                D(A, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-12 px-16 py-12"
+                }, {
+                  default: te(() => [
+                    a("div", Vr, [
+                      (f(!0), C(ie, null, _e(X.value, (P) => (f(), C("div", {
+                        key: P.label,
+                        class: "flex flex-col gap-4"
+                      }, [
+                        a("div", Er, [
+                          P.isError ? (f(), ne(re, {
+                            key: 0,
+                            name: "error",
+                            size: "sm",
+                            color: "system-error-300"
+                          })) : W("", !0),
+                          P.isWarning && !P.isError ? (f(), ne(re, {
+                            key: 1,
+                            name: "warning",
+                            size: "sm",
+                            color: "system-warning-300"
+                          })) : W("", !0),
+                          a("span", null, E(P.label), 1)
+                        ]),
+                        a("div", {
+                          class: we([
+                            "fm-typo-en-body-lg-600",
+                            {
+                              "text-fm-color-system-error-300": P.isError,
+                              "text-fm-color-system-warning-300": P.isWarning && !P.isError
+                            }
+                          ])
+                        }, E(P.value), 3)
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])) : W("", !0)
+            ], 64)) : W("", !0),
+            u.value === "preview" ? (f(), ne(Cr, {
+              key: 1,
+              items: d(y),
+              "unrecognised-item-codes": d($)
+            }, null, 8, ["items", "unrecognised-item-codes"])) : W("", !0)
+          ])
+        ]),
+        "side-sheet-footer": te(() => [
+          a("div", Lr, [
+            u.value === "preview" ? (f(), ne(_, {
+              key: 0,
+              variant: "secondary",
+              label: d(r)("inventory.common.back"),
+              "prepend-icon": "arrow_back",
+              onClick: w[0] || (w[0] = (P) => u.value = "upload")
+            }, null, 8, ["label"])) : W("", !0),
+            u.value === "upload" ? (f(), ne(_, {
+              key: 1,
+              variant: "primary",
+              label: d(r)("inventory.common.next"),
+              disabled: !c.value || d(V),
+              onClick: w[1] || (w[1] = (P) => u.value = "preview")
+            }, null, 8, ["label", "disabled"])) : W("", !0),
+            u.value === "preview" ? (f(), ne(_n, {
+              key: 2,
+              label: d(r)("inventory.closing.draft.createDraft.submit"),
+              disabled: d(Q) || d(y).length === 0 || b.value,
+              loading: b.value,
+              "confirm-title": d(r)("inventory.closing.draft.createDraft.confirmTitle"),
+              "confirm-message": d(r)("inventory.closing.draft.createDraft.confirmMessage"),
+              onConfirm: F
+            }, null, 8, ["label", "disabled", "loading", "confirm-title", "confirm-message"])) : W("", !0),
+            D(_, {
+              variant: "tertiary",
+              label: d(r)("inventory.common.close"),
+              onClick: T
+            }, null, 8, ["label"]),
+            u.value === "upload" ? (f(), ne(_, {
+              key: 3,
+              class: "ml-auto",
+              variant: "secondary",
+              label: d(r)("inventory.closing.draft.createDraft.downloadTemplate"),
+              "prepend-icon": "download",
+              onClick: d(N)
+            }, null, 8, ["label", "onClick"])) : W("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), zr = ["onClick"], Or = { class: "flex items-start gap-8" }, Hr = { class: "fm-typo-body-md-400 line-clamp-3 w-full" }, Yr = { class: "flex flex-col gap-8" }, Wr = { class: "flex items-start gap-4" }, Kr = { class: "flex-1 flex flex-col gap-8" }, qr = { class: "flex flex-col" }, Qr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Jr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Zr = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Xr = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, el = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Tl = /* @__PURE__ */ Se({
+  __name: "ClosingDraftView",
+  setup(t) {
+    const { t: o } = ot(), { viewDraft: e } = yt(), { viewClosingDraftProps: n, viewClosingDraftShow: i } = Xo(yt()), r = Qe(), s = bo(), u = Wo(), { breakpoints: c } = qo();
+    r.watchLocation(s.onLocationChanged);
+    const b = q(""), y = Ue();
+    function $(_) {
+      const A = /* @__PURE__ */ new Date();
+      return A.setDate(A.getDate() - _), A;
+    }
+    const Q = (() => {
+      const _ = qe, A = /* @__PURE__ */ new Date(), L = $(A.getDay()), P = $(A.getDay() + 1), ve = $(A.getDay() + 7), oe = new Date(A.getFullYear(), A.getMonth(), 1), R = new Date(A.getFullYear(), A.getMonth() + 1, 0), p = new Date(A.getFullYear(), A.getMonth() - 1, 1), g = new Date(A.getFullYear(), A.getMonth(), 0);
+      return [
+        { label: "Today", value: { startDate: _(A), endDate: _(A) } },
+        { label: "Yesterday", value: { startDate: _($(1)), endDate: _($(1)) } },
+        { label: "This week", value: { startDate: _(L), endDate: _(A) } },
+        { label: "Last week", value: { startDate: _(ve), endDate: _(P) } },
+        { label: "Last 7 days", value: { startDate: _($(7)), endDate: _($(1)) } },
+        { label: "This month", value: { startDate: _(oe), endDate: _(R) } },
+        { label: "Last month", value: { startDate: _(p), endDate: _(g) } }
+      ];
+    })(), V = q();
+    function B(_) {
+      var A;
+      (A = V.value) == null || A.openRowDetail(_);
+    }
+    const I = q({ ...s.dateRange });
+    Te(I, (_) => {
+      const A = s.setDateRange(_);
+      (A.startDate !== _.startDate || A.endDate !== _.endDate) && (I.value = A, y.open({ title: "Date range is limited to 6 months", type: "info" }));
+    });
+    const N = q(!1), J = S(() => c.value.xs || c.value.sm), X = S(() => J.value ? 10 : 20), O = S(
+      () => {
+        var _;
+        return ((_ = r._currentLocation) == null ? void 0 : _.type) === Zo.enum.warehouse;
+      }
+    );
+    function F(_) {
+      switch (_) {
+        case "add":
+          return N.value = !0;
+        case "refresh":
+          return s.refresh();
+      }
+    }
+    function T(_) {
+      return _;
+    }
+    function k(_) {
+      return _.original.groups ?? [];
+    }
+    function w(_) {
+      return _.column.columnDef.meta;
+    }
+    function x(_) {
+      const A = Gn(k(_)), L = A.totalAmount.toLocaleString("en-MY", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      });
+      return [
+        `${A.totalItems} items`,
+        `RM ${L}`,
+        `${A.groupCount} groups`,
+        `${A.completed} completed`,
+        `${A.draft} draft`,
+        A.rejected ? `${A.rejected} rejected` : null
+      ].filter(Boolean).join(" · ");
+    }
+    const re = S(() => {
+      const _ = {
+        label: o("inventory.closing.draft.createDraft.title"),
+        value: "add",
+        isPrimary: !0,
+        prependIcon: "add"
+      }, A = {
+        label: o("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      };
+      return [...O.value ? [_] : [], A];
+    });
+    return (_, A) => (f(), C(ie, null, [
+      D(Ko, {
+        title: d(o)("inventory.closing.draft.title"),
+        actions: re.value,
+        "onClick:action": F
+      }, {
+        default: te(() => [
+          a("div", {
+            class: we([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": J.value,
+                "px-24 ": !J.value
+              }
+            ])
+          }, [
+            D(pn, {
+              "change-location": "",
+              searchable: "",
+              "date-range-query": "",
+              "predefined-date-ranges": d(Q),
+              search: b.value,
+              "onUpdate:search": A[0] || (A[0] = (L) => b.value = L),
+              "date-range": I.value,
+              "onUpdate:dateRange": A[1] || (A[1] = (L) => I.value = L)
+            }, null, 8, ["predefined-date-ranges", "search", "date-range"]),
+            D(fn, {
+              style: gt(d(u).tableHeight),
+              "column-defs": d(s).columnDefs,
+              rows: d(s).drafts,
+              "onUpdate:rows": A[2] || (A[2] = (L) => d(s).drafts = L),
+              "fetch-page": d(s).fetchDraftsPage,
+              transform: d(s).transformDrafts,
+              "refresh-key": d(s).tableKey,
+              ref_key: "tableRef",
+              ref: V,
+              "search-value": b.value,
+              loading: d(s).loading,
+              "fetch-detail": (L, P) => d(e)(L._id, P),
+              "detail-to-row": d(s).detailToRow,
+              "page-size": X.value
+            }, {
+              "table-row": te((L) => [
+                a("tr", {
+                  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm cursor-pointer",
+                  onClick: (P) => B(L.original)
+                }, [
+                  (f(!0), C(ie, null, _e(L.getVisibleCells(), (P) => {
+                    var ve, oe, R, p;
+                    return f(), C("td", {
+                      key: P.id,
+                      class: we([
+                        "h-[56px] text-fm-color-typo-primary align-top",
+                        ((ve = w(P)) == null ? void 0 : ve.cellClass) ?? "px-16 py-12"
+                      ]),
+                      style: gt({
+                        width: (oe = w(P)) == null ? void 0 : oe.width,
+                        maxWidth: (R = w(P)) == null ? void 0 : R.maxWidth,
+                        textAlign: ((p = w(P)) == null ? void 0 : p.textAlign) ?? "left"
+                      })
+                    }, [
+                      a("div", Or, [
+                        a("span", Hr, [
+                          D(d(Ze), {
+                            render: P.column.columnDef.cell,
+                            props: P.getContext()
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ], 6);
+                  }), 128))
+                ], 8, zr)
+              ]),
+              "list-row": te((L) => [
+                a("div", Yr, [
+                  a("div", Wr, [
+                    D(kn, {
+                      class: "flex-1",
+                      row: L,
+                      onRowClick: (P) => B(P)
+                    }, {
+                      default: te((P) => {
+                        var ve, oe, R, p, g, M, H, de, j, z, le, ae, De, he, je, Re, ze, nt, Pe, at;
+                        return [
+                          a("div", Kr, [
+                            a("div", qr, [
+                              a("div", Qr, [
+                                D(d(Ze), {
+                                  render: (R = (oe = (ve = P._id) == null ? void 0 : ve.column) == null ? void 0 : oe.columnDef) == null ? void 0 : R.cell,
+                                  props: (g = (p = P._id) == null ? void 0 : p.getContext) == null ? void 0 : g.call(p)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              a("div", Jr, [
+                                D(d(Ze), {
+                                  render: (de = (H = (M = P.name) == null ? void 0 : M.column) == null ? void 0 : H.columnDef) == null ? void 0 : de.cell,
+                                  props: (z = (j = P.name) == null ? void 0 : j.getContext) == null ? void 0 : z.call(j)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              a("div", Zr, E([
+                                ...L.original.previewItemNames,
+                                ...L.original.itemCount - L.original.previewItemNames.length > 0 ? [
+                                  `and ${L.original.itemCount - L.original.previewItemNames.length} more items`
+                                ] : []
+                              ].join(", ")), 1),
+                              a("div", Xr, [
+                                D(d(Ze), {
+                                  render: (De = (ae = (le = P.ref) == null ? void 0 : le.column) == null ? void 0 : ae.columnDef) == null ? void 0 : De.cell,
+                                  props: (je = (he = P.ref) == null ? void 0 : he.getContext) == null ? void 0 : je.call(he)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            k(L).length ? (f(), C("div", el, E(x(L)), 1)) : W("", !0),
+                            a("div", null, [
+                              D(d(Ze), {
+                                render: (nt = (ze = (Re = P.status) == null ? void 0 : Re.column) == null ? void 0 : ze.columnDef) == null ? void 0 : nt.cell,
+                                props: (at = (Pe = P.status) == null ? void 0 : Pe.getContext) == null ? void 0 : at.call(Pe)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["row", "onRowClick"])
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "rows", "fetch-page", "transform", "refresh-key", "search-value", "loading", "fetch-detail", "detail-to-row", "page-size"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]),
+      D(Gr, {
+        show: N.value,
+        "onUpdate:show": A[3] || (A[3] = (L) => N.value = L),
+        onSubmitted: d(s).refresh
+      }, null, 8, ["show", "onSubmitted"]),
+      (f(), ne(Ho, { to: "body" }, [
+        D(pr, Yo(d(n), {
+          show: d(i),
+          "onUpdate:show": A[4] || (A[4] = (L) => bt(i) ? i.value = L : null),
+          onSubmitted: A[5] || (A[5] = () => (i.value = !1, d(s).refresh())),
+          onRefresh: A[6] || (A[6] = (L) => d(s).updateDraftRef(L))
+        }), null, 16, ["show"])
+      ]))
+    ], 64));
+  }
+});
+export {
+  Tl as default
+};