@feedmepos/mf-inventory-portal 1.2.25-dev.4 → 1.2.25-dev.6

package/dist/ClosingDraftView-CSTykijP.js

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