@feedmepos/mf-inventory-portal 1.7.9 → 1.7.11-dev.0

package/dist/ClosingDraftView-IffpT50J.js

@@ -1,4496 +0,0 @@
-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, O as fe, w as se, q as co, s as Ie, P as xe, B as Le, c as Jo, a as jt, j as Zo } from "./app-CyTU8N3H.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-DQH6DhKn.js";
-import { R as po } from "./rules-9N5HIcET.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-CPj4E2k6.js";
-import { b as nn, d as an, u as vt, w as sn, c as rn } from "./xlsx.util-Bkd2A_If.js";
-import { i as Rt, u as Mt } from "./uom-rules-IHu3f_dQ.js";
-import { u as ln } from "./stock-B7QJYZif.js";
-import { u as _t } from "./stock-uZA1to9T.js";
-import { D as ao, R as Ye } from "./row-action.enum-ncgDYAjP.js";
-import { c as cn } from "./component-BmLAdDiY.js";
-import { f as un } from "./format-time-from-id-BuBtGQBF.js";
-import { i as dn } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-BStqqCMn.js";
-import { f as mn } from "./recalculationUtils-CQNmwxc2.js";
-import { _ as pn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BPyrxPpe.js";
-import { _ as fn } from "./CursorPaginatedTable.vue_vue_type_script_setup_true_lang-BCUhtL_B.js";
-import { _ as yo } from "./empty-placeholder-B0QU467o.js";
-import { F as Ft } from "./FmAdminBadge-DlplQOHb.js";
-import { u as vn } from "./vue-i18n-DgJpgCMa.js";
-import { F as gn } from "./decimal-yQvd_IOl.js";
-import { u as yn } from "./useSseClient-B2KhM-LZ.js";
-import { d as bn } from "./dayjs.min-BOciSc8b.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-TQcHaMrv.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-TQcHaMrv.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-TQcHaMrv.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
-};