@feedmepos/mf-inventory-portal 1.2.26 → 1.2.27

package/dist/ClosingDraftView-BqZkAqFU.js

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