@feedmepos/mf-inventory-portal 1.5.13 → 1.5.15

package/dist/ClosingDraftView-DXRIBkkV.js

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