@feedmepos/mf-inventory-portal 0.0.23-dev.27 → 0.0.23-dev.29

package/dist/ClosingDraftView-CbIQxG9i.js

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