@feedmepos/mf-inventory-portal 1.5.8 → 1.5.9-dev.1

package/dist/{ClosingHistoryView-C9Hidhix.js → ClosingHistoryView-C_qw6v7h.js}

@@ -1,14 +1,14 @@
-import { defineComponent as ne, ref as g, computed as D, watch as de, resolveComponent as w, openBlock as n, createElementBlock as p, createBlock as M, withModifiers as ue, createCommentVNode as b, createVNode as _, withCtx as T, createElementVNode as o, toDisplayString as l, unref as i, Fragment as z, createTextVNode as Z, renderList as le, normalizeClass as me, h as X, Teleport as pe } from "vue";
-import { _ as ve } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DGlWE5I8.js";
+import { defineComponent as ne, ref as g, computed as w, watch as ie, resolveComponent as x, openBlock as n, createElementBlock as p, createBlock as H, withModifiers as ue, createCommentVNode as b, createVNode as _, withCtx as I, createElementVNode as o, toDisplayString as a, unref as c, Fragment as G, createTextVNode as Z, renderList as le, normalizeClass as me, h as X, Teleport as ye } from "vue";
+import { _ as pe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DGlWE5I8.js";
 import { useI18n as se, useCoreStore as ge } from "@feedmepos/mf-common";
-import { E as ie, B as P, a as he, u as _e } from "./app-BtIUZZer.js";
-import { F as re } from "./FmAdminBadge-DjnBAgyv.js";
-import { _ as be } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-D0u8X0Bk.js";
-import { useSnackbar as ce, useDialog as ke } from "@feedmepos/ui-library";
-import { u as fe } from "./stock-D6d8tS4B.js";
-import { g as ye, f as xe } from "./recalculationUtils-D0A7mbSs.js";
-import { _ as De } from "./UnitDisplayControl.vue_vue_type_script_setup_true_lang-WSYbNJL_.js";
-const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col gap-16" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "flex flex-col gap-8" }, $e = { class: "fm-typo-en-body-md-600" }, Ae = { class: "flex flex-col gap-8" }, Fe = { class: "fm-typo-en-body-md-600" }, Re = { class: "flex items-center gap-8 mb-8" }, Ie = {
+import { E as ce, B as P, a as he, u as _e } from "./app-cwueji6m.js";
+import { F as de } from "./FmAdminBadge-DjnBAgyv.js";
+import { _ as be } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Y_AhN6qb.js";
+import { useSnackbar as re, useDialog as ke } from "@feedmepos/ui-library";
+import { u as fe } from "./stock-n6h8HkNk.js";
+import { g as ve, f as xe } from "./recalculationUtils-KdVSBljW.js";
+import { _ as De } from "./UnitDisplayControl.vue_vue_type_script_setup_true_lang-DqTis1lE.js";
+const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col gap-16" }, Ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ce = { class: "flex flex-col gap-8" }, $e = { class: "fm-typo-en-body-md-600" }, Ae = { class: "flex flex-col gap-8" }, Fe = { class: "fm-typo-en-body-md-600" }, Re = { class: "flex items-center gap-8 mb-8" }, Ie = {
   key: 2,
   class: "text-red-500 text-sm mt-2"
 }, Te = { class: "fm-typo-en-body-sm-400" }, Be = {
@@ -20,7 +20,7 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
 }, Oe = {
   key: 1,
   class: "flex flex-col gap-8"
-}, Ee = { class: "fm-typo-en-body-sm-600" }, Pe = { class: "flex flex-col gap-4" }, Ue = { key: 0 }, Ne = {
+}, Ee = { class: "fm-typo-en-body-sm-600" }, Ue = { class: "flex flex-col gap-4" }, Pe = { key: 0 }, Ne = {
   key: 1,
   class: "flex flex-col gap-8"
 }, Me = { class: "fm-typo-en-body-md-600" }, Ke = { class: "flex flex-col gap-8 max-h-[300px] overflow-y-auto" }, He = { class: "flex items-center justify-between" }, je = { class: "fm-typo-en-body-sm-600" }, ze = { class: "flex items-center gap-8" }, We = {
@@ -47,284 +47,284 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
     showButton: { type: Boolean }
   },
   emits: ["submitted"],
