@feedmepos/mf-inventory-portal 1.1.2-dev.2 → 1.1.2

package/dist/ClosingDraftView-B5gQ2k-T.js

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