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

package/dist/ClosingDraftView-CcQssDLY.js

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