@feedmepos/mf-inventory-portal 1.0.8-dev.6 → 1.0.9-dev.1

package/dist/ClosingDraftView-CnysPa2u.js

@@ -1,1395 +0,0 @@
-import { defineComponent as Se, ref as O, resolveComponent as E, openBlock as b, createBlock as Z, withCtx as K, createElementVNode as o, createTextVNode as je, toDisplayString as N, unref as y, createVNode as _, h as w, reactive as qe, computed as H, onMounted as We, watch as Ze, isRef as Me, createElementBlock as $, Fragment as W, createCommentVNode as Q, normalizeClass as fe, renderList as ge, normalizeStyle as Ie, Teleport as Je, mergeProps as Xe } from "vue";
-import { X as Qe, u as Ce, af as J, l as et, J as Be, i as R, t as tt, K as be, q as at, r as nt, s as ot, ag as Ue, ah as Ee, a3 as He, ai as oe, a9 as st, ae as ne, V as Le, D as Re, h as _e, f as rt, e as lt, a as ct, z as it, _ as ut, B as dt, C as mt, E as De } from "./app-D7Q9fF3u.js";
-import { useCoreStore as ft, useI18n as ze } from "@feedmepos/mf-common";
-import { useSnackbar as Fe, useDialog as pt, useProxiedModel as vt, components as me, useBreakpoints as yt } from "@feedmepos/ui-library";
-import { defineStore as Ne, storeToRefs as gt } from "pinia";
-import { a as Oe, u as Ve } from "./stock-D3Ix9wWH.js";
-import { E as bt } from "./empty-placeholder-wf6-BWE8.js";
-const $e = Qe((n, r) => {
-  function e() {
-    return Ce().currentLocation.dbName;
-  }
-  return {
-    async getDraft(m) {
-      const c = e(), g = `${n.inventoryBackendUrl}/${c}/closing-draft/${m}`;
-      return r.get(g);
-    },
-    async readDrafts() {
-      const m = e(), c = `${n.inventoryBackendUrl}/${m}/closing-draft`;
-      return r.get(c);
-    },
-    async runOperation(m) {
-      const c = e(), g = `${n.inventoryBackendUrl}/${c}/closing-draft/run-operation`;
-      return r.post(g, m);
-    },
-    async sync(m) {
-      const c = e(), g = `${n.inventoryBackendUrl}/${c}/closing-draft/sync`;
-      return r.post(g, m);
-    }
-  };
-}), ht = { class: "fm-typo-en-body-lg-400" }, xt = { class: "fm-typo-en-body-lg-600" }, At = { class: "flex gap-12 py-8 justify-end w-full" }, Pe = /* @__PURE__ */ Se({
-  __name: "ClosingDraftAction",
-  props: {
-    draft: {},
-    action: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(n) {
-    const r = n, e = O(), m = $e(), c = Fe(), g = O(!1);
-    async function x() {
-      g.value = !0;
-      try {
-        await m.runOperation({
-          _id: r.draft._id,
-          _rev: r.draft._rev ?? "",
-          action: r.action,
-          data: {
-            remark: e.value
-          }
-        }).delayed(500), c.open({
-          title: "Success",
-          message: "Action submitted",
-          type: "success"
-        }), r.onFinished();
-      } catch (D) {
-        c.open({
-          title: "Something went wrong",
-          message: "Unable to submit actino. Please try again",
-          type: "error"
-        }), console.error("error on submit closing draft aciont", D);
-      } finally {
-        g.value = !1;
-      }
-    }
-    return (D, i) => {
-      const C = E("FmTextField"), T = E("FmButton"), P = E("FmForm");
-      return b(), Z(P, {
-        onValidationSuccess: x,
-        class: "flex flex-col gap-32",
-        disabled: g.value
-      }, {
-        default: K(() => [
-          o("div", ht, [
-            i[2] || (i[2] = je(" You are about to ")),
-            o("span", xt, N(D.action == y(J).enum.approveDraft ? "approve" : "reject"), 1),
-            i[3] || (i[3] = je(" this draft. Please provider a remark to justify this action. "))
-          ]),
-          _(C, {
-            modelValue: e.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (u) => e.value = u),
-            label: "Remark",
-            "label-mark": "required",
-            rules: [y(et)()]
-          }, null, 8, ["modelValue", "rules"]),
-          o("div", At, [
-            _(T, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: i[1] || (i[1] = (u) => D.onCancel())
-            }),
-            _(T, {
-              label: D.action == y(J).enum.approveDraft ? "Approve" : "Reject",
-              type: "submit",
-              variant: D.action == y(J).enum.approveDraft ? "primary" : "destructive",
-              loading: g.value
-            }, null, 8, ["label", "variant", "loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), _t = be(0);
-function Ye(n) {
-  const r = n.measurementsAmounts.groupBy((m) => m.measurement.id), e = n.sku.unit.measurements.reduce((m, c) => {
-    var D, i;
-    const g = ((i = (D = r.get(c.id)) == null ? void 0 : D[0]) == null ? void 0 : i.amount) ?? _t, x = Be(c.conversion, g);
-    return m + +R(x);
-  }, +R(n.baseAmount));
-  return tt(e, n.baseAmount.precision);
-}
-const Dt = be(0), kt = be(100);
-function wt(n, r, e) {
-  const m = Ye(n), c = Ue(m, r), g = r.amount === 0 ? null : Ee(c, {
-    ...r,
-    amount: Math.abs(r.amount)
-  }), x = g ? Be(g, kt) : null;
-  return {
-    code: n.sku.code,
-    name: n.sku.name,
-    baseUnit: n.sku.unit.abbrev,
-    baseUnitAmount: +R(n.baseAmount),
-    ...n.measurementsAmounts.filter(
-      (i) => Ct(i.measurement) && e.includes(i.measurement.id)
-    ).reduce(
-      (i, C, T) => (i[`measurementAbbrev${T}`] = `(${C.measurement.abbrev}) × ${R(C.measurement.conversion)}`, i[`measurementAmount${T}`] = +R(C.amount), i),
-      {}
-    ),
-    systemBalance: +R(r),
-    physicalBalance: +R(m),
-    adjustedAmount: +R(c),
-    adjustedDiffPercentage: x ? +R(He(x, 2)) : null
-  };
-}
-function Ct(n) {
-  return !n.abbrev.toLocaleLowerCase().includes("inactive");
-}
-function jt(n) {
-  const r = Ke(n);
-  return n.reduce(
-    (e, m) => {
-      var c;
-      return Math.max(e, ((c = r == null ? void 0 : r.get(m.sku._id)) == null ? void 0 : c[0].length) ?? 0);
-    },
-    0
-  );
-}
-function Ke(n) {
-  return n.groupBy(
-    (r) => r.sku._id,
-    (r) => r.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
-  );
-}
-function St(n) {
-  return [
-    {
-      id: "code",
-      name: "Code"
-    },
-    {
-      id: "name",
-      name: "Name"
-    },
-    {
-      id: "systemBalance",
-      name: "Balance"
-    },
-    {
-      id: "physicalBalance",
-      name: "Actual balance"
-    },
-    {
-      id: "adjustedAmount",
-      name: "Adjusted balance"
-    },
-    {
-      id: "adjustedDiffPercentage",
-      name: "Diff (%)"
-    },
-    {
-      id: "baseUnitAmount",
-      name: "Base unit amount"
-    },
-    {
-      id: "baseUnit",
-      name: "Base unit"
-    },
-    ...Array.from({ length: n }).flatMap((e, m) => [
-      {
-        id: `measurementAmount${m}`,
-        name: `UOM amount ${m + 1}`
-      },
-      {
-        id: `measurementAbbrev${m}`,
-        name: `UOM ${m + 1}`
-      }
-    ])
-  ];
-}
-function Bt(n, r) {
-  var k, h, v, B, L, j, I;
-  const e = r.groupBy(
-    (S) => S.id,
-    (S) => S.balance
-  ), m = [...n.items, ...n.negativeStockItems ?? []], c = Ke(m), g = m.map((S) => {
-    var X, se;
-    const G = ((X = e.get(S.sku._id)) == null ? void 0 : X[0]) ?? Dt, le = ((se = c == null ? void 0 : c.get(S.sku._id)) == null ? void 0 : se[0]) ?? [];
-    return wt(S, G, le);
-  }), x = jt(m), i = ft().currentBusiness.value, C = St(x), T = [
-    ["Business name:", i == null ? void 0 : i.name],
-    ["Business ID:", i == null ? void 0 : i._id],
-    ["Menu version", i == null ? void 0 : i.menuVersion],
-    ["Created at", new Date(n.createdAt)],
-    ["Created by", (k = n.createdBy) == null ? void 0 : k.name],
-    ["Updated at", new Date(n.updatedAt)],
-    ["Updated by", (h = n.updatedBy) == null ? void 0 : h.name],
-    ["Recent action", n.approvedAt ? "Approve" : n.rejectionHistory ? "Reject" : ""],
-    [
-      "Action by",
-      n.approvedAt ? (v = n.approvedBy) == null ? void 0 : v.name : n.rejectionHistory ? (L = (B = n.rejectionHistory[0]) == null ? void 0 : B.rejectedBy) == null ? void 0 : L.name : ""
-    ],
-    [
-      "Action at",
-      n.approvedAt ? new Date(n.approvedAt) : n.rejectionHistory ? new Date((j = n.rejectionHistory[0]) == null ? void 0 : j.rejectedAt) : ""
-    ],
-    [
-      "Action remark",
-      n.approvedAt ? n.approveRemark : n.rejectionHistory ? new Date((I = n.rejectionHistory[0]) == null ? void 0 : I.rejectRemark) : ""
-    ],
-    [],
-    C.map((S) => S.name),
-    ...g.map((S) => C.map((G) => S[G.id]))
-  ], P = C.map((S) => `system:${S.id}`), u = at(T, P), p = `[${i == null ? void 0 : i.name}] closing draft (${nt(new Date(n.updatedAt))}).xlsx`;
-  return ot(u, p), p;
-}
-const we = Ne(
-  "closingDraftActions",
-  function() {
-    const r = pt(), e = Fe(), m = Oe(), c = $e(), g = Ve(), x = O(!1), D = O();
-    function i(h) {
-      const v = {
-        draft: h
-      };
-      D.value = v, x.value = !0;
-    }
-    async function C(h) {
-      var B;
-      if (h.status === oe.enum.COMPLETED) {
-        const L = h.closingAdjustmentId;
-        if (!L)
-          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: h._id
-          }), [];
-        const j = await m.readAdjustmentById(L);
-        return ((j == null ? void 0 : j.skus) ?? []).map((S) => ({
-          id: S.sku._id,
-          balance: S.fromBalance,
-          costs: S.fromCostBalances
-        }));
-      } else
-        return await g.readStockBalance(), ((B = g.stockBalance) == null ? void 0 : B.skus) ?? [];
-    }
-    async function T(h, v) {
-      v || (e.open({
-        title: "Exporting",
-        message: "Fetching data..."
-      }), v = await C(h)), Bt(h, v);
-    }
-    function P(h, v) {
-      r.open({
-        title: "Approve draft",
-        contentComponent: Pe,
-        contentComponentProps: {
-          draft: h,
-          action: J.enum.approveDraft,
-          onFinished: () => {
-            r.close(), v == null || v();
-          },
-          onCancel: () => r.close()
-        }
-      });
-    }
-    function u(h, v) {
-      r.open({
-        title: "Reject draft",
-        contentComponent: Pe,
-        contentComponentProps: {
-          draft: h,
-          action: J.enum.rejectDraft,
-          onFinished: () => {
-            r.close(), v == null || v();
-          },
-          onCancel: () => r.close()
-        }
-      });
-    }
-    async function p(h, v) {
-      await c.sync({
-        _id: h._id,
-        _rev: h._rev ?? "",
-        action: J.enum.approveDraft,
-        data: {
-          remark: h.remark ?? ""
-        }
-      }).delayed(500), e.open({
-        title: "Success",
-        message: "Sync requested",
-        type: "success"
-      }), v == null || v();
-    }
-    function k() {
-      x.value = !1;
-    }
-    return {
-      viewDraft: i,
-      closeDraftDialog: k,
-      approveDraft: P,
-      rejectDraft: u,
-      syncDraft: p,
-      exportDraft: T,
-      viewClosingDraftShow: x,
-      viewClosingDraftProps: D
-    };
-  }
-);
-function ke(n) {
-  switch (n) {
-    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 Ft = Ne(
-  "closingDraftTable",
-  function() {
-    const { t: r } = ze(), e = we(), m = O(new Array()), c = O(!1), g = Ce(), x = $e();
-    async function D() {
-      if (m.value = [], !!g._currentLocation) {
-        c.value = !0;
-        try {
-          const [u] = await Promise.all([x.readDrafts()]).delayed(1e3);
-          m.value = u.reverse();
-        } catch (u) {
-          console.log("Something went wrong when fetching drafts:", u);
-        } finally {
-          c.value = !1;
-        }
-      }
-    }
-    async function i(u) {
-      if (!m.value.find((p) => p._id) && g._currentLocation) {
-        c.value = !0;
-        try {
-          const [p] = await Promise.all([
-            x.getDraft(u),
-            new Promise((k) => setTimeout(k, 1e3))
-          ]);
-          m.value = [p];
-        } catch (p) {
-          console.log("Something went wrong when fetching drafts:", p);
-        } finally {
-          c.value = !1;
-        }
-      }
-    }
-    function C() {
-      e.closeDraftDialog(), D();
-    }
-    function T(u, p) {
-      switch (p = lt(p), u) {
-        case _e.Details:
-          return e.viewDraft(p);
-        case _e.Export:
-          return e.exportDraft(p);
-        case J.enum.approveDraft:
-          return e.approveDraft(p, C);
-        case J.enum.rejectDraft:
-          return e.rejectDraft(p, C);
-      }
-    }
-    return {
-      columnDefs: [
-        {
-          id: "_id",
-          accessorKey: "_id",
-          header: () => r("inventory.closing.table.createdAt"),
-          cell(u) {
-            return st(`${u.getValue()}`);
-          },
-          enableSorting: !0
-        },
-        {
-          id: "updatedAt",
-          accessorFn: (u) => ne(u.updatedAt),
-          header: () => "Updated at",
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "updatedBy",
-          accessorKey: "updatedBy.name",
-          header: () => "Last update by",
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "noOfItems",
-          accessorFn: (u) => {
-            var p;
-            return u.items.length + (((p = u.negativeStockItems) == null ? void 0 : p.length) ?? 0);
-          },
-          header: () => r("inventory.closing.table.noOfItems"),
-          enableSorting: !1,
-          meta: {
-            width: "10rem",
-            textAlign: "right"
-          }
-        },
-        {
-          id: "recentRemark",
-          accessorFn: (u) => {
-            var p;
-            return (u == null ? void 0 : u.approveRemark) ?? ((p = u == null ? void 0 : u.rejectionHistory) == null ? void 0 : p.computeFirst((k) => k.rejectRemark)) ?? u.remark;
-          },
-          header: () => "Recent remark"
-        },
-        {
-          id: "status",
-          accessorFn: (u) => u.status,
-          header: () => r("inventory.closing.table.status"),
-          enableSorting: !1,
-          cell(u) {
-            var L;
-            const p = u.row.original, k = p.status, h = new Date(p.updatedAt), v = (L = p == null ? void 0 : p.rejectionHistory) == null ? void 0 : L.computeFirst((j) => j.rejectedAt), B = v ? new Date(v) : null;
-            return k === "DRAFT" && B ? B.getTime() > h.getTime() ? w(
-              "div",
-              {
-                class: "flex"
-              },
-              w(
-                "div",
-                {
-                  class: ["fm-status-badge", ke("FAILED")]
-                },
-                "Rejected"
-              )
-            ) : w(
-              "div",
-              {
-                class: "flex"
-              },
-              w(
-                "div",
-                {
-                  class: ["fm-status-badge", ke("PROCESSING")]
-                },
-                "Updated"
-              )
-            ) : w(
-              "div",
-              {
-                class: "flex"
-              },
-              w(
-                "div",
-                {
-                  class: ["fm-status-badge", ke(k)]
-                },
-                Le(k)
-              )
-            );
-          }
-        },
-        {
-          id: "action",
-          cell(u) {
-            const p = u.row.original, k = [
-              Re[_e.Details],
-              Re[_e.Export]
-            ], h = [
-              {
-                translationKey: "inventory.closing.draft.approveDraft",
-                color: "text-fm-color-typo-primary",
-                value: J.enum.approveDraft
-              },
-              {
-                translationKey: "inventory.closing.draft.rejectDraft",
-                color: "text-fm-color-typo-error",
-                value: J.enum.rejectDraft
-              }
-            ];
-            return rt(
-              [
-                ...k,
-                ...p.status === oe.enum.DRAFT ? h : []
-              ],
-              (v) => T(v, p)
-            );
-          },
-          enableSorting: !1,
-          size: 40,
-          meta: {
-            cellClass: "",
-            headerClass: ""
-          }
-        }
-      ],
-      drafts: m,
-      loading: c,
-      fetchDrafts: D,
-      loadDraft: i
-    };
-  }
-), $t = { class: "w-full flex flex-col gap-32" }, Tt = { class: "flex justify-between" }, Rt = { class: "flex" }, Pt = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, It = { class: "flex gap-1" }, Ut = { class: "fm-typo-en-body-lg-600" }, Et = { class: "flex flex-col gap-16" }, Ht = { class: "flex items-center" }, Lt = {
-  key: 0,
-  class: "flex gap-8"
-}, zt = {
-  key: 0,
-  class: "w-full flex flex-col items-center"
-}, Nt = { class: "flex items-center gap-8" }, Ot = {
-  key: 0,
-  class: "flex gap-8"
-}, Vt = { class: "overflow-x-auto" }, Yt = {
-  key: 1,
-  class: "flex-1 xs:w-screen xs:max-w-full"
-}, Kt = {
-  key: 0,
-  class: "flex flex-col items-center gap-8 h-full"
-}, Gt = ["src"], qt = {
-  key: 1,
-  class: "px-4 flex flex-col"
-}, Wt = { class: "flex gap-12 content-stretch" }, Zt = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, Jt = { class: "flex-1 flex flex-col items-center" }, Xt = { class: "flex-1 flex flex-col items-center" }, Qt = {
-  class: "py-12 flex flex-col gap-4",
-  name: "received-at header"
-}, ea = { class: "fm-typo-en-body-lg-400" }, ta = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, aa = { class: "flex gap-12 content-stretch" }, na = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, oa = { class: "flex-1 flex flex-col items-center" }, sa = {
-  class: "py-12 flex flex-col gap-4 flex-1",
-  name: "delivery details"
-}, ra = { class: "flex flex-col gap-8" }, la = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ca = { class: "flex flex-col gap-4" }, ia = { class: "flex gap-8" }, ua = /* @__PURE__ */ Se({
-  __name: "ClosingDraftDialog",
-  props: {
-    show: { type: Boolean },
-    draft: {}
-  },
-  emits: ["submitted"],
-  setup(n, { emit: r }) {
-    const e = n, m = Ve(), c = we(), g = vt(e, "show"), x = O(!1), D = O(!1), i = O(!1), C = O(new Array()), T = Oe(), P = Fe(), u = ct(), p = Ce(), k = qe({}), h = H(() => new Set(
-      u.skus.filter((a) => {
-        var t;
-        return k[(t = a.customAttributes) == null ? void 0 : t.tag];
-      }).map((a) => a._id)
-    )), v = r, B = H(() => {
-      var t, s;
-      const a = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((s = e.draft) == null ? void 0 : s.negativeStockItems) ?? []];
-      return h.value.size ? a.filter((l) => h.value.has(l.sku._id)) : a;
-    }), L = H(() => {
-      const a = B.value.map((t) => t.sku);
-      return a.sort((t, s) => t.code.localeCompare(s.code)), a;
-    }), j = H(() => B.value.groupBy(
-      (t) => t.sku._id,
-      (t) => t.measurementsAmounts.filter((s) => !s.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((s) => s.measurement.id)
-    ));
-    We(G), Ze(
-      () => e.show,
-      (a) => {
-        a && (te.value = ie[0], G());
-      }
-    );
-    const I = be(0), S = be(100);
-    async function G() {
-      var t, s, l;
-      if (!p._currentLocation) return;
-      x.value = !0;
-      const a = ((t = e.draft) == null ? void 0 : t.status) === oe.enum.COMPLETED;
-      try {
-        if (await u.init(), a) {
-          const d = e.draft.closingAdjustmentId;
-          if (!d) {
-            P.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: (s = e.draft) == null ? void 0 : s._id
-            });
-            return;
-          }
-          const f = await T.readAdjustmentById(d), M = (f == null ? void 0 : f.skus) ?? [];
-          C.value = M.map((U) => ({
-            id: U.sku._id,
-            balance: U.fromBalance,
-            costs: U.fromCostBalances
-          }));
-        } else
-          C.value = ((l = e.draft) == null ? void 0 : l.stockSnapshot) ?? [];
-      } catch (d) {
-        P.open({
-          title: "Something went wrong",
-          message: "Something went wrong when fetching info. Please try again.",
-          type: "error"
-        }), console.error("error on fetch stock balances", d);
-      } finally {
-        x.value = !1;
-      }
-    }
-    async function le() {
-      var t, s;
-      const a = ((t = e.draft) == null ? void 0 : t.effectiveAt) ?? ((s = e.draft) == null ? void 0 : s.updatedAt);
-      if (!a) {
-        P.open({
-          title: "Cannot refresh",
-          message: "Effective date is not available for this draft.",
-          type: "error"
-        });
-        return;
-      }
-      D.value = !0;
-      try {
-        const l = await T.recalculation.calculateStockSnapshotAtDate(
-          a,
-          e.draft._id
-        );
-        C.value = l, P.open({
-          title: "Balance refreshed",
-          message: "Stock balance has been recalculated.",
-          type: "success"
-        });
-      } catch (l) {
-        P.open({
-          title: "Refresh failed",
-          message: "Failed to refresh stock balance. Please try again.",
-          type: "error"
-        }), console.error("error refreshing stock balances", l);
-      } finally {
-        D.value = !1;
-      }
-    }
-    const X = H(
-      () => C.value.groupBy(
-        (a) => a.id,
-        (a) => a.balance
-      )
-    ), se = H(() => B.value.groupBy((a) => a.sku._id));
-    function ce(a) {
-      return w(
-        me.FmTooltip,
-        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
-        {
-          default() {
-            return a;
-          },
-          content() {
-            return "Differences are calculated using this formula: (Adjusted / System) × 100%";
-          }
-        }
-      );
-    }
-    const pe = H(() => {
-      const a = L.value.reduce((s, l) => {
-        var d, f;
-        return Math.max(s, ((f = (d = j.value) == null ? void 0 : d.get(l._id)) == null ? void 0 : f[0].length) ?? 0);
-      }, 0);
-      return [
-        {
-          id: "sku",
-          accessorFn: (s) => `${s.code} ${s.name}`,
-          header: () => "Name",
-          size: 350,
-          cell(s) {
-            const l = s.row.original, d = l.adjustedDiffPercentage, f = typeof d == "number" && Math.abs(d) > 10, M = w("div", { class: "flex flex-col gap-4" }, [
-              w(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-lg-400",
-                    f ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
-                  ]
-                },
-                l.name
-              ),
-              w(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-md-400",
-                    f ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
-                  ]
-                },
-                l.code
-              )
-            ]);
-            return w(
-              me.FmTooltip,
-              {
-                zIndex: 51
-              },
-              {
-                content() {
-                  return f ? "Adjustment difference is more than 10%." : `${l.code} - ${l.name}`;
-                },
-                default() {
-                  return w("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    M
-                  ]);
-                }
-              }
-            );
-          }
-        },
-        {
-          id: "baseUnit",
-          header: () => "Base unit",
-          accessorKey: "baseUnit"
-        },
-        {
-          id: "physicalBalance",
-          accessorKey: "physicalBalance",
-          header: () => ce("Actual balance"),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "systemBalance",
-          accessorKey: "systemBalance",
-          header: () => ce("Balance"),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedAmount",
-          accessorKey: "adjustedAmount",
-          header: () => ce("Adjusted balance"),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedDiffPercentage",
-          accessorKey: "adjustedDiffPercentage",
-          header: () => w(
-            me.FmTooltip,
-            { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
-            {
-              default() {
-                return w("div", { class: "flex items-center gap-4" }, [
-                  "Diff (%)",
-                  w(me.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
-                ]);
-              },
-              content() {
-                return "Differences are calculated using this formula: (Adjusted / System) × 100%";
-              }
-            }
-          ),
-          size: 200,
-          cell(s) {
-            const l = s.row.original.adjustedDiffPercentage;
-            if (!l) return "N/A";
-            const d = l.toFixed(2);
-            if (d === "0.00")
-              return w("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const f = l > 0;
-            return w("div", { class: "flex items-center gap-4 justify-end" }, [
-              w(me.FmIcon, {
-                name: f ? "arrow_drop_up" : "arrow_drop_down",
-                color: f ? "system-success-300" : "system-error-300",
-                size: "md"
-              }),
-              d
-            ]);
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalances",
-          header: () => "Amounts",
-          enableSorting: !1,
-          cell(s) {
-            const l = s.row.original, d = (M, U) => w(
-              me.FmTooltip,
-              { zIndex: 50 },
-              {
-                default() {
-                  return w(
-                    "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"
-                    },
-                    [
-                      w("span", { class: "text-fm-color-typo-primary" }, `${M} `),
-                      w(
-                        "span",
-                        {
-                          class: "text-fm-color-typo-secondary",
-                          style: { maxWidth: "80px" }
-                        },
-                        U
-                      )
-                    ]
-                  );
-                },
-                content() {
-                  return `${M} ${U}`;
-                }
-              }
-            );
-            let f = Array.from({ length: a }).map((M, U) => {
-              if (!l[`measurementAmount${U}`])
-                return null;
-              const F = l[`measurementAmount${U}`], ue = l[`measurementAbbrev${U}`];
-              return d(F, ue);
-            }).filter((M) => M);
-            return (l.baseUnitAmount || !f.length) && (f = [d(l.baseUnitAmount, l.baseUnit), ...f]), w(
-              "div",
-              {
-                class: "flex gap-8 flex-nowrap",
-                style: {
-                  minWidth: `${120 * f.length}px`
-                }
-              },
-              f
-            );
-          }
-        }
-      ];
-    }), he = H(() => pe.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), ee = O(""), ve = H(() => L.value.map((a) => {
-      var F, ue;
-      const t = (F = se.value.get(a._id)) == null ? void 0 : F[0], s = ((ue = X.value.get(a._id)) == null ? void 0 : ue[0]) ?? I;
-      if (!t)
-        return {
-          code: a.code,
-          name: a.name,
-          baseUnit: a.unit.abbrev,
-          baseUnitAmount: 0,
-          systemBalance: +R(s),
-          physicalBalance: 0,
-          adjustedAmount: -+R(s),
-          adjustedDiffPercentage: -100
-        };
-      const l = Ye(t), d = Ue(l, s), f = s.amount === 0 ? null : Ee(d, {
-        ...s,
-        amount: Math.abs(s.amount)
-      }), M = f ? Be(f, S) : null;
-      return {
-        code: a.code,
-        name: a.name,
-        baseUnit: a.unit.abbrev,
-        baseUnitAmount: +R(t.baseAmount),
-        ...t.measurementsAmounts.filter((ae) => {
-          var q, re, Ae;
-          return (Ae = (re = (q = j.value) == null ? void 0 : q.get(a._id)) == null ? void 0 : re[0]) == null ? void 0 : Ae.includes(ae.measurement.id);
-        }).reduce((ae, q, re) => (ae[`measurementAbbrev${re}`] = `(${q.measurement.abbrev}) × ${R(q.measurement.conversion)}`, ae[`measurementAmount${re}`] = +R(q.amount), ae), {}),
-        systemBalance: +R(s),
-        physicalBalance: +R(l),
-        adjustedAmount: +R(d),
-        adjustedDiffPercentage: M ? +R(He(M, 2)) : null
-      };
-    })), xe = H(() => {
-      var t, s, l;
-      if (!e.draft) return [];
-      const a = e.draft.approvedAt ? {
-        action: `Approve at ${ne(e.draft.approvedAt)}`,
-        // actionAt: props.draft.approvedAt,
-        actionBy: e.draft.approvedBy,
-        remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((d) => ({
-        action: `Reject at ${ne(d.rejectedAt)}`,
-        // actionAt: e.rejectedAt,
-        actionBy: d.rejectedBy,
-        remark: d.rejectRemark
-      }));
-      return [
-        {
-          label: "Created at",
-          value: ne(e.draft.createdAt)
-        },
-        {
-          label: "Created by",
-          value: e.draft.createdBy.name
-        },
-        {
-          label: "Updated at",
-          value: ne(e.draft.updatedAt)
-        },
-        {
-          label: "Updated by",
-          value: e.draft.updatedBy.name
-        },
-        {
-          label: "Effective at",
-          value: ne(e.draft.effectiveAt ?? e.draft.updatedAt)
-        },
-        {
-          label: "Using template",
-          value: ((s = e.draft.usingTemplates.find((d) => d)) == null ? void 0 : s.name) ?? "None"
-        },
-        e.draft.remark ? {
-          label: "Remark",
-          value: e.draft.remark
-        } : null,
-        a ? {
-          label: "Last action",
-          value: a.action
-        } : null,
-        a && a.actionBy ? {
-          label: "Last action by",
-          value: (l = a.actionBy) == null ? void 0 : l.name
-        } : null,
-        a && a.remark ? {
-          label: "Action remark",
-          value: a.remark
-        } : null
-      ].filter((d) => d).map((d) => d);
-    }), ie = [
-      {
-        label: "Overview",
-        value: "overview"
-      },
-      {
-        label: "Action history",
-        value: "history"
-      }
-    ], te = O(ie[0]), Y = H(() => {
-      var t, s, l, d;
-      return [
-        ...(((t = e.draft) == null ? void 0 : t.rejectionHistory) ?? []).map(
-          (f) => ({
-            header: "Reject",
-            date: ne(f.rejectedAt),
-            info: [
-              {
-                label: "Rejected by",
-                values: [f.rejectedBy.name]
-              },
-              {
-                label: "Rejection remark",
-                values: [f.rejectRemark]
-              }
-            ]
-          })
-        ),
-        ...(s = e.draft) != null && s.approvedBy ? [
-          {
-            header: "Approve",
-            date: e.draft.approvedAt ? ne(e.draft.approvedAt) : "",
-            info: [
-              {
-                label: "Approved by",
-                values: [(l = e.draft) == null ? void 0 : l.approvedBy.name]
-              },
-              {
-                label: "Approval remark",
-                values: [((d = e.draft) == null ? void 0 : d.approveRemark) ?? ""]
-              }
-            ]
-          }
-        ] : []
-      ];
-    }), ye = H(() => {
-      var d, f, M, U;
-      if ((d = e == null ? void 0 : e.draft) != null && d.approvedAt) return "Draft is already approved.";
-      if (((f = e.draft) == null ? void 0 : f.status) !== oe.enum.DRAFT) return "Status is not draft.";
-      const a = ve.value.some((F) => F.physicalBalance < 0), t = ((U = (M = m.stockBalance.skus) == null ? void 0 : M.filter((F) => F.balance.amount < 0)) == null ? void 0 : U.map((F) => F.id)) ?? [], s = new Set(L.value.map((F) => F._id)), l = t.filter((F) => !s.has(F)).length;
-      return [
-        a ? "Negative total exist." : null,
-        l ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
-      ].filter((F) => F).join(" ");
-    });
-    return (a, t) => {
-      const s = E("FmButtonGroup"), l = E("FmMenuDivider"), d = E("FmCard"), f = E("FmButton"), M = E("FmCircularProgress"), U = E("FmTextField"), F = E("FmIcon"), ue = E("FmChip"), ae = E("FmTable"), q = E("FmSpacer"), re = E("FmTooltip"), Ae = E("FmSideSheet");
-      return b(), Z(Ae, {
-        "dismiss-away": "",
-        "max-width": 9999,
-        "model-value": y(g),
-        "onUpdate:modelValue": t[8] || (t[8] = (A) => Me(g) ? g.value = A : null),
-        header: "Closing details"
-      }, {
-        "side-sheet-footer": K(() => {
-          var A, z, V, de;
-          return [
-            o("div", ia, [
-              ((A = e.draft) == null ? void 0 : A.status) === y(oe).enum.DRAFT ? (b(), $(W, { key: 0 }, [
-                ye.value ? (b(), Z(re, {
-                  key: 0,
-                  "z-index": 51
-                }, {
-                  content: K(() => [
-                    je(N(ye.value), 1)
-                  ]),
-                  default: K(() => [
-                    _(f, {
-                      disabled: "",
-                      key: "approve key",
-                      label: "Approve",
-                      onClick: t[3] || (t[3] = () => e.draft && y(c).approveDraft(e.draft, () => v("submitted")))
-                    })
-                  ]),
-                  _: 1
-                })) : (b(), Z(f, {
-                  key: "approve key",
-                  label: "Approve",
-                  onClick: t[4] || (t[4] = () => e.draft && y(c).approveDraft(e.draft, () => v("submitted")))
-                }))
-              ], 64)) : Q("", !0),
-              ((z = e.draft) == null ? void 0 : z.status) === y(oe).enum.DRAFT ? (b(), Z(f, {
-                key: 1,
-                label: "Reject",
-                variant: "destructive",
-                onClick: t[5] || (t[5] = () => e.draft && y(c).rejectDraft(e.draft, () => v("submitted")))
-              })) : Q("", !0),
-              (V = e.draft) != null && V.approvedAt && ((de = e.draft) == null ? void 0 : de.status) !== y(oe).enum.COMPLETED ? (b(), Z(f, {
-                key: 2,
-                label: "Sync",
-                loading: i.value,
-                onClick: t[6] || (t[6] = () => {
-                  e.draft && (i.value = !0, y(c).syncDraft(e.draft, () => {
-                    i.value = !1, v("submitted");
-                  }));
-                })
-              }, null, 8, ["loading"])) : Q("", !0),
-              _(f, {
-                label: "Close",
-                variant: "tertiary",
-                onClick: t[7] || (t[7] = (Te) => g.value = !1)
-              })
-            ])
-          ];
-        }),
-        default: K(() => [
-          o("div", $t, [
-            o("div", null, [
-              _(s, {
-                items: ie,
-                modelValue: te.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (A) => te.value = A)
-              }, null, 8, ["modelValue"])
-            ]),
-            te.value.value === "overview" ? (b(), $(W, { key: 0 }, [
-              _(d, {
-                variant: "outlined",
-                class: "flex flex-col gap-8 px-12 py-16"
-              }, {
-                default: K(() => {
-                  var A, z;
-                  return [
-                    o("div", Tt, [
-                      t[9] || (t[9] = o("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      o("div", Rt, [
-                        o("div", {
-                          class: fe(["fm-status-badge", y(ke)(((A = a.draft) == null ? void 0 : A.status) ?? "DRAFT")])
-                        }, N(y(Le)(((z = a.draft) == null ? void 0 : z.status) ?? "")), 3)
-                      ])
-                    ]),
-                    _(l),
-                    o("div", Pt, [
-                      (b(!0), $(W, null, ge(xe.value, (V, de) => (b(), $("div", {
-                        class: "flex flex-col gap-4",
-                        key: de
-                      }, [
-                        o("div", Mt, [
-                          o("div", It, N(V.label), 1)
-                        ]),
-                        o("div", Ut, N(V.value), 1)
-                      ]))), 128))
-                    ])
-                  ];
-                }),
-                _: 1
-              }),
-              o("div", Et, [
-                o("div", Ht, [
-                  t[10] || (t[10] = o("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  x.value ? Q("", !0) : (b(), $("div", Lt, [
-                    a.draft && a.draft.status !== y(oe).enum.COMPLETED ? (b(), Z(f, {
-                      key: 0,
-                      label: "Refresh balance",
-                      "prepend-icon": "refresh",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      loading: D.value,
-                      onClick: le
-                    }, null, 8, ["loading"])) : Q("", !0),
-                    _(f, {
-                      label: "Export data",
-                      "prepend-icon": "download",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      onClick: t[1] || (t[1] = (A) => a.draft ? y(c).exportDraft(a.draft, C.value) : null)
-                    })
-                  ]))
-                ]),
-                x.value ? (b(), $("div", zt, [
-                  t[12] || (t[12] = o("div", { class: "h-80" }, null, -1)),
-                  o("div", Nt, [
-                    o("div", null, [
-                      _(M, { size: "md" })
-                    ]),
-                    t[11] || (t[11] = o("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
-                  ]),
-                  t[13] || (t[13] = o("div", { class: "h-80" }, null, -1))
-                ])) : (b(), $(W, { key: 1 }, [
-                  o("div", null, [
-                    _(U, {
-                      modelValue: ee.value,
-                      "onUpdate:modelValue": t[2] || (t[2] = (A) => ee.value = A),
-                      placeholder: "Filter items"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  y(u).skuTags.size ? (b(), $("div", Ot, [
-                    (b(!0), $(W, null, ge(y(u).skuTags.keys(), (A) => (b(), Z(ue, {
-                      key: `${A}`,
-                      label: `${A}`,
-                      selectable: "",
-                      selected: k[`${A}`],
-                      onClick: (z) => k[`${A}`] = !k[`${A}`]
-                    }, {
-                      default: K(() => [
-                        k[`${A}`] ? (b(), Z(F, {
-                          key: 0,
-                          name: "check",
-                          class: "text-white",
-                          size: "sm"
-                        })) : Q("", !0),
-                        o("span", {
-                          class: fe([
-                            "",
-                            {
-                              "text-white fm-typo-en-body-md-600": k[`${A}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !k[`${A}`]
-                            }
-                          ])
-                        }, N(A), 3)
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "selected", "onClick"]))), 128))
-                  ])) : Q("", !0),
-                  o("div", Vt, [
-                    o("div", {
-                      style: Ie({ minWidth: `${he.value}px` })
-                    }, [
-                      _(ae, {
-                        "column-defs": pe.value,
-                        "row-data": ve.value,
-                        "search-value": ee.value
-                      }, null, 8, ["column-defs", "row-data", "search-value"])
-                    ], 4)
-                  ])
-                ], 64))
-              ])
-            ], 64)) : Q("", !0),
-            te.value.value === "history" ? (b(), $("div", Yt, [
-              Y.value.length ? (b(), $("div", qt, [
-                (b(!0), $(W, null, ge(Y.value, (A, z) => (b(), $(W, { key: z }, [
-                  o("div", Wt, [
-                    o("div", Zt, [
-                      o("div", Jt, [
-                        o("div", {
-                          class: fe([
-                            {
-                              "bg-fm-color-primary": z !== 0,
-                              "bg-white": z === 0
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ]),
-                      t[16] || (t[16] = o("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      o("div", Xt, [
-                        o("div", {
-                          class: fe([
-                            {
-                              "bg-fm-color-primary": z < Y.value.length - 1,
-                              "bg-white": z >= Y.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    o("div", Qt, [
-                      o("div", ea, N(A.header), 1),
-                      o("div", ta, N(A.date), 1)
-                    ])
-                  ]),
-                  o("div", aa, [
-                    o("div", na, [
-                      o("div", oa, [
-                        o("div", {
-                          class: fe([
-                            {
-                              "bg-fm-color-primary": z < Y.value.length - 1,
-                              "bg-white": z >= Y.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    o("div", sa, [
-                      _(d, {
-                        variant: "outlined",
-                        class: "py-12 px-16"
-                      }, {
-                        default: K(() => [
-                          o("div", ra, [
-                            (b(!0), $(W, null, ge(A.info, (V, de) => (b(), $("div", {
-                              key: de,
-                              class: "flex flex-col gap-4"
-                            }, [
-                              o("div", la, N(V == null ? void 0 : V.label), 1),
-                              o("div", ca, [
-                                (b(!0), $(W, null, ge(V == null ? void 0 : V.values, (Te, Ge) => (b(), $("div", {
-                                  key: Ge,
-                                  class: "fm-typo-en-body-lg-600"
-                                }, N(Te), 1))), 128))
-                              ])
-                            ]))), 128))
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ])
-                  ])
-                ], 64))), 128))
-              ])) : (b(), $("div", Kt, [
-                _(q),
-                o("div", null, [
-                  o("img", {
-                    src: y(bt),
-                    alt: "List is empty"
-                  }, null, 8, Gt)
-                ]),
-                t[14] || (t[14] = o("div", { class: "fm-typo-en-body-lg-600" }, N("No records found"), -1)),
-                t[15] || (t[15] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, N("You can track approval and rejection history here"), -1)),
-                _(q),
-                _(q)
-              ]))
-            ])) : Q("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), da = { class: "flex-1 flex flex-col gap-8" }, ma = { class: "flex flex-col" }, fa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pa = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, va = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, ya = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ka = /* @__PURE__ */ Se({
-  __name: "ClosingDraftView",
-  setup(n) {
-    const { t: r } = ze(), { viewDraft: e } = we(), { viewClosingDraftProps: m, viewClosingDraftShow: c } = gt(we()), g = Ce(), x = Ft(), D = it(), { breakpoints: i } = yt();
-    g.watchLocation(x.fetchDrafts);
-    const C = H(() => x.loading), T = O(""), P = H(() => i.value.xs || i.value.sm), u = H(() => P.value ? 10 : 20);
-    function p(v) {
-      switch (v) {
-        case "refresh":
-          return x.fetchDrafts();
-      }
-    }
-    function k(v) {
-      return v;
-    }
-    const h = H(() => P.value ? [
-      {
-        label: r("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      }
-    ] : [
-      {
-        label: r("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      }
-    ]);
-    return (v, B) => {
-      const L = E("FmTable");
-      return b(), $(W, null, [
-        _(ut, {
-          title: y(r)("inventory.closing.draft.title"),
-          actions: h.value,
-          "onClick:action": p
-        }, {
-          default: K(() => [
-            o("div", {
-              class: fe([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": P.value,
-                  "px-24 ": !P.value
-                }
-              ])
-            }, [
-              _(dt, {
-                "change-location": "",
-                searchable: "",
-                search: T.value,
-                "onUpdate:search": B[0] || (B[0] = (j) => T.value = j)
-              }, null, 8, ["search"]),
-              _(L, {
-                style: Ie(y(D).tableHeight),
-                "column-defs": y(x).columnDefs,
-                "row-data": y(x).drafts,
-                "search-value": T.value,
-                loading: C.value,
-                onRowClick: B[1] || (B[1] = (j) => y(e)(j.original)),
-                "page-size": u.value
-              }, {
-                "list-row": K((j) => [
-                  _(mt, {
-                    row: j,
-                    onRowClick: (I) => y(e)(I)
-                  }, {
-                    default: K((I) => {
-                      var S, G, le, X, se, ce, pe, he, ee, ve, xe, ie, te, Y, ye, a, t, s, l, d;
-                      return [
-                        o("div", da, [
-                          o("div", ma, [
-                            o("div", fa, [
-                              _(y(De), {
-                                render: (le = (G = (S = I._id) == null ? void 0 : S.column) == null ? void 0 : G.columnDef) == null ? void 0 : le.cell,
-                                props: (se = (X = I._id) == null ? void 0 : X.getContext) == null ? void 0 : se.call(X)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            o("div", pa, [
-                              _(y(De), {
-                                render: (he = (pe = (ce = I.name) == null ? void 0 : ce.column) == null ? void 0 : pe.columnDef) == null ? void 0 : he.cell,
-                                props: (ve = (ee = I.name) == null ? void 0 : ee.getContext) == null ? void 0 : ve.call(ee)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            o("div", va, N([
-                              ...j.original.items.slice(0, 3).map((f) => f.sku.name),
-                              ...j.original.items.length >= 3 ? [`and ${j.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            o("div", ya, [
-                              _(y(De), {
-                                render: (te = (ie = (xe = I.ref) == null ? void 0 : xe.column) == null ? void 0 : ie.columnDef) == null ? void 0 : te.cell,
-                                props: (ye = (Y = I.ref) == null ? void 0 : Y.getContext) == null ? void 0 : ye.call(Y)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ]),
-                          o("div", null, [
-                            _(y(De), {
-                              render: (s = (t = (a = I.status) == null ? void 0 : a.column) == null ? void 0 : t.columnDef) == null ? void 0 : s.cell,
-                              props: (d = (l = I.status) == null ? void 0 : l.getContext) == null ? void 0 : d.call(l)
-                            }, 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"]),
-        (b(), Z(Je, { to: "body" }, [
-          _(ua, Xe(y(m), {
-            show: y(c),
-            "onUpdate:show": B[2] || (B[2] = (j) => Me(c) ? c.value = j : null),
-            onSubmitted: B[3] || (B[3] = () => (c.value = !1, y(x).fetchDrafts()))
-          }), null, 16, ["show"])
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  ka as default
-};