@feedmepos/mf-inventory-portal 0.0.25-dev.2 → 0.0.25-dev.21

package/dist/ClosingDraftView-CEeeL7W4.js

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