@feedmepos/mf-inventory-portal 1.2.1 → 1.2.2-5.dev-1

package/dist/ClosingHistoryView-DuW2Vtrs.js

@@ -0,0 +1,355 @@
+import { defineComponent as H, ref as v, computed as h, resolveComponent as k, openBlock as d, createElementBlock as g, createVNode as f, withModifiers as te, withCtx as A, createElementVNode as s, toDisplayString as u, unref as n, Fragment as K, createTextVNode as M, createBlock as L, createCommentVNode as F, renderList as oe, normalizeClass as le, h as ae, onMounted as ne, Teleport as se } from "vue";
+import { aD as j, ac as x, u as ie, h as ce, I as re, J as ue } from "./app-a9r50k3U.js";
+import { useI18n as z, useCoreStore as de } from "@feedmepos/mf-common";
+import { useSnackbar as me } from "@feedmepos/ui-library";
+import { u as ve } from "./stock-CDZ2uWSF.js";
+const fe = { class: "fm-typo-en-heading-lg-600" }, ye = { class: "flex flex-col gap-16" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "flex flex-col gap-8" }, _e = { class: "fm-typo-en-body-md-600" }, be = { class: "flex flex-col gap-8" }, he = { class: "fm-typo-en-body-md-600" }, ke = { class: "flex items-center gap-8 mb-8" }, xe = {
+  key: 2,
+  class: "text-red-500 text-sm mt-2"
+}, De = { class: "fm-typo-en-body-sm-400" }, Ve = {
+  key: 1,
+  class: "flex flex-col gap-8"
+}, Se = { class: "fm-typo-en-body-md-600" }, we = { class: "flex flex-col gap-8 max-h-[300px] overflow-y-auto" }, Ce = { class: "flex items-center justify-between" }, Re = { class: "fm-typo-en-body-sm-600" }, Fe = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ae = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Le = {
+  key: 0,
+  class: "fm-typo-en-body-xs-400 text-fm-color-system-error-500"
+}, Te = {
+  key: 0,
+  class: "flex gap-8 ml-auto"
+}, Be = {
+  key: 1,
+  class: "flex gap-8 ml-auto"
+}, $e = /* @__PURE__ */ H({
+  __name: "RecalculationDialog",
+  emits: ["submitted"],
+  setup(J, { expose: _, emit: B }) {
+    const S = B, { t: a } = z(), D = ve(), w = j(), C = me(), y = v(!1), i = v(""), c = v(""), m = v(!1), V = v([]), t = v(!1), r = v([]), b = v(!1), R = h(() => V.value.map((e) => {
+      const o = x(e._id), p = new Date(o);
+      return {
+        label: `${p.toLocaleDateString()} ${p.toLocaleTimeString()}`,
+        value: e._id
+      };
+    })), G = h(() => i.value ? R.value.filter((e) => e.value > i.value) : []), E = h({
+      get: () => {
+        if (m.value && c.value) {
+          const e = V.value.find((o) => x(o._id) === c.value);
+          return (e == null ? void 0 : e._id) || c.value;
+        }
+        return c.value;
+      },
+      set: (e) => {
+        m.value && e ? c.value = x(e) : c.value = e;
+      }
+    }), Q = h(() => {
+      if (i.value)
+        try {
+          const e = x(i.value);
+          if (e)
+            return e;
+        } catch (e) {
+          console.error("Error parsing date from closing ID:", e);
+        }
+    }), T = h(() => {
+      if (!i.value || !c.value) return "";
+      const e = x(i.value), o = c.value;
+      if (e && o) {
+        const p = new Date(e).getTime();
+        if (new Date(o).getTime() <= p)
+          return a("inventory.stock.recalculation.error.endDateBeforeOpening");
+      }
+      return "";
+    }), N = h(() => !!i.value && !!c.value && !T.value), U = h(() => r.value.some(
+      (e) => !e.completedAt && !e.failedReason
+    ));
+    async function I() {
+      y.value = !0, await Promise.all([X(), P()]), i.value = "", c.value = "", m.value = !1;
+    }
+    function W() {
+      y.value = !1;
+    }
+    _({
+      open: I,
+      close: W
+    });
+    async function X() {
+      t.value = !0;
+      try {
+        const e = await w.getLastNClosings(10);
+        V.value = e;
+      } catch (e) {
+        console.error("Error fetching recent closings:", e), C.open({
+          title: a("common.error"),
+          message: "Failed to fetch recent closings",
+          type: "error"
+        });
+      } finally {
+        t.value = !1;
+      }
+    }
+    async function P() {
+      b.value = !0;
+      try {
+        const e = await D.recalculation.recalculationRequests();
+        r.value = e;
+      } catch (e) {
+        console.error("Error fetching recalculation requests:", e);
+      } finally {
+        b.value = !1;
+      }
+    }
+    async function Y() {
+      if (N.value) {
+        t.value = !0;
+        try {
+          await D.recalculation.scheduleRecalculation(i.value, c.value), C.open({
+            title: a("common.success"),
+            message: "Stock recalculation has been scheduled successfully",
+            type: "success"
+          }), await P(), y.value = !1, S("submitted");
+        } catch (e) {
+          console.error("Error scheduling recalculation:", e), C.open({
+            title: a("common.error"),
+            message: "Failed to schedule stock recalculation",
+            type: "error"
+          });
+        } finally {
+          t.value = !1;
+        }
+      }
+    }
+    return (e, o) => {
+      const p = k("FmButton"), $ = k("FmSelect"), O = k("FmRadio"), Z = k("FmDatePicker"), q = k("FmAlert"), ee = k("FmDialog");
+      return d(), g("div", null, [
+        f(p, {
+          "prepend-icon": "info",
+          variant: "tertiary",
+          onClick: te(I, ["stop"])
+        }),
+        f(ee, {
+          modelValue: y.value,
+          "onUpdate:modelValue": o[7] || (o[7] = (l) => y.value = l),
+          "close-button": "",
+          dismissAway: "",
+          "max-width": "600px"
+        }, {
+          "dialog-header": A(() => [
+            s("div", fe, u(n(a)("inventory.stock.recalculation.title")), 1)
+          ]),
+          "dialog-footer": A(() => [
+            U.value ? (d(), g("div", Be, [
+              f(p, {
+                variant: "tertiary",
+                onClick: o[6] || (o[6] = (l) => y.value = !1),
+                label: n(a)("common.close")
+              }, null, 8, ["label"])
+            ])) : (d(), g("div", Te, [
+              f(p, {
+                variant: "tertiary",
+                onClick: o[5] || (o[5] = (l) => y.value = !1),
+                disabled: t.value,
+                label: n(a)("common.cancel")
+              }, null, 8, ["disabled", "label"]),
+              f(p, {
+                variant: "primary",
+                onClick: Y,
+                disabled: !N.value || t.value,
+                loading: t.value,
+                label: n(a)("inventory.stock.recalculation.schedule")
+              }, null, 8, ["disabled", "loading", "label"])
+            ]))
+          ]),
+          default: A(() => [
+            s("div", ye, [
+              s("div", pe, u(n(a)("inventory.stock.recalculation.description")), 1),
+              U.value ? F("", !0) : (d(), g(K, { key: 0 }, [
+                s("div", ge, [
+                  s("p", _e, [
+                    M(u(n(a)("inventory.stock.recalculation.openingDate")) + " ", 1),
+                    o[8] || (o[8] = s("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                  ]),
+                  f($, {
+                    modelValue: i.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (l) => i.value = l),
+                    items: R.value,
+                    placeholder: n(a)("inventory.stock.recalculation.selectOpening"),
+                    loading: t.value,
+                    disabled: t.value
+                  }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])
+                ]),
+                s("div", be, [
+                  s("p", he, [
+                    M(u(n(a)("inventory.stock.recalculation.untilDate")) + " ", 1),
+                    o[9] || (o[9] = s("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                  ]),
+                  s("div", ke, [
+                    f(O, {
+                      modelValue: m.value,
+                      "onUpdate:modelValue": o[1] || (o[1] = (l) => m.value = l),
+                      value: !1,
+                      label: n(a)("inventory.stock.recalculation.selectByDate")
+                    }, null, 8, ["modelValue", "label"]),
+                    f(O, {
+                      modelValue: m.value,
+                      "onUpdate:modelValue": o[2] || (o[2] = (l) => m.value = l),
+                      value: !0,
+                      label: n(a)("inventory.stock.recalculation.selectByClosing")
+                    }, null, 8, ["modelValue", "label"])
+                  ]),
+                  m.value ? (d(), L($, {
+                    key: 1,
+                    modelValue: E.value,
+                    "onUpdate:modelValue": o[4] || (o[4] = (l) => E.value = l),
+                    items: G.value,
+                    placeholder: n(a)("inventory.stock.recalculation.selectClosing"),
+                    loading: t.value,
+                    disabled: !i.value || t.value
+                  }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])) : (d(), L(Z, {
+                    key: 0,
+                    modelValue: c.value,
+                    "onUpdate:modelValue": o[3] || (o[3] = (l) => c.value = l),
+                    placeholder: n(a)("inventory.stock.recalculation.selectDate"),
+                    min: Q.value,
+                    disabled: !i.value || t.value
+                  }, null, 8, ["modelValue", "placeholder", "min", "disabled"])),
+                  T.value ? (d(), g("div", xe, u(T.value), 1)) : F("", !0)
+                ]),
+                i.value && c.value && !T.value ? (d(), L(q, {
+                  key: 0,
+                  type: "info"
+                }, {
+                  default: A(() => [
+                    s("div", De, u(n(a)("inventory.stock.recalculation.info")), 1)
+                  ]),
+                  _: 1
+                })) : F("", !0)
+              ], 64)),
+              r.value.length > 0 ? (d(), g("div", Ve, [
+                s("p", Se, u(n(a)("inventory.stock.recalculation.recentRequests")), 1),
+                s("div", we, [
+                  (d(!0), g(K, null, oe(r.value, (l) => (d(), g("div", {
+                    key: l._id,
+                    class: "p-12 border border-fm-color-border-primary rounded-8 flex flex-col gap-4"
+                  }, [
+                    s("div", Ce, [
+                      s("div", Re, u(new Date(l.createdAt).toLocaleString()), 1),
+                      s("div", {
+                        class: le(["fm-typo-en-body-xs-600 px-8 py-4 rounded-4", {
+                          "bg-fm-color-system-error-100 text-fm-color-system-error-500": l.failedReason,
+                          "bg-fm-color-system-success-100 text-fm-color-system-success-500": l.completedAt,
+                          "bg-fm-color-system-info-100 text-fm-color-system-info-500": !l.failedReason && !l.completedAt
+                        }])
+                      }, u(l.failedReason ? n(a)("inventory.stock.recalculation.status.failed") : l.completedAt ? n(a)("inventory.stock.recalculation.status.completed") : n(a)("inventory.stock.recalculation.status.inProgress")), 3)
+                    ]),
+                    s("div", Fe, u(n(a)("inventory.stock.recalculation.from")) + ": " + u(new Date(l.recalculateStartDate).toLocaleDateString()), 1),
+                    s("div", Ae, u(n(a)("inventory.stock.recalculation.to")) + ": " + u(new Date(l.recalculateEndDate).toLocaleDateString()), 1),
+                    l.failedReason ? (d(), g("div", Le, u(l.failedReason), 1)) : F("", !0)
+                  ]))), 128))
+                ])
+              ])) : F("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Ee = { class: "flex flex-col gap-16 p-16" }, Ke = /* @__PURE__ */ H({
+  __name: "ClosingHistoryView",
+  setup(J) {
+    var V;
+    const { t: _ } = z(), B = j(), S = ie(), a = de(), D = v([]), w = v(!1), C = h(() => [
+      {
+        label: _("inventory.stock.recalculation.title", "Stock Recalculation"),
+        value: "recalculation",
+        prependIcon: "history",
+        isAdminOnly: !0
+      }
+    ]), y = v();
+    function i(t) {
+      var r;
+      switch (t) {
+        case "recalculation":
+          return (r = y.value) == null ? void 0 : r.open();
+      }
+    }
+    const c = [
+      ...(V = a.sessionUser.value) != null && V.role.isAdmin ? [
+        {
+          accessorKey: "_id",
+          header: () => ae(ce, {}, () => `${_("inventory.closing.history.closingId")}`),
+          cell: (t) => t.getValue()
+        }
+      ] : [],
+      {
+        accessorKey: "_id",
+        id: "date",
+        header: () => _("inventory.closing.history.date"),
+        cell: (t) => {
+          const r = t.getValue(), b = x(r);
+          return new Date(b).toLocaleDateString();
+        }
+      },
+      {
+        accessorKey: "_id",
+        id: "time",
+        header: () => _("inventory.closing.history.time"),
+        cell: (t) => {
+          const r = t.getValue(), b = x(r);
+          return new Date(b).toLocaleTimeString();
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: () => _("inventory.closing.history.createdFrom"),
+        cell: (t) => t.getValue() || "-"
+      }
+    ];
+    async function m() {
+      if (S.currentLocationDBName) {
+        w.value = !0;
+        try {
+          const t = await B.getLastNClosings(10);
+          D.value = t;
+        } catch (t) {
+          console.error("Error fetching closings:", t), D.value = [];
+        } finally {
+          w.value = !1;
+        }
+      }
+    }
+    return ne(async () => {
+      S.currentLocationDBName && await m();
+    }), S.watchLocation(m), (t, r) => {
+      const b = k("FmTable");
+      return d(), L(re, {
+        actions: C.value,
+        title: n(_)("inventory.closing.history.title"),
+        "onClick:action": i
+      }, {
+        default: A(() => [
+          s("div", Ee, [
+            f(ue, {
+              "change-location": "",
+              "hide-filter-options": !0
+            }),
+            f(b, {
+              loading: w.value,
+              "row-data": D.value,
+              "column-defs": c
+            }, null, 8, ["loading", "row-data"])
+          ]),
+          (d(), L(se, { to: "body" }, [
+            f($e, {
+              ref_key: "recalculationDialogRef",
+              ref: y,
+              onSubmitted: r[0] || (r[0] = (R) => m())
+            }, null, 512)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["actions", "title"]);
+    };
+  }
+});
+export {
+  Ke as default
+};