@feedmepos/mf-inventory-portal 0.0.23-dev.4 → 0.0.23-dev.40

package/dist/ClosingDraftView-o2LEUfo8.js

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