@feedmepos/mf-inventory-portal 0.0.23-dev.12 → 0.0.23-dev.14

package/dist/ClosingDraftView-TbFoEdiB.js

@@ -1,767 +0,0 @@
-import { defineComponent as ee, ref as z, resolveComponent as P, openBlock as R, createBlock as O, withCtx as K, createElementVNode as r, createTextVNode as le, toDisplayString as H, unref as c, createVNode as b, h as ie, computed as F, onMounted as xe, watch as ke, isRef as pe, createCommentVNode as ce, normalizeClass as ge, createElementBlock as V, Fragment as ve, renderList as Se, normalizeStyle as ye, Teleport as Be, mergeProps as Fe } from "vue";
-import { u as je, _ as $e, a as Re } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BH2P7EWu.js";
-import { useI18n as be } from "@feedmepos/mf-common";
-import { useSnackbar as De, useDialog as Pe, useProxiedModel as Te, useBreakpoints as Me } from "@feedmepos/ui-library";
-import { k as ze, u as te, p as M, s as he, q as J, c as Ue, r as Le, a as Ke } from "./app-CCmjyIGj.js";
-import { defineStore as _e, storeToRefs as Ne } from "pinia";
-import { R as Ee, a as B, l as Ie, m as Ve, b as ue, k as Oe, c as de, t as He } from "./rules-CSQd5FJv.js";
-import { D as me, R as W } from "./row-action.enum-7rGLGZ5v.js";
-import { c as Ye, _ as qe, F as Z } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { f as Ge } from "./format-time-from-id-DRL6XFTy.js";
-import { d as N } from "./date2-Bts8EH96.js";
-import { u as We } from "./stock-DOndmj1b.js";
-const Ae = ze((C, e) => {
-  function m() {
-    return te().currentLocation.dbName;
-  }
-  return {
-    async getDraft(d) {
-      const i = m(), p = `${C.inventoryBackendUrl}/${i}/closing-draft/${d}`;
-      return e.get(p);
-    },
-    async readDrafts() {
-      const d = m(), i = `${C.inventoryBackendUrl}/${d}/closing-draft`;
-      return e.get(i);
-    },
-    async runOperation(d) {
-      const i = m(), p = `${C.inventoryBackendUrl}/${i}/closing-draft/run-operation`;
-      return e.post(p, d);
-    }
-  };
-}), Ze = { class: "fm-typo-en-body-lg-400" }, Je = { class: "fm-typo-en-body-lg-600" }, Qe = { class: "flex gap-12 py-8 justify-end w-full" }, fe = /* @__PURE__ */ ee({
-  __name: "ClosingDraftAction",
-  props: {
-    draft: {},
-    action: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(C) {
-    const e = C, m = z(), d = Ae(), i = De(), p = z(!1);
-    async function v() {
-      p.value = !0;
-      try {
-        await d.runOperation({
-          _id: e.draft._id,
-          _rev: e.draft._rev ?? "",
-          action: e.action,
-          data: {
-            remark: m.value
-          }
-        }).delayed(500), i.open({
-          title: "Success",
-          message: "Action submitted",
-          type: "success"
-        }), e.onFinished();
-      } catch (h) {
-        i.open({
-          title: "Something went wrong",
-          message: "Unable to submit actino. Please try again",
-          type: "error"
-        }), console.error("error on submit closing draft aciont", h);
-      } finally {
-        p.value = !1;
-      }
-    }
-    return (h, u) => {
-      const y = P("FmTextField"), j = P("FmButton"), o = P("FmForm");
-      return R(), O(o, {
-        onValidationSuccess: v,
-        class: "flex flex-col gap-32",
-        disabled: p.value
-      }, {
-        default: K(() => [
-          r("div", Ze, [
-            u[2] || (u[2] = le(" You are about to ")),
-            r("span", Je, H(h.action == c(M).enum.approveDraft ? "approve" : "reject"), 1),
-            u[3] || (u[3] = le(" this draft. Please provider a remark to justify this action. "))
-          ]),
-          b(y, {
-            modelValue: m.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (l) => m.value = l),
-            label: "Remark",
-            "label-mark": "required",
-            rules: [c(Ee)()]
-          }, null, 8, ["modelValue", "rules"]),
-          r("div", Qe, [
-            b(j, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: u[1] || (u[1] = (l) => h.onCancel())
-            }),
-            b(j, {
-              label: h.action == c(M).enum.approveDraft ? "Approve" : "Reject",
-              type: "submit",
-              variant: h.action == c(M).enum.approveDraft ? "primary" : "destructive",
-              loading: p.value
-            }, null, 8, ["label", "variant", "loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), Q = _e(
-  "closingDraftActions",
-  function() {
-    const e = Pe(), m = z(!1), d = z();
-    function i(u) {
-      const y = {
-        draft: u
-      };
-      d.value = y, m.value = !0;
-    }
-    function p(u) {
-    }
-    function v(u, y) {
-      e.open({
-        title: "Approve draft",
-        contentComponent: fe,
-        contentComponentProps: {
-          draft: u,
-          action: M.enum.approveDraft,
-          onFinished: () => {
-            e.close(), y == null || y();
-          },
-          onCancel: () => e.close()
-        }
-      });
-    }
-    function h(u, y) {
-      e.open({
-        title: "Reject draft",
-        contentComponent: fe,
-        contentComponentProps: {
-          draft: u,
-          action: M.enum.rejectDraft,
-          onFinished: () => {
-            e.close(), y == null || y();
-          },
-          onCancel: () => e.close()
-        }
-      });
-    }
-    return {
-      viewDraft: i,
-      approveDraft: v,
-      rejectDraft: h,
-      exportDraft: p,
-      viewClosingDraftShow: m,
-      viewClosingDraftProps: d
-    };
-  }
-);
-function Ce(C) {
-  switch (C) {
-    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 Xe = _e("closingTable", function() {
-  const { t: e } = be(), m = Q(), d = z(new Array()), i = z(!1), p = te(), v = Ae();
-  async function h() {
-    if (d.value = [], !!p._currentLocation) {
-      i.value = !0;
-      try {
-        const [o] = await Promise.all([v.readDrafts()]).delayed(1e3);
-        d.value = o.reverse();
-      } catch (o) {
-        console.log("Something went wrong when fetching drafts:", o);
-      } finally {
-        i.value = !1;
-      }
-    }
-  }
-  async function u(o) {
-    if (!d.value.find((l) => l._id) && p._currentLocation) {
-      i.value = !0;
-      try {
-        const [l] = await Promise.all([
-          v.getDraft(o),
-          new Promise((_) => setTimeout(_, 1e3))
-        ]);
-        d.value = [l];
-      } catch (l) {
-        console.log("Something went wrong when fetching drafts:", l);
-      } finally {
-        i.value = !1;
-      }
-    }
-  }
-  function y(o, l) {
-    switch (l = Ue(l), o) {
-      case W.Details:
-        return m.viewDraft(l);
-      case W.Export:
-        return m.exportDraft(l);
-      case M.enum.approveDraft:
-        return m.approveDraft(l);
-      case M.enum.rejectDraft:
-        return m.rejectDraft(l);
-    }
-  }
-  return {
-    columnDefs: [
-      {
-        id: "_id",
-        accessorKey: "_id",
-        header: () => e("inventory.closing.table.createdAt"),
-        cell(o) {
-          return Ge(`${o.getValue()}`);
-        },
-        enableSorting: !0
-      },
-      {
-        id: "updatedAt",
-        accessorFn: (o) => N(o.updatedAt),
-        header: () => "Updated at",
-        enableSorting: !0,
-        size: 200
-      },
-      {
-        id: "updatedBy",
-        accessorKey: "updatedBy.name",
-        header: () => "Last update by",
-        enableSorting: !0,
-        size: 200
-      },
-      {
-        id: "noOfItems",
-        accessorKey: "items.length",
-        header: () => e("inventory.closing.table.noOfItems"),
-        enableSorting: !1,
-        meta: {
-          width: "10rem",
-          textAlign: "right"
-        }
-      },
-      {
-        id: "recentRemark",
-        accessorFn: (o) => {
-          var l;
-          return (o == null ? void 0 : o.approveRemark) ?? ((l = o == null ? void 0 : o.rejectionHistory) == null ? void 0 : l.computeFirst((_) => _.rejectRemark));
-        },
-        header: () => "Recent remark"
-      },
-      {
-        id: "status",
-        accessorFn: (o) => o.status,
-        header: () => e("inventory.closing.table.status"),
-        enableSorting: !1,
-        cell(o) {
-          const _ = o.row.original.status;
-          return ie(
-            "div",
-            {
-              class: "flex"
-            },
-            ie(
-              "div",
-              {
-                class: ["fm-status-badge", Ce(_)]
-              },
-              he(_)
-            )
-          );
-        }
-      },
-      {
-        id: "action",
-        cell(o) {
-          const l = o.row.original, _ = [
-            me[W.Details],
-            me[W.Export]
-          ], Y = [
-            {
-              translationKey: "inventory.closing.draft.approveDraft",
-              color: "text-fm-color-typo-primary",
-              value: M.enum.approveDraft
-            },
-            {
-              translationKey: "inventory.closing.draft.rejectDraft",
-              color: "text-fm-color-typo-error",
-              value: M.enum.rejectDraft
-            }
-          ];
-          return Ye(
-            [..._, ...l.status === J.enum.DRAFT ? Y : []],
-            (E) => y(E, l)
-          );
-        },
-        enableSorting: !1,
-        size: 40,
-        meta: {
-          cellClass: "",
-          headerClass: ""
-        }
-      }
-    ],
-    drafts: d,
-    loading: i,
-    fetchDrafts: h,
-    loadDraft: u
-  };
-}), et = { class: "w-full flex flex-col gap-32" }, tt = { class: "flex justify-between" }, at = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[22px] px-8 bg-fm-color-neutral-gray-100 fm-status-badge fm-status-badge-receiving" }, nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ot = { class: "flex gap-1" }, st = { class: "fm-typo-en-body-lg-600" }, rt = { class: "flex flex-col gap-16" }, lt = {
-  key: 0,
-  class: "w-full flex flex-col items-center"
-}, it = { class: "flex items-center gap-8" }, ct = {
-  key: 1,
-  class: "overflow-x-auto"
-}, ut = { class: "flex gap-8" }, dt = /* @__PURE__ */ ee({
-  __name: "ClosingDraftDialog",
-  props: {
-    show: { type: Boolean },
-    draft: {}
-  },
-  setup(C) {
-    const e = C, m = We(), d = Q(), i = Te(e, "show"), p = z(!1), v = z(new Array()), h = Le(), u = De(), y = Ke(), j = F(() => {
-      var a;
-      const t = ((a = e.draft) == null ? void 0 : a.items.map((s) => s.sku)) ?? [];
-      return t.sort((s, n) => s.code.localeCompare(n.code)), t;
-    });
-    xe(_), ke(
-      () => e.show,
-      (t) => {
-        t && _();
-      }
-    );
-    const o = de(0), l = de(100);
-    async function _() {
-      var a, s, n;
-      p.value = !0;
-      const t = ((a = e.draft) == null ? void 0 : a.status) === J.enum.COMPLETED;
-      try {
-        if (await y.init(), t) {
-          const f = e.draft.closingId;
-          if (!f) {
-            u.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 D = await h.getClosingById(f);
-          v.value = (D == null ? void 0 : D.skus) ?? [];
-        } else
-          await m.readStockBalance(), v.value = ((n = m.stockBalance) == null ? void 0 : n.skus) ?? [];
-      } catch (f) {
-        u.open({
-          title: "Something went wrong",
-          message: "Something went wrong when fetching info. Please try again.",
-          type: "error"
-        }), console.error("error on fetch stock balances", f);
-      } finally {
-        p.value = !1;
-      }
-    }
-    const Y = F(
-      () => v.value.groupBy(
-        (t) => t.id,
-        (t) => t.balance
-      )
-    ), E = F(() => {
-      var a;
-      return (((a = e.draft) == null ? void 0 : a.items) ?? []).groupBy((s) => s.sku._id);
-    }), L = F(() => {
-      const t = j.value.reduce((s, n) => Math.max(
-        s,
-        n.unit.measurements.filter((f) => !f.name.toLocaleLowerCase().includes("inactive")).length
-      ), 0);
-      return [
-        {
-          id: "code",
-          accessorKey: "code",
-          header: () => "Code",
-          size: 200
-        },
-        {
-          id: "name",
-          accessorKey: "name",
-          header: () => "Name",
-          size: 300
-        },
-        {
-          id: "baseUnit",
-          accessorKey: "baseUnit",
-          header: () => "Base unit",
-          size: 200
-        },
-        {
-          id: "baseUnitAmount",
-          accessorKey: "baseUnitAmount",
-          header: () => "Base unit amount",
-          size: 200
-        },
-        ...Array.from({ length: t }).flatMap((s, n) => {
-          const f = `measurementAbbrev${n}`, D = `measurementAmount${n}`;
-          return [
-            {
-              id: D,
-              accessorKey: D,
-              header: () => `Sub unit amount ${n + 1}`,
-              size: 200,
-              meta: {
-                textAlign: "right"
-              }
-            },
-            {
-              id: f,
-              accessorKey: f,
-              header: () => `Sub unit ${n + 1}`,
-              size: 200
-            }
-          ];
-        }),
-        {
-          id: "systemBalance",
-          accessorKey: "systemBalance",
-          header: () => "System balance",
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalance",
-          accessorKey: "physicalBalance",
-          header: () => "Physical balance",
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedBalance",
-          accessorKey: "adjustedBalance",
-          header: () => "Adjusted balance",
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedDiffPercentage",
-          accessorKey: "adjustedDiffPercentage",
-          header: () => "Diff (%)",
-          size: 200,
-          cell(s) {
-            var n;
-            return (n = s.row.original.adjustedDiffPercentage) == null ? void 0 : n.toFixed(2);
-          },
-          meta: {
-            textAlign: "right"
-          }
-        }
-      ];
-    }), $ = F(() => L.value.map((t) => t.size ?? 0).reduce((t, a) => t + a));
-    function X(t) {
-      const a = t.measurementsAmounts.groupBy((n) => n.measurement.id), s = t.sku.unit.measurements.reduce((n, f) => {
-        var U, g;
-        const D = ((g = (U = a.get(f.id)) == null ? void 0 : U[0]) == null ? void 0 : g.amount) ?? o, x = ue(f.conversion, D);
-        return n + +B(x);
-      }, +B(t.baseAmount));
-      return He(s, t.baseAmount.precision);
-    }
-    const A = F(() => j.value.map((t) => {
-      var g, S;
-      const a = (g = E.value.get(t._id)) == null ? void 0 : g[0], s = ((S = Y.value.get(t._id)) == null ? void 0 : S[0]) ?? o;
-      if (!a)
-        return {
-          code: t.code,
-          name: t.name,
-          baseUnit: t.unit.abbrev,
-          baseUnitAmount: 0,
-          systemBalance: +B(s),
-          physicalBalance: 0,
-          adjustedBalance: -+B(s),
-          adjustedDiffPercentage: -100
-        };
-      const n = X(a), f = Ie(n, s), D = s.amount === 0 ? null : Ve(f, s), x = D ? ue(D, l) : null;
-      return {
-        code: t.code,
-        name: t.name,
-        baseUnit: t.unit.abbrev,
-        baseUnitAmount: +B(a.baseAmount),
-        ...a.measurementsAmounts.reduce((k, T, I) => (T.measurement.name.toLocaleLowerCase().includes("inactive") || (k[`measurementAbbrev${I}`] = `(${T.measurement.abbrev}) × ${B(T.measurement.conversion)}`, k[`measurementAmount${I}`] = +B(T.amount)), k), {}),
-        systemBalance: +B(s),
-        physicalBalance: +B(n),
-        adjustedBalance: +B(f),
-        adjustedDiffPercentage: x ? +B(Oe(x, 2)) : null
-      };
-    })), w = F(() => {
-      var a, s;
-      if (!e.draft) return [];
-      const t = e.draft.approvedAt ? {
-        action: `Approve at ${N(e.draft.approvedAt)}`,
-        // actionAt: props.draft.approvedAt,
-        actionBy: e.draft.approvedBy,
-        remark: e.draft.approveRemark
-      } : (a = e.draft.rejectionHistory) == null ? void 0 : a.computeFirst((n) => ({
-        action: `Reject at ${N(n.rejectedAt)}`,
-        // actionAt: e.rejectedAt,
-        actionBy: n.rejectedBy,
-        remark: n.rejectRemark
-      }));
-      return [
-        {
-          label: "Created at",
-          value: N(e.draft.createdAt)
-        },
-        {
-          label: "Created by",
-          value: e.draft.createdBy.name
-        },
-        {
-          label: "Updated at",
-          value: N(e.draft.updatedAt)
-        },
-        {
-          label: "Updated by",
-          value: e.draft.updatedBy.name
-        },
-        {
-          label: "Effective at",
-          value: N(e.draft.effectiveAt ?? e.draft.updatedAt)
-        },
-        t ? {
-          label: "Last action",
-          value: t.action
-        } : null,
-        t && t.actionBy ? {
-          label: "Last action by",
-          value: (s = t.actionBy) == null ? void 0 : s.name
-        } : null,
-        t && t.remark ? {
-          label: "Action remark",
-          value: t.remark
-        } : null
-      ].filter((n) => n).map((n) => n);
-    });
-    return (t, a) => {
-      const s = P("FmMenuDivider"), n = P("FmCard"), f = P("FmCircularProgress"), D = P("FmTable"), x = P("FmButton"), U = P("FmSideSheet");
-      return R(), O(U, {
-        "dismiss-away": "",
-        "max-width": 900,
-        "model-value": c(i),
-        "onUpdate:modelValue": a[3] || (a[3] = (g) => pe(i) ? i.value = g : null),
-        header: "Closing details"
-      }, {
-        "side-sheet-footer": K(() => {
-          var g, S;
-          return [
-            r("div", ut, [
-              ((g = e.draft) == null ? void 0 : g.status) === c(J).enum.DRAFT ? (R(), O(x, {
-                key: 0,
-                label: "Approve",
-                onClick: a[0] || (a[0] = () => e.draft && c(d).approveDraft(e.draft))
-              })) : ce("", !0),
-              ((S = e.draft) == null ? void 0 : S.status) === c(J).enum.DRAFT ? (R(), O(x, {
-                key: 1,
-                label: "Reject",
-                variant: "destructive",
-                onClick: a[1] || (a[1] = () => e.draft && c(d).rejectDraft(e.draft))
-              })) : ce("", !0),
-              b(x, {
-                label: "Close",
-                variant: "tertiary",
-                onClick: a[2] || (a[2] = (k) => i.value = !1)
-              })
-            ])
-          ];
-        }),
-        default: K(() => [
-          r("div", et, [
-            b(n, {
-              variant: "outlined",
-              class: "flex flex-col gap-8 px-12 py-16"
-            }, {
-              default: K(() => {
-                var g, S;
-                return [
-                  r("div", tt, [
-                    a[4] || (a[4] = r("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                    r("div", null, [
-                      r("div", at, [
-                        r("div", {
-                          class: ge(c(Ce)(((g = t.draft) == null ? void 0 : g.status) ?? "DRAFT"))
-                        }, H(c(he)(((S = t.draft) == null ? void 0 : S.status) ?? "")), 3)
-                      ])
-                    ])
-                  ]),
-                  b(s),
-                  (R(!0), V(ve, null, Se(w.value, (k, T) => (R(), V("div", {
-                    class: "flex flex-col gap-4",
-                    key: T
-                  }, [
-                    r("div", nt, [
-                      r("div", ot, H(k.label), 1)
-                    ]),
-                    r("div", st, H(k.value), 1)
-                  ]))), 128))
-                ];
-              }),
-              _: 1
-            }),
-            r("div", rt, [
-              a[8] || (a[8] = r("div", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, "Closing items", -1)),
-              p.value ? (R(), V("div", lt, [
-                a[6] || (a[6] = r("div", { class: "h-80" }, null, -1)),
-                r("div", it, [
-                  r("div", null, [
-                    b(f, { size: "md" })
-                  ]),
-                  a[5] || (a[5] = r("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
-                ]),
-                a[7] || (a[7] = r("div", { class: "h-80" }, null, -1))
-              ])) : (R(), V("div", ct, [
-                r("div", {
-                  style: ye({ width: `${$.value}px` })
-                }, [
-                  b(D, {
-                    "column-defs": L.value,
-                    "row-data": A.value
-                  }, null, 8, ["column-defs", "row-data"])
-                ], 4)
-              ]))
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), mt = { class: "flex-1 flex flex-col gap-8" }, ft = { class: "flex flex-col" }, pt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, yt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, jt = /* @__PURE__ */ ee({
-  __name: "ClosingDraftView",
-  setup(C) {
-    const { t: e } = be(), { viewDraft: m } = Q(), { viewClosingDraftProps: d, viewClosingDraftShow: i } = Ne(Q()), p = te(), v = Xe(), h = je(), { breakpoints: u } = Me();
-    p.watchLocation(v.fetchDrafts);
-    const y = F(() => v.loading), j = z(""), o = F(() => u.value.xs || u.value.sm), l = F(() => o.value ? 10 : 20);
-    function _(L) {
-      switch (L) {
-        case "refresh":
-          return v.fetchDrafts();
-      }
-    }
-    function Y(L) {
-      return L;
-    }
-    const E = F(() => o.value ? [
-      {
-        label: "Refresh",
-        value: "refresh",
-        isPrimary: !1
-      }
-    ] : [
-      {
-        label: "Refresh",
-        value: "refresh",
-        isPrimary: !1
-      }
-    ]);
-    return (L, $) => {
-      const X = P("FmTable");
-      return R(), V(ve, null, [
-        b($e, {
-          title: c(e)("inventory.closing.draft.title"),
-          actions: E.value,
-          "onClick:action": _
-        }, {
-          default: K(() => [
-            r("div", {
-              class: ge([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": o.value,
-                  "px-24 ": !o.value
-                }
-              ])
-            }, [
-              b(Re, {
-                "change-location": "",
-                searchable: "",
-                search: j.value,
-                "onUpdate:search": $[0] || ($[0] = (A) => j.value = A)
-              }, null, 8, ["search"]),
-              b(X, {
-                style: ye(c(h).tableHeight),
-                "column-defs": c(v).columnDefs,
-                "row-data": c(v).drafts,
-                "search-value": j.value,
-                loading: y.value,
-                onRowClick: $[1] || ($[1] = (A) => c(m)(A.original)),
-                "page-size": l.value
-              }, {
-                "list-row": K((A) => [
-                  b(qe, {
-                    row: A,
-                    onRowClick: (w) => c(m)(w)
-                  }, {
-                    default: K((w) => {
-                      var t, a, s, n, f, D, x, U, g, S, k, T, I, q, ae, ne, oe, se, G, re;
-                      return [
-                        r("div", mt, [
-                          r("div", ft, [
-                            r("div", pt, [
-                              b(c(Z), {
-                                render: (s = (a = (t = w._id) == null ? void 0 : t.column) == null ? void 0 : a.columnDef) == null ? void 0 : s.cell,
-                                props: (f = (n = w._id) == null ? void 0 : n.getContext) == null ? void 0 : f.call(n)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            r("div", gt, [
-                              b(c(Z), {
-                                render: (U = (x = (D = w.name) == null ? void 0 : D.column) == null ? void 0 : x.columnDef) == null ? void 0 : U.cell,
-                                props: (S = (g = w.name) == null ? void 0 : g.getContext) == null ? void 0 : S.call(g)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            r("div", vt, H([
-                              ...A.original.items.slice(0, 3).map((we) => we.sku.name),
-                              ...A.original.items.length >= 3 ? [`and ${A.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            r("div", yt, [
-                              b(c(Z), {
-                                render: (I = (T = (k = w.ref) == null ? void 0 : k.column) == null ? void 0 : T.columnDef) == null ? void 0 : I.cell,
-                                props: (ae = (q = w.ref) == null ? void 0 : q.getContext) == null ? void 0 : ae.call(q)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ]),
-                          r("div", null, [
-                            b(c(Z), {
-                              render: (se = (oe = (ne = w.status) == null ? void 0 : ne.column) == null ? void 0 : oe.columnDef) == null ? void 0 : se.cell,
-                              props: (re = (G = w.status) == null ? void 0 : G.getContext) == null ? void 0 : re.call(G)
-                            }, 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"]),
-        (R(), O(Be, { to: "body" }, [
-          b(dt, Fe(c(d), {
-            show: c(i),
-            "onUpdate:show": $[2] || ($[2] = (A) => pe(i) ? i.value = A : null),
-            onSubmitted: $[3] || ($[3] = (A) => c(v).fetchDrafts())
-          }), null, 16, ["show"])
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  jt as default
-};