@feedmepos/mf-inventory-portal 0.0.23-dev.1 → 0.0.23-dev.10

package/dist/ClosingDraftView-D9CnCwak.js

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