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

package/dist/ClosingDraftView-bACYchEO.js

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