@feedmepos/mf-inventory-portal 1.2.26 → 1.2.28

package/dist/ClosingDraftView-DIvddbOy.js

@@ -0,0 +1,2077 @@
+import { defineComponent as Ee, ref as H, computed as V, onMounted as We, resolveComponent as z, openBlock as F, createElementBlock as E, Fragment as re, createTextVNode as ne, createBlock as ue, withCtx as W, createElementVNode as i, toDisplayString as ae, unref as $, createVNode as _, createCommentVNode as le, h as A, reactive as Bt, watch as Tt, isRef as ft, normalizeClass as Se, renderList as $e, normalizeStyle as pt, Teleport as jt, mergeProps as It } from "vue";
+import { aa as Ut, u as ze, ax as Y, am as Le, ay as vt, r as Pt, Z as qe, n as Qe, t as Mt, a0 as Be, W as Rt, Y as Vt, X as Lt, az as gt, aA as yt, $ as R, ah as bt, aB as ht, aC as he, an as Nt, ac as Ge, ab as ke, a6 as Re, D as dt, j as Pe, i as Et, f as zt, a as Ot, a9 as Ht, h as Yt, G as Kt, I as Qt, J as Gt, K as Wt, L as Me } from "./app-DzPAqMfV.js";
+import { useCoreStore as qt, useI18n as kt } from "@feedmepos/mf-common";
+import { useSnackbar as Ze, useDialog as Zt, useProxiedModel as Jt, components as be, useBreakpoints as Xt } from "@feedmepos/ui-library";
+import { defineStore as xt, storeToRefs as ea } from "pinia";
+import { u as Dt } from "./stock-GesfiBWR.js";
+import { u as Je } from "./stock-BYRT4p1b.js";
+import { E as ta } from "./empty-placeholder-wf6-BWE8.js";
+const Oe = Ut((s, o) => {
+  function e() {
+    return ze().currentLocation.dbName;
+  }
+  return {
+    async getDraft(m) {
+      const x = e(), h = `${s.inventoryBackendUrl}/${x}/closing-draft/${m}`;
+      return o.get(h);
+    },
+    async readDrafts() {
+      const m = e(), x = `${s.inventoryBackendUrl}/${m}/closing-draft`;
+      return o.get(x);
+    },
+    async runOperation(m) {
+      const x = e(), h = `${s.inventoryBackendUrl}/${x}/closing-draft/run-operation`;
+      return o.post(h, m);
+    },
+    async runOperationV1(m) {
+      const x = e(), h = `${s.inventoryBackendUrl}/${x}/closing-draft/v1/run-operation`;
+      return o.post(h, m);
+    },
+    async sync(m) {
+      const x = e(), h = `${s.inventoryBackendUrl}/${x}/closing-draft/sync`;
+      return o.post(h, m);
+    }
+  };
+}), aa = { class: "fm-typo-en-body-lg-400" }, na = { class: "fm-typo-en-body-lg-600" }, oa = {
+  key: 0,
+  class: "flex flex-col"
+}, sa = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, ra = { class: "flex gap-12 py-8 justify-end w-full" }, Ke = /* @__PURE__ */ Ee({
+  __name: "ClosingDraftAction",
+  props: {
+    draft: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(s) {
+    const o = s, e = H(), m = Oe(), x = Ze(), h = H(!1), g = H(null), P = H(!1), L = V(() => {
+      switch (o.action) {
+        case Y.enum.approveDraft:
+          return "Approve";
+        case Y.enum.rejectDraft:
+          return "Reject";
+        case Y.enum.markAsFailed:
+          return "Mark as Failed";
+      }
+      throw new Error(`Unknown action: ${o.action}`);
+    }), M = V(() => {
+      switch (o.action) {
+        case Y.enum.approveDraft:
+          return "primary";
+        case Y.enum.rejectDraft:
+          return "destructive";
+        case Y.enum.markAsFailed:
+          return "destructive";
+      }
+      throw new Error(`Unknown action: ${o.action}`);
+    });
+    We(() => {
+      if (o.draft.effectiveAt)
+        g.value = new Date(o.draft.effectiveAt);
+      else {
+        const c = new Date(o.draft.createdAt);
+        c.setHours(23, 59, 59, 999), g.value = c;
+      }
+      P.value = !0;
+    });
+    const k = V({
+      get() {
+        return g.value === null ? "" : Le(g.value);
+      },
+      set(c) {
+        if (c) {
+          const u = /* @__PURE__ */ new Date(`${c} ${N.value}`);
+          u.setSeconds(59, 999), g.value = u;
+        } else
+          g.value = null;
+      }
+    }), N = V({
+      get() {
+        return g.value === null ? "" : vt(g.value);
+      },
+      set(c) {
+        if (c) {
+          const u = /* @__PURE__ */ new Date(`${k.value} ${c}`);
+          u.setSeconds(59, 999), g.value = u;
+        } else
+          g.value = null;
+      }
+    }), B = V(() => g.value ? g.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function v(c) {
+      h.value = !0;
+      try {
+        c ? await m.runOperation({
+          _id: o.draft._id,
+          _rev: o.draft._rev ?? "",
+          action: o.action,
+          data: {
+            effectiveAt: g.value ? g.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500) : await m.runOperationV1({
+          _id: o.draft._id,
+          _rev: o.draft._rev ?? "",
+          action: o.action,
+          data: {
+            effectiveAt: g.value ? g.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500), x.open({
+          title: "Success",
+          message: "Action submitted",
+          type: "success"
+        }), o.onFinished();
+      } catch (u) {
+        x.open({
+          title: "Something went wrong",
+          message: (u == null ? void 0 : u.message) ?? "Unable to submit action. Please try again",
+          type: "error"
+        }), console.error("error on submit closing draft action", u);
+      } finally {
+        h.value = !1;
+      }
+    }
+    return (c, u) => {
+      const I = z("FmLabel"), y = z("FmDatePicker"), b = z("FmTimePicker"), C = z("FmTextField"), T = z("FmButton"), O = z("FmForm");
+      return P.value ? (F(), ue(O, {
+        key: 1,
+        onValidationSuccess: v,
+        class: "flex flex-col gap-32",
+        disabled: h.value
+      }, {
+        default: W(() => [
+          i("div", aa, [
+            u[5] || (u[5] = ne(" You are about to ")),
+            i("span", na, ae(L.value), 1),
+            u[6] || (u[6] = ne(" this draft. Please provide a remark to justify this action. "))
+          ]),
+          c.action === $(Y).enum.approveDraft ? (F(), E("div", oa, [
+            _(I, { class: "fm-typo-en-body-lg-600" }, {
+              default: W(() => u[7] || (u[7] = [
+                ne("Closing Date")
+              ])),
+              _: 1
+            }),
+            _(y, {
+              modelValue: k.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (K) => k.value = K),
+              max: $(Le)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            _(I, { class: "fm-typo-en-body-lg-600" }, {
+              default: W(() => u[8] || (u[8] = [
+                ne("Closing Time")
+              ])),
+              _: 1
+            }),
+            _(b, {
+              modelValue: N.value,
+              "onUpdate:modelValue": u[1] || (u[1] = (K) => N.value = K)
+            }, null, 8, ["modelValue"]),
+            B.value ? (F(), E("div", sa, " Cannot select future date ")) : le("", !0)
+          ])) : le("", !0),
+          _(C, {
+            modelValue: e.value,
+            "onUpdate:modelValue": u[2] || (u[2] = (K) => e.value = K),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [$(Pt)()]
+          }, null, 8, ["modelValue", "rules"]),
+          i("div", ra, [
+            _(T, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: u[3] || (u[3] = (K) => c.onCancel())
+            }),
+            _(T, {
+              label: L.value,
+              type: "submit",
+              variant: M.value,
+              loading: h.value,
+              disabled: B.value
+            }, null, 8, ["label", "variant", "loading", "disabled"]),
+            _(T, {
+              label: "Online Approve (Beta)",
+              type: "button",
+              onClick: u[4] || (u[4] = (K) => v(!0)),
+              variant: M.value,
+              loading: h.value,
+              disabled: B.value
+            }, null, 8, ["variant", "loading", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (F(), E(re, { key: 0 }, [
+        ne("Loading")
+      ], 64));
+    };
+  }
+}), la = Be(0);
+function At(s) {
+  const o = s.measurementsAmounts.groupBy((m) => m.measurement.id), e = s.sku.unit.measurements.reduce((m, x) => {
+    var P, L;
+    const h = ((L = (P = o.get(x.id)) == null ? void 0 : P[0]) == null ? void 0 : L.amount) ?? la, g = qe(x.conversion, h);
+    return m + +Qe(g);
+  }, +Qe(s.baseAmount));
+  return Mt(e, s.baseAmount.precision);
+}
+const ia = Be(0), ca = Be(100), _t = "N/A";
+function ua(s, o, e, m, x, h) {
+  var Q, Z, w, X, me;
+  const g = At(s), P = m ?? g, L = gt(P, o), M = o.amount === 0 ? null : yt(L, {
+    ...o,
+    amount: Math.abs(o.amount)
+  }), k = M ? qe(M, ca) : null, N = ((Q = s.sku.defaultCost) == null ? void 0 : Q.costPerUnit) ?? { amount: 0, precision: 0 }, B = Number(R.toFormatString({ value: N })), v = ((w = (Z = s.sku.defaultCost) == null ? void 0 : Z.measurement) == null ? void 0 : w.conversion) ?? {
+    amount: 1,
+    precision: 0
+  }, c = Number(
+    R.toFormatString({ value: v })
+  ), u = x ? Number(R.toFormatString({ value: x })) : 0, I = Number(R.toFormatString({ value: o })), y = Number(R.toFormatString({ value: P })), b = I - y, C = b * B / c, T = y * B / c, O = I * B / c;
+  return {
+    code: s.sku.code,
+    name: s.sku.name,
+    baseUnit: s.sku.unit.abbrev,
+    costUnit: ((me = (X = s.sku.defaultCost) == null ? void 0 : X.measurement) == null ? void 0 : me.abbrev) ?? null,
+    baseUnitAmount: Number(R.toFormatString({ value: s.baseAmount })),
+    ...s.measurementsAmounts.filter(
+      (ee) => ma(ee.measurement) && e.includes(ee.measurement.id)
+    ).reduce(
+      (ee, oe, de) => (ee[`measurementAbbrev${de}`] = `(${oe.measurement.abbrev}) × ${R.toFormatString({ value: oe.measurement.conversion })}`, ee[`measurementAmount${de}`] = Number(R.toFormatString({ value: oe.amount })), ee),
+      {}
+    ),
+    systemBalance: I,
+    physicalBalance: y,
+    adjustedAmount: Number(R.toFormatString({ value: L })),
+    adjustedDiffPercentage: k ? Number(
+      R.toFormatString({
+        value: bt(k, 2)
+      })
+    ) : null,
+    costPerUnit: B,
+    opening: u,
+    adjustmentTypes: h ?? _t,
+    varianceQty: b,
+    varianceInCost: C,
+    stockTakeValue: T,
+    systemValue: O
+  };
+}
+function ma(s) {
+  return !s.abbrev.toLocaleLowerCase().includes("inactive");
+}
+function da(s) {
+  const o = wt(s);
+  return s.reduce(
+    (e, m) => {
+      var x;
+      return Math.max(e, ((x = o == null ? void 0 : o.get(m.sku._id)) == null ? void 0 : x[0].length) ?? 0);
+    },
+    0
+  );
+}
+function wt(s) {
+  return s.groupBy(
+    (o) => o.sku._id,
+    (o) => o.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
+  );
+}
+function fa(s) {
+  const o = ht(), e = o === "MYR" ? "RM" : o;
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "baseUnit",
+      name: "Base unit"
+    },
+    {
+      id: "costPerUnit",
+      name: "Cost per unit"
+    },
+    {
+      id: "costUnit",
+      name: "UOM"
+    },
+    {
+      id: "opening",
+      name: "Opening (B/F)"
+    },
+    {
+      id: "adjustmentTypes",
+      name: "Type"
+    },
+    {
+      id: "varianceQty",
+      name: "Variance (Qty)"
+    },
+    {
+      id: "varianceInCost",
+      name: `Variance (${e})`
+    },
+    {
+      id: "physicalBalance",
+      name: "Stock take (Qty)"
+    },
+    {
+      id: "systemBalance",
+      name: "System balance (Qty)"
+    },
+    {
+      id: "stockTakeValue",
+      name: `Stock take value (${e})`
+    },
+    {
+      id: "systemValue",
+      name: `System value (${e})`
+    },
+    {
+      id: "adjustedAmount",
+      name: "Adjusted balance"
+    },
+    {
+      id: "adjustedDiffPercentage",
+      name: "Diff (%)"
+    },
+    {
+      id: "baseUnitAmount",
+      name: "Base unit amount"
+    },
+    ...Array.from({ length: s }).flatMap((x, h) => [
+      {
+        id: `measurementAmount${h}`,
+        name: `UOM amount ${h + 1}`
+      },
+      {
+        id: `measurementAbbrev${h}`,
+        name: `UOM ${h + 1}`
+      }
+    ])
+  ];
+}
+function pa(s, o, e) {
+  var b, C, T, O, K, Q, Z;
+  const m = o.groupBy(
+    (w) => w.id,
+    (w) => w.balance
+  ), x = e.groupBy(
+    (w) => w.id,
+    (w) => w.balance
+  ), h = /* @__PURE__ */ new Map();
+  if (s.opening)
+    for (const w of s.opening)
+      h.set(w.skuId, w.balance);
+  const g = /* @__PURE__ */ new Map();
+  if (s.adjustmentSnapshot)
+    for (const w of s.adjustmentSnapshot) {
+      const X = Object.keys(w.adjustmentsByType).join(", ");
+      g.set(w.skuId, X || _t);
+    }
+  const P = [...s.items, ...s.negativeStockItems ?? []], L = wt(P), M = P.map((w) => {
+    var de, xe, De;
+    const X = ((de = m.get(w.sku._id)) == null ? void 0 : de[0]) ?? ia, me = ((xe = L == null ? void 0 : L.get(w.sku._id)) == null ? void 0 : xe[0]) ?? [], ee = h.get(w.sku._id), oe = g.get(w.sku._id);
+    return ua(
+      w,
+      X,
+      me,
+      (De = x.get(w.sku._id)) == null ? void 0 : De[0],
+      ee,
+      oe
+    );
+  }), k = da(P), B = qt().currentBusiness.value, v = fa(k), c = [
+    ["Business name:", B == null ? void 0 : B.name],
+    ["Business ID:", B == null ? void 0 : B._id],
+    ["Menu version", B == null ? void 0 : B.menuVersion],
+    ["Created at", new Date(s.createdAt)],
+    ["Created by", (b = s.createdBy) == null ? void 0 : b.name],
+    ["Updated at", new Date(s.updatedAt)],
+    ["Updated by", (C = s.updatedBy) == null ? void 0 : C.name],
+    ["Recent action", s.approvedAt ? "Approve" : s.rejectionHistory ? "Reject" : ""],
+    [
+      "Action by",
+      s.approvedAt ? (T = s.approvedBy) == null ? void 0 : T.name : s.rejectionHistory ? (K = (O = s.rejectionHistory[0]) == null ? void 0 : O.rejectedBy) == null ? void 0 : K.name : ""
+    ],
+    [
+      "Action at",
+      s.approvedAt ? new Date(s.approvedAt) : s.rejectionHistory ? new Date((Q = s.rejectionHistory[0]) == null ? void 0 : Q.rejectedAt) : ""
+    ],
+    [
+      "Action remark",
+      s.approvedAt ? s.approveRemark : s.rejectionHistory ? new Date((Z = s.rejectionHistory[0]) == null ? void 0 : Z.rejectRemark) : ""
+    ],
+    [],
+    v.map((w) => w.name),
+    ...M.map((w) => v.map((X) => w[X.id]))
+  ], u = v.map((w) => `system:${w.id}`), I = Rt(c, u), y = `[${B == null ? void 0 : B.name}] closing draft (${Vt(new Date(s.updatedAt))}).xlsx`;
+  return Lt(I, y), y;
+}
+const va = { class: "flex flex-col" }, ga = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, ya = { class: "flex gap-12 py-8 justify-end w-full" }, ba = /* @__PURE__ */ Ee({
+  __name: "RefreshBalanceAction",
+  props: {
+    draft: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(s) {
+    const o = s;
+    Je();
+    const e = H(!1), m = H(null), x = H(!1);
+    We(() => {
+      if (o.draft.effectiveAt)
+        m.value = new Date(o.draft.effectiveAt);
+      else {
+        const M = new Date(o.draft.createdAt);
+        M.setHours(23, 59, 59, 999), m.value = M;
+      }
+      x.value = !0;
+    });
+    const h = V({
+      get() {
+        return m.value === null ? "" : Le(m.value);
+      },
+      set(M) {
+        if (M) {
+          const k = /* @__PURE__ */ new Date(`${M} ${g.value}`);
+          k.setSeconds(59, 999), m.value = k;
+        } else
+          m.value = null;
+      }
+    }), g = V({
+      get() {
+        return m.value === null ? "" : vt(m.value);
+      },
+      set(M) {
+        if (M) {
+          const k = /* @__PURE__ */ new Date(`${h.value} ${M}`);
+          k.setSeconds(59, 999), m.value = k;
+        } else
+          m.value = null;
+      }
+    }), P = V(() => m.value ? m.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function L() {
+      e.value = !0, o.onFinished(m.value.toISOString());
+    }
+    return (M, k) => {
+      const N = z("FmLabel"), B = z("FmDatePicker"), v = z("FmTimePicker"), c = z("FmButton"), u = z("FmForm");
+      return x.value ? (F(), ue(u, {
+        key: 1,
+        onValidationSuccess: L,
+        class: "flex flex-col gap-32",
+        disabled: e.value
+      }, {
+        default: W(() => [
+          k[5] || (k[5] = i("div", { class: "fm-typo-en-body-lg-400" }, [
+            i("p", null, [
+              ne(" Performing "),
+              i("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
+              ne(" until closing effective date and time. ")
+            ]),
+            i("p", { class: "mt-2" }, [
+              ne(" Please note that this action will "),
+              i("b", null, "update"),
+              ne(" the effective date and time. ")
+            ])
+          ], -1)),
+          i("div", va, [
+            _(N, { class: "fm-typo-en-body-lg-600" }, {
+              default: W(() => k[3] || (k[3] = [
+                ne("Closing Date")
+              ])),
+              _: 1
+            }),
+            _(B, {
+              modelValue: h.value,
+              "onUpdate:modelValue": k[0] || (k[0] = (I) => h.value = I),
+              max: $(Le)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            _(N, { class: "fm-typo-en-body-lg-600" }, {
+              default: W(() => k[4] || (k[4] = [
+                ne("Closing Time")
+              ])),
+              _: 1
+            }),
+            _(v, {
+              modelValue: g.value,
+              "onUpdate:modelValue": k[1] || (k[1] = (I) => g.value = I)
+            }, null, 8, ["modelValue"]),
+            P.value ? (F(), E("div", ga, " Cannot select future date ")) : le("", !0)
+          ]),
+          i("div", ya, [
+            _(c, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: k[2] || (k[2] = (I) => M.onCancel())
+            }),
+            _(c, {
+              label: "Refresh balance",
+              type: "submit",
+              variant: "primary",
+              loading: e.value,
+              disabled: P.value
+            }, null, 8, ["loading", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (F(), E(re, { key: 0 }, [
+        ne("Loading")
+      ], 64));
+    };
+  }
+}), Ne = xt(
+  "closingDraftActions",
+  function() {
+    const o = Zt(), e = Ze(), m = Je(), x = Oe(), h = Dt(), g = H(!1), P = H();
+    function L(y) {
+      const b = {
+        draft: y
+      };
+      P.value = b, g.value = !0;
+    }
+    async function M(y) {
+      var C;
+      if (y.status === he.enum.COMPLETED) {
+        const T = y.closingAdjustmentId;
+        if (!T)
+          return e.open({
+            title: "Something went wrong",
+            message: "Closing draft is completed but closing document cannot be found.",
+            type: "error"
+          }), console.error("Closing draft is completed but closing document cannot be found.", {
+            draftId: y._id
+          }), [];
+        const O = await m.readAdjustmentById(T);
+        return ((O == null ? void 0 : O.skus) ?? []).map((Q) => ({
+          id: Q.sku._id,
+          balance: Q.fromBalance,
+          costs: Q.fromCostBalances
+        }));
+      } else
+        return await h.readStockBalance(), ((C = h.stockBalance) == null ? void 0 : C.skus) ?? [];
+    }
+    async function k(y, b, C) {
+      b || (e.open({
+        title: "Exporting",
+        message: "Fetching data..."
+      }), b = await M(y)), pa(y, b, C ?? []);
+    }
+    function N(y, b) {
+      o.open({
+        title: "Approve draft",
+        contentComponent: Ke,
+        contentComponentProps: {
+          draft: y,
+          action: Y.enum.approveDraft,
+          onFinished: () => {
+            o.close(), b == null || b();
+          },
+          onCancel: () => o.close()
+        }
+      });
+    }
+    function B(y, b) {
+      o.open({
+        title: "Reject draft",
+        contentComponent: Ke,
+        contentComponentProps: {
+          draft: y,
+          action: Y.enum.rejectDraft,
+          onFinished: () => {
+            o.close(), b == null || b();
+          },
+          onCancel: () => o.close()
+        }
+      });
+    }
+    function v(y, b) {
+      o.open({
+        title: "Mark draft as failed",
+        contentComponent: Ke,
+        contentComponentProps: {
+          draft: y,
+          action: Y.enum.markAsFailed,
+          onFinished: () => {
+            o.close(), b == null || b();
+          },
+          onCancel: () => o.close()
+        }
+      });
+    }
+    async function c(y, b) {
+      await x.sync({
+        _id: y._id,
+        _rev: y._rev ?? "",
+        action: Y.enum.approveDraft,
+        data: {
+          remark: y.remark ?? ""
+        }
+      }).delayed(500), e.open({
+        title: "Success",
+        message: "Sync requested",
+        type: "success"
+      }), b == null || b();
+    }
+    function u() {
+      g.value = !1;
+    }
+    async function I(y, b, C) {
+      await o.open({
+        title: "Refresh balance",
+        contentComponent: ba,
+        contentComponentProps: {
+          draft: y,
+          onFinished: (T) => {
+            o.close(), C == null || C(T);
+          },
+          onCancel: async () => {
+            o.close(), b == null || b();
+          }
+        }
+      });
+    }
+    return {
+      viewDraft: L,
+      closeDraftDialog: u,
+      approveDraft: N,
+      rejectDraft: B,
+      markAsFailed: v,
+      syncDraft: c,
+      exportDraft: k,
+      refreshBalance: I,
+      viewClosingDraftShow: g,
+      viewClosingDraftProps: P
+    };
+  }
+);
+function Ve(s) {
+  switch (s) {
+    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 ha = xt(
+  "closingDraftTable",
+  function() {
+    const { t: o } = kt(), e = Ne(), m = H(new Array()), x = H(!1), h = ze(), g = Oe();
+    async function P() {
+      if (m.value = [], !!h._currentLocation) {
+        x.value = !0;
+        try {
+          const [v] = await Promise.all([g.readDrafts()]).delayed(1e3);
+          m.value = v.reverse();
+        } catch (v) {
+          console.log("Something went wrong when fetching drafts:", v);
+        } finally {
+          x.value = !1;
+        }
+      }
+    }
+    async function L(v) {
+      if (!m.value.find((c) => c._id) && h._currentLocation) {
+        x.value = !0;
+        try {
+          const [c] = await Promise.all([
+            g.getDraft(v),
+            new Promise((u) => setTimeout(u, 1e3))
+          ]);
+          m.value = [c];
+        } catch (c) {
+          console.log("Something went wrong when fetching drafts:", c);
+        } finally {
+          x.value = !1;
+        }
+      }
+    }
+    function M(v) {
+      m.value = m.value.map((c) => c._id === v._id ? {
+        ...v,
+        _rev: c._rev
+      } : c);
+    }
+    function k() {
+      e.closeDraftDialog(), P();
+    }
+    function N(v, c) {
+      switch (c = zt(c), v) {
+        case Pe.Details:
+          return e.viewDraft(c);
+        case Pe.Export:
+          return e.exportDraft(c);
+        case Y.enum.approveDraft:
+          return e.approveDraft(c, k);
+        case Y.enum.rejectDraft:
+          return e.rejectDraft(c, k);
+        case Y.enum.markAsFailed:
+          return e.markAsFailed(c, k);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => o("inventory.closing.table.createdAt"),
+          cell(v) {
+            return Nt(`${v.getValue()}`);
+          },
+          enableSorting: !0
+        },
+        {
+          accessorKey: "effectiveAt",
+          header: () => "Effective at",
+          cell(v) {
+            const c = v.row.original;
+            let u = v.getValue();
+            return u || (u = Ge(c._id)), ke(u);
+          },
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "updatedAt",
+          accessorFn: (v) => ke(v.updatedAt),
+          header: () => "Updated at",
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "updatedBy",
+          accessorKey: "updatedBy.name",
+          header: () => "Last update by",
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "noOfItems",
+          accessorFn: (v) => {
+            var c;
+            return v.items.length + (((c = v.negativeStockItems) == null ? void 0 : c.length) ?? 0);
+          },
+          header: () => o("inventory.closing.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "recentRemark",
+          accessorFn: (v) => {
+            var c;
+            return (v == null ? void 0 : v.approveRemark) ?? ((c = v == null ? void 0 : v.rejectionHistory) == null ? void 0 : c.computeFirst((u) => u.rejectRemark)) ?? v.remark;
+          },
+          header: () => "Recent remark"
+        },
+        {
+          id: "status",
+          accessorFn: (v) => v.status,
+          header: () => o("inventory.closing.table.status"),
+          enableSorting: !1,
+          cell(v) {
+            var C;
+            const c = v.row.original, u = c.status, I = new Date(c.updatedAt), y = (C = c == null ? void 0 : c.rejectionHistory) == null ? void 0 : C.computeFirst((T) => T.rejectedAt), b = y ? new Date(y) : null;
+            return u === "DRAFT" && b ? b.getTime() > I.getTime() ? A(
+              "div",
+              {
+                class: "flex"
+              },
+              A(
+                "div",
+                {
+                  class: ["fm-status-badge", Ve("FAILED")]
+                },
+                "Rejected"
+              )
+            ) : A(
+              "div",
+              {
+                class: "flex"
+              },
+              A(
+                "div",
+                {
+                  class: ["fm-status-badge", Ve("PROCESSING")]
+                },
+                "Updated"
+              )
+            ) : A(
+              "div",
+              {
+                class: "flex"
+              },
+              A(
+                "div",
+                {
+                  class: ["fm-status-badge", Ve(u)]
+                },
+                Re(u)
+              )
+            );
+          }
+        },
+        {
+          id: "action",
+          cell(v) {
+            const c = v.row.original, u = [
+              dt[Pe.Details],
+              dt[Pe.Export]
+            ], I = [
+              {
+                translationKey: "inventory.closing.draft.approveDraft",
+                color: "text-fm-color-typo-primary",
+                value: Y.enum.approveDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.rejectDraft",
+                color: "text-fm-color-typo-error",
+                value: Y.enum.rejectDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.markAsFailed",
+                color: "text-fm-color-typo-error",
+                value: Y.enum.markAsFailed
+              }
+            ];
+            return Et(
+              [
+                ...u,
+                ...c.status === he.enum.DRAFT ? I : []
+              ],
+              (y) => N(y, c)
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      drafts: m,
+      loading: x,
+      fetchDrafts: P,
+      loadDraft: L,
+      updateDraftRef: M
+    };
+  }
+), ka = { class: "w-full flex flex-col gap-32" }, xa = { class: "flex justify-between" }, Da = { class: "flex" }, Aa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, _a = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wa = { class: "flex gap-1" }, Sa = { class: "fm-typo-en-body-lg-600" }, Fa = { class: "flex flex-col gap-16" }, Ca = { class: "flex items-center" }, $a = {
+  key: 0,
+  class: "flex gap-8"
+}, Ba = {
+  key: 0,
+  class: "w-full flex flex-col items-center"
+}, Ta = { class: "flex items-center gap-8" }, ja = { class: "flex flex-col gap-8" }, Ia = { class: "flex gap-8" }, Ua = {
+  key: 0,
+  class: "flex gap-8"
+}, Pa = { class: "overflow-x-auto" }, Ma = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, Ra = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, Va = ["src"], La = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, Na = { class: "flex gap-12 content-stretch" }, Ea = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, za = { class: "flex-1 flex flex-col items-center" }, Oa = { class: "flex-1 flex flex-col items-center" }, Ha = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, Ya = { class: "fm-typo-en-body-lg-400" }, Ka = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Qa = { class: "flex gap-12 content-stretch" }, Ga = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Wa = { class: "flex-1 flex flex-col items-center" }, qa = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Za = { class: "flex flex-col gap-8" }, Ja = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Xa = { class: "flex flex-col gap-4" }, en = { class: "flex gap-8" }, tn = "N/A", an = /* @__PURE__ */ Ee({
+  __name: "ClosingDraftDialog",
+  props: {
+    show: { type: Boolean },
+    draft: {}
+  },
+  emits: ["submitted", "refresh"],
+  setup(s, { emit: o }) {
+    const e = s, m = V(() => {
+      const r = ht();
+      return r === "MYR" ? "RM" : r;
+    }), x = Dt(), h = Ne(), g = Jt(e, "show"), P = H(!1), L = H(!1), M = H(!1), k = H(new Array()), N = H(new Array()), B = H([]), v = Je(), c = Oe(), u = Ze(), I = Ot(), y = ze(), b = Bt({}), C = V(() => new Set(
+      I.skus.filter((r) => {
+        var t;
+        return b[(t = r.customAttributes) == null ? void 0 : t.tag];
+      }).map((r) => r._id)
+    )), T = o, O = H({
+      templateItem: !0,
+      nonTemplateItem: !0
+    }), K = V(() => {
+      var t, d;
+      const r = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((d = e.draft) == null ? void 0 : d.negativeStockItems) ?? []];
+      return C.value.size ? r.filter((a) => C.value.has(a.sku._id)) : r;
+    }), Q = V(() => {
+      const r = K.value.map((t) => t.sku);
+      return r.sort((t, d) => t.code.localeCompare(d.code)), r;
+    }), Z = V(() => K.value.groupBy(
+      (t) => t.sku._id,
+      (t) => t.measurementsAmounts.filter((d) => !d.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((d) => d.measurement.id)
+    ));
+    We(me), Tt(
+      () => e.show,
+      (r) => {
+        r && (ge.value = ve[0], me(), O.value = {
+          templateItem: !0,
+          nonTemplateItem: !0
+        });
+      }
+    );
+    const w = Be(0), X = Be(100);
+    async function me() {
+      var t, d, a, n;
+      if (!y._currentLocation) return;
+      P.value = !0;
+      const r = ((t = e.draft) == null ? void 0 : t.status) === he.enum.COMPLETED;
+      N.value = [];
+      try {
+        if (await I.init(), r) {
+          const j = e.draft.closingAdjustmentId;
+          if (!j) {
+            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: (d = e.draft) == null ? void 0 : d._id
+            });
+            return;
+          }
+          const U = await v.readAdjustmentById(j), se = (U == null ? void 0 : U.skus) ?? [];
+          for (const ie of se) {
+            const _e = {
+              id: ie.sku._id,
+              balance: ie.fromBalance,
+              costs: ie.fromCostBalances
+            }, S = {
+              id: ie.sku._id,
+              balance: ie.toBalance,
+              costs: ie.toCostBalances
+            };
+            k.value.push(_e), N.value.push(S);
+          }
+        } else
+          k.value = ((a = e.draft) == null ? void 0 : a.stockSnapshot) ?? [];
+        const l = /* @__PURE__ */ new Set();
+        if ((n = e.draft) != null && n.adjustmentSnapshot)
+          for (const j of e.draft.adjustmentSnapshot)
+            j.adjustmentsByType && Object.keys(j.adjustmentsByType).forEach((U) => l.add(U));
+        const f = ["receive", "sales", "wastage"], D = [];
+        f.forEach((j) => {
+          l.has(j) && (D.push(j), l.delete(j));
+        });
+        const p = Array.from(l).sort();
+        B.value = [...D, ...p];
+      } catch (l) {
+        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", l);
+      } finally {
+        P.value = !1;
+      }
+    }
+    async function ee() {
+      var t, d;
+      if (!(((t = e.draft) == null ? void 0 : t.effectiveAt) ?? (e.draft ? Ge((d = e.draft) == null ? void 0 : d._id) : null))) {
+        u.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await h.refreshBalance(
+        e.draft,
+        () => {
+        },
+        async (a) => {
+          var D;
+          L.value = !0;
+          const n = (D = e.draft) == null ? void 0 : D._rev, l = 30, f = 2e3;
+          try {
+            await v.recalculation.scheduleCalculateStockSnapshotAtDate(a, e.draft._id);
+            let p = null;
+            for (let j = 0; j < l && (p = await c.getDraft(e.draft._id).delayed(f), p._rev === n); j++)
+              ;
+            if (!p || p._rev === n) {
+              u.open({
+                title: "Refresh failed",
+                message: "Failed to refresh stock balance. Please try again.",
+                type: "error"
+              }), console.error("error refreshing stock balances: there is no change in _rev");
+              return;
+            }
+            T("refresh", p), k.value = p.stockSnapshot ?? [], u.open({
+              title: "Balance refreshed",
+              message: "Stock balance has been recalculated.",
+              type: "success"
+            }), g.value = !1;
+          } catch (p) {
+            u.open({
+              title: "Refresh failed",
+              message: "Failed to refresh stock balance. Please try again.",
+              type: "error"
+            }), console.error("error refreshing stock balances", p);
+          } finally {
+            L.value = !1;
+          }
+        }
+      );
+    }
+    const oe = V(
+      () => k.value.groupBy(
+        (r) => r.id,
+        (r) => r.balance
+      )
+    ), de = V(() => K.value.groupBy((r) => r.sku._id)), xe = V(() => {
+      var r;
+      return (r = e.draft) != null && r.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((t) => [t.skuId, t.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), De = V(() => {
+      var r;
+      return (r = e.draft) != null && r.opening ? new Map(e.draft.opening.map((t) => [t.skuId, t.balance])) : /* @__PURE__ */ new Map();
+    });
+    function te(r, t) {
+      return A(
+        be.FmTooltip,
+        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+        {
+          default() {
+            return r;
+          },
+          content() {
+            return t || r;
+          }
+        }
+      );
+    }
+    const Ae = V(() => {
+      const r = Q.value.reduce((d, a) => {
+        var n, l;
+        return Math.max(d, ((l = (n = Z.value) == null ? void 0 : n.get(a._id)) == null ? void 0 : l[0].length) ?? 0);
+      }, 0);
+      return [
+        {
+          id: "sku",
+          accessorFn: (d) => `${d.code} ${d.name}`,
+          header: () => "Name",
+          size: 350,
+          cell(d) {
+            const a = d.row.original, n = a.adjustedDiffPercentage, l = typeof n == "number" && Math.abs(n) > 10, f = A("div", { class: "flex flex-col gap-4" }, [
+              A(
+                "div",
+                {
+                  class: [
+                    "line-clamp-1 fm-typo-en-body-lg-400",
+                    l ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                  ]
+                },
+                a.name
+              ),
+              A(
+                "div",
+                {
+                  class: [
+                    "line-clamp-1 fm-typo-en-body-md-400",
+                    l ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+                  ]
+                },
+                a.code
+              )
+            ]);
+            return A(
+              be.FmTooltip,
+              {
+                zIndex: 51
+              },
+              {
+                content() {
+                  return l ? "Adjustment difference is more than 10%." : `${a.code} - ${a.name}`;
+                },
+                default() {
+                  return A("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                    f
+                  ]);
+                }
+              }
+            );
+          }
+        },
+        {
+          id: "costPerUnit",
+          accessorKey: "costPerUnit",
+          header: () => te("Cost per unit"),
+          size: 160,
+          cell(d) {
+            const a = d.row.original.costPerUnit;
+            return A("div", { class: "text-right" }, a.toFixed(2));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "costUnit",
+          header: () => "UOM",
+          size: 120,
+          cell(d) {
+            var D;
+            const a = d.row.original, n = a.costUnit, l = a.baseUnit, f = n ?? l;
+            if (n && n !== l) {
+              const p = Q.value.find((U) => U._id === a.id), j = (D = p == null ? void 0 : p.defaultCost) == null ? void 0 : D.measurement;
+              if (j) {
+                const U = j.conversion.amount / Math.pow(10, j.conversion.precision);
+                return A("div", { class: "flex flex-col" }, [
+                  A(
+                    "span",
+                    { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+                    f
+                  ),
+                  A("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                    "1 ",
+                    A("span", { class: "fm-typo-en-body-sm-600" }, n),
+                    ` = ${U} `,
+                    A("span", { class: "fm-typo-en-body-sm-600" }, l)
+                  ])
+                ]);
+              }
+            }
+            return f;
+          }
+        },
+        {
+          id: "opening",
+          accessorKey: "opening",
+          header: () => te("Opening (B/F)", "The opening balance brought forward from previous period."),
+          size: 150,
+          cell(d) {
+            const a = d.row.original.opening;
+            return A("div", { class: "text-right" }, a.toFixed(2));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        // Dynamic adjustment type columns
+        ...B.value.map(
+          (d) => ({
+            id: `adjustment_${d}`,
+            accessorFn: (a) => a.adjustmentAmounts[d] ?? { amount: 0, precision: 0 },
+            header: () => te(Re(d)),
+            size: 150,
+            cell(a) {
+              const n = a.row.original.adjustmentAmounts[d] ?? { amount: 0, precision: 0 };
+              return A("div", { class: "text-right" }, Qe(n));
+            },
+            meta: {
+              textAlign: "right"
+            }
+          })
+        ),
+        {
+          id: "systemBalance",
+          accessorKey: "systemBalance",
+          header: () => te("System Balance", "The system calculated balance before stock take."),
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "physicalBalance",
+          accessorFn: (d) => {
+            var n;
+            const a = (n = N.value.find((l) => l.id === d.id)) == null ? void 0 : n.balance;
+            return a ? R.toFormatString({ value: a }) : d.physicalBalance;
+          },
+          header: () => te("Stock Take balance", "The physical balance recorded during stock take."),
+          cell(d) {
+            var p;
+            const a = d.row.original, n = R.fromNumber(a.physicalBalance);
+            let l = !0, f = a.physicalBalance;
+            const D = (p = N.value.find((j) => j.id === a.id)) == null ? void 0 : p.balance;
+            return D && (R.equals({
+              a: n,
+              b: D
+            }) || (l = !1, f = Number(R.toFormatString({ value: D })))), A("div", { class: "flex flex-col" }, [
+              A(
+                "span",
+                { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+                f
+              ),
+              l ? null : A(
+                "span",
+                { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
+                `Draft: ${a.physicalBalance.toString()}`
+              )
+            ]);
+          },
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedAmount",
+          accessorKey: "adjustedAmount",
+          header: () => te("Variance", "The difference between Stock Take balance and System Balance."),
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "varianceInCost",
+          accessorKey: "varianceInCost",
+          header: () => te(`Variance (${m.value})`),
+          size: 150,
+          cell(d) {
+            const a = d.row.original.varianceInCost;
+            return A(
+              "div",
+              { class: "text-right" },
+              a.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })
+            );
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedDiffPercentage",
+          accessorKey: "adjustedDiffPercentage",
+          header: () => te(
+            "Variance (%)",
+            "Difference between Stock Take balance and System Balance in percentage."
+          ),
+          size: 200,
+          cell(d) {
+            const a = d.row.original.adjustedDiffPercentage;
+            if (!a) return tn;
+            const n = a.toFixed(2);
+            if (n === "0.00")
+              return A("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+            const l = a > 0;
+            return A("div", { class: "flex items-center gap-4 justify-end" }, [
+              A(be.FmIcon, {
+                name: l ? "arrow_drop_up" : "arrow_drop_down",
+                color: l ? "system-success-300" : "system-error-300",
+                size: "md"
+              }),
+              n
+            ]);
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "stockTakeValue",
+          accessorKey: "stockTakeValue",
+          header: () => te(`Stock take value (${m.value})`),
+          size: 180,
+          cell(d) {
+            var j;
+            const a = d.row.original, n = a.stockTakeValue, l = Q.value.find((U) => U._id === a.id), f = (j = l == null ? void 0 : l.defaultCost) == null ? void 0 : j.measurement, D = a.physicalBalance, p = a.costPerUnit;
+            if (f) {
+              const U = R.toFormatString({ value: f.conversion }), se = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${a.baseUnit} ÷ ${U} × ${p} ${m.value}`;
+              return A(
+                be.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return se;
+                  },
+                  default() {
+                    return A(
+                      "div",
+                      { class: "text-right" },
+                      n.toLocaleString("en-US", {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 4
+                      })
+                    );
+                  }
+                }
+              );
+            } else {
+              const U = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} ${a.baseUnit} × ${p} ${m.value}`;
+              return A(
+                be.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return U;
+                  },
+                  default() {
+                    return A(
+                      "div",
+                      { class: "text-right" },
+                      n.toLocaleString("en-US", {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 4
+                      })
+                    );
+                  }
+                }
+              );
+            }
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "systemValue",
+          accessorKey: "systemValue",
+          header: () => te(`System value (${m.value})`),
+          size: 180,
+          cell(d) {
+            var j;
+            const a = d.row.original, n = a.systemValue, l = Q.value.find((U) => U._id === a.id), f = (j = l == null ? void 0 : l.defaultCost) == null ? void 0 : j.measurement, D = a.systemBalance, p = a.costPerUnit;
+            if (f) {
+              const U = R.toFormatString({ value: f.conversion }), se = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${a.baseUnit} ÷ ${U} × ${p} ${m.value}`;
+              return A(
+                be.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return se;
+                  },
+                  default() {
+                    return A(
+                      "div",
+                      { class: "text-right" },
+                      n.toLocaleString("en-US", {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 4
+                      })
+                    );
+                  }
+                }
+              );
+            } else {
+              const U = `${D.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 4 })} ${a.baseUnit} × ${p} ${m.value}`;
+              return A(
+                be.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return U;
+                  },
+                  default() {
+                    return A(
+                      "div",
+                      { class: "text-right" },
+                      n.toLocaleString("en-US", {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 4
+                      })
+                    );
+                  }
+                }
+              );
+            }
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "physicalBalances",
+          header: () => "Amounts",
+          enableSorting: !1,
+          cell(d) {
+            const a = d.row.original, n = (f, D) => A(
+              be.FmTooltip,
+              { zIndex: 50 },
+              {
+                default() {
+                  return A(
+                    "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"
+                    },
+                    [
+                      A("span", { class: "text-fm-color-typo-primary" }, `${f} `),
+                      A(
+                        "span",
+                        {
+                          class: "text-fm-color-typo-secondary",
+                          style: { maxWidth: "80px" }
+                        },
+                        D
+                      )
+                    ]
+                  );
+                },
+                content() {
+                  return `${f} ${D}`;
+                }
+              }
+            );
+            let l = Array.from({ length: r }).map((f, D) => {
+              if (!a[`measurementAmount${D}`])
+                return null;
+              const p = a[`measurementAmount${D}`], j = a[`measurementAbbrev${D}`];
+              return n(p, j);
+            }).filter((f) => f);
+            return (a.baseUnitAmount || !l.length) && (l = [n(a.baseUnitAmount, a.baseUnit), ...l]), A(
+              "div",
+              {
+                class: "flex gap-8 flex-nowrap",
+                style: {
+                  minWidth: `${120 * l.length}px`
+                }
+              },
+              l
+            );
+          }
+        }
+      ];
+    }), Te = V(() => Ae.value.map((r) => r.size ?? 0).reduce((r, t) => r + t)), we = H(""), Fe = V(() => {
+      var d, a;
+      const r = ((a = (d = e.draft) == null ? void 0 : d.negativeStockItems) == null ? void 0 : a.reduce(
+        (n, l) => (n[l.sku._id] = l, n),
+        {}
+      )) ?? {};
+      return Q.value.map((n) => {
+        var tt, at, nt, ot, st, rt, lt, it, ct, ut, mt;
+        const l = (tt = de.value.get(n._id)) == null ? void 0 : tt[0], f = ((at = oe.value.get(n._id)) == null ? void 0 : at[0]) ?? w, D = ((nt = n.defaultCost) == null ? void 0 : nt.costPerUnit) ?? w, p = Number(R.toFormatString({ value: D })), j = ((st = (ot = n.defaultCost) == null ? void 0 : ot.measurement) == null ? void 0 : st.conversion) ?? {
+          amount: 1,
+          precision: 0
+        }, U = Number(
+          R.toFormatString({ value: j })
+        ), se = De.value.get(n._id), ie = se ? Number(R.toFormatString({ value: se })) : 0, _e = xe.value.get(n._id), S = {};
+        if (B.value.forEach((q) => {
+          const ce = S[q] ?? { amount: 0, precision: 0 }, fe = _e == null ? void 0 : _e[q];
+          fe && (S[q] = Ht(ce, fe));
+        }), !l) {
+          const q = Number(R.toFormatString({ value: f })), ce = q - 0, fe = ce * p / U, Ue = 0, $t = q * p / U;
+          return {
+            id: n._id,
+            code: n.code,
+            name: n.name,
+            costUnit: ((lt = (rt = n.defaultCost) == null ? void 0 : rt.measurement) == null ? void 0 : lt.abbrev) ?? null,
+            baseUnit: n.unit.abbrev,
+            baseUnitAmount: 0,
+            systemBalance: q,
+            physicalBalance: 0,
+            adjustedAmount: -q,
+            adjustedDiffPercentage: -100,
+            isTemplateItem: !r[n._id],
+            costPerUnit: p,
+            opening: ie,
+            varianceQty: ce,
+            varianceInCost: fe,
+            stockTakeValue: Ue,
+            systemValue: $t,
+            adjustmentAmounts: S
+          };
+        }
+        const G = At(l), J = (ct = (it = N.value) == null ? void 0 : it.find(
+          (q) => q.id === n._id
+        )) == null ? void 0 : ct.balance, pe = gt(
+          J ?? G,
+          f
+        ), Ce = f.amount === 0 ? null : yt(pe, {
+          ...f,
+          amount: Math.abs(f.amount)
+        }), Ie = Ce ? qe(Ce, X) : null, He = Number(R.toFormatString({ value: f })), Ye = Number(R.toFormatString({ value: G })), et = He - Ye, St = et * p / U, Ft = Ye * p / U, Ct = He * p / U;
+        return {
+          id: n._id,
+          code: n.code,
+          name: n.name,
+          costUnit: ((mt = (ut = n.defaultCost) == null ? void 0 : ut.measurement) == null ? void 0 : mt.abbrev) ?? null,
+          baseUnit: n.unit.abbrev,
+          baseUnitAmount: Number(R.toFormatString({ value: l.baseAmount })),
+          ...l.measurementsAmounts.filter((q) => {
+            var ce, fe, Ue;
+            return (Ue = (fe = (ce = Z.value) == null ? void 0 : ce.get(n._id)) == null ? void 0 : fe[0]) == null ? void 0 : Ue.includes(q.measurement.id);
+          }).reduce((q, ce, fe) => (q[`measurementAbbrev${fe}`] = `(${ce.measurement.abbrev}) × ${R.toFormatString({ value: ce.measurement.conversion })}`, q[`measurementAmount${fe}`] = Number(R.toFormatString({ value: ce.amount })), q), {}),
+          systemBalance: He,
+          physicalBalance: Ye,
+          adjustedAmount: Number(R.toFormatString({ value: pe })),
+          adjustedDiffPercentage: Ie ? Number(
+            R.toFormatString({
+              value: bt(Ie, 2)
+            })
+          ) : null,
+          isTemplateItem: !r[n._id],
+          costPerUnit: p,
+          opening: ie,
+          varianceQty: et,
+          varianceInCost: St,
+          stockTakeValue: Ft,
+          systemValue: Ct,
+          adjustmentAmounts: S
+        };
+      }).filter((n) => !!(n.isTemplateItem && O.value.templateItem || !n.isTemplateItem && O.value.nonTemplateItem));
+    }), je = V(() => {
+      var t, d, a, n, l;
+      if (!e.draft) return [];
+      const r = e.draft.approvedAt ? {
+        action: `Approve at ${ke(e.draft.approvedAt)}`,
+        // actionAt: props.draft.approvedAt,
+        actionBy: e.draft.approvedBy,
+        remark: e.draft.approveRemark
+      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((f) => ({
+        action: `Reject at ${ke(f.rejectedAt)}`,
+        // actionAt: e.rejectedAt,
+        actionBy: f.rejectedBy,
+        remark: f.rejectRemark
+      }));
+      return [
+        {
+          label: "Location",
+          value: ((d = y._currentLocation) == null ? void 0 : d.name) ?? "N/A"
+        },
+        {
+          label: "Created at",
+          value: ke(e.draft.createdAt)
+        },
+        {
+          label: "Created by",
+          value: e.draft.createdBy.name
+        },
+        {
+          label: "Updated at",
+          value: ke(e.draft.updatedAt)
+        },
+        {
+          label: "Updated by",
+          value: e.draft.updatedBy.name
+        },
+        {
+          label: "Effective at",
+          value: ke(e.draft.effectiveAt ?? Ge((a = e.draft) == null ? void 0 : a._id))
+        },
+        {
+          label: "Using template",
+          value: ((n = e.draft.usingTemplates.find((f) => f)) == null ? void 0 : n.name) ?? "None"
+        },
+        e.draft.remark ? {
+          label: "Remark",
+          value: e.draft.remark
+        } : null,
+        r ? {
+          label: "Last action",
+          value: r.action
+        } : null,
+        r && r.actionBy ? {
+          label: "Last action by",
+          value: (l = r.actionBy) == null ? void 0 : l.name
+        } : null,
+        r && r.remark ? {
+          label: "Action remark",
+          value: r.remark
+        } : null
+      ].filter((f) => f).map((f) => f);
+    }), ve = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Action history",
+        value: "history"
+      }
+    ], ge = H(ve[0]), ye = V(() => {
+      var a, n, l;
+      const r = ((a = e.draft) == null ? void 0 : a.activityLogs) ?? [], t = ((n = e.draft) == null ? void 0 : n.rejectionHistory) ?? [];
+      for (const f of t)
+        r.find(
+          (p) => `${p.action}_${p.performedAt}` == `${Y.enum.rejectDraft}_${f.rejectedAt}`
+        ) || r.push({
+          action: Y.enum.rejectDraft,
+          performedAt: f.rejectedAt,
+          performedBy: f.rejectedBy,
+          remark: f.rejectRemark
+        });
+      return (l = e.draft) != null && l.approvedAt && (r.find(
+        (D) => {
+          var p;
+          return `${D.action}_${D.performedAt}` == `${Y.enum.approveDraft}_${(p = e.draft) == null ? void 0 : p.approvedAt}`;
+        }
+      ) || r.push({
+        action: Y.enum.approveDraft,
+        performedAt: e.draft.approvedAt,
+        performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
+        remark: e.draft.approveRemark
+      })), r.sort((f, D) => new Date(D.performedAt).getTime() - new Date(f.performedAt).getTime()).map(
+        (f) => ({
+          header: Re(f.action),
+          date: ke(f.performedAt),
+          info: [
+            {
+              label: "Performed by",
+              values: [f.performedBy.name]
+            },
+            {
+              label: "Remark",
+              values: [f.remark ?? ""]
+            }
+          ]
+        })
+      );
+    }), Xe = V(() => {
+      var n, l, f, D;
+      if (!((n = e.draft) != null && n.stockSnapshot)) return "Stock snapshot is not available.";
+      if (((l = e.draft) == null ? void 0 : l.status) !== he.enum.DRAFT) return "Status is not draft.";
+      const r = Fe.value.some((p) => p.physicalBalance < 0), t = ((D = (f = x.stockBalance.skus) == null ? void 0 : f.filter((p) => p.balance.amount < 0)) == null ? void 0 : D.map((p) => p.id)) ?? [], d = new Set(Q.value.map((p) => p._id)), a = t.filter((p) => !d.has(p)).length;
+      return [
+        r ? "Negative total exist." : null,
+        a ? "Negative stock is not included in this draft. Please commit the draft to include these stocks." : null
+      ].filter((p) => p).join(" ");
+    });
+    return (r, t) => {
+      const d = z("FmButtonGroup"), a = z("FmMenuDivider"), n = z("FmCard"), l = z("FmButton"), f = z("FmCircularProgress"), D = z("FmChip"), p = z("FmTextField"), j = z("FmIcon"), U = z("FmTable"), se = z("FmSpacer"), ie = z("FmTooltip"), _e = z("FmSideSheet");
+      return F(), ue(_e, {
+        "dismiss-away": "",
+        "max-width": 9999,
+        "model-value": $(g),
+        "onUpdate:modelValue": t[10] || (t[10] = (S) => ft(g) ? g.value = S : null),
+        header: "Closing details"
+      }, {
+        "side-sheet-footer": W(() => {
+          var S, G, J, pe;
+          return [
+            i("div", en, [
+              ((S = e.draft) == null ? void 0 : S.status) === $(he).enum.DRAFT ? (F(), E(re, { key: 0 }, [
+                Xe.value ? (F(), ue(ie, {
+                  key: 0,
+                  "z-index": 51,
+                  placement: "right"
+                }, {
+                  content: W(() => [
+                    ne(ae(Xe.value), 1)
+                  ]),
+                  default: W(() => [
+                    _(l, {
+                      disabled: "",
+                      key: "approve key",
+                      label: "Approve",
+                      onClick: t[5] || (t[5] = () => e.draft && $(h).approveDraft(e.draft, () => T("submitted")))
+                    })
+                  ]),
+                  _: 1
+                })) : (F(), ue(l, {
+                  key: "approve key",
+                  label: "Approve",
+                  onClick: t[6] || (t[6] = () => e.draft && $(h).approveDraft(e.draft, () => T("submitted")))
+                }))
+              ], 64)) : le("", !0),
+              ((G = e.draft) == null ? void 0 : G.status) === $(he).enum.DRAFT ? (F(), ue(l, {
+                key: 1,
+                label: "Reject",
+                variant: "destructive",
+                onClick: t[7] || (t[7] = () => e.draft && $(h).rejectDraft(e.draft, () => T("submitted")))
+              })) : le("", !0),
+              (J = e.draft) != null && J.approvedAt && ((pe = e.draft) == null ? void 0 : pe.status) !== $(he).enum.COMPLETED ? (F(), ue(Yt, { key: 2 }, {
+                default: W(() => [
+                  _(l, {
+                    label: "Sync",
+                    loading: M.value,
+                    onClick: t[8] || (t[8] = () => {
+                      e.draft && (M.value = !0, $(h).syncDraft(e.draft, () => {
+                        M.value = !1, T("submitted");
+                      }));
+                    })
+                  }, null, 8, ["loading"])
+                ]),
+                _: 1
+              })) : le("", !0),
+              _(l, {
+                label: "Close",
+                variant: "tertiary",
+                onClick: t[9] || (t[9] = (Ce) => g.value = !1)
+              })
+            ])
+          ];
+        }),
+        default: W(() => [
+          i("div", ka, [
+            i("div", null, [
+              _(d, {
+                items: ve,
+                modelValue: ge.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (S) => ge.value = S)
+              }, null, 8, ["modelValue"])
+            ]),
+            ge.value.value === "overview" ? (F(), E(re, { key: 0 }, [
+              _(n, {
+                variant: "outlined",
+                class: "flex flex-col gap-8 px-12 py-16"
+              }, {
+                default: W(() => {
+                  var S, G;
+                  return [
+                    i("div", xa, [
+                      t[11] || (t[11] = i("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                      i("div", Da, [
+                        i("div", {
+                          class: Se(["fm-status-badge", $(Ve)(((S = r.draft) == null ? void 0 : S.status) ?? "DRAFT")])
+                        }, ae($(Re)(((G = r.draft) == null ? void 0 : G.status) ?? "")), 3)
+                      ])
+                    ]),
+                    _(a),
+                    i("div", Aa, [
+                      (F(!0), E(re, null, $e(je.value, (J, pe) => (F(), E("div", {
+                        class: "flex flex-col gap-4",
+                        key: pe
+                      }, [
+                        i("div", _a, [
+                          i("div", wa, ae(J.label), 1)
+                        ]),
+                        i("div", Sa, ae(J.value), 1)
+                      ]))), 128))
+                    ])
+                  ];
+                }),
+                _: 1
+              }),
+              i("div", Fa, [
+                i("div", Ca, [
+                  t[12] || (t[12] = i("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
+                  P.value ? le("", !0) : (F(), E("div", $a, [
+                    r.draft && r.draft.status !== $(he).enum.COMPLETED ? (F(), ue(l, {
+                      key: 0,
+                      label: "Refresh balance",
+                      "prepend-icon": "refresh",
+                      variant: "secondary",
+                      "text-color": "primary",
+                      "bg-color": "transparent",
+                      "border-color": "primary",
+                      loading: L.value,
+                      onClick: ee
+                    }, null, 8, ["loading"])) : le("", !0),
+                    _(l, {
+                      label: "Export data",
+                      "prepend-icon": "download",
+                      variant: "secondary",
+                      "text-color": "primary",
+                      "bg-color": "transparent",
+                      "border-color": "primary",
+                      onClick: t[1] || (t[1] = (S) => r.draft ? $(h).exportDraft(
+                        r.draft,
+                        k.value,
+                        N.value
+                      ) : null)
+                    })
+                  ]))
+                ]),
+                P.value ? (F(), E("div", Ba, [
+                  t[14] || (t[14] = i("div", { class: "h-80" }, null, -1)),
+                  i("div", Ta, [
+                    i("div", null, [
+                      _(f, { size: "md" })
+                    ]),
+                    t[13] || (t[13] = i("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                  ]),
+                  t[15] || (t[15] = i("div", { class: "h-80" }, null, -1))
+                ])) : (F(), E(re, { key: 1 }, [
+                  i("div", ja, [
+                    i("div", Ia, [
+                      _(D, {
+                        label: "Template Item(s)",
+                        selected: O.value.templateItem,
+                        onClick: t[2] || (t[2] = (S) => O.value.templateItem = !O.value.templateItem)
+                      }, null, 8, ["selected"]),
+                      _(D, {
+                        label: "Non-template Item(s)",
+                        selected: O.value.nonTemplateItem,
+                        onClick: t[3] || (t[3] = (S) => O.value.nonTemplateItem = !O.value.nonTemplateItem)
+                      }, null, 8, ["selected"])
+                    ]),
+                    _(p, {
+                      modelValue: we.value,
+                      "onUpdate:modelValue": t[4] || (t[4] = (S) => we.value = S),
+                      placeholder: "Filter items"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  $(I).skuTags.size ? (F(), E("div", Ua, [
+                    (F(!0), E(re, null, $e($(I).skuTags.keys(), (S) => (F(), ue(D, {
+                      key: `${S}`,
+                      label: `${S}`,
+                      selectable: "",
+                      selected: b[`${S}`],
+                      onClick: (G) => b[`${S}`] = !b[`${S}`]
+                    }, {
+                      default: W(() => [
+                        b[`${S}`] ? (F(), ue(j, {
+                          key: 0,
+                          name: "check",
+                          class: "text-white",
+                          size: "sm"
+                        })) : le("", !0),
+                        i("span", {
+                          class: Se([
+                            "",
+                            {
+                              "text-white fm-typo-en-body-md-600": b[`${S}`],
+                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !b[`${S}`]
+                            }
+                          ])
+                        }, ae(S), 3)
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "selected", "onClick"]))), 128))
+                  ])) : le("", !0),
+                  i("div", Pa, [
+                    i("div", {
+                      style: pt({ minWidth: `${Te.value}px` })
+                    }, [
+                      _(U, {
+                        "column-defs": Ae.value,
+                        "row-data": Fe.value,
+                        "search-value": we.value
+                      }, null, 8, ["column-defs", "row-data", "search-value"])
+                    ], 4)
+                  ])
+                ], 64))
+              ])
+            ], 64)) : le("", !0),
+            ge.value.value === "history" ? (F(), E("div", Ma, [
+              ye.value.length ? (F(), E("div", La, [
+                (F(!0), E(re, null, $e(ye.value, (S, G) => (F(), E(re, { key: G }, [
+                  i("div", Na, [
+                    i("div", Ea, [
+                      i("div", za, [
+                        i("div", {
+                          class: Se([
+                            {
+                              "bg-fm-color-primary": G !== 0,
+                              "bg-white": G === 0
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ]),
+                      t[18] || (t[18] = i("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                      i("div", Oa, [
+                        i("div", {
+                          class: Se([
+                            {
+                              "bg-fm-color-primary": G < ye.value.length - 1,
+                              "bg-white": G >= ye.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    i("div", Ha, [
+                      i("div", Ya, ae(S.header), 1),
+                      i("div", Ka, ae(S.date), 1)
+                    ])
+                  ]),
+                  i("div", Qa, [
+                    i("div", Ga, [
+                      i("div", Wa, [
+                        i("div", {
+                          class: Se([
+                            {
+                              "bg-fm-color-primary": G < ye.value.length - 1,
+                              "bg-white": G >= ye.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    i("div", qa, [
+                      _(n, {
+                        variant: "outlined",
+                        class: "py-12 px-16"
+                      }, {
+                        default: W(() => [
+                          i("div", Za, [
+                            (F(!0), E(re, null, $e(S.info, (J, pe) => (F(), E("div", {
+                              key: pe,
+                              class: "flex flex-col gap-4"
+                            }, [
+                              i("div", Ja, ae(J == null ? void 0 : J.label), 1),
+                              i("div", Xa, [
+                                (F(!0), E(re, null, $e(J == null ? void 0 : J.values, (Ce, Ie) => (F(), E("div", {
+                                  key: Ie,
+                                  class: "fm-typo-en-body-lg-600"
+                                }, ae(Ce), 1))), 128))
+                              ])
+                            ]))), 128))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ])
+                ], 64))), 128))
+              ])) : (F(), E("div", Ra, [
+                _(se),
+                i("div", null, [
+                  i("img", {
+                    src: $(ta),
+                    alt: "List is empty"
+                  }, null, 8, Va)
+                ]),
+                t[16] || (t[16] = i("div", { class: "fm-typo-en-body-lg-600" }, ae("No records found"), -1)),
+                t[17] || (t[17] = i("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, ae("You can track approval and rejection history here"), -1)),
+                _(se),
+                _(se)
+              ]))
+            ])) : le("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), nn = { class: "flex-1 flex flex-col gap-8" }, on = { class: "flex flex-col" }, sn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ln = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, cn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, kn = /* @__PURE__ */ Ee({
+  __name: "ClosingDraftView",
+  setup(s) {
+    const { t: o } = kt(), { viewDraft: e } = Ne(), { viewClosingDraftProps: m, viewClosingDraftShow: x } = ea(Ne()), h = ze(), g = ha(), P = Kt(), { breakpoints: L } = Xt();
+    h.watchLocation(g.fetchDrafts);
+    const M = V(() => g.loading), k = H(""), N = V(() => L.value.xs || L.value.sm), B = V(() => N.value ? 10 : 20);
+    function v(I) {
+      switch (I) {
+        case "refresh":
+          return g.fetchDrafts();
+      }
+    }
+    function c(I) {
+      return I;
+    }
+    const u = V(() => N.value ? [
+      {
+        label: o("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      }
+    ] : [
+      {
+        label: o("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      }
+    ]);
+    return (I, y) => {
+      const b = z("FmTable");
+      return F(), E(re, null, [
+        _(Qt, {
+          title: $(o)("inventory.closing.draft.title"),
+          actions: u.value,
+          "onClick:action": v
+        }, {
+          default: W(() => [
+            i("div", {
+              class: Se([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": N.value,
+                  "px-24 ": !N.value
+                }
+              ])
+            }, [
+              _(Gt, {
+                "change-location": "",
+                searchable: "",
+                search: k.value,
+                "onUpdate:search": y[0] || (y[0] = (C) => k.value = C)
+              }, null, 8, ["search"]),
+              _(b, {
+                style: pt($(P).tableHeight),
+                "column-defs": $(g).columnDefs,
+                "row-data": $(g).drafts,
+                "search-value": k.value,
+                loading: M.value,
+                onRowClick: y[1] || (y[1] = (C) => $(e)(C.original)),
+                "page-size": B.value
+              }, {
+                "list-row": W((C) => [
+                  _(Wt, {
+                    row: C,
+                    onRowClick: (T) => $(e)(T)
+                  }, {
+                    default: W((T) => {
+                      var O, K, Q, Z, w, X, me, ee, oe, de, xe, De, te, Ae, Te, we, Fe, je, ve, ge;
+                      return [
+                        i("div", nn, [
+                          i("div", on, [
+                            i("div", sn, [
+                              _($(Me), {
+                                render: (Q = (K = (O = T._id) == null ? void 0 : O.column) == null ? void 0 : K.columnDef) == null ? void 0 : Q.cell,
+                                props: (w = (Z = T._id) == null ? void 0 : Z.getContext) == null ? void 0 : w.call(Z)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            i("div", rn, [
+                              _($(Me), {
+                                render: (ee = (me = (X = T.name) == null ? void 0 : X.column) == null ? void 0 : me.columnDef) == null ? void 0 : ee.cell,
+                                props: (de = (oe = T.name) == null ? void 0 : oe.getContext) == null ? void 0 : de.call(oe)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            i("div", ln, ae([
+                              ...C.original.items.slice(0, 3).map((ye) => ye.sku.name),
+                              ...C.original.items.length >= 3 ? [`and ${C.original.items.length - 3} more items`] : []
+                            ].join(", ")), 1),
+                            i("div", cn, [
+                              _($(Me), {
+                                render: (te = (De = (xe = T.ref) == null ? void 0 : xe.column) == null ? void 0 : De.columnDef) == null ? void 0 : te.cell,
+                                props: (Te = (Ae = T.ref) == null ? void 0 : Ae.getContext) == null ? void 0 : Te.call(Ae)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          i("div", null, [
+                            _($(Me), {
+                              render: (je = (Fe = (we = T.status) == null ? void 0 : we.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : je.cell,
+                              props: (ge = (ve = T.status) == null ? void 0 : ve.getContext) == null ? void 0 : ge.call(ve)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (F(), ue(jt, { to: "body" }, [
+          _(an, It($(m), {
+            show: $(x),
+            "onUpdate:show": y[2] || (y[2] = (C) => ft(x) ? x.value = C : null),
+            onSubmitted: y[3] || (y[3] = () => (x.value = !1, $(g).fetchDrafts())),
+            onRefresh: y[4] || (y[4] = (C) => $(g).updateDraftRef(C))
+          }), null, 16, ["show"])
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  kn as default
+};