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

package/dist/ClosingDraftView-QgRaat2h.js

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