-  setup(ae, { expose: S, emit: C }) {
-    const U = C, { t } = se(), L = fe(), O = ie(), V = ce(), $ = g(!1), f = g(""), m = g(""), F = g(!1), v = g([]), a = g(!1), k = g([]), A = g(!1), h = g([]), x = g(!1), W = D(() => ye(v.value)), Y = D(() => {
-      if (!f.value) return [];
-      const r = W.value.find((e) => e.value === f.value);
-      return r ? W.value.filter((e) => e.date.getTime() > r.date.getTime()).sort((e, d) => d.date.getTime() - e.date.getTime()) : [];
-    }), G = D({
+  setup(ae, { expose: S, emit: V }) {
+    const M = V, { t } = se(), L = fe(), T = ce(), k = re(), D = g(!1), v = g(""), f = g(""), $ = g(!1), U = g([]), l = g(!1), s = g([]), C = g(!1), h = g([]), F = g(!1), N = w(() => ve(U.value)), O = w(() => {
+      if (!v.value) return [];
+      const d = N.value.find((e) => e.value === v.value);
+      return d ? N.value.filter((e) => e.date.getTime() > d.date.getTime()).sort((e, u) => u.date.getTime() - e.date.getTime()) : [];
+    }), j = w({
       get: () => {
-        if (F.value && m.value) {
-          const r = v.value.find((e) => P(e._id) === m.value);
-          return (r == null ? void 0 : r._id) || m.value;
+        if ($.value && f.value) {
+          const d = U.value.find((e) => P(e._id) === f.value);
+          return (d == null ? void 0 : d._id) || f.value;
         }
-        return m.value;
+        return f.value;
       },
-      set: (r) => {
-        F.value && r ? m.value = P(r) : m.value = r;
+      set: (d) => {
+        $.value && d ? f.value = P(d) : f.value = d;
       }
-    }), K = D(() => {
-      if (f.value)
+    }), z = w(() => {
+      if (v.value)
         try {
-          const r = P(f.value);
-          if (r)
-            return r;
-        } catch (r) {
-          console.error("Error parsing date from closing ID:", r);
+          const d = P(v.value);
+          if (d)
+            return d;
+        } catch (d) {
+          console.error("Error parsing date from closing ID:", d);
         }
-    }), E = D(() => {
-      if (!f.value || !m.value) return "";
-      const r = P(f.value), e = m.value;
-      if (r && e) {
-        const d = new Date(r).getTime();
-        if (new Date(e).getTime() <= d)
+    }), E = w(() => {
+      if (!v.value || !f.value) return "";
+      const d = P(v.value), e = f.value;
+      if (d && e) {
+        const u = new Date(d).getTime();
+        if (new Date(e).getTime() <= u)
           return t("inventory.stock.recalculation.error.endDateBeforeOpening");
       }
       return "";
-    }), N = D(() => !!f.value && !!m.value && !E.value), J = D(() => k.value.some(
-      (r) => !r.completedAt && !r.failedReason
+    }), K = w(() => !!v.value && !!f.value && !E.value), J = w(() => s.value.some(
+      (d) => !d.completedAt && !d.failedReason
     ));
     async function Q() {
-      $.value = !0, await Promise.all([ee(), H()]), f.value = "", m.value = "", F.value = !1;
+      D.value = !0, await Promise.all([ee(), W()]), v.value = "", f.value = "", $.value = !1;
     }
     function q() {
-      $.value = !1;
+      D.value = !1;
     }
     S({
       open: Q,
       close: q
     });
     async function ee() {
-      a.value = !0;
+      l.value = !0;
       try {
-        const r = await O.getLastNClosings(30);
-        v.value = r;
-      } catch (r) {
-        console.error("Error fetching recent closings:", r), V.open({
+        const d = await T.getLastNClosings(30);
+        U.value = d;
+      } catch (d) {
+        console.error("Error fetching recent closings:", d), k.open({
           title: t("common.error"),
           message: "Failed to fetch recent closings",
           type: "error"
         });
       } finally {
-        a.value = !1;
+        l.value = !1;
       }
     }
-    async function H() {
-      A.value = !0;
+    async function W() {
+      C.value = !0;
       try {
-        const r = await L.recalculation.recalculationRequests();
-        k.value = r;
-      } catch (r) {
-        console.error("Error fetching recalculation requests:", r);
+        const d = await L.recalculation.recalculationRequests();
+        s.value = d;
+      } catch (d) {
+        console.error("Error fetching recalculation requests:", d);
       } finally {
-        A.value = !1;
+        C.value = !1;
       }
     }
-    async function j() {
-      if (!f.value || !m.value) {
+    async function Y() {
+      if (!v.value || !f.value) {
         h.value = [];
         return;
       }
-      x.value = !0;
+      F.value = !0;
       try {
-        const r = await L.recalculation.getAffectedClosingDrafts(
-          f.value,
-          m.value
+        const d = await L.recalculation.getAffectedClosingDrafts(
+          v.value,
+          f.value
         );
-        h.value = r;
+        h.value = d;
       } catch {
-        V.open({
+        k.open({
           title: t("common.error"),
           message: "Failed to fetch affected closing drafts",
           type: "error"
         }), h.value = [];
       } finally {
-        x.value = !1;
+        F.value = !1;
       }
     }
-    de(
-      [f, m],
+    ie(
+      [v, f],
       () => {
-        f.value && m.value && !E.value ? j() : h.value = [];
+        v.value && f.value && !E.value ? Y() : h.value = [];
       },
       { immediate: !1 }
     );
     async function te() {
-      if (N.value) {
-        a.value = !0;
+      if (K.value) {
+        l.value = !0;
         try {
           if (await L.recalculation.scheduleRecalculation({
-            openingId: f.value,
-            untilDate: m.value
+            openingId: v.value,
+            untilDate: f.value
           }), h.value.length > 0) {
-            const r = h.value.map((e) => e._id);
-            await L.recalculation.scheduleInvalidateClosingDraftCache(r);
+            const d = h.value.map((e) => e._id);
+            await L.recalculation.scheduleInvalidateClosingDraftCache(d);
           }
-          V.open({
+          k.open({
             title: t("common.success"),
             message: "Stock recalculation has been scheduled successfully",
             type: "success"
-          }), await H(), $.value = !1, U("submitted");
-        } catch (r) {
-          console.error("Error scheduling recalculation:", r), V.open({
+          }), await W(), D.value = !1, M("submitted");
+        } catch (d) {
+          console.error("Error scheduling recalculation:", d), k.open({
             title: t("common.error"),
             message: "Failed to schedule stock recalculation",
             type: "error"
           });
         } finally {
-          a.value = !1;
+          l.value = !1;
         }
       }
     }
-    return (r, e) => {
-      const d = w("FmButton"), s = w("FmSelect"), u = w("FmRadio"), I = w("FmDatePicker"), B = w("FmAlert"), oe = w("FmDialog");
+    return (d, e) => {
+      const u = x("FmButton"), i = x("FmSelect"), m = x("FmRadio"), R = x("FmDatePicker"), B = x("FmAlert"), oe = x("FmDialog");
       return n(), p("div", null, [
-        r.showButton ? (n(), M(d, {
+        d.showButton ? (n(), H(u, {
           key: 0,
           "prepend-icon": "info",
           variant: "tertiary",
           onClick: ue(Q, ["stop"])
         })) : b("", !0),
         _(oe, {
-          modelValue: $.value,
-          "onUpdate:modelValue": e[7] || (e[7] = (c) => $.value = c),
+          modelValue: D.value,
+          "onUpdate:modelValue": e[7] || (e[7] = (r) => D.value = r),
           "close-button": "",
           dismissAway: "",
           "max-width": "600px"
         }, {
-          "dialog-header": T(() => [
-            o("div", we, l(i(t)("inventory.stock.recalculation.title")), 1)
+          "dialog-header": I(() => [
+            o("div", we, a(c(t)("inventory.stock.recalculation.title")), 1)
           ]),
-          "dialog-footer": T(() => [
+          "dialog-footer": I(() => [
             J.value ? (n(), p("div", qe, [
-              _(d, {
+              _(u, {
                 variant: "tertiary",
-                onClick: e[6] || (e[6] = (c) => $.value = !1),
-                label: i(t)("common.close")
+                onClick: e[6] || (e[6] = (r) => D.value = !1),
+                label: c(t)("common.close")
               }, null, 8, ["label"])
             ])) : (n(), p("div", Ze, [
-              _(d, {
+              _(u, {
                 variant: "tertiary",
-                onClick: e[5] || (e[5] = (c) => $.value = !1),
-                disabled: a.value,
-                label: i(t)("common.cancel")
+                onClick: e[5] || (e[5] = (r) => D.value = !1),
+                disabled: l.value,
+                label: c(t)("common.cancel")
               }, null, 8, ["disabled", "label"]),
-              _(d, {
+              _(u, {
                 variant: "primary",
                 onClick: te,
-                disabled: !N.value || a.value,
-                loading: a.value,
-                label: i(t)("inventory.stock.recalculation.schedule")
+                disabled: !K.value || l.value,
+                loading: l.value,
+                label: c(t)("inventory.stock.recalculation.schedule")
               }, null, 8, ["disabled", "loading", "label"])
             ]))
           ]),
-          default: T(() => [
+          default: I(() => [
             o("div", Se, [
-              o("div", Ce, l(i(t)("inventory.stock.recalculation.description")), 1),
-              J.value ? b("", !0) : (n(), p(z, { key: 0 }, [
-                o("div", Ve, [
+              o("div", Ve, a(c(t)("inventory.stock.recalculation.description")), 1),
+              J.value ? b("", !0) : (n(), p(G, { key: 0 }, [
+                o("div", Ce, [
                   o("p", $e, [
-                    Z(l(i(t)("inventory.stock.recalculation.openingDate")) + " ", 1),
+                    Z(a(c(t)("inventory.stock.recalculation.openingDate")) + " ", 1),
                     e[8] || (e[8] = o("span", { class: "text-fm-color-system-error-300" }, "*", -1))
                   ]),
                   e[9] || (e[9] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4" }, " Showing the last 30 closing records. Select the opening date to start recalculation. ", -1)),
-                  _(s, {
-                    modelValue: f.value,
-                    "onUpdate:modelValue": e[0] || (e[0] = (c) => f.value = c),
-                    items: W.value,
-                    placeholder: i(t)("inventory.stock.recalculation.selectOpening"),
-                    loading: a.value,
-                    disabled: a.value
+                  _(i, {
+                    modelValue: v.value,
+                    "onUpdate:modelValue": e[0] || (e[0] = (r) => v.value = r),
+                    items: N.value,
+                    placeholder: c(t)("inventory.stock.recalculation.selectOpening"),
+                    loading: l.value,
+                    disabled: l.value
                   }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])
                 ]),
                 o("div", Ae, [
                   o("p", Fe, [
-                    Z(l(i(t)("inventory.stock.recalculation.untilDate")) + " ", 1),
+                    Z(a(c(t)("inventory.stock.recalculation.untilDate")) + " ", 1),
                     e[10] || (e[10] = o("span", { class: "text-fm-color-system-error-300" }, "*", -1))
                   ]),
                   o("div", Re, [
-                    _(u, {
-                      modelValue: F.value,
-                      "onUpdate:modelValue": e[1] || (e[1] = (c) => F.value = c),
+                    _(m, {
+                      modelValue: $.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (r) => $.value = r),
                       value: !1,
-                      label: i(t)("inventory.stock.recalculation.selectByDate")
+                      label: c(t)("inventory.stock.recalculation.selectByDate")
                     }, null, 8, ["modelValue", "label"]),
-                    _(u, {
-                      modelValue: F.value,
-                      "onUpdate:modelValue": e[2] || (e[2] = (c) => F.value = c),
+                    _(m, {
+                      modelValue: $.value,
+                      "onUpdate:modelValue": e[2] || (e[2] = (r) => $.value = r),
                       value: !0,
-                      label: i(t)("inventory.stock.recalculation.selectByClosing")
+                      label: c(t)("inventory.stock.recalculation.selectByClosing")
                     }, null, 8, ["modelValue", "label"])
                   ]),
-                  F.value ? (n(), M(s, {
+                  $.value ? (n(), H(i, {
                     key: 1,
-                    modelValue: G.value,
-                    "onUpdate:modelValue": e[4] || (e[4] = (c) => G.value = c),
-                    items: Y.value,
-                    placeholder: i(t)("inventory.stock.recalculation.selectClosing"),
-                    loading: a.value,
-                    disabled: !f.value || a.value
-                  }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])) : (n(), M(I, {
+                    modelValue: j.value,
+                    "onUpdate:modelValue": e[4] || (e[4] = (r) => j.value = r),
+                    items: O.value,
+                    placeholder: c(t)("inventory.stock.recalculation.selectClosing"),
+                    loading: l.value,
+                    disabled: !v.value || l.value
+                  }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])) : (n(), H(R, {
                     key: 0,
-                    modelValue: m.value,
-                    "onUpdate:modelValue": e[3] || (e[3] = (c) => m.value = c),
-                    placeholder: i(t)("inventory.stock.recalculation.selectDate"),
-                    min: K.value,
-                    disabled: !f.value || a.value
+                    modelValue: f.value,
+                    "onUpdate:modelValue": e[3] || (e[3] = (r) => f.value = r),
+                    placeholder: c(t)("inventory.stock.recalculation.selectDate"),
+                    min: z.value,
+                    disabled: !v.value || l.value
                   }, null, 8, ["modelValue", "placeholder", "min", "disabled"])),
-                  E.value ? (n(), p("div", Ie, l(E.value), 1)) : b("", !0)
+                  E.value ? (n(), p("div", Ie, a(E.value), 1)) : b("", !0)
                 ]),
-                f.value && m.value && !E.value ? (n(), M(B, {
+                v.value && f.value && !E.value ? (n(), H(B, {
                   key: 0,
                   type: "info"
                 }, {
-                  default: T(() => [
-                    o("div", Te, l(i(t)("inventory.stock.recalculation.info")), 1)
+                  default: I(() => [
+                    o("div", Te, a(c(t)("inventory.stock.recalculation.info")), 1)
                   ]),
                   _: 1
                 })) : b("", !0),
                 h.value.length > 0 ? (n(), p("div", Be, [
-                  x.value ? (n(), p("div", Le, " Loading affected closing drafts... ")) : (n(), p("div", Oe, [
-                    o("div", Ee, " Affected closing draft(s): " + l(h.value.length), 1),
-                    o("div", Pe, [
-                      (n(!0), p(z, null, le(h.value, (c) => (n(), p("div", {
-                        key: c._id,
+                  F.value ? (n(), p("div", Le, " Loading affected closing drafts... ")) : (n(), p("div", Oe, [
+                    o("div", Ee, " Affected closing draft(s): " + a(h.value.length), 1),
+                    o("div", Ue, [
+                      (n(!0), p(G, null, le(h.value, (r) => (n(), p("div", {
+                        key: r._id,
                         class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
                       }, [
-                        Z(" • " + l(c._id) + " ", 1),
-                        c.effectiveAt ? (n(), p("span", Ue, " (" + l(new Date(c.effectiveAt).toLocaleString()) + ") ", 1)) : b("", !0)
+                        Z(" • " + a(r._id) + " ", 1),
+                        r.effectiveAt ? (n(), p("span", Pe, " (" + a(new Date(r.effectiveAt).toLocaleString()) + ") ", 1)) : b("", !0)
                       ]))), 128))
                     ])
                   ]))
                 ])) : b("", !0)
               ], 64)),
-              k.value.length > 0 ? (n(), p("div", Ne, [
-                o("p", Me, l(i(t)("inventory.stock.recalculation.recentRequests")), 1),
+              s.value.length > 0 ? (n(), p("div", Ne, [
+                o("p", Me, a(c(t)("inventory.stock.recalculation.recentRequests")), 1),
                 o("div", Ke, [
-                  (n(!0), p(z, null, le(k.value, (c) => {
+                  (n(!0), p(G, null, le(s.value, (r) => {
                     var y;
                     return n(), p("div", {
-                      key: c._id,
+                      key: r._id,
                       class: "p-12 border border-fm-color-border-primary rounded-8 flex flex-col gap-4"
                     }, [
                       o("div", He, [
-                        o("div", je, l(i(t)("inventory.stock.recalculation.requestedAt")) + ": " + l(new Date(c.createdAt).toLocaleString()), 1),
+                        o("div", je, a(c(t)("inventory.stock.recalculation.requestedAt")) + ": " + a(new Date(r.createdAt).toLocaleString()), 1),
                         o("div", ze, [
-                          (y = c.meta) != null && y.openingType ? (n(), p("div", We, l(c.meta.openingType === "stockSnapshot" ? "Snapshot" : "Closing"), 1)) : b("", !0),
+                          (y = r.meta) != null && y.openingType ? (n(), p("div", We, a(r.meta.openingType === "stockSnapshot" ? "Snapshot" : "Closing"), 1)) : b("", !0),
                           o("div", {
                             class: me(["fm-typo-en-body-xs-600 px-8 py-4 rounded-4", {
-                              "bg-fm-color-system-error-100 text-fm-color-system-error-500": c.failedReason,
-                              "bg-fm-color-system-success-100 text-fm-color-system-success-500": c.completedAt,
-                              "bg-fm-color-system-info-100 text-fm-color-system-info-500": !c.failedReason && !c.completedAt
+                              "bg-fm-color-system-error-100 text-fm-color-system-error-500": r.failedReason,
+                              "bg-fm-color-system-success-100 text-fm-color-system-success-500": r.completedAt,
+                              "bg-fm-color-system-info-100 text-fm-color-system-info-500": !r.failedReason && !r.completedAt
                             }])
-                          }, l(c.failedReason ? i(t)("inventory.stock.recalculation.status.failed") : c.completedAt ? i(t)("inventory.stock.recalculation.status.completed") : i(t)("inventory.stock.recalculation.status.inProgress")), 3)
+                          }, a(r.failedReason ? c(t)("inventory.stock.recalculation.status.failed") : r.completedAt ? c(t)("inventory.stock.recalculation.status.completed") : c(t)("inventory.stock.recalculation.status.inProgress")), 3)
                         ])
                       ]),
-                      o("div", Ye, l(i(t)("inventory.stock.recalculation.from")) + ": " + l(new Date(c.recalculateStartDate).toLocaleDateString()), 1),
-                      o("div", Ge, l(i(t)("inventory.stock.recalculation.to")) + ": " + l(new Date(c.recalculateEndDate).toLocaleDateString()), 1),
-                      c.createdBy ? (n(), p("div", Je, l(i(t)("inventory.stock.recalculation.requestedBy")) + ": " + l(c.createdBy.name || c.createdBy.id), 1)) : b("", !0),
-                      c.completedAt ? (n(), p("div", Qe, l(i(t)("inventory.stock.recalculation.completedAt")) + ": " + l(new Date(c.completedAt).toLocaleString()), 1)) : b("", !0),
-                      c.failedReason ? (n(), p("div", Xe, l(c.failedReason), 1)) : b("", !0)
+                      o("div", Ye, a(c(t)("inventory.stock.recalculation.from")) + ": " + a(new Date(r.recalculateStartDate).toLocaleDateString()), 1),
+                      o("div", Ge, a(c(t)("inventory.stock.recalculation.to")) + ": " + a(new Date(r.recalculateEndDate).toLocaleDateString()), 1),
+                      r.createdBy ? (n(), p("div", Je, a(c(t)("inventory.stock.recalculation.requestedBy")) + ": " + a(r.createdBy.name || r.createdBy.id), 1)) : b("", !0),
+                      r.completedAt ? (n(), p("div", Qe, a(c(t)("inventory.stock.recalculation.completedAt")) + ": " + a(new Date(r.completedAt).toLocaleString()), 1)) : b("", !0),
+                      r.failedReason ? (n(), p("div", Xe, a(r.failedReason), 1)) : b("", !0)
                     ]);
                   }), 128))
                 ])
@@ -348,13 +348,13 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
 }, mt = {
   key: 1,
   class: "flex flex-col gap-8"
-}, ft = { class: "fm-typo-en-body-sm-600" }, yt = { class: "flex flex-col gap-4" }, pt = { key: 0 }, vt = { key: 1 }, gt = { key: 2 }, ht = {
+}, ft = { class: "fm-typo-en-body-sm-600" }, vt = { class: "flex flex-col gap-4" }, yt = { key: 0 }, pt = { key: 1 }, gt = { key: 2 }, ht = {
   key: 1,
   class: "flex flex-col gap-8"
 }, _t = { class: "fm-typo-en-body-md-600" }, bt = { class: "flex flex-col gap-8 max-h-[300px] overflow-y-auto" }, kt = { class: "flex items-center justify-between" }, xt = { class: "fm-typo-en-body-sm-600" }, Dt = { class: "flex items-center gap-8" }, wt = {
   key: 0,
   class: "fm-typo-en-body-xs-600 px-8 py-4 rounded-4 bg-fm-color-neutral-100 text-fm-color-typo-secondary"
-}, St = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ct = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Vt = {
+}, St = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Vt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ct = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
 }, $t = {
@@ -375,273 +375,273 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
     showButton: { type: Boolean }
   },
   emits: ["submitted"],
-  setup(ae, { expose: S, emit: C }) {
-    const U = C, { t } = se(), L = fe(), O = ie(), V = ce(), $ = g(!1), f = g(""), m = g(""), F = g([]), v = g([]), a = g(!1), k = g([]), A = g(!1), h = g([]), x = g(!1), W = D(
-      () => ye(F.value, v.value)
-    ), Y = D(() => xe(
+  setup(ae, { expose: S, emit: V }) {
+    const M = V, { t } = se(), L = fe(), T = ce(), k = re(), D = g(!1), v = g(""), f = g(""), $ = g([]), U = g([]), l = g(!1), s = g([]), C = g(!1), h = g([]), F = g(!1), N = w(
+      () => ve($.value, U.value)
+    ), O = w(() => xe(
       h.value.filter((e) => !!e.closingId).map((e) => ({ closingId: e.closingId, draftCreatedAt: new Date(P(e._id)) }))
-    )), G = D(() => {
-      if (f.value)
+    )), j = w(() => {
+      if (v.value)
         try {
-          const e = P(f.value);
+          const e = P(v.value);
           if (e)
             return e;
         } catch (e) {
           console.error("Error parsing date from opening ID:", e);
         }
-    }), K = D(() => {
-      if (!f.value || !m.value) return "";
-      const e = P(f.value);
-      if (e && m.value) {
-        const d = new Date(e).getTime();
-        if (new Date(m.value).getTime() <= d)
+    }), z = w(() => {
+      if (!v.value || !f.value) return "";
+      const e = P(v.value);
+      if (e && f.value) {
+        const u = new Date(e).getTime();
+        if (new Date(f.value).getTime() <= u)
           return t("inventory.stock.recalculation.error.endDateBeforeOpening");
       }
       return "";
-    }), E = D(() => {
-      if (!m.value) return !1;
-      const e = new Date(m.value), d = /* @__PURE__ */ new Date();
-      return d.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0), e >= d;
-    }), N = D(() => !!f.value && !!m.value && !K.value), J = D(() => k.value.some(
+    }), E = w(() => {
+      if (!f.value) return !1;
+      const e = new Date(f.value), u = /* @__PURE__ */ new Date();
+      return u.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0), e >= u;
+    }), K = w(() => !!v.value && !!f.value && !z.value), J = w(() => s.value.some(
       (e) => !e.completedAt && !e.failedReason
     ));
     async function Q() {
-      $.value = !0, await Promise.all([ee(), H(), j()]), f.value = "", m.value = "";
+      D.value = !0, await Promise.all([ee(), W(), Y()]), v.value = "", f.value = "";
     }
     function q() {
-      $.value = !1;
+      D.value = !1;
     }
     S({
       open: Q,
       close: q
     });
     async function ee() {
-      a.value = !0;
+      l.value = !0;
       try {
-        const e = await O.getLastNClosings(30);
-        F.value = e;
+        const e = await T.getLastNClosings(30);
+        $.value = e;
       } catch (e) {
-        console.error("Error fetching recent closings:", e), V.open({
+        console.error("Error fetching recent closings:", e), k.open({
           title: t("common.error"),
           message: "Failed to fetch recent closings",
           type: "error"
         });
       } finally {
-        a.value = !1;
+        l.value = !1;
       }
     }
-    async function H() {
+    async function W() {
       try {
-        const e = await O.getLastNStockSnapshots(30);
-        v.value = e;
+        const e = await T.getLastNStockSnapshots(30);
+        U.value = e;
       } catch (e) {
         console.error("Error fetching recent snapshots:", e);
       }
     }
-    async function j() {
-      A.value = !0;
+    async function Y() {
+      C.value = !0;
       try {
         const e = await L.recalculation.recalculationRequests();
-        k.value = e;
+        s.value = e;
       } catch (e) {
         console.error("Error fetching recalculation requests:", e);
       } finally {
-        A.value = !1;
+        C.value = !1;
       }
     }
     async function te() {
-      if (!f.value || !m.value) {
+      if (!v.value || !f.value) {
         h.value = [];
         return;
       }
-      x.value = !0;
+      F.value = !0;
       try {
-        const e = new Date(m.value);
+        const e = new Date(f.value);
         e.setHours(23, 59, 59, 999);
-        const d = await L.recalculation.getAffectedClosingDrafts(
-          f.value,
+        const u = await L.recalculation.getAffectedClosingDrafts(
+          v.value,
           e.toISOString()
         );
-        h.value = d;
+        h.value = u;
       } catch {
-        V.open({
+        k.open({
           title: t("common.error"),
           message: "Failed to fetch affected closing drafts",
           type: "error"
         }), h.value = [];
       } finally {
-        x.value = !1;
+        F.value = !1;
       }
     }
-    de(
-      [f, m],
+    ie(
+      [v, f],
       () => {
-        f.value && m.value && !K.value ? te() : h.value = [];
+        v.value && f.value && !z.value ? te() : h.value = [];
       },
       { immediate: !1 }
     );
-    async function r() {
-      if (!(!N.value || !m.value)) {
-        a.value = !0;
+    async function d() {
+      if (!(!K.value || !f.value)) {
+        l.value = !0;
         try {
           if (await L.recalculation.scheduleRecalculation({
-            openingId: f.value,
-            untilDate: new Date(m.value).toISOString(),
+            openingId: v.value,
+            untilDate: new Date(f.value).toISOString(),
             recalculateBySnapshot: !0
           }), h.value.length > 0) {
-            const e = h.value.map((d) => d._id);
+            const e = h.value.map((u) => u._id);
             await L.recalculation.scheduleInvalidateClosingDraftCache(e);
           }
-          V.open({
+          k.open({
             title: t("common.success"),
             message: "Stock recalculation has been scheduled successfully",
             type: "success"
-          }), await j(), $.value = !1, U("submitted");
+          }), await Y(), D.value = !1, M("submitted");
         } catch (e) {
-          console.error("Error scheduling recalculation:", e), V.open({
+          console.error("Error scheduling recalculation:", e), k.open({
             title: t("common.error"),
             message: "Failed to schedule stock recalculation",
             type: "error"
           });
         } finally {
-          a.value = !1;
+          l.value = !1;
         }
       }
     }
-    return (e, d) => {
-      const s = w("FmButton"), u = w("FmSelect"), I = w("FmDatePicker"), B = w("FmSnackbar"), oe = w("FmAlert"), c = w("FmDialog");
+    return (e, u) => {
+      const i = x("FmButton"), m = x("FmSelect"), R = x("FmDatePicker"), B = x("FmSnackbar"), oe = x("FmAlert"), r = x("FmDialog");
       return n(), p("div", null, [
-        e.showButton ? (n(), M(s, {
+        e.showButton ? (n(), H(i, {
           key: 0,
           "prepend-icon": "info",
           variant: "tertiary",
           onClick: ue(Q, ["stop"])
         })) : b("", !0),
-        _(c, {
-          modelValue: $.value,
-          "onUpdate:modelValue": d[4] || (d[4] = (y) => $.value = y),
+        _(r, {
+          modelValue: D.value,
+          "onUpdate:modelValue": u[4] || (u[4] = (y) => D.value = y),
           "close-button": "",
           dismissAway: "",
           "max-width": "600px"
         }, {
-          "dialog-header": T(() => [
-            o("div", tt, l(i(t)("inventory.stock.recalculation.title")), 1)
+          "dialog-header": I(() => [
+            o("div", tt, a(c(t)("inventory.stock.recalculation.title")), 1)
           ]),
-          "dialog-footer": T(() => [
+          "dialog-footer": I(() => [
             J.value ? (n(), p("div", Rt, [
-              _(s, {
+              _(i, {
                 variant: "tertiary",
-                onClick: d[3] || (d[3] = (y) => $.value = !1),
-                label: i(t)("common.close")
+                onClick: u[3] || (u[3] = (y) => D.value = !1),
+                label: c(t)("common.close")
               }, null, 8, ["label"])
             ])) : (n(), p("div", Ft, [
-              _(s, {
+              _(i, {
                 variant: "tertiary",
-                onClick: d[2] || (d[2] = (y) => $.value = !1),
-                disabled: a.value,
-                label: i(t)("common.cancel")
+                onClick: u[2] || (u[2] = (y) => D.value = !1),
+                disabled: l.value,
+                label: c(t)("common.cancel")
               }, null, 8, ["disabled", "label"]),
-              _(s, {
+              _(i, {
                 variant: "primary",
-                onClick: r,
-                disabled: !N.value || a.value,
-                loading: a.value,
-                label: i(t)("inventory.stock.recalculation.schedule")
+                onClick: d,
+                disabled: !K.value || l.value,
+                loading: l.value,
+                label: c(t)("inventory.stock.recalculation.schedule")
               }, null, 8, ["disabled", "loading", "label"])
             ]))
           ]),
-          default: T(() => [
+          default: I(() => [
             o("div", ot, [
-              o("div", at, l(i(t)("inventory.stock.recalculation.description")), 1),
-              J.value ? b("", !0) : (n(), p(z, { key: 0 }, [
+              o("div", at, a(c(t)("inventory.stock.recalculation.description")), 1),
+              J.value ? b("", !0) : (n(), p(G, { key: 0 }, [
                 o("div", lt, [
                   o("p", nt, [
-                    Z(l(i(t)("inventory.stock.recalculation.openingDate")) + " ", 1),
-                    d[5] || (d[5] = o("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                    Z(a(c(t)("inventory.stock.recalculation.openingDate")) + " ", 1),
+                    u[5] || (u[5] = o("span", { class: "text-fm-color-system-error-300" }, "*", -1))
                   ]),
-                  d[6] || (d[6] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4" }, " Select from the last 30 closing or snapshot records as the opening date for recalculation. ", -1)),
-                  _(u, {
-                    modelValue: f.value,
-                    "onUpdate:modelValue": d[0] || (d[0] = (y) => f.value = y),
-                    items: W.value,
-                    placeholder: i(t)("inventory.stock.recalculation.selectOpening"),
-                    loading: a.value,
-                    disabled: a.value
+                  u[6] || (u[6] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4" }, " Select from the last 30 closing or snapshot records as the opening date for recalculation. ", -1)),
+                  _(m, {
+                    modelValue: v.value,
+                    "onUpdate:modelValue": u[0] || (u[0] = (y) => v.value = y),
+                    items: N.value,
+                    placeholder: c(t)("inventory.stock.recalculation.selectOpening"),
+                    loading: l.value,
+                    disabled: l.value
                   }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])
                 ]),
                 o("div", st, [
                   o("p", it, [
-                    Z(l(i(t)("inventory.stock.recalculation.untilDate")) + " ", 1),
-                    d[7] || (d[7] = o("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                    Z(a(c(t)("inventory.stock.recalculation.untilDate")) + " ", 1),
+                    u[7] || (u[7] = o("span", { class: "text-fm-color-system-error-300" }, "*", -1))
                   ]),
-                  d[8] || (d[8] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4" }, " Select the end date for recalculation. Must be after the selected opening date. ", -1)),
-                  _(I, {
-                    modelValue: m.value,
-                    "onUpdate:modelValue": d[1] || (d[1] = (y) => m.value = y),
-                    placeholder: i(t)("inventory.stock.recalculation.selectDate"),
-                    min: G.value,
-                    disabled: !f.value || a.value
+                  u[8] || (u[8] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4" }, " Select the end date for recalculation. Must be after the selected opening date. ", -1)),
+                  _(R, {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": u[1] || (u[1] = (y) => f.value = y),
+                    placeholder: c(t)("inventory.stock.recalculation.selectDate"),
+                    min: j.value,
+                    disabled: !v.value || l.value
                   }, null, 8, ["modelValue", "placeholder", "min", "disabled"]),
-                  K.value ? (n(), p("div", ct, l(K.value), 1)) : b("", !0),
-                  E.value ? (n(), M(B, {
+                  z.value ? (n(), p("div", ct, a(z.value), 1)) : b("", !0),
+                  E.value ? (n(), H(B, {
                     key: 1,
                     title: "Warning",
                     variant: "warning",
                     description: "You have selected today or a future date. The stock balance will be refreshed accordingly."
                   })) : b("", !0)
                 ]),
-                f.value && m.value && !K.value ? (n(), M(oe, {
+                v.value && f.value && !z.value ? (n(), H(oe, {
                   key: 0,
                   type: "info"
                 }, {
-                  default: T(() => [
-                    o("div", rt, l(i(t)("inventory.stock.recalculation.info")), 1)
+                  default: I(() => [
+                    o("div", rt, a(c(t)("inventory.stock.recalculation.info")), 1)
                   ]),
                   _: 1
                 })) : b("", !0),
                 h.value.length > 0 ? (n(), p("div", dt, [
-                  x.value ? (n(), p("div", ut, " Loading affected closing drafts... ")) : (n(), p("div", mt, [
-                    o("div", ft, " Affected closing draft(s): " + l(h.value.length), 1),
-                    o("div", yt, [
-                      (n(!0), p(z, null, le(h.value, (y) => (n(), p("div", {
+                  F.value ? (n(), p("div", ut, " Loading affected closing drafts... ")) : (n(), p("div", mt, [
+                    o("div", ft, " Affected closing draft(s): " + a(h.value.length), 1),
+                    o("div", vt, [
+                      (n(!0), p(G, null, le(h.value, (y) => (n(), p("div", {
                         key: y._id,
                         class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
                       }, [
-                        d[9] || (d[9] = Z(" • ")),
-                        y.closingId && Y.value.get(y.closingId) ? (n(), p("span", pt, l(Y.value.get(y.closingId)), 1)) : (n(), p("span", vt, l(y._id), 1)),
-                        y.effectiveAt ? (n(), p("span", gt, " (" + l(new Date(y.effectiveAt).toLocaleString()) + ") ", 1)) : b("", !0)
+                        u[9] || (u[9] = Z(" • ")),
+                        y.closingId && O.value.get(y.closingId) ? (n(), p("span", yt, a(O.value.get(y.closingId)), 1)) : (n(), p("span", pt, a(y._id), 1)),
+                        y.effectiveAt ? (n(), p("span", gt, " (" + a(new Date(y.effectiveAt).toLocaleString()) + ") ", 1)) : b("", !0)
                       ]))), 128))
                     ])
                   ]))
                 ])) : b("", !0)
               ], 64)),
-              k.value.length > 0 ? (n(), p("div", ht, [
-                o("p", _t, l(i(t)("inventory.stock.recalculation.recentRequests")), 1),
+              s.value.length > 0 ? (n(), p("div", ht, [
+                o("p", _t, a(c(t)("inventory.stock.recalculation.recentRequests")), 1),
                 o("div", bt, [
-                  (n(!0), p(z, null, le(k.value, (y) => {
-                    var R;
+                  (n(!0), p(G, null, le(s.value, (y) => {
+                    var A;
                     return n(), p("div", {
                       key: y._id,
                       class: "p-12 border border-fm-color-border-primary rounded-8 flex flex-col gap-4"
                     }, [
                       o("div", kt, [
-                        o("div", xt, l(i(t)("inventory.stock.recalculation.requestedAt")) + ": " + l(new Date(y.createdAt).toLocaleString()), 1),
+                        o("div", xt, a(c(t)("inventory.stock.recalculation.requestedAt")) + ": " + a(new Date(y.createdAt).toLocaleString()), 1),
                         o("div", Dt, [
-                          (R = y.meta) != null && R.openingType ? (n(), p("div", wt, l(y.meta.openingType === "stockSnapshot" ? "Snapshot" : "Closing"), 1)) : b("", !0),
+                          (A = y.meta) != null && A.openingType ? (n(), p("div", wt, a(y.meta.openingType === "stockSnapshot" ? "Snapshot" : "Closing"), 1)) : b("", !0),
                           o("div", {
                             class: me(["fm-typo-en-body-xs-600 px-8 py-4 rounded-4", {
                               "bg-fm-color-system-error-100 text-fm-color-system-error-500": y.failedReason,
                               "bg-fm-color-system-success-100 text-fm-color-system-success-500": y.completedAt,
                               "bg-fm-color-system-info-100 text-fm-color-system-info-500": !y.failedReason && !y.completedAt
                             }])
-                          }, l(y.failedReason ? i(t)("inventory.stock.recalculation.status.failed") : y.completedAt ? i(t)("inventory.stock.recalculation.status.completed") : i(t)("inventory.stock.recalculation.status.inProgress")), 3)
+                          }, a(y.failedReason ? c(t)("inventory.stock.recalculation.status.failed") : y.completedAt ? c(t)("inventory.stock.recalculation.status.completed") : c(t)("inventory.stock.recalculation.status.inProgress")), 3)
                         ])
                       ]),
-                      o("div", St, l(i(t)("inventory.stock.recalculation.from")) + ": " + l(new Date(y.recalculateStartDate).toLocaleDateString()), 1),
-                      o("div", Ct, l(i(t)("inventory.stock.recalculation.to")) + ": " + l(new Date(y.recalculateEndDate).toLocaleDateString()), 1),
-                      y.createdBy ? (n(), p("div", Vt, l(i(t)("inventory.stock.recalculation.requestedBy")) + ": " + l(y.createdBy.name || y.createdBy.id), 1)) : b("", !0),
-                      y.completedAt ? (n(), p("div", $t, l(i(t)("inventory.stock.recalculation.completedAt")) + ": " + l(new Date(y.completedAt).toLocaleString()), 1)) : b("", !0),
-                      y.failedReason ? (n(), p("div", At, l(y.failedReason), 1)) : b("", !0)
+                      o("div", St, a(c(t)("inventory.stock.recalculation.from")) + ": " + a(new Date(y.recalculateStartDate).toLocaleDateString()), 1),
+                      o("div", Vt, a(c(t)("inventory.stock.recalculation.to")) + ": " + a(new Date(y.recalculateEndDate).toLocaleDateString()), 1),
+                      y.createdBy ? (n(), p("div", Ct, a(c(t)("inventory.stock.recalculation.requestedBy")) + ": " + a(y.createdBy.name || y.createdBy.id), 1)) : b("", !0),
+                      y.completedAt ? (n(), p("div", $t, a(c(t)("inventory.stock.recalculation.completedAt")) + ": " + a(new Date(y.completedAt).toLocaleString()), 1)) : b("", !0),
+                      y.failedReason ? (n(), p("div", At, a(y.failedReason), 1)) : b("", !0)
                     ]);
                   }), 128))
                 ])
@@ -653,7 +653,7 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
       ]);
     };
   }
-}), Tt = { class: "fm-typo-en-heading-lg-600" }, Bt = { class: "flex flex-col gap-16" }, Lt = { class: "flex flex-col gap-4" }, Ot = { class: "fm-typo-en-label-md-400 text-fm-color-typo-secondary" }, Et = { class: "fm-typo-en-body-md-400" }, Pt = { class: "flex flex-col gap-4" }, Ut = { class: "fm-typo-en-label-md-400 text-fm-color-typo-secondary" }, Nt = { class: "fm-typo-en-body-md-400" }, Mt = { class: "flex flex-col gap-4" }, Kt = { class: "fm-typo-en-label-md-400 text-fm-color-typo-secondary" }, Ht = { class: "flex gap-8 ml-auto" }, jt = /* @__PURE__ */ ne({
+}), Tt = { class: "fm-typo-en-heading-lg-600" }, Bt = { class: "flex flex-col gap-16" }, Lt = { class: "flex flex-col gap-4" }, Ot = { class: "fm-typo-en-label-md-400 text-fm-color-typo-secondary" }, Et = { class: "fm-typo-en-body-md-400" }, Ut = { class: "flex flex-col gap-4" }, Pt = { class: "fm-typo-en-label-md-400 text-fm-color-typo-secondary" }, Nt = { class: "fm-typo-en-body-md-400" }, Mt = { class: "flex flex-col gap-4" }, Kt = { class: "fm-typo-en-label-md-400 text-fm-color-typo-secondary" }, Ht = { class: "flex gap-8 ml-auto" }, jt = /* @__PURE__ */ ne({
   __name: "ClosingDetailDialog",
   props: {
     modelValue: { type: Boolean },
@@ -662,38 +662,42 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
   },
   emits: ["update:modelValue"],
   setup(ae, { emit: S }) {
-    const { t: C } = se(), U = he(), t = ae, L = S, O = D({
+    const { t: V } = se(), M = he(), t = ae, L = S, T = w({
       get: () => t.modelValue,
-      set: (v) => L("update:modelValue", v)
-    }), V = D(() => {
-      var v;
-      return ((v = t.data) == null ? void 0 : v.skus) ?? [];
-    }), $ = D(() => {
-      var A;
-      const v = (A = t.data) == null ? void 0 : A._id;
-      if (!v) return "-";
-      const a = P(v);
-      return new Date(a).toLocaleString();
-    }), f = D(() => t.type === "closing" ? C("inventory.closing.history.closingDetail", "Closing Detail") : C("inventory.closing.history.snapshotDetail", "Snapshot Detail")), m = D(() => V.value.map((v) => {
-      const a = U.skuById[v.id] ?? null, k = !a;
+      set: (l) => L("update:modelValue", l)
+    }), k = g("");
+    ie(T, (l) => {
+      l || (k.value = "");
+    });
+    const D = w(() => {
+      var l;
+      return ((l = t.data) == null ? void 0 : l.skus) ?? [];
+    }), v = w(() => {
+      var h;
+      const l = (h = t.data) == null ? void 0 : h._id;
+      if (!l) return "-";
+      const s = P(l);
+      return new Date(s).toLocaleString();
+    }), f = w(() => t.type === "closing" ? V("inventory.closing.history.closingDetail", "Closing Detail") : V("inventory.closing.history.snapshotDetail", "Snapshot Detail")), $ = w(() => D.value.map((l) => {
+      const s = M.skuById[l.id] ?? null, C = !s;
       return {
-        id: v.id,
-        sku: a,
-        skuName: (a == null ? void 0 : a.name) ?? v.id,
-        skuCode: (a == null ? void 0 : a.code) ?? "-",
-        balance: v.balance ?? { amount: 0, precision: 0 },
-        isMissing: k,
-        costs: v.costs,
-        weightedAverage: v.weightedAverage
+        id: l.id,
+        sku: s,
+        skuName: (s == null ? void 0 : s.name) ?? l.id,
+        skuCode: (s == null ? void 0 : s.code) ?? "-",
+        balance: l.balance ?? { amount: 0, precision: 0 },
+        isMissing: C,
+        costs: l.costs,
+        weightedAverage: l.weightedAverage
       };
-    })), F = [
+    })), U = [
       {
         accessorKey: "skuName",
-        header: () => C("inventory.ingredient.name", "Ingredient Name"),
-        cell: (v) => {
-          const a = v.row.original;
-          return a.isMissing ? X("div", { class: "flex items-center gap-8" }, [
-            X("span", {}, a.id),
+        header: () => V("inventory.ingredient.name", "Ingredient Name"),
+        cell: (l) => {
+          const s = l.row.original;
+          return s.isMissing ? X("div", { class: "flex items-center gap-8" }, [
+            X("span", {}, s.id),
             X(
               "span",
               {
@@ -701,82 +705,88 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
               },
               "Missing"
             )
-          ]) : v.getValue();
+          ]) : l.getValue();
         }
       },
       {
         accessorKey: "skuCode",
-        header: () => C("inventory.ingredient.code", "Code")
+        header: () => V("inventory.ingredient.code", "Code")
       },
       {
         id: "balance",
-        header: () => C("inventory.closing.history.balance", "Balance"),
-        cell: (v) => {
-          var A;
-          const a = v.row.original;
-          if (a.isMissing || !((A = a.sku) != null && A.unit))
-            return `${a.balance.amount / Math.pow(10, a.balance.precision)}`;
-          const k = {
-            unit: a.sku.unit,
-            sku: a.sku,
-            amount: a.balance,
-            defaultTrackingMeasurement: a.sku.trackingMeasurement ?? void 0
+        header: () => V("inventory.closing.history.balance", "Balance"),
+        cell: (l) => {
+          var h;
+          const s = l.row.original;
+          if (s.isMissing || !((h = s.sku) != null && h.unit))
+            return `${s.balance.amount / Math.pow(10, s.balance.precision)}`;
+          const C = {
+            unit: s.sku.unit,
+            sku: s.sku,
+            amount: s.balance,
+            defaultTrackingMeasurement: s.sku.trackingMeasurement ?? void 0
           };
-          return X(De, k);
+          return X(De, C);
         },
         size: 180
       },
       {
         accessorKey: "weightedAverage",
-        header: () => C("inventory.closing.history.weightedAvgCost", "Weighted Avg Cost"),
-        cell: (v) => {
-          const a = v.getValue();
-          if (!a) return "-";
-          const k = a.amount ?? 0, A = a.precision ?? 0, h = a.currency ?? "", x = k / Math.pow(10, A);
-          return `${h} ${x.toFixed(2)}`;
+        header: () => V("inventory.closing.history.weightedAvgCost", "Weighted Avg Cost"),
+        cell: (l) => {
+          const s = l.getValue();
+          if (!s) return "-";
+          const C = s.amount ?? 0, h = s.precision ?? 0, F = s.currency ?? "", N = C / Math.pow(10, h);
+          return `${F} ${N.toFixed(2)}`;
         }
       }
     ];
-    return (v, a) => {
-      const k = w("FmTable"), A = w("FmButton"), h = w("FmDialog");
-      return n(), M(h, {
-        modelValue: O.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (x) => O.value = x),
+    return (l, s) => {
+      const C = x("FmTextField"), h = x("FmTable"), F = x("FmButton"), N = x("FmDialog");
+      return n(), H(N, {
+        modelValue: T.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (O) => T.value = O),
         "close-button": "",
         dismissAway: "",
         "max-width": "900px"
       }, {
-        "dialog-header": T(() => [
-          o("div", Tt, l(f.value), 1)
+        "dialog-header": I(() => [
+          o("div", Tt, a(f.value), 1)
         ]),
-        default: T(() => {
-          var x;
+        default: I(() => {
+          var O;
           return [
             o("div", Bt, [
               o("div", Lt, [
-                o("div", Ot, l(t.type === "closing" ? i(C)("inventory.closing.history.closingId") : i(C)("inventory.closing.history.snapshotId", "Snapshot ID")), 1),
-                o("div", Et, l(((x = t.data) == null ? void 0 : x._id) ?? "-"), 1)
+                o("div", Ot, a(t.type === "closing" ? c(V)("inventory.closing.history.closingId") : c(V)("inventory.closing.history.snapshotId", "Snapshot ID")), 1),
+                o("div", Et, a(((O = t.data) == null ? void 0 : O._id) ?? "-"), 1)
               ]),
-              o("div", Pt, [
-                o("div", Ut, l(i(C)("inventory.closing.history.date")), 1),
-                o("div", Nt, l($.value), 1)
+              o("div", Ut, [
+                o("div", Pt, a(c(V)("inventory.closing.history.date")), 1),
+                o("div", Nt, a(v.value), 1)
               ]),
               o("div", Mt, [
-                o("div", Kt, l(i(C)("inventory.closing.history.ingredientBalances", "Ingredient Balances")) + " (" + l(V.value.length) + ") ", 1),
-                _(k, {
-                  "row-data": m.value,
-                  "column-defs": F,
-                  pagination: { pageSize: 10 }
-                }, null, 8, ["row-data"])
+                o("div", Kt, a(c(V)("inventory.closing.history.ingredientBalances", "Ingredient Balances")) + " (" + a(D.value.length) + ") ", 1),
+                _(C, {
+                  modelValue: k.value,
+                  "onUpdate:modelValue": s[0] || (s[0] = (j) => k.value = j),
+                  placeholder: "Filter by code or name"
+                }, null, 8, ["modelValue"]),
+                _(h, {
+                  "row-data": $.value,
+                  "column-defs": U,
+                  pagination: { pageSize: 10 },
+                  "search-value": k.value
+                }, null, 8, ["row-data", "search-value"])
               ])
             ])
           ];
         }),
-        "dialog-footer": T(() => [
+        "dialog-footer": I(() => [
           o("div", Ht, [
-            _(A, {
+            _(F, {
               variant: "tertiary",
-              onClick: a[0] || (a[0] = (x) => O.value = !1),
+              onClick: s[1] || (s[1] = (O) => T.value = !1),
               label: "Close"
             })
           ])
@@ -788,13 +798,13 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
 }), zt = { class: "flex flex-col gap-16 p-16" }, Wt = { class: "flex flex-col gap-16" }, Yt = { class: "flex gap-8 ml-auto" }, lo = /* @__PURE__ */ ne({
   __name: "ClosingHistoryView",
   setup(ae) {
-    var e, d;
-    const { t: S } = se(), C = ie(), U = _e(), t = ge(), L = ke(), O = ce(), V = g("closings"), $ = [
+    var e, u;
+    const { t: S } = se(), V = ce(), M = _e(), t = ge(), L = ke(), T = re(), k = g("closings"), D = [
       { label: "Closings", value: "closings" },
       { label: "Snapshots", value: "snapshots" }
-    ], f = g([]), m = g(!1), F = g([]), v = g(!1), a = g(!1), k = g("closing"), A = g(null), h = new Date(Date.now() - 864e5), x = g(h.toISOString().split("T")[0]), W = D(() => {
-      const s = [];
-      return V.value === "closings" ? s.push(
+    ], v = g([]), f = g(!1), $ = g([]), U = g(!1), l = g(!1), s = g("closing"), C = g(null), h = new Date(Date.now() - 864e5), F = g(h.toISOString().split("T")[0]), N = w(() => {
+      const i = [];
+      return k.value === "closings" ? i.push(
         {
           label: S("inventory.stock.recalculation.title"),
           value: "recalculation",
@@ -812,7 +822,7 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
           value: "refreshOpening",
           prependIcon: "refresh"
         }
-      ) : s.push(
+      ) : i.push(
         {
           label: `${S("inventory.stock.recalculation.title")} (BETA)`,
           value: "recalculation",
@@ -830,13 +840,13 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
           value: "refreshStockSnapshot",
           prependIcon: "refresh"
         }
-      ), s;
-    }), Y = g(), G = g();
-    function K(s) {
-      var u, I;
-      switch (s) {
+      ), i;
+    }), O = g(), j = g();
+    function z(i) {
+      var m, R;
+      switch (i) {
         case "recalculation":
-          return V.value === "closings" ? (u = Y.value) == null ? void 0 : u.open() : (I = G.value) == null ? void 0 : I.open();
+          return k.value === "closings" ? (m = O.value) == null ? void 0 : m.open() : (R = j.value) == null ? void 0 : R.open();
         case "initiateOpening": {
           L.open({
             title: "Initiate Opening Balance",
@@ -844,12 +854,12 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
             primaryActions: { text: "Confirm", close: !0 }
           }).onPrimary(async () => {
             try {
-              await C.initiateClosing(), O.open({
+              await V.initiateClosing(), T.open({
                 message: "Opening balance initiated successfully.",
                 type: "success"
-              }), await H();
+              }), await W();
             } catch (B) {
-              O.open({
+              T.open({
                 message: B.message || "Failed to initiate opening balance. Please try again.",
                 type: "error"
               });
@@ -859,228 +869,228 @@ const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col
         }
         case "initiateStockSnapshot": {
           const B = new Date(Date.now() - 864e5);
-          x.value = B.toISOString().split("T")[0], E.value = !0;
+          F.value = B.toISOString().split("T")[0], E.value = !0;
           break;
         }
         case "refreshOpening": {
-          H();
+          W();
           break;
         }
         case "refreshStockSnapshot": {
-          j();
+          Y();
           break;
         }
       }
     }
-    const E = g(!1), N = g(!1), J = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+    const E = g(!1), K = g(!1), J = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
     async function Q() {
-      N.value = !0;
+      K.value = !0;
       try {
-        const s = new Date(x.value).toISOString();
-        await C.initiateStockSnapshot(s), O.open({
+        const i = new Date(F.value).toISOString();
+        await V.initiateStockSnapshot(i), T.open({
           message: "Stock snapshot created successfully.",
           type: "success"
-        }), E.value = !1, await j();
-      } catch (s) {
-        O.open({
-          message: s.message || "Failed to create stock snapshot. Please try again.",
+        }), E.value = !1, await Y();
+      } catch (i) {
+        T.open({
+          message: i.message || "Failed to create stock snapshot. Please try again.",
           type: "error"
         });
       } finally {
-        N.value = !1;
+        K.value = !1;
       }
     }
     const q = [
       ...(e = t.sessionUser.value) != null && e.role.isAdmin ? [
         {
           accessorKey: "_id",
-          header: () => X(re, {}, () => `${S("inventory.closing.history.closingId")}`),
-          cell: (s) => s.getValue()
+          header: () => X(de, {}, () => `${S("inventory.closing.history.closingId")}`),
+          cell: (i) => i.getValue()
         }
       ] : [],
       {
         accessorKey: "_id",
         id: "date",
         header: () => S("inventory.closing.history.date"),
-        cell: (s) => {
-          const u = s.getValue(), I = P(u);
-          return new Date(I).toLocaleDateString();
+        cell: (i) => {
+          const m = i.getValue(), R = P(m);
+          return new Date(R).toLocaleDateString();
         }
       },
       {
         accessorKey: "_id",
         id: "time",
         header: () => S("inventory.closing.history.time"),
-        cell: (s) => {
-          const u = s.getValue(), I = P(u);
-          return new Date(I).toLocaleTimeString();
+        cell: (i) => {
+          const m = i.getValue(), R = P(m);
+          return new Date(R).toLocaleTimeString();
         }
       },
       {
         accessorKey: "ref",
         header: () => S("inventory.closing.history.createdFrom"),
-        cell: (s) => s.getValue() || "-"
+        cell: (i) => i.getValue() || "-"
       }
     ], ee = [
-      ...(d = t.sessionUser.value) != null && d.role.isAdmin ? [
+      ...(u = t.sessionUser.value) != null && u.role.isAdmin ? [
         {
           accessorKey: "_id",
           header: () => X(
-            re,
+            de,
             {},
             () => `${S("inventory.closing.history.snapshotId", "Snapshot ID")}`
           ),
-          cell: (s) => s.getValue()
+          cell: (i) => i.getValue()
         }
       ] : [],
       {
         accessorKey: "_id",
         id: "date",
         header: () => S("inventory.closing.history.date"),
-        cell: (s) => {
-          const u = s.getValue(), I = P(u);
-          return new Date(I).toLocaleDateString();
+        cell: (i) => {
+          const m = i.getValue(), R = P(m);
+          return new Date(R).toLocaleDateString();
         }
       },
       {
         accessorKey: "_id",
         id: "time",
         header: () => S("inventory.closing.history.time"),
-        cell: (s) => {
-          const u = s.getValue(), I = P(u);
-          return new Date(I).toLocaleTimeString();
+        cell: (i) => {
+          const m = i.getValue(), R = P(m);
+          return new Date(R).toLocaleTimeString();
         }
       },
       {
         accessorKey: "remark",
         header: () => S("inventory.closing.history.createdFrom"),
-        cell: (s) => s.getValue() || "-"
+        cell: (i) => i.getValue() || "-"
       }
     ];
-    async function H() {
-      if (U.currentLocationDBName) {
-        m.value = !0;
+    async function W() {
+      if (M.currentLocationDBName) {
+        f.value = !0;
         try {
-          const s = await C.getLastNClosings(30);
-          f.value = s;
-        } catch (s) {
-          console.error("Error fetching closings:", s), f.value = [];
+          const i = await V.getLastNClosings(30);
+          v.value = i;
+        } catch (i) {
+          console.error("Error fetching closings:", i), v.value = [];
         } finally {
-          m.value = !1;
+          f.value = !1;
         }
       }
     }
-    async function j() {
-      if (U.currentLocationDBName) {
-        v.value = !0;
+    async function Y() {
+      if (M.currentLocationDBName) {
+        U.value = !0;
         try {
-          const s = await C.getLastNStockSnapshots(30);
-          F.value = s;
-        } catch (s) {
-          console.error("Error fetching stock snapshots:", s), F.value = [];
+          const i = await V.getLastNStockSnapshots(30);
+          $.value = i;
+        } catch (i) {
+          console.error("Error fetching stock snapshots:", i), $.value = [];
         } finally {
-          v.value = !1;
+          U.value = !1;
         }
       }
     }
-    function te(s) {
-      k.value = "closing", A.value = s, a.value = !0;
+    function te(i) {
+      s.value = "closing", C.value = i, l.value = !0;
     }
-    function r(s) {
-      k.value = "snapshot", A.value = s, a.value = !0;
+    function d(i) {
+      s.value = "snapshot", C.value = i, l.value = !0;
     }
-    return U.watchLocation(async () => {
-      U.currentLocationDBName && (await H(), await j());
-    }), (s, u) => {
-      const I = w("FmTabs"), B = w("FmTable"), oe = w("FmDatePicker"), c = w("FmButton"), y = w("FmDialog");
-      return n(), M(ve, {
-        actions: W.value,
-        title: i(S)("inventory.closing.history.title"),
-        "onClick:action": K
+    return M.watchLocation(async () => {
+      M.currentLocationDBName && (await W(), await Y());
+    }), (i, m) => {
+      const R = x("FmTabs"), B = x("FmTable"), oe = x("FmDatePicker"), r = x("FmButton"), y = x("FmDialog");
+      return n(), H(pe, {
+        actions: N.value,
+        title: c(S)("inventory.closing.history.title"),
+        "onClick:action": z
       }, {
-        default: T(() => [
+        default: I(() => [
           o("div", zt, [
             _(be, {
               "change-location": "",
               "hide-filter-options": !0
             }),
-            _(I, {
-              "model-value": V.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (R) => V.value = R),
-              items: $
+            _(R, {
+              "model-value": k.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (A) => k.value = A),
+              items: D
             }, null, 8, ["model-value"]),
-            V.value === "closings" ? (n(), p(z, { key: 0 }, [
-              u[9] || (u[9] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Displaying the last 30 closing records. Click on a row to view details. ", -1)),
+            k.value === "closings" ? (n(), p(G, { key: 0 }, [
+              m[9] || (m[9] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Displaying the last 30 closing records. Click on a row to view details. ", -1)),
               _(B, {
-                loading: m.value,
-                "row-data": f.value,
+                loading: f.value,
+                "row-data": v.value,
                 "column-defs": q,
-                onRowClick: u[1] || (u[1] = (R) => te(R.original))
+                onRowClick: m[1] || (m[1] = (A) => te(A.original))
               }, null, 8, ["loading", "row-data"])
             ], 64)) : b("", !0),
-            V.value === "snapshots" ? (n(), p(z, { key: 1 }, [
-              u[10] || (u[10] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Displaying the last 30 stock snapshot records. Snapshots are generated based on adjustments from the last 60 days. Click on a row to view details. ", -1)),
+            k.value === "snapshots" ? (n(), p(G, { key: 1 }, [
+              m[10] || (m[10] = o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Displaying the last 30 stock snapshot records. Snapshots are generated based on adjustments from the last 60 days. Click on a row to view details. ", -1)),
               _(B, {
-                loading: v.value,
-                "row-data": F.value,
+                loading: U.value,
+                "row-data": $.value,
                 "column-defs": ee,
-                onRowClick: u[2] || (u[2] = (R) => r(R.original))
+                onRowClick: m[2] || (m[2] = (A) => d(A.original))
               }, null, 8, ["loading", "row-data"])
             ], 64)) : b("", !0)
           ]),
-          (n(), M(pe, { to: "body" }, [
+          (n(), H(ye, { to: "body" }, [
             _(et, {
               "show-button": !1,
               ref_key: "recalculationDialogRef",
-              ref: Y,
-              onSubmitted: u[3] || (u[3] = (R) => H())
+              ref: O,
+              onSubmitted: m[3] || (m[3] = (A) => W())
             }, null, 512),
             _(It, {
               "show-button": !1,
               ref_key: "snapshotRecalculationDialogRef",
-              ref: G,
-              onSubmitted: u[4] || (u[4] = (R) => j())
+              ref: j,
+              onSubmitted: m[4] || (m[4] = (A) => Y())
             }, null, 512),
             _(jt, {
-              modelValue: a.value,
-              "onUpdate:modelValue": u[5] || (u[5] = (R) => a.value = R),
-              type: k.value,
-              data: A.value
+              modelValue: l.value,
+              "onUpdate:modelValue": m[5] || (m[5] = (A) => l.value = A),
+              type: s.value,
+              data: C.value
             }, null, 8, ["modelValue", "type", "data"]),
             _(y, {
               modelValue: E.value,
-              "onUpdate:modelValue": u[8] || (u[8] = (R) => E.value = R),
+              "onUpdate:modelValue": m[8] || (m[8] = (A) => E.value = A),
               "close-button": "",
               dismissAway: "",
               "max-width": "400px"
             }, {
-              "dialog-header": T(() => u[11] || (u[11] = [
+              "dialog-header": I(() => m[11] || (m[11] = [
                 o("div", { class: "fm-typo-en-heading-lg-600" }, "Initiate Stock Snapshot", -1)
               ])),
-              default: T(() => [
+              default: I(() => [
                 o("div", Wt, [
-                  u[12] || (u[12] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Create a stock snapshot for the selected date. The snapshot will capture stock balances based on adjustments from the last 60 days before the selected date. ", -1)),
+                  m[12] || (m[12] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Create a stock snapshot for the selected date. The snapshot will capture stock balances based on adjustments from the last 60 days before the selected date. ", -1)),
                   _(oe, {
-                    modelValue: x.value,
-                    "onUpdate:modelValue": u[6] || (u[6] = (R) => x.value = R),
+                    modelValue: F.value,
+                    "onUpdate:modelValue": m[6] || (m[6] = (A) => F.value = A),
                     label: "Snapshot Date",
-                    max: i(J)
+                    max: c(J)
                   }, null, 8, ["modelValue", "max"])
                 ])
               ]),
-              "dialog-footer": T(() => [
+              "dialog-footer": I(() => [
                 o("div", Yt, [
-                  _(c, {
+                  _(r, {
                     variant: "tertiary",
-                    onClick: u[7] || (u[7] = (R) => E.value = !1),
+                    onClick: m[7] || (m[7] = (A) => E.value = !1),
                     label: "Cancel",
-                    disabled: N.value
+                    disabled: K.value
                   }, null, 8, ["disabled"]),
-                  _(c, {
+                  _(r, {
                     variant: "primary",
                     onClick: Q,
                     label: "Confirm",
-                    loading: N.value
+                    loading: K.value
                   }, null, 8, ["loading"])
                 ])
               ]),