@feedmepos/mf-inventory-portal 0.0.25-dev.14 → 0.0.25-dev.16

package/dist/ClosingDraftView-uMe2IeCv.js

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