@feedmepos/mf-inventory-portal 1.3.11 → 1.3.12-dev.2

package/dist/ClosingDraftView-DkhhKjNZ.js

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