@feedmepos/mf-inventory-portal 0.0.23-dev.2 → 0.0.23-dev.21

package/dist/ClosingDraftView-DM7-3zOd.js

@@ -0,0 +1,1116 @@
+import { defineComponent as fe, ref as E, resolveComponent as P, openBlock as _, createBlock as ae, withCtx as q, createElementVNode as n, createTextVNode as ge, toDisplayString as z, unref as b, createVNode as A, h as O, computed as U, onMounted as Me, watch as Pe, isRef as xe, createCommentVNode as ee, createElementBlock as F, Fragment as J, normalizeClass as te, renderList as le, normalizeStyle as De, Teleport as Ue, mergeProps as He } from "vue";
+import { N as ze, u as pe, a9 as K, k as Ie, y as ve, h as k, t as Le, z as oe, n as Ee, aa as Ae, ab as _e, a0 as we, ac as ke, ad as ne, a6 as Ne, a8 as G, K as Ce, D as be, f as ce, e as Oe, d as Ke, a as Ve, p as Ye, q as Ge, r as qe, s as Ze, v as ie } from "./app-CTCC1zfY.js";
+import { useCoreStore as We, useI18n as je } from "@feedmepos/mf-common";
+import { useSnackbar as ye, useDialog as Je, useProxiedModel as Qe, components as ue, useBreakpoints as Xe } from "@feedmepos/ui-library";
+import { defineStore as Se, storeToRefs as et } from "pinia";
+import { t as tt, d as at } from "./xlsx.util-4aHI7W-Z.js";
+import { u as Be } from "./stock-COHpOTJk.js";
+import { E as nt } from "./empty-placeholder-wf6-BWE8.js";
+const Fe = ze((a, c) => {
+  function e() {
+    return pe().currentLocation.dbName;
+  }
+  return {
+    async getDraft(i) {
+      const d = e(), v = `${a.inventoryBackendUrl}/${d}/closing-draft/${i}`;
+      return c.get(v);
+    },
+    async readDrafts() {
+      const i = e(), d = `${a.inventoryBackendUrl}/${i}/closing-draft`;
+      return c.get(d);
+    },
+    async runOperation(i) {
+      const d = e(), v = `${a.inventoryBackendUrl}/${d}/closing-draft/run-operation`;
+      return c.post(v, i);
+    }
+  };
+}), ot = { class: "fm-typo-en-body-lg-400" }, st = { class: "fm-typo-en-body-lg-600" }, rt = { class: "flex gap-12 py-8 justify-end w-full" }, he = /* @__PURE__ */ fe({
+  __name: "ClosingDraftAction",
+  props: {
+    draft: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(a) {
+    const c = a, e = E(), i = Fe(), d = ye(), v = E(!1);
+    async function u() {
+      v.value = !0;
+      try {
+        await i.runOperation({
+          _id: c.draft._id,
+          _rev: c.draft._rev ?? "",
+          action: c.action,
+          data: {
+            remark: e.value
+          }
+        }).delayed(500), d.open({
+          title: "Success",
+          message: "Action submitted",
+          type: "success"
+        }), c.onFinished();
+      } catch (m) {
+        d.open({
+          title: "Something went wrong",
+          message: "Unable to submit actino. Please try again",
+          type: "error"
+        }), console.error("error on submit closing draft aciont", m);
+      } finally {
+        v.value = !1;
+      }
+    }
+    return (m, y) => {
+      const j = P("FmTextField"), R = P("FmButton"), $ = P("FmForm");
+      return _(), ae($, {
+        onValidationSuccess: u,
+        class: "flex flex-col gap-32",
+        disabled: v.value
+      }, {
+        default: q(() => [
+          n("div", ot, [
+            y[2] || (y[2] = ge(" You are about to ")),
+            n("span", st, z(m.action == b(K).enum.approveDraft ? "approve" : "reject"), 1),
+            y[3] || (y[3] = ge(" this draft. Please provider a remark to justify this action. "))
+          ]),
+          A(j, {
+            modelValue: e.value,
+            "onUpdate:modelValue": y[0] || (y[0] = (r) => e.value = r),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [b(Ie)()]
+          }, null, 8, ["modelValue", "rules"]),
+          n("div", rt, [
+            A(R, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: y[1] || (y[1] = (r) => m.onCancel())
+            }),
+            A(R, {
+              label: m.action == b(K).enum.approveDraft ? "Approve" : "Reject",
+              type: "submit",
+              variant: m.action == b(K).enum.approveDraft ? "primary" : "destructive",
+              loading: v.value
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), lt = oe(0);
+function $e(a) {
+  const c = a.measurementsAmounts.groupBy((i) => i.measurement.id), e = a.sku.unit.measurements.reduce((i, d) => {
+    var m, y;
+    const v = ((y = (m = c.get(d.id)) == null ? void 0 : m[0]) == null ? void 0 : y.amount) ?? lt, u = ve(d.conversion, v);
+    return i + +k(u);
+  }, +k(a.baseAmount));
+  return Le(e, a.baseAmount.precision);
+}
+const ct = oe(0), it = oe(100);
+function ut(a, c) {
+  const e = $e(a), i = Ae(e, c), d = c.amount === 0 ? null : _e(i, c), v = d ? ve(d, it) : null;
+  return {
+    code: a.sku.code,
+    name: a.sku.name,
+    baseUnit: a.sku.unit.abbrev,
+    baseUnitAmount: +k(a.baseAmount),
+    ...a.measurementsAmounts.filter((m) => Re(m.measurement)).reduce(
+      (m, y, j) => (m[`measurementAbbrev${j}`] = `(${y.measurement.abbrev}) × ${k(y.measurement.conversion)}`, m[`measurementAmount${j}`] = +k(y.amount), m),
+      {}
+    ),
+    systemBalance: +k(c),
+    physicalBalance: +k(e),
+    adjustedAmount: +k(i),
+    adjustedDiffPercentage: v ? +k(we(v, 2)) : null
+  };
+}
+function Re(a) {
+  return !a.abbrev.toLocaleLowerCase().includes("inactive");
+}
+function dt(a) {
+  return a.reduce((c, e) => c + e.sku.unit.measurements.filter(Re).length, 0);
+}
+function mt(a) {
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "unit",
+      name: "Base unit amount"
+    },
+    {
+      id: "baseUnit",
+      name: "Base unit"
+    },
+    ...Array.from({ length: a }).flatMap((e, i) => [
+      {
+        id: `measurementAmount${i}`,
+        name: `UOM amount ${i + 1}`
+      },
+      {
+        id: `measurementAbbrev${i}`,
+        name: `UOM ${i + 1}`
+      }
+    ]),
+    {
+      id: "physicalBalance",
+      name: "Total balance"
+    },
+    {
+      id: "systemBalance",
+      name: "System balance"
+    },
+    {
+      id: "adjustedAmount",
+      name: "Adjusted amount"
+    },
+    {
+      id: "adjustedDiffPercentage",
+      name: "Diff (%)"
+    }
+  ];
+}
+function ft(a, c) {
+  var r, s, p, M, T, C, I;
+  const e = c.groupBy(
+    (g) => g.id,
+    (g) => g.balance
+  ), i = a.items.map((g) => {
+    var Z;
+    const S = ((Z = e.get(g.sku._id)) == null ? void 0 : Z[0]) ?? ct;
+    return ut(g, S);
+  }), d = dt(a.items), u = We().currentBusiness.value, m = mt(d), y = [
+    ["Business name:", u == null ? void 0 : u.name],
+    ["Business ID:", u == null ? void 0 : u._id],
+    ["Menu version", u == null ? void 0 : u.menuVersion],
+    ["Created at", new Date(a.createdAt)],
+    ["Created by", (r = a.createdBy) == null ? void 0 : r.name],
+    ["Updated at", new Date(a.updatedAt)],
+    ["Updated by", (s = a.updatedBy) == null ? void 0 : s.name],
+    ["Recent action", a.approvedAt ? "Approve" : a.rejectionHistory ? "Reject" : ""],
+    [
+      "Action by",
+      a.approvedAt ? (p = a.approvedBy) == null ? void 0 : p.name : a.rejectionHistory ? (T = (M = a.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : T.name : ""
+    ],
+    [
+      "Action at",
+      a.approvedAt ? new Date(a.approvedAt) : a.rejectionHistory ? new Date((C = a.rejectionHistory[0]) == null ? void 0 : C.rejectedAt) : ""
+    ],
+    [
+      "Action remark",
+      a.approvedAt ? a.approveRemark : a.rejectionHistory ? new Date((I = a.rejectionHistory[0]) == null ? void 0 : I.rejectRemark) : ""
+    ],
+    [],
+    m.map((g) => g.name),
+    ...i.map((g) => m.map((S) => g[S.id]))
+  ], j = m.map((g) => `system:${g.id}`), R = tt(y, j), $ = `[${u == null ? void 0 : u.name}] closing draft (${Ee(new Date(a.updatedAt))}).xlsx`;
+  return at(R, $), $;
+}
+const de = Se(
+  "closingDraftActions",
+  function() {
+    const c = Je(), e = ye(), i = ke(), d = Be(), v = E(!1), u = E();
+    function m(s) {
+      const p = {
+        draft: s
+      };
+      u.value = p, v.value = !0;
+    }
+    async function y(s) {
+      var M;
+      if (s.status === ne.enum.COMPLETED) {
+        const T = s.closingId;
+        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: s == null ? void 0 : s._id
+          }), [];
+        const C = await i.getClosingById(T);
+        return (C == null ? void 0 : C.skus) ?? [];
+      } else
+        return await d.readStockBalance(), ((M = d.stockBalance) == null ? void 0 : M.skus) ?? [];
+    }
+    async function j(s, p) {
+      p || (e.open({
+        title: "Exporting",
+        message: "Fetching data..."
+      }), p = await y(s)), ft(s, p);
+    }
+    function R(s, p) {
+      c.open({
+        title: "Approve draft",
+        contentComponent: he,
+        contentComponentProps: {
+          draft: s,
+          action: K.enum.approveDraft,
+          onFinished: () => {
+            c.close(), p == null || p();
+          },
+          onCancel: () => c.close()
+        }
+      });
+    }
+    function $(s, p) {
+      c.open({
+        title: "Reject draft",
+        contentComponent: he,
+        contentComponentProps: {
+          draft: s,
+          action: K.enum.rejectDraft,
+          onFinished: () => {
+            c.close(), p == null || p();
+          },
+          onCancel: () => c.close()
+        }
+      });
+    }
+    function r() {
+      v.value = !1;
+    }
+    return {
+      viewDraft: m,
+      closeDraftDialog: r,
+      approveDraft: R,
+      rejectDraft: $,
+      exportDraft: j,
+      viewClosingDraftShow: v,
+      viewClosingDraftProps: u
+    };
+  }
+);
+function Te(a) {
+  switch (a) {
+    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 pt = Se("closingTable", function() {
+  const { t: c } = je(), e = de(), i = E(new Array()), d = E(!1), v = pe(), u = Fe();
+  async function m() {
+    if (i.value = [], !!v._currentLocation) {
+      d.value = !0;
+      try {
+        const [r] = await Promise.all([u.readDrafts()]).delayed(1e3);
+        i.value = r.reverse();
+      } catch (r) {
+        console.log("Something went wrong when fetching drafts:", r);
+      } finally {
+        d.value = !1;
+      }
+    }
+  }
+  async function y(r) {
+    if (!i.value.find((s) => s._id) && v._currentLocation) {
+      d.value = !0;
+      try {
+        const [s] = await Promise.all([
+          u.getDraft(r),
+          new Promise((p) => setTimeout(p, 1e3))
+        ]);
+        i.value = [s];
+      } catch (s) {
+        console.log("Something went wrong when fetching drafts:", s);
+      } finally {
+        d.value = !1;
+      }
+    }
+  }
+  function j() {
+    e.closeDraftDialog(), m();
+  }
+  function R(r, s) {
+    switch (s = Ke(s), r) {
+      case ce.Details:
+        return e.viewDraft(s);
+      case ce.Export:
+        return e.exportDraft(s);
+      case K.enum.approveDraft:
+        return e.approveDraft(s, j);
+      case K.enum.rejectDraft:
+        return e.rejectDraft(s, j);
+    }
+  }
+  return {
+    columnDefs: [
+      {
+        id: "_id",
+        accessorKey: "_id",
+        header: () => c("inventory.closing.table.createdAt"),
+        cell(r) {
+          return Ne(`${r.getValue()}`);
+        },
+        enableSorting: !0
+      },
+      {
+        id: "updatedAt",
+        accessorFn: (r) => G(r.updatedAt),
+        header: () => "Updated at",
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "updatedBy",
+        accessorKey: "updatedBy.name",
+        header: () => "Last update by",
+        enableSorting: !0,
+        size: 200
+      },
+      {
+        id: "noOfItems",
+        accessorKey: "items.length",
+        header: () => c("inventory.closing.table.noOfItems"),
+        enableSorting: !1,
+        meta: {
+          width: "10rem",
+          textAlign: "right"
+        }
+      },
+      {
+        id: "recentRemark",
+        accessorFn: (r) => {
+          var s;
+          return (r == null ? void 0 : r.approveRemark) ?? ((s = r == null ? void 0 : r.rejectionHistory) == null ? void 0 : s.computeFirst((p) => p.rejectRemark));
+        },
+        header: () => "Recent remark"
+      },
+      {
+        id: "status",
+        accessorFn: (r) => r.status,
+        header: () => c("inventory.closing.table.status"),
+        enableSorting: !1,
+        cell(r) {
+          const p = r.row.original.status;
+          return O(
+            "div",
+            {
+              class: "flex"
+            },
+            O(
+              "div",
+              {
+                class: ["fm-status-badge", Te(p)]
+              },
+              Ce(p)
+            )
+          );
+        }
+      },
+      {
+        id: "action",
+        cell(r) {
+          const s = r.row.original, p = [
+            be[ce.Details],
+            be[ce.Export]
+          ], M = [
+            {
+              translationKey: "inventory.closing.draft.approveDraft",
+              color: "text-fm-color-typo-primary",
+              value: K.enum.approveDraft
+            },
+            {
+              translationKey: "inventory.closing.draft.rejectDraft",
+              color: "text-fm-color-typo-error",
+              value: K.enum.rejectDraft
+            }
+          ];
+          return Oe(
+            [...p, ...s.status === ne.enum.DRAFT ? M : []],
+            (T) => R(T, s)
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ],
+    drafts: i,
+    loading: d,
+    fetchDrafts: m,
+    loadDraft: y
+  };
+}), vt = { class: "w-full flex flex-col gap-32" }, yt = { class: "flex justify-between" }, gt = { class: "flex" }, bt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ht = { class: "flex gap-1" }, xt = { class: "fm-typo-en-body-lg-600" }, Dt = { class: "flex flex-col gap-16" }, At = { class: "flex" }, _t = { key: 0 }, wt = {
+  key: 0,
+  class: "w-full flex flex-col items-center"
+}, kt = { class: "flex items-center gap-8" }, Ct = {
+  key: 1,
+  class: "overflow-x-auto"
+}, jt = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, St = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, Bt = ["src"], Ft = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, $t = { class: "flex gap-12 content-stretch" }, Rt = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Tt = { class: "flex-1 flex flex-col items-center" }, Mt = { class: "flex-1 flex flex-col items-center" }, Pt = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, Ut = { class: "fm-typo-en-body-lg-400" }, Ht = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, zt = { class: "flex gap-12 content-stretch" }, It = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Lt = { class: "flex-1 flex flex-col items-center" }, Et = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Nt = { class: "flex flex-col gap-8" }, Ot = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Kt = { class: "flex flex-col gap-4" }, Vt = { class: "flex gap-8" }, Yt = /* @__PURE__ */ fe({
+  __name: "ClosingDraftDialog",
+  props: {
+    show: { type: Boolean },
+    draft: {}
+  },
+  emits: ["submitted"],
+  setup(a, { emit: c }) {
+    const e = a, i = Be(), d = de(), v = Qe(e, "show"), u = E(!1), m = E(new Array()), y = ke(), j = ye(), R = Ve(), $ = c, r = U(() => {
+      var t;
+      const o = ((t = e.draft) == null ? void 0 : t.items.map((f) => f.sku)) ?? [];
+      return o.sort((f, l) => f.code.localeCompare(l.code)), o;
+    });
+    Me(M), Pe(
+      () => e.show,
+      (o) => {
+        o && (L.value = Q[0], M());
+      }
+    );
+    const s = oe(0), p = oe(100);
+    async function M() {
+      var t, f, l;
+      u.value = !0;
+      const o = ((t = e.draft) == null ? void 0 : t.status) === ne.enum.COMPLETED;
+      try {
+        if (await R.init(), o) {
+          const h = e.draft.closingId;
+          if (!h) {
+            j.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: (f = e.draft) == null ? void 0 : f._id
+            });
+            return;
+          }
+          const x = await y.getClosingById(h);
+          m.value = (x == null ? void 0 : x.skus) ?? [];
+        } else
+          await i.readStockBalance(), m.value = ((l = i.stockBalance) == null ? void 0 : l.skus) ?? [];
+      } catch (h) {
+        j.open({
+          title: "Something went wrong",
+          message: "Something went wrong when fetching info. Please try again.",
+          type: "error"
+        }), console.error("error on fetch stock balances", h);
+      } finally {
+        u.value = !1;
+      }
+    }
+    const T = U(
+      () => m.value.groupBy(
+        (o) => o.id,
+        (o) => o.balance
+      )
+    ), C = U(() => {
+      var t;
+      return (((t = e.draft) == null ? void 0 : t.items) ?? []).groupBy((f) => f.sku._id);
+    });
+    function I(o) {
+      return O(
+        ue.FmTooltip,
+        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+        {
+          default() {
+            return o;
+          },
+          content() {
+            return "Differences are calculated using this formula: (Adjusted / System) × 100%";
+          }
+        }
+      );
+    }
+    const g = U(() => {
+      const o = r.value.reduce((f, l) => Math.max(
+        f,
+        l.unit.measurements.filter((h) => !h.name.toLocaleLowerCase().includes("inactive")).length
+      ), 0);
+      return [
+        {
+          id: "code",
+          accessorKey: "code",
+          header: () => "Code",
+          size: 200
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => "Name",
+          size: 300
+        },
+        {
+          id: "baseUnitAmount",
+          accessorKey: "baseUnitAmount",
+          header: () => I("Base unit amount"),
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "baseUnit",
+          accessorKey: "baseUnit",
+          header: () => "Base unit",
+          size: 200
+        },
+        ...Array.from({ length: o }).flatMap((f, l) => {
+          const h = `measurementAbbrev${l}`, x = `measurementAmount${l}`;
+          return [
+            {
+              id: x,
+              accessorKey: x,
+              header: () => I(`UOM amount ${l + 1}`),
+              size: 200,
+              meta: {
+                textAlign: "right"
+              }
+            },
+            {
+              id: h,
+              accessorKey: h,
+              header: () => `UOM ${l + 1}`,
+              size: 200
+            }
+          ];
+        }),
+        {
+          id: "physicalBalance",
+          accessorKey: "physicalBalance",
+          header: () => I("Total balance"),
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "systemBalance",
+          accessorKey: "systemBalance",
+          header: () => I("System balance"),
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedAmount",
+          accessorKey: "adjustedAmount",
+          header: () => I("Adjusted amount"),
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedDiffPercentage",
+          accessorKey: "adjustedDiffPercentage",
+          header: () => O(
+            ue.FmTooltip,
+            { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+            {
+              default() {
+                return O("div", { class: "flex items-center gap-4" }, [
+                  "Diff (%)",
+                  O(ue.FmIcon, { name: "info", color: "neutral-gray-400", size: "sm" })
+                ]);
+              },
+              content() {
+                return "Differences are calculated using this formula: (Adjusted / System) × 100%";
+              }
+            }
+          ),
+          size: 200,
+          cell(f) {
+            const l = f.row.original.adjustedDiffPercentage;
+            if (!l) return "N/A";
+            const h = l.toFixed(2);
+            if (h === "0.00")
+              return O("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
+            const x = l > 0;
+            return O("div", { class: "flex items-center gap-4 justify-end" }, [
+              O(ue.FmIcon, {
+                name: x ? "arrow_drop_up" : "arrow_drop_down",
+                color: x ? "system-success-300" : "system-error-300",
+                size: "md"
+              }),
+              h
+            ]);
+          },
+          meta: {
+            textAlign: "right"
+          }
+        }
+      ];
+    }), S = U(() => g.value.map((o) => o.size ?? 0).reduce((o, t) => o + t)), Z = U(() => r.value.map((o) => {
+      var H, W;
+      const t = (H = C.value.get(o._id)) == null ? void 0 : H[0], f = ((W = T.value.get(o._id)) == null ? void 0 : W[0]) ?? s;
+      if (!t)
+        return {
+          code: o.code,
+          name: o.name,
+          baseUnit: o.unit.abbrev,
+          baseUnitAmount: 0,
+          systemBalance: +k(f),
+          physicalBalance: 0,
+          adjustedAmount: -+k(f),
+          adjustedDiffPercentage: -100
+        };
+      const l = $e(t), h = Ae(l, f), x = f.amount === 0 ? null : _e(h, f), V = x ? ve(x, p) : null;
+      return {
+        code: o.code,
+        name: o.name,
+        baseUnit: o.unit.abbrev,
+        baseUnitAmount: +k(t.baseAmount),
+        ...t.measurementsAmounts.filter((D) => !D.measurement.name.toLocaleLowerCase().includes("inactive")).reduce((D, w, B) => (D[`measurementAbbrev${B}`] = `(${w.measurement.abbrev}) × ${k(w.measurement.conversion)}`, D[`measurementAmount${B}`] = +k(w.amount), D), {}),
+        systemBalance: +k(f),
+        physicalBalance: +k(l),
+        adjustedAmount: +k(h),
+        adjustedDiffPercentage: V ? +k(we(V, 2)) : null
+      };
+    })), se = U(() => {
+      var t, f;
+      if (!e.draft) return [];
+      const o = e.draft.approvedAt ? {
+        action: `Approve at ${G(e.draft.approvedAt)}`,
+        // actionAt: props.draft.approvedAt,
+        actionBy: e.draft.approvedBy,
+        remark: e.draft.approveRemark
+      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((l) => ({
+        action: `Reject at ${G(l.rejectedAt)}`,
+        // actionAt: e.rejectedAt,
+        actionBy: l.rejectedBy,
+        remark: l.rejectRemark
+      }));
+      return [
+        {
+          label: "Created at",
+          value: G(e.draft.createdAt)
+        },
+        {
+          label: "Created by",
+          value: e.draft.createdBy.name
+        },
+        {
+          label: "Updated at",
+          value: G(e.draft.updatedAt)
+        },
+        {
+          label: "Updated by",
+          value: e.draft.updatedBy.name
+        },
+        {
+          label: "Effective at",
+          value: G(e.draft.effectiveAt ?? e.draft.updatedAt)
+        },
+        o ? {
+          label: "Last action",
+          value: o.action
+        } : null,
+        o && o.actionBy ? {
+          label: "Last action by",
+          value: (f = o.actionBy) == null ? void 0 : f.name
+        } : null,
+        o && o.remark ? {
+          label: "Action remark",
+          value: o.remark
+        } : null
+      ].filter((l) => l).map((l) => l);
+    }), Q = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Action history",
+        value: "history"
+      }
+    ], L = E(Q[0]), N = U(() => {
+      var t, f, l, h;
+      return [
+        ...(((t = e.draft) == null ? void 0 : t.rejectionHistory) ?? []).map(
+          (x) => ({
+            header: "Reject",
+            date: G(x.rejectedAt),
+            info: [
+              {
+                label: "Rejected by",
+                values: [x.rejectedBy.name]
+              },
+              {
+                label: "Rejection remark",
+                values: [x.rejectRemark]
+              }
+            ]
+          })
+        ),
+        ...(f = e.draft) != null && f.approvedBy ? [
+          {
+            header: "Approve",
+            date: e.draft.approvedAt ? G(e.draft.approvedAt) : "",
+            info: [
+              {
+                label: "Approved by",
+                values: [(l = e.draft) == null ? void 0 : l.approvedBy.name]
+              },
+              {
+                label: "Approval remark",
+                values: [((h = e.draft) == null ? void 0 : h.approveRemark) ?? ""]
+              }
+            ]
+          }
+        ] : []
+      ];
+    });
+    return (o, t) => {
+      const f = P("FmButtonGroup"), l = P("FmMenuDivider"), h = P("FmCard"), x = P("FmButton"), V = P("FmCircularProgress"), X = P("FmTable"), H = P("FmSpacer"), W = P("FmSideSheet");
+      return _(), ae(W, {
+        "dismiss-away": "",
+        "max-width": 900,
+        "model-value": b(v),
+        "onUpdate:modelValue": t[5] || (t[5] = (D) => xe(v) ? v.value = D : null),
+        header: "Closing details"
+      }, {
+        "side-sheet-footer": q(() => {
+          var D, w;
+          return [
+            n("div", Vt, [
+              ((D = e.draft) == null ? void 0 : D.status) === b(ne).enum.DRAFT ? (_(), ae(x, {
+                key: 0,
+                label: "Approve",
+                onClick: t[2] || (t[2] = () => e.draft && b(d).approveDraft(e.draft, () => $("submitted")))
+              })) : ee("", !0),
+              ((w = e.draft) == null ? void 0 : w.status) === b(ne).enum.DRAFT ? (_(), ae(x, {
+                key: 1,
+                label: "Reject",
+                variant: "destructive",
+                onClick: t[3] || (t[3] = () => e.draft && b(d).rejectDraft(e.draft, () => $("submitted")))
+              })) : ee("", !0),
+              A(x, {
+                label: "Close",
+                variant: "tertiary",
+                onClick: t[4] || (t[4] = (B) => v.value = !1)
+              })
+            ])
+          ];
+        }),
+        default: q(() => [
+          n("div", vt, [
+            n("div", null, [
+              A(f, {
+                items: Q,
+                modelValue: L.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (D) => L.value = D)
+              }, null, 8, ["modelValue"])
+            ]),
+            L.value.value === "overview" ? (_(), F(J, { key: 0 }, [
+              A(h, {
+                variant: "outlined",
+                class: "flex flex-col gap-8 px-12 py-16"
+              }, {
+                default: q(() => {
+                  var D, w;
+                  return [
+                    n("div", yt, [
+                      t[6] || (t[6] = n("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                      n("div", gt, [
+                        n("div", {
+                          class: te(["fm-status-badge", b(Te)(((D = o.draft) == null ? void 0 : D.status) ?? "DRAFT")])
+                        }, z(b(Ce)(((w = o.draft) == null ? void 0 : w.status) ?? "")), 3)
+                      ])
+                    ]),
+                    A(l),
+                    (_(!0), F(J, null, le(se.value, (B, Y) => (_(), F("div", {
+                      class: "flex flex-col gap-4",
+                      key: Y
+                    }, [
+                      n("div", bt, [
+                        n("div", ht, z(B.label), 1)
+                      ]),
+                      n("div", xt, z(B.value), 1)
+                    ]))), 128))
+                  ];
+                }),
+                _: 1
+              }),
+              n("div", Dt, [
+                n("div", At, [
+                  t[7] || (t[7] = n("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
+                  u.value ? ee("", !0) : (_(), F("div", _t, [
+                    A(x, {
+                      label: "Export data",
+                      "prepend-icon": "download",
+                      variant: "secondary",
+                      "text-color": "primary",
+                      "bg-color": "transparent",
+                      "border-color": "primary",
+                      onClick: t[1] || (t[1] = (D) => o.draft ? b(d).exportDraft(o.draft, m.value) : null)
+                    })
+                  ]))
+                ]),
+                u.value ? (_(), F("div", wt, [
+                  t[9] || (t[9] = n("div", { class: "h-80" }, null, -1)),
+                  n("div", kt, [
+                    n("div", null, [
+                      A(V, { size: "md" })
+                    ]),
+                    t[8] || (t[8] = n("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                  ]),
+                  t[10] || (t[10] = n("div", { class: "h-80" }, null, -1))
+                ])) : (_(), F("div", Ct, [
+                  n("div", {
+                    style: De({ width: `${S.value}px` })
+                  }, [
+                    A(X, {
+                      "column-defs": g.value,
+                      "row-data": Z.value
+                    }, null, 8, ["column-defs", "row-data"])
+                  ], 4)
+                ]))
+              ])
+            ], 64)) : ee("", !0),
+            L.value.value === "history" ? (_(), F("div", jt, [
+              N.value.length ? (_(), F("div", Ft, [
+                (_(!0), F(J, null, le(N.value, (D, w) => (_(), F(J, { key: w }, [
+                  n("div", $t, [
+                    n("div", Rt, [
+                      n("div", Tt, [
+                        n("div", {
+                          class: te([
+                            {
+                              "bg-fm-color-primary": w !== 0,
+                              "bg-white": w === 0
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ]),
+                      t[13] || (t[13] = n("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                      n("div", Mt, [
+                        n("div", {
+                          class: te([
+                            {
+                              "bg-fm-color-primary": w < N.value.length - 1,
+                              "bg-white": w >= N.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    n("div", Pt, [
+                      n("div", Ut, z(D.header), 1),
+                      n("div", Ht, z(D.date), 1)
+                    ])
+                  ]),
+                  n("div", zt, [
+                    n("div", It, [
+                      n("div", Lt, [
+                        n("div", {
+                          class: te([
+                            {
+                              "bg-fm-color-primary": w < N.value.length - 1,
+                              "bg-white": w >= N.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    n("div", Et, [
+                      A(h, {
+                        variant: "outlined",
+                        class: "py-12 px-16"
+                      }, {
+                        default: q(() => [
+                          n("div", Nt, [
+                            (_(!0), F(J, null, le(D.info, (B, Y) => (_(), F("div", {
+                              key: Y,
+                              class: "flex flex-col gap-4"
+                            }, [
+                              n("div", Ot, z(B == null ? void 0 : B.label), 1),
+                              n("div", Kt, [
+                                (_(!0), F(J, null, le(B == null ? void 0 : B.values, (re, me) => (_(), F("div", {
+                                  key: me,
+                                  class: "fm-typo-en-body-lg-600"
+                                }, z(re), 1))), 128))
+                              ])
+                            ]))), 128))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ])
+                ], 64))), 128))
+              ])) : (_(), F("div", St, [
+                A(H),
+                n("div", null, [
+                  n("img", {
+                    src: b(nt),
+                    alt: "List is empty"
+                  }, null, 8, Bt)
+                ]),
+                t[11] || (t[11] = n("div", { class: "fm-typo-en-body-lg-600" }, z("No records found"), -1)),
+                t[12] || (t[12] = n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, z("You can track approval and rejection history here"), -1)),
+                A(H),
+                A(H)
+              ]))
+            ])) : ee("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), Gt = { class: "flex-1 flex flex-col gap-8" }, qt = { class: "flex flex-col" }, Zt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Qt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, la = /* @__PURE__ */ fe({
+  __name: "ClosingDraftView",
+  setup(a) {
+    const { t: c } = je(), { viewDraft: e } = de(), { viewClosingDraftProps: i, viewClosingDraftShow: d } = et(de()), v = pe(), u = pt(), m = Ye(), { breakpoints: y } = Xe();
+    v.watchLocation(u.fetchDrafts);
+    const j = U(() => u.loading), R = E(""), $ = U(() => y.value.xs || y.value.sm), r = U(() => $.value ? 10 : 20);
+    function s(T) {
+      switch (T) {
+        case "refresh":
+          return u.fetchDrafts();
+      }
+    }
+    function p(T) {
+      return T;
+    }
+    const M = U(() => $.value ? [
+      {
+        label: "Refresh",
+        value: "refresh",
+        isPrimary: !1
+      }
+    ] : [
+      {
+        label: "Refresh",
+        value: "refresh",
+        isPrimary: !1
+      }
+    ]);
+    return (T, C) => {
+      const I = P("FmTable");
+      return _(), F(J, null, [
+        A(Ge, {
+          title: b(c)("inventory.closing.draft.title"),
+          actions: M.value,
+          "onClick:action": s
+        }, {
+          default: q(() => [
+            n("div", {
+              class: te([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": $.value,
+                  "px-24 ": !$.value
+                }
+              ])
+            }, [
+              A(qe, {
+                "change-location": "",
+                searchable: "",
+                search: R.value,
+                "onUpdate:search": C[0] || (C[0] = (g) => R.value = g)
+              }, null, 8, ["search"]),
+              A(I, {
+                style: De(b(m).tableHeight),
+                "column-defs": b(u).columnDefs,
+                "row-data": b(u).drafts,
+                "search-value": R.value,
+                loading: j.value,
+                onRowClick: C[1] || (C[1] = (g) => b(e)(g.original)),
+                "page-size": r.value
+              }, {
+                "list-row": q((g) => [
+                  A(Ze, {
+                    row: g,
+                    onRowClick: (S) => b(e)(S)
+                  }, {
+                    default: q((S) => {
+                      var Z, se, Q, L, N, o, t, f, l, h, x, V, X, H, W, D, w, B, Y, re;
+                      return [
+                        n("div", Gt, [
+                          n("div", qt, [
+                            n("div", Zt, [
+                              A(b(ie), {
+                                render: (Q = (se = (Z = S._id) == null ? void 0 : Z.column) == null ? void 0 : se.columnDef) == null ? void 0 : Q.cell,
+                                props: (N = (L = S._id) == null ? void 0 : L.getContext) == null ? void 0 : N.call(L)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            n("div", Wt, [
+                              A(b(ie), {
+                                render: (f = (t = (o = S.name) == null ? void 0 : o.column) == null ? void 0 : t.columnDef) == null ? void 0 : f.cell,
+                                props: (h = (l = S.name) == null ? void 0 : l.getContext) == null ? void 0 : h.call(l)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            n("div", Jt, z([
+                              ...g.original.items.slice(0, 3).map((me) => me.sku.name),
+                              ...g.original.items.length >= 3 ? [`and ${g.original.items.length - 3} more items`] : []
+                            ].join(", ")), 1),
+                            n("div", Qt, [
+                              A(b(ie), {
+                                render: (X = (V = (x = S.ref) == null ? void 0 : x.column) == null ? void 0 : V.columnDef) == null ? void 0 : X.cell,
+                                props: (W = (H = S.ref) == null ? void 0 : H.getContext) == null ? void 0 : W.call(H)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          n("div", null, [
+                            A(b(ie), {
+                              render: (B = (w = (D = S.status) == null ? void 0 : D.column) == null ? void 0 : w.columnDef) == null ? void 0 : B.cell,
+                              props: (re = (Y = S.status) == null ? void 0 : Y.getContext) == null ? void 0 : re.call(Y)
+                            }, 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"]),
+        (_(), ae(Ue, { to: "body" }, [
+          A(Yt, He(b(i), {
+            show: b(d),
+            "onUpdate:show": C[2] || (C[2] = (g) => xe(d) ? d.value = g : null),
+            onSubmitted: C[3] || (C[3] = () => (d.value = !1, b(u).fetchDrafts()))
+          }), null, 16, ["show"])
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  la as default
+};