@feedmepos/mf-inventory-portal 0.0.25-dev.26 → 0.0.25-dev.28

package/dist/ClosingDraftView-BAe-mbpn.js

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