@feedmepos/mf-inventory-portal 1.3.9-dev.2 → 1.3.10

package/dist/ClosingDraftView-BBJPae1z.js

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