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

package/dist/ClosingDraftView-CCjbZ3fv.js

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