@feedmepos/mf-inventory-portal 1.5.12 → 1.6.0-dev.2

package/dist/ClosingDraftView-Y074sSoz.js

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