@feedmepos/mf-inventory-portal 1.1.8-dev.3 → 1.1.9-dev.1

package/dist/StockView-BFRupdag.js

@@ -0,0 +1,2080 @@
+import { defineComponent as ce, ref as N, computed as R, resolveComponent as D, openBlock as F, createBlock as L, withCtx as I, createElementVNode as e, normalizeClass as ge, toDisplayString as _, createVNode as x, createElementBlock as O, Fragment as ne, renderList as le, unref as r, h as he, watch as xe, isRef as Ue, createCommentVNode as se, reactive as it, mergeModels as Ye, useModel as ut, onMounted as Ee, createTextVNode as ue, normalizeStyle as Ze, Teleport as ct, normalizeProps as Ae, mergeProps as Ve } from "vue";
+import { u as pe, W as dt, f as He, h as mt, a as Pe, F as Ge, X as pt, Y as Ie, j as me, P as vt, t as Se, V as Fe, A as ft, M as yt, T as fe, Z as _t, $ as oe, a0 as ht, a1 as We, m as kt, a2 as bt, a3 as gt, a4 as xt, a5 as St, a6 as Ce, a7 as Ft, a8 as et, Q as X, a9 as wt, s as tt, aa as ke, ab as $t, ac as At, o as Me, l as Ke, p as Vt, c as Ct, ad as Mt, ae as Bt, af as Dt, ag as jt, ah as It, B as Tt, _ as Ut, C as Et, E as Ht, G as qe } from "./app-CwtJJj6R.js";
+import { u as Re, a as ye } from "./stock-DRK5DdRY.js";
+import { g as we } from "./decimal-Chx0lsE-.js";
+import { e as Pt, u as nt, i as ot, _ as Xe } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-BvDgdLC4.js";
+import { _ as Te, S as Be, g as st } from "./StockForecast.vue_vue_type_style_index_0_lang-KLXSWvo5.js";
+import { _ as Rt } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+import { useI18n as de, useCoreStore as at } from "@feedmepos/mf-common";
+import { useSnackbar as _e, useDialog as Oe, useProxiedModel as Ne, useBreakpoints as Ot } from "@feedmepos/ui-library";
+import { defineStore as Nt } from "pinia";
+import { u as Lt } from "./use-inventory-binding-dialog-CnXislSE.js";
+import { _ as zt } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-D2xliATx.js";
+import { E as Yt } from "./empty-placeholder-wf6-BWE8.js";
+import "./array-Ca8T3f_G.js";
+var be = /* @__PURE__ */ ((f) => (f.History = "History", f.Convert = "Convert", f.Adjust = "Adjust", f))(be || {});
+const Gt = [
+  {
+    translationKey: "inventory.stock.action.history",
+    color: "text-neutral-700",
+    value: "History"
+    /* History */
+  }
+], Wt = [
+  {
+    translationKey: "inventory.stock.action.history",
+    color: "text-neutral-700",
+    value: "History"
+    /* History */
+  },
+  {
+    translationKey: "inventory.stock.action.convert",
+    color: "text-neutral-700",
+    value: "Convert"
+    /* Convert */
+  },
+  {
+    translationKey: "inventory.stock.action.adjust",
+    color: "text-neutral-700",
+    value: "Adjust"
+    /* Adjust */
+  }
+];
+async function Kt(f) {
+  const u = `${(pe().currentLocation.name || "").replace(
+    / /g,
+    "_"
+  )}_${dt().format("DD_MM_YYYY_HHmm")}.xlsx`;
+  await Pt(
+    [
+      {
+        name: "stock",
+        data: f,
+        columns: [
+          {
+            name: "Code",
+            selector: "code"
+          },
+          {
+            name: "Name",
+            selector: "name"
+          },
+          {
+            name: "Balance",
+            selector: (o) => {
+              const A = $e(o, o.unit);
+              return A.type === "unit" ? we(o.balance, o.unit, null, !1) : we(o.balance, o.unit, A.measurement, !1);
+            }
+          },
+          {
+            name: "Unit",
+            selector: (o) => {
+              var p;
+              const A = $e(o, o.unit);
+              return A.type === "unit" ? o.unit.abbrev : ((p = o.unit.measurements.find((l) => l.id === A.measurement)) == null ? void 0 : p.abbrev) || "";
+            }
+          }
+        ]
+      }
+    ],
+    u
+  );
+}
+function $e(f, g) {
+  const u = localStorage.getItem(`uom:${f._id}`);
+  return u ? u === g._id ? {
+    type: "unit"
+  } : g.measurements.find((o) => o.id === u) ? {
+    type: "measurement",
+    measurement: u
+  } : {
+    type: "unit"
+  } : f.trackingMeasurement && g.measurements.find((o) => o.id === f.trackingMeasurement) ? {
+    type: "measurement",
+    measurement: f.trackingMeasurement
+  } : {
+    type: "unit"
+  };
+}
+const qt = { class: "fm-typo-en-body-md-400 flex-grow" }, rt = /* @__PURE__ */ ce({
+  __name: "UnitDisplayControl",
+  props: {
+    unit: {},
+    sku: {},
+    amount: {},
+    defaultTrackingMeasurement: {}
+  },
+  setup(f) {
+    function g($) {
+      return `uom:${$._id}`;
+    }
+    function u($) {
+      const i = g(o.sku);
+      $ ? localStorage.setItem(i, $) : localStorage.setItem(i, o.unit._id), A.value = $e(o.sku, o.unit);
+    }
+    const o = f, A = N($e(o.sku, o.unit)), p = R(() => {
+      const { measurements: $ } = o.unit;
+      return [
+        {
+          label: `${we(o.amount, o.unit)}`,
+          value: null
+        },
+        ...$.map(({ id: i }) => ({
+          label: `${we(o.amount, o.unit, i)}`,
+          value: i
+        }))
+      ];
+    });
+    function l({ value: $ }) {
+      return r(A).type === "unit" ? $ === null : $ === r(A).measurement;
+    }
+    const v = R(
+      () => {
+        var $;
+        return (($ = p.value.find((i) => l(i))) == null ? void 0 : $.label) ?? "";
+      }
+    ), M = N(!1);
+    return ($, i) => {
+      const s = D("FmIcon"), V = D("FmMenuItem"), k = D("FmMenu");
+      return F(), L(k, {
+        "stop-click-propagation": "",
+        onMenuChanged: i[0] || (i[0] = (S) => M.value = S)
+      }, {
+        "menu-button": I(() => [
+          e("button", {
+            type: "button",
+            class: ge([
+              "w-full text-left flex items-center gap-8 cursor-pointer fm-corner-radius-sm px-8 py-4 border bg-white",
+              M.value ? "border-fm-color-primary" : "border-fm-color-neutral-gray-100"
+            ])
+          }, [
+            e("div", qt, _(v.value), 1),
+            x(s, {
+              class: "text-fm-color-neutral-gray-400",
+              name: "expand_more"
+            })
+          ], 2)
+        ]),
+        default: I(() => [
+          (F(!0), O(ne, null, le(p.value, (S) => (F(), L(V, {
+            key: S.value ?? 0,
+            label: S.label,
+            "model-value": l(S),
+            onClick: (B) => u(S.value)
+          }, null, 8, ["label", "model-value", "onClick"]))), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Xt = { class: "whitespace-nowrap" }, Qt = /* @__PURE__ */ ce({
+  __name: "StockHeaderPreview",
+  setup(f) {
+    const { t: g } = de();
+    return (u, o) => (F(), L(Rt, null, {
+      default: I(() => [
+        e("div", Xt, _(r(g)("inventory.stock.prediction.daysRemaining")), 1)
+      ]),
+      _: 1
+    }));
+  }
+}), lt = Nt("stockActions", () => {
+  const f = N(!1), g = pe(), u = Re(), o = nt(), A = _e(), p = Oe(), { t: l } = de();
+  async function v() {
+    if (g._currentLocation) {
+      f.value = !0;
+      try {
+        await u.readStockBalance(), await u.readProductBalance(), await o.readStockEstimateBalance();
+      } catch {
+        A.open({
+          title: l("inventory.stock.error.title"),
+          message: l("inventory.stock.error.message"),
+          type: "error"
+        });
+      } finally {
+        f.value = !1;
+      }
+    }
+  }
+  const M = N();
+  async function $(B) {
+    var w, j, P;
+    if (!!!((j = (w = B.convert) == null ? void 0 : w.inventoryBindings) != null && j.length)) {
+      p.open({
+        title: l("inventory.stock.error.convert.title"),
+        message: l("inventory.stock.error.convert.message")
+      });
+      return;
+    }
+    const y = {
+      maxCount: ((P = u.productBalance.find(({ id: T }) => T === B._id)) == null ? void 0 : P.count) || 0,
+      sku: B,
+      show: !0,
+      "onUpdate:show"(T) {
+        M.value.show = T;
+      },
+      onSubmitted() {
+        v();
+      }
+    };
+    M.value = y;
+  }
+  const i = N();
+  async function s(B) {
+    const h = {
+      stock: B,
+      show: !0,
+      "onUpdate:show"(t) {
+        i.value.show = t;
+      },
+      onSubmitted() {
+        v();
+      }
+    };
+    i.value = h;
+  }
+  const V = N();
+  async function k(B) {
+    const h = {
+      sku: B,
+      show: !0,
+      "onUpdate:show"(t) {
+        V.value.show = t;
+      }
+    };
+    V.value = h;
+  }
+  function S(B, h) {
+    const t = He(h);
+    switch (B) {
+      case be.History:
+        k(t);
+        return;
+      case be.Convert:
+        $(t);
+        return;
+      case be.Adjust:
+        s(t);
+        return;
+    }
+  }
+  return {
+    fetchStockBalance: v,
+    onActionMenu: S,
+    stockHistoryProps: V,
+    showSkuHistory: k,
+    convertSkuDialogProps: M,
+    adjustSkuDialogProps: i
+  };
+});
+function Jt() {
+  const f = pe(), g = lt(), { t: u } = de();
+  return {
+    columnDefs: [
+      {
+        accessorKey: "code",
+        header: () => u("inventory.stock.code"),
+        enableSorting: !0,
+        size: 300
+      },
+      {
+        accessorKey: "name",
+        header: () => u("inventory.stock.product"),
+        enableSorting: !0,
+        size: "auto"
+      },
+      {
+        id: "UOM",
+        header: () => u("inventory.stock.balance"),
+        cell(A) {
+          const p = A.row.original, l = {
+            unit: p.unit,
+            sku: p,
+            amount: p.balance,
+            defaultTrackingMeasurement: p.trackingMeasurement ?? void 0
+          };
+          return he(rt, l);
+        },
+        size: 180
+      },
+      {
+        accessorKey: "day",
+        id: "expireDate",
+        header: () => he(Qt),
+        enableSorting: !0,
+        sortUndefined: "last",
+        cell(A) {
+          var i, s;
+          const p = A.row.original.day, l = (i = A.row.original.thresholds) == null ? void 0 : i.low, v = (s = A.row.original.thresholds) == null ? void 0 : s.mid;
+          if (typeof p != "number" || typeof l != "number" || typeof v != "number")
+            return he(Te, {
+              days: p
+            });
+          const M = p <= l ? Be.low : p <= v ? Be.mid : Be.high;
+          return he(Te, {
+            days: p,
+            level: M
+          });
+        },
+        size: 200
+      },
+      {
+        id: "action",
+        cell(A) {
+          var p;
+          return mt(
+            ((p = f._currentLocation) == null ? void 0 : p.type) === "restaurant" ? Gt : Wt,
+            (l) => g.onActionMenu(l, A.row.original)
+          );
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ]
+  };
+}
+const Zt = {
+  context: null,
+  error: null,
+  isRequired(f = "This field is required") {
+    return `${this.context ?? ""}`.length === 0 && (this.error = f), this;
+  },
+  isString(f = "Must be a valid string") {
+    return this.error ? this : (typeof this.context != "string" && (this.error ?? (this.error = f)), this);
+  },
+  toInt() {
+    return this.error ? this : (this.context = +this.context, this);
+  },
+  isInteger(f = "Must be an integer") {
+    return this.error ? this : (this.toInt(), isNaN(this.context) && (this.error = f), this);
+  },
+  min(f, g) {
+    if (this.error) return this;
+    try {
+      typeof this.context == "number" ? +this.context < f && (this.error = g ?? `Must be at least ${f}`) : Object.prototype.hasOwnProperty.call(this.context, "length") ? +this.context.length < f && (this.error = g ?? `Must be at least ${f}`) : this.error = "Length cannot be determined";
+    } catch {
+      this.error = "Length cannot be determined";
+    }
+    return this;
+  },
+  max(f, g) {
+    if (this.error) return this;
+    try {
+      typeof this.context == "number" ? +this.context > f && (this.error = g ?? `Must be at most ${f}`) : "length" in this.context ? +this.context.length > f && (this.error = g ?? `Must be at most ${f}`) : this.error = "Length cannot be determined";
+    } catch {
+      this.error = "Length cannot be determined";
+    }
+    return this;
+  }
+};
+function Qe(f) {
+  return { ...Zt, context: f };
+}
+const en = { class: "flex items-center" }, tn = { class: "fm-typo-en-title-md-800" }, nn = { class: "flex flex-col gap-24 w-full" }, on = { class: "flex flex-col gap-8" }, sn = { class: "fm-typo-en-body-lg-600" }, an = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary flex-grow" }, rn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-error" }, ln = { class: "flex flex-col p-16 gap-8" }, un = { class: "flex flex-col gap-4" }, cn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary bg-fm-color-neutral-gray-100 border-b py-12 px-16" }, dn = { class: "grid grid-cols-[auto_100px_100px_48px] xs:grid-cols-[auto_80px_120px_48px] gap-8 px-8 items-center" }, mn = { class: "xs:col-span-3" }, pn = { class: "flex gap-8" }, vn = /* @__PURE__ */ ce({
+  __name: "ConvertSkuDialog",
+  props: {
+    sku: {},
+    maxCount: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(f, { expose: g, emit: u }) {
+    const o = f, A = u, p = Lt(), l = Pe(), v = ye(), M = _e(), { t: $ } = de(), i = N(0), s = N(null), V = R(() => l.skus), k = R(
+      () => {
+        var d, n;
+        return (((n = (d = o.sku) == null ? void 0 : d.convert) == null ? void 0 : n.inventoryBindings) ?? []).filter(
+          (a) => a.type === Ge.enum.SKU
+        );
+      }
+    ), S = R({
+      get() {
+        return !!s.value;
+      },
+      set(d) {
+        d ? s.value = He(k.value) : (s.value = null, i.value = Math.min(i.value, o.maxCount ?? 0));
+      }
+    }), B = N(!1);
+    xe([() => o.show], ([d]) => {
+      d && (i.value = 0);
+    });
+    function h() {
+      Y(o.sku, Se(i.value), s.value);
+    }
+    function t(d) {
+      if (s.value)
+        return !0;
+      const n = Qe(d).isInteger().max(o.maxCount ?? 0).error ?? "";
+      return n || !0;
+    }
+    function y(d) {
+      var m;
+      const n = (m = o.sku.convert) != null && m.measurement ? o.sku.unit.measurements.find((C) => {
+        var H;
+        return C.id === ((H = o.sku.convert) == null ? void 0 : H.measurement);
+      }) ?? null : null, a = Ie(o.sku.unit, n), b = _t(+d);
+      return Qe(b).isInteger().max(a).error ? "Precision cannot be more than " + a : !0;
+    }
+    const w = R(
+      () => {
+        var d, n;
+        return (d = o.sku.convert) != null && d.measurement ? (n = o.sku.unit.measurements.find((a) => {
+          var b;
+          return a.id === ((b = o.sku.convert) == null ? void 0 : b.measurement);
+        })) == null ? void 0 : n.abbrev : o.sku.unit.abbrev;
+      }
+    ), j = R(() => {
+      var b, c;
+      const n = pt({
+        bindings: ((b = o.sku.convert) == null ? void 0 : b.inventoryBindings) ?? [],
+        skus: l.skus,
+        skuGroups: l.skuGroups,
+        recipes: l.recipes
+      }).inventoryBindings.filter((m) => "success" in m && m.success).map((m) => m).map((m) => m.binding);
+      return (c = s.value ?? n) == null ? void 0 : c.map((m) => {
+        var re, ie, te, ae, Le;
+        const C = l.skus.find((ve) => ve._id === m.id), H = ((re = m.measurement) == null ? void 0 : re.abbrev) ?? ((ie = C == null ? void 0 : C.unit) == null ? void 0 : ie.abbrev), K = (te = o.sku.convert) != null && te.measurement ? o.sku.unit.measurements.find((ve) => {
+          var ze;
+          return ve.id === ((ze = o.sku.convert) == null ? void 0 : ze.measurement);
+        }) ?? null : null, ee = Ie(o.sku.unit, K), E = y(`${i.value}`) === !0 ? me(
+          vt(
+            m.amount,
+            Se(+i.value, ee)
+          ),
+          !1
+        ) : "0", q = (Le = (ae = s.value) == null ? void 0 : ae.find((ve) => ve.id === (C == null ? void 0 : C._id))) == null ? void 0 : Le.amount, J = q ? me(q, !1) : null;
+        return {
+          sku: C,
+          convertAmount: J ?? E,
+          abbrev: H
+        };
+      });
+    }), P = N();
+    g({
+      validateInputs: () => {
+        var d, n;
+        (n = (d = P.value) == null ? void 0 : d.validateInputs) == null || n.call(d);
+      },
+      resetInputsValidation: () => {
+        var d, n;
+        (n = (d = P.value) == null ? void 0 : d.resetInputsValidation) == null || n.call(d);
+      },
+      resetInputs: () => {
+        var d, n;
+        (n = (d = P.value) == null ? void 0 : d.resetInputs) == null || n.call(d);
+      }
+    });
+    const T = Ne(o, "show");
+    async function Y(d, n, a) {
+      B.value = !0;
+      try {
+        await v.convertSku({
+          conversions: [
+            {
+              doc: d,
+              amount: n,
+              overrides: a == null ? void 0 : a.map((b) => ({
+                ...b,
+                amount: {
+                  ...b.amount,
+                  amount: -1 * Math.abs(b.amount.amount)
+                  // ensure truly negative
+                }
+              }))
+            }
+          ]
+        }), A("update:show", !1), A("submitted");
+      } catch (b) {
+        M.open({
+          title: "Something went wrong",
+          message: `Cannot convert ${d.name}. Please try again.`,
+          type: "error"
+        }), console.error("error at converting stock amount", d, n, b);
+      } finally {
+        B.value = !1;
+      }
+    }
+    function W(d, n, a) {
+      const b = +n;
+      let c = a;
+      n.length > 0 && isFinite(b) ? c = a.map((m) => (m.id !== d || (m.amount = fe(b)), m)) : c = a.map((m) => (m.id !== d || (m.amount = { amount: 0, precision: 0 }), m)), s.value = c;
+    }
+    function U(d) {
+      const n = V.value.find((a) => a._id === d);
+      return n ? st(n.unit, !0) : [];
+    }
+    function Z(d, n) {
+      const a = U(d), b = a.find((c) => c.value === n) ?? a.find((c) => c.value === null);
+      return b ? {
+        ...b,
+        label: b.abbrev
+      } : null;
+    }
+    function z(d, n, a) {
+      let b;
+      if (n === null)
+        b = a.map((c) => (c.id !== d || (c.measurement = null), c)) ?? [];
+      else {
+        const c = V.value.find((m) => m._id === d);
+        b = a.map((m) => {
+          var C, H;
+          return m.id !== d || (m.measurement = (H = (C = c == null ? void 0 : c.unit) == null ? void 0 : C.measurements) == null ? void 0 : H.find((K) => K.id === n)), m;
+        }) ?? [];
+      }
+      s.value = b;
+    }
+    function Q(d, n) {
+      const a = n.filter((b) => b.id !== d);
+      s.value = a;
+    }
+    function G() {
+      const d = (s.value ?? []).map((n) => ({
+        ...n,
+        type: Ge.enum.SKU
+      }));
+      p.promptIngredientsBinding(
+        d,
+        (n) => s.value = n,
+        o.sku._id
+      );
+    }
+    return xe(
+      () => o.show,
+      (d) => {
+        d || (s.value = null, i.value = 0);
+      }
+    ), (d, n) => {
+      const a = D("FmTextField"), b = D("FmForm"), c = D("FmCard"), m = D("FmSwitch"), C = D("FmFormGroup"), H = D("FmSelect"), K = D("FmButton"), ee = D("FmSideSheet");
+      return F(), L(ee, {
+        "dismiss-away": "",
+        modelValue: r(T),
+        "onUpdate:modelValue": n[3] || (n[3] = (E) => Ue(T) ? T.value = E : null),
+        "max-width": 500
+      }, {
+        "side-sheet-header": I(() => [
+          e("div", en, [
+            e("div", tn, _(r($)("inventory.stock.convert.title", { name: d.sku.name })), 1)
+          ])
+        ]),
+        default: I(() => [
+          e("div", nn, [
+            x(b, {
+              ref_key: "formRef",
+              ref: P,
+              onValidationSuccess: h
+            }, {
+              default: I(() => [
+                x(a, {
+                  disabled: B.value,
+                  "model-value": i.value,
+                  "onUpdate:modelValue": n[0] || (n[0] = (E) => i.value = E),
+                  label: r($)("inventory.stock.convert.amount"),
+                  rules: [t, y, r(Fe)(0)],
+                  "append-text": w.value,
+                  "helper-text": s.value ? void 0 : `Max ${d.maxCount} ${w.value}`
+                }, null, 8, ["disabled", "model-value", "label", "rules", "append-text", "helper-text"])
+              ]),
+              _: 1
+            }, 512),
+            x(c, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: I(() => [
+                e("div", on, [
+                  e("div", sn, _(r($)("inventory.stock.convert.deductionSummary")), 1),
+                  (F(!0), O(ne, null, le(j.value, (E) => {
+                    var q, J;
+                    return F(), O("div", {
+                      key: (q = E.sku) == null ? void 0 : q._id,
+                      class: "flex items-center"
+                    }, [
+                      e("div", an, _((J = E.sku) == null ? void 0 : J.name), 1),
+                      e("div", rn, " -" + _(E.convertAmount) + " " + _(E.abbrev), 1)
+                    ]);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }),
+            x(c, { variant: "outlined" }, {
+              default: I(() => [
+                e("div", ln, [
+                  x(m, {
+                    value: "",
+                    modelValue: S.value,
+                    "onUpdate:modelValue": n[1] || (n[1] = (E) => S.value = E),
+                    label: r($)("inventory.stock.convert.overrideDeduction"),
+                    "label-placement": "right"
+                  }, null, 8, ["modelValue", "label"]),
+                  S.value ? (F(), O(ne, { key: 0 }, [
+                    x(C, {
+                      modelValue: s.value,
+                      rules: [r(ft)(1, "Must have at least one ingredient binding")]
+                    }, null, 8, ["modelValue", "rules"]),
+                    e("div", un, [
+                      e("div", cn, _(r($)("inventory.stock.convert.ingredients")), 1),
+                      (F(!0), O(ne, null, le(s.value, (E) => (F(), L(C, {
+                        key: E.id,
+                        disabled: B.value,
+                        modelValue: +r(me)(E.amount ?? { amount: 1, precision: 0 }),
+                        rules: [
+                          r(yt)(
+                            V.value.find((q) => q._id === E.id).unit,
+                            E.measurement
+                          ),
+                          r(Fe)(0)
+                        ]
+                      }, {
+                        default: I(({ invalid: q }) => {
+                          var J, re, ie;
+                          return [
+                            e("div", dn, [
+                              e("div", mn, _((J = V.value.find((te) => te._id === E.id)) == null ? void 0 : J.name), 1),
+                              x(a, {
+                                class: "xs:col-span-2",
+                                disabled: B.value,
+                                modelValue: +r(me)(
+                                  E.amount ?? { amount: 1, precision: 0 }
+                                ),
+                                "onUpdate:modelValue": (te) => W(E.id, te, s.value ?? []),
+                                invalid: q
+                              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"]),
+                              x(H, {
+                                disabled: B.value,
+                                class: "translate-y-[2px]",
+                                items: U(E.id),
+                                "model-value": (ie = Z(E.id, (re = E.measurement) == null ? void 0 : re.id)) == null ? void 0 : ie.value,
+                                "onUpdate:modelValue": (te) => z(E.id, te, s.value ?? []),
+                                invalid: q
+                              }, {
+                                "helper-text": I(() => n[4] || (n[4] = [])),
+                                _: 2
+                              }, 1032, ["disabled", "items", "model-value", "onUpdate:modelValue", "invalid"]),
+                              x(K, {
+                                disabled: B.value,
+                                type: "button",
+                                variant: "tertiary",
+                                icon: "delete",
+                                onClick: (te) => Q(E.id, s.value ?? [])
+                              }, null, 8, ["disabled", "onClick"])
+                            ])
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["disabled", "modelValue", "rules"]))), 128))
+                    ]),
+                    e("div", null, [
+                      x(K, {
+                        icon: "link",
+                        label: r($)("inventory.stock.convert.linkIngredient"),
+                        variant: "plain",
+                        onClick: G
+                      }, null, 8, ["label"])
+                    ])
+                  ], 64)) : se("", !0)
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        "side-sheet-footer": I(() => [
+          e("div", pn, [
+            x(K, {
+              loading: B.value,
+              label: r($)("inventory.stock.convert.convertButton"),
+              onClick: n[2] || (n[2] = (E) => {
+                var q, J;
+                return (J = (q = P.value) == null ? void 0 : q.validateInputs) == null ? void 0 : J.call(q);
+              })
+            }, null, 8, ["loading", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function De(f, g) {
+  const u = Se(f, g);
+  return { ...u, amount: -u.amount };
+}
+function Je(f, g) {
+  return Se(Math.abs(f), g);
+}
+const je = {
+  [oe.enum.DAMAGE]: {
+    label: "Waste",
+    toAdjustmentAmount: De
+  },
+  [oe.enum.THEFT]: {
+    label: "Theft",
+    toAdjustmentAmount: De
+  },
+  [oe.enum.LOSE]: {
+    label: "Lose",
+    toAdjustmentAmount: De
+  },
+  [oe.enum.EXTRA]: {
+    label: "Extra",
+    toAdjustmentAmount: Je
+  },
+  [oe.enum.PURCHASE]: {
+    label: "Purchase",
+    toAdjustmentAmount: Je
+  }
+}, fn = { class: "col-span-2 flex" }, yn = { class: "fm-typo-en-body-lg-600 flex-1" }, _n = /* @__PURE__ */ ce({
+  __name: "AdjustedItemForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:delete"],
+  setup(f, { emit: g }) {
+    const u = f, o = g, A = R(
+      () => Object.keys(je).map((i) => ({
+        label: ht(i),
+        value: i
+      }))
+    ), p = R(() => st(u.modelValue.doc.unit, !0)), l = R({
+      get() {
+        return u.modelValue.type ?? oe.enum.PURCHASE;
+      },
+      set(i) {
+        const s = {
+          ...u.modelValue
+        };
+        s.type = i;
+        const V = We(u.modelValue.amount);
+        s.amount = je[s.type].toAdjustmentAmount(
+          +me(V),
+          V.precision
+        ), o("update:modelValue", s);
+      }
+    }), v = R({
+      get() {
+        const i = We(u.modelValue.amount);
+        return +me(i);
+      },
+      set(i) {
+        const s = {
+          ...u.modelValue
+        }, V = fe(i);
+        s.amount = je[l.value].toAdjustmentAmount(
+          i,
+          V.precision
+        ), o("update:modelValue", s);
+      }
+    }), M = R({
+      get() {
+        var i;
+        return ((i = u.modelValue.measurement) == null ? void 0 : i.id) ?? null;
+      },
+      set(i) {
+        var V, k;
+        const s = {
+          ...u.modelValue
+        };
+        s.measurement = ((k = (V = u.modelValue.doc.unit) == null ? void 0 : V.measurements) == null ? void 0 : k.find((S) => S.id === i)) ?? null, o("update:modelValue", s);
+      }
+    }), $ = R({
+      get() {
+        return u.modelValue.remark ?? "";
+      },
+      set(i) {
+        const s = {
+          ...u.modelValue
+        };
+        s.remark = i, o("update:modelValue", s);
+      }
+    });
+    return (i, s) => {
+      const V = D("FmButton"), k = D("FmSelect"), S = D("FmTextarea"), B = D("FmCard");
+      return F(), L(B, {
+        variant: "outlined",
+        class: "grid grid-cols-2 gap-8 p-16"
+      }, {
+        default: I(() => [
+          e("div", fn, [
+            e("div", yn, _(i.modelValue.doc.name), 1),
+            x(V, {
+              variant: "tertiary",
+              "prepend-icon": "delete",
+              onClick: s[0] || (s[0] = (h) => o("click:delete"))
+            })
+          ]),
+          x(k, {
+            disabled: i.disabled,
+            class: "col-span-2",
+            label: "Type",
+            items: A.value,
+            modelValue: l.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (h) => l.value = h),
+            rules: [r(kt)()],
+            "label-mark": "required"
+          }, null, 8, ["disabled", "items", "modelValue", "rules"]),
+          x(zt, {
+            disabled: i.disabled,
+            label: "Amount",
+            step: +r(me)({
+              amount: 1,
+              precision: r(Ie)(i.modelValue.doc.unit, i.modelValue.measurement)
+            }),
+            modelValue: v.value,
+            "onUpdate:modelValue": s[2] || (s[2] = (h) => v.value = h),
+            rules: [r(Fe)(0)]
+          }, null, 8, ["disabled", "step", "modelValue", "rules"]),
+          x(k, {
+            disabled: i.disabled,
+            label: "Unit",
+            items: p.value,
+            modelValue: M.value,
+            "onUpdate:modelValue": s[3] || (s[3] = (h) => M.value = h)
+          }, null, 8, ["disabled", "items", "modelValue"]),
+          x(S, {
+            class: "col-span-2",
+            disabled: i.disabled,
+            label: "Remark",
+            modelValue: $.value,
+            "onUpdate:modelValue": s[4] || (s[4] = (h) => $.value = h),
+            "label-mark": "optional"
+          }, null, 8, ["disabled", "modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), hn = { class: "flex items-center" }, kn = { class: "fm-typo-en-title-md-800" }, bn = { class: "flex items-center" }, gn = { class: "fm-typo-en-title-sm-800 flex-1" }, xn = { class: "flex gap-8" }, Sn = /* @__PURE__ */ ce({
+  __name: "AdjustSkuDialog",
+  props: {
+    stock: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(f, { expose: g, emit: u }) {
+    const o = f, A = u, p = Pe(), l = Oe(), v = ye(), M = _e(), $ = N(!1), { t: i } = de();
+    function s() {
+      B(He(S));
+    }
+    const V = N();
+    g({
+      validateInputs: () => {
+        var y, w;
+        (w = (y = V.value) == null ? void 0 : y.validateInputs) == null || w.call(y);
+      },
+      resetInputsValidation: () => {
+        var y, w;
+        (w = (y = V.value) == null ? void 0 : y.resetInputsValidation) == null || w.call(y);
+      },
+      resetInputs: () => {
+        var y, w;
+        (w = (y = V.value) == null ? void 0 : y.resetInputs) == null || w.call(y);
+      }
+    });
+    const k = Ne(o, "show"), S = it({
+      remark: "",
+      adjustments: [
+        {
+          id: `sku_${(/* @__PURE__ */ new Date()).toISOString()}_${Math.random().toString(16).slice(2, 8)}`,
+          type: oe.enum.PURCHASE,
+          doc: o.stock,
+          measurement: null,
+          remark: "",
+          amount: fe(1)
+        }
+      ]
+    });
+    xe([() => o.show], ([y]) => {
+      y && (S.remark = "", S.adjustments = [
+        {
+          id: `sku_${(/* @__PURE__ */ new Date()).toISOString()}_${Math.random().toString(16).slice(2, 8)}`,
+          type: oe.enum.PURCHASE,
+          doc: o.stock,
+          measurement: null,
+          remark: "",
+          amount: fe(1)
+        }
+      ]);
+    });
+    async function B(y) {
+      $.value = !0;
+      try {
+        await v.adjustSku({
+          remark: y.remark,
+          adjustments: y.adjustments.map(({ doc: w, remark: j, type: P, amount: T, measurement: Y }) => ({
+            id: w._id,
+            amount: T,
+            measurement: Y,
+            remark: j,
+            doc: w,
+            type: P
+          }))
+        }), A("update:show", !1), A("submitted");
+      } catch (w) {
+        M.open({
+          title: i("inventory.stock.adjust.error.title"),
+          message: i("inventory.stock.adjust.error.message"),
+          type: "error"
+        }), console.log("error on adjust ingredients", y, w);
+      } finally {
+        $.value = !1;
+      }
+    }
+    function h() {
+      const y = p.skus.map((j) => ({
+        label: j.name,
+        sublabel: j.code,
+        value: j._id
+      })), w = y.filter((j) => S.adjustments.find((P) => P.doc._id === j.value)).map((j) => j.value);
+      l.open({
+        title: "Select ingredients",
+        contentComponent: bt,
+        contentComponentProps: {
+          items: y,
+          modelValue: w
+        },
+        overlay: !0,
+        closeButton: !0,
+        dismissAway: !0,
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((j) => {
+        S.adjustments = j.map(
+          (P) => S.adjustments.find((T) => T.doc._id === P) ?? {
+            id: `sku_${(/* @__PURE__ */ new Date()).toISOString()}_${Math.random().toString(16).slice(2, 8)}`,
+            type: oe.enum.PURCHASE,
+            doc: p.skus.find((T) => T._id === P),
+            measurement: null,
+            remark: "",
+            amount: fe(1)
+          }
+        );
+      });
+    }
+    function t(y) {
+      S.adjustments.splice(y, 1);
+    }
+    return (y, w) => {
+      const j = D("FmTextarea"), P = D("FmButton"), T = D("FmForm"), Y = D("FmSideSheet");
+      return F(), L(Y, {
+        modelValue: r(k),
+        "onUpdate:modelValue": w[2] || (w[2] = (W) => Ue(k) ? k.value = W : null),
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-header": I(() => [
+          e("div", hn, [
+            e("div", kn, _(r(i)("inventory.stock.adjust.title")), 1)
+          ])
+        ]),
+        default: I(() => [
+          x(T, {
+            class: "w-full flex flex-col gap-12",
+            ref_key: "formRef",
+            ref: V,
+            onValidationSuccess: s
+          }, {
+            default: I(() => [
+              x(j, {
+                label: r(i)("inventory.stock.adjust.remark"),
+                modelValue: S.remark,
+                "onUpdate:modelValue": w[0] || (w[0] = (W) => S.remark = W)
+              }, null, 8, ["label", "modelValue"]),
+              e("div", bn, [
+                e("div", gn, _(r(i)("inventory.stock.adjust.adjustedItems")), 1),
+                x(P, {
+                  "prepend-icon": "add",
+                  variant: "tertiary",
+                  size: "md",
+                  onClick: h
+                })
+              ]),
+              (F(!0), O(ne, null, le(S.adjustments, (W, U) => (F(), L(_n, {
+                key: W.id,
+                modelValue: S.adjustments[U],
+                "onUpdate:modelValue": (Z) => S.adjustments[U] = Z,
+                "onClick:delete": (Z) => t(U)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "onClick:delete"]))), 128))
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        "side-sheet-footer": I(() => [
+          e("div", xn, [
+            x(P, {
+              label: r(i)("inventory.stock.adjust.adjustButton"),
+              loading: $.value,
+              onClick: w[1] || (w[1] = (W) => {
+                var U, Z;
+                return (Z = (U = V.value) == null ? void 0 : U.validateInputs) == null ? void 0 : Z.call(U);
+              })
+            }, null, 8, ["label", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Fn = gt((f, g) => ({
+  // TODO: remove once latest inventory backend has been push
+  async findBillsByBusinessId(u, o, A) {
+    const p = `${f.businessesBackendUrl}/${u}/reports/find-many`, l = {
+      //   type: TYPE.bill,
+      type: "bill",
+      restaurantIds: o,
+      ids: A
+    };
+    return await g.post(p, l);
+  },
+  async findBillsById(u) {
+    const A = pe().currentLocationDBName, p = `${f.inventoryBackendUrl}/${A}/bill/search`, l = {
+      ids: u
+    };
+    return await g.post(p, l);
+  }
+})), wn = {
+  key: 0,
+  class: "flex justify-center items-center h-32"
+}, $n = { class: "mb-3" }, An = { class: "flex flex-col gap-8" }, Vn = { class: "flex flex-col text-fm-color-typo-primary mb-3 text-center" }, Cn = { class: "text-fm-color-neutral-gray-400 fm-typo-en-body-sm-600" }, Mn = { class: "flex flex-col gap-4 text-fm-color-typo-primary mb-3" }, Bn = { class: "flex flex-col gap-4 text-fm-color-typo-primary mb-3" }, Dn = { class: "flex flex-col gap-4 text-fm-color-typo-primary mb-3" }, jn = { class: "flex flex-col w-full px-2" }, In = { class: "flex gap-2" }, Tn = /* @__PURE__ */ ce({
+  __name: "AmendAdjustmentForm",
+  props: /* @__PURE__ */ Ye({
+    adjustmentId: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Ye(["refreshHistory"], ["update:modelValue"]),
+  setup(f, { emit: g }) {
+    const u = f, o = g, A = ye(), p = ut(f, "modelValue"), l = N(!1), v = N(!1), M = N(!1), $ = N({
+      _id: `inventoryAdjustment_${(/* @__PURE__ */ new Date()).toISOString()}_XXXXX`,
+      skus: []
+    }), i = N();
+    Ee(async () => {
+      l.value = !0;
+      const h = await A.readSingleAdjustment(u.adjustmentId);
+      if (!h) throw new Error("Adjustment not found");
+      $.value = h, l.value = !1;
+    });
+    async function s() {
+      var t, y;
+      if ((y = (t = i == null ? void 0 : i.value) == null ? void 0 : t.validateInputs) == null || y.call(t), !v.value) return;
+      const h = {};
+      Object.keys(p.value || {}).forEach((w) => {
+        var j;
+        Object.keys(((j = p.value) == null ? void 0 : j[w]) || {}).forEach((P) => {
+          var Y, W;
+          const T = (W = (Y = p.value) == null ? void 0 : Y[w]) == null ? void 0 : W[Number(P)];
+          T && k(T.amount) > 0 && (h[w] || (h[w] = []), h[w].push(T));
+        });
+      }), await A.revertWastageAdjustment({
+        targetWastageAdjustmentId: u.adjustmentId,
+        amountsGoingToAdjust: h
+      }), o("refreshHistory"), M.value = !1, p.value = {};
+    }
+    function V(h, t, y) {
+      return R({
+        get: () => {
+          var j, P, T;
+          const w = (T = (P = (j = p.value) == null ? void 0 : j[h]) == null ? void 0 : P[t]) == null ? void 0 : T.amount;
+          return w ? k(w, !0) : 0;
+        },
+        set: (w) => {
+          p.value || (p.value = {});
+          const j = { ...p.value };
+          j[h] || (j[h] = {}), j[h][t] = {
+            amount: Ce.fromNumber(w),
+            type: oe.Enum.WASTAGE,
+            measurement: y
+          }, p.value = j;
+        }
+      });
+    }
+    function k(h, t = !0) {
+      const y = Number(Ce.toFormatString({ value: h }));
+      return t ? Math.abs(y) : y;
+    }
+    function S(h, t) {
+      return t.measurement ? t.measurement.abbrev : h.sku.unit.abbrev;
+    }
+    function B(h, t) {
+      return t === 0 ? "N/A" : (h + t).toString();
+    }
+    return (h, t) => {
+      const y = D("FmIcon"), w = D("FmStepperField"), j = D("FmCard"), P = D("FmForm"), T = D("FmSpacer"), Y = D("FmButton"), W = D("FmDialog");
+      return F(), L(W, {
+        modelValue: M.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (U) => M.value = U),
+        overlay: !0
+      }, {
+        "dialog-button": I(() => [
+          e("button", {
+            onClick: t[0] || (t[0] = (U) => M.value = !0),
+            class: "rounded-md hover:bg-gray-100 transition-colors"
+          }, [
+            x(y, {
+              name: "edit",
+              size: "sm"
+            })
+          ])
+        ]),
+        "dialog-header": I(() => t[5] || (t[5] = [
+          e("div", null, "Header", -1)
+        ])),
+        "dialog-footer": I(() => [
+          e("div", jn, [
+            t[13] || (t[13] = e("span", { class: "text-fm-color-system-warning-400 fm-typo-en-body-sm-400" }, "1. New adjustment EXTRA will be created for each reversal", -1)),
+            e("div", In, [
+              x(T),
+              x(Y, {
+                class: "sm:w-full xs:w-full",
+                label: "Close",
+                size: "md",
+                variant: "tertiary",
+                onClick: t[3] || (t[3] = (U) => M.value = !1)
+              }),
+              x(Y, {
+                class: "sm:w-full xs:w-full",
+                label: "Submit",
+                size: "md",
+                variant: "primary",
+                onClick: s
+              })
+            ])
+          ])
+        ]),
+        default: I(() => [
+          l.value ? (F(), O("div", wn)) : (F(), L(P, {
+            key: 1,
+            ref_key: "formRef",
+            ref: i,
+            onValidationFailed: t[1] || (t[1] = () => {
+              v.value = !1;
+            }),
+            onValidationSuccess: t[2] || (t[2] = () => {
+              v.value = !0;
+            }),
+            blameFormChildOnValidationFailed: ""
+          }, {
+            default: I(() => [
+              e("p", $n, [
+                t[6] || (t[6] = e("b", null, "Date:", -1)),
+                t[7] || (t[7] = e("br", null, null, -1)),
+                ue(" " + _(r(xt)(r(St)($.value._id))), 1)
+              ]),
+              e("div", An, [
+                (F(!0), O(ne, null, le($.value.skus, (U, Z) => (F(), O(ne, { key: Z }, [
+                  (F(!0), O(ne, null, le(U.amounts, (z, Q) => (F(), L(j, {
+                    key: Q,
+                    variant: "outlined",
+                    class: "p-2"
+                  }, {
+                    default: I(() => [
+                      e("div", Vn, [
+                        e("span", Cn, _(U.sku.code), 1),
+                        e("span", null, _(U.sku.name), 1)
+                      ]),
+                      t[12] || (t[12] = e("hr", { class: "m-2" }, null, -1)),
+                      e("div", Mn, [
+                        t[8] || (t[8] = e("span", { class: "fm-typo-en-body-lg-600" }, "Adjustment type:", -1)),
+                        e("span", null, _(z.type), 1)
+                      ]),
+                      e("div", Bn, [
+                        t[9] || (t[9] = e("span", { class: "fm-typo-en-body-lg-600" }, "Current amount:", -1)),
+                        e("span", null, _(r(Ce).toFormatString({ value: z.amount })) + " " + _(S(U, z)), 1)
+                      ]),
+                      x(w, {
+                        "model-value": V(U.sku._id, Q).value,
+                        "onUpdate:modelValue": (G) => V(U.sku._id, Q).value = G,
+                        class: "mb-3",
+                        label: "Adjust Amount (Leave 0 to skip)",
+                        "helper-text": `Max: ${k(z.amount)}`,
+                        "append-text": S(U, z),
+                        rules: [
+                          (G) => G <= k(z.amount) || `Cannot be more than ${k(z.amount)}`,
+                          r(Fe)(-1)
+                        ]
+                      }, null, 8, ["model-value", "onUpdate:modelValue", "helper-text", "append-text", "rules"]),
+                      e("div", Dn, [
+                        t[10] || (t[10] = e("span", { class: "fm-typo-en-body-lg-600" }, "Amount after amend:", -1)),
+                        t[11] || (t[11] = e("span", { class: "text-fm-color-system-warning-400 fm-typo-en-body-sm-400" }, "* It's an estimate for your reference, as it didn't include all the reversals related to this adjustment", -1)),
+                        ue(" " + _(B(
+                          k(z.amount, !1),
+                          V(U.sku._id, Q).value
+                        )) + " " + _(S(U, z)), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ], 64))), 128))
+              ])
+            ]),
+            _: 1
+          }, 512))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Un = { class: "p-16" }, En = { class: "fm-typo-en-body-md-600 flex-grow" }, Hn = { class: "flex-grow text-fm-color-typo-secondary" }, Pn = {
+  key: 0,
+  class: "my-5"
+}, Rn = { class: "text-neutral-400" }, On = { class: "flex-grow" }, Nn = { class: "flex gap-1" }, Ln = { class: "flex flex-col gap-1" }, zn = {
+  key: 1,
+  class: "t-system text-fsecondary"
+}, Yn = {
+  key: 2,
+  class: "inline-flex items-center rounded-md bg-yellow-400/10 px-2 text-xs font-medium text-yellow-500 inset-ring inset-ring-yellow-400/20"
+}, Gn = {
+  key: 1,
+  class: "shrink-0 text-fm-color-typo-secondary"
+}, Wn = /* @__PURE__ */ ce({
+  __name: "StockRecordCard",
+  props: {
+    record: {},
+    sku: {},
+    bills: { default: () => [] }
+  },
+  emits: ["refreshHistory"],
+  setup(f, { emit: g }) {
+    const u = f, o = N(!1), A = at(), p = N(), l = N(null), v = R(() => l.value === null ? "unset" : o.value ? `${l.value}px` : "0px");
+    Ee(() => {
+      var s;
+      l.value = ((s = p.value) == null ? void 0 : s.scrollHeight) || 0;
+    });
+    const M = R(() => {
+      var h;
+      const s = u.record.adjustments, V = u.sku, k = {}, B = s.flatMap((t) => {
+        var y;
+        return ((y = t.skus) == null ? void 0 : y.filter((w) => w.sku._id === V._id)) ?? [];
+      }).flatMap((t) => t.amounts);
+      for (const t of B) {
+        const y = t.measurement ? Ft(t.measurement.conversion, t.amount) : t.amount;
+        k[h = t.type] ?? (k[h] = { amount: 0, precision: 0 }), k[t.type] = et(y, k[t.type]);
+      }
+      return Object.entries(k).reduce(
+        (t, [y, w]) => (t[y] = /// comment, because without it formatter makes code uglier
+        `${X.toFormatString({
+          value: w,
+          precision: 4
+        })} ${V.unit.abbrev}`, t),
+        {}
+      );
+    }), { t: $ } = de(), i = R(() => u.record.adjustmentsByTime.map(({ date: s, adjustments: V }) => ({
+      time: wt(new Date(s)),
+      adjustments: V.flatMap(
+        (k) => {
+          var S, B;
+          return ((B = (S = k.skus) == null ? void 0 : S.map) == null ? void 0 : B.call(S, (h) => {
+            var t, y;
+            return {
+              ...h,
+              ref: k.ref,
+              backdateFrom: k.effectiveAt != null ? ot(k._id) : null,
+              toBalance: (y = (t = k.skus) == null ? void 0 : t[0]) == null ? void 0 : y.toBalance,
+              adjustmentId: k._id
+            };
+          })) ?? [];
+        }
+      ).flatMap((k) => {
+        var h;
+        const S = (h = u.bills.find((t) => t._id === k.ref)) == null ? void 0 : h.seqNumber, B = S ? $("inventory.stock.record.bill", [S]) : "";
+        return k.amounts.map((t) => {
+          var y;
+          return {
+            amount: `${X.toFormatString({ value: t.amount, precision: 4 })} ${((y = t.measurement) == null ? void 0 : y.abbrev) ?? k.sku.unit.abbrev}`,
+            backdateFrom: k.backdateFrom,
+            name: t.type,
+            remark: t.remark || B || "",
+            cost: t.cost,
+            toBalance: X.toFormatString({
+              value: k.toBalance ?? X.fromNumber(0),
+              precision: 4
+            }),
+            baseUnit: k.sku.unit.abbrev,
+            adjustmentId: k.adjustmentId
+          };
+        });
+      })
+    })));
+    return (s, V) => {
+      const k = D("FmIcon"), S = D("FmTooltip"), B = D("FmCard");
+      return F(), L(B, { variant: "outlined" }, {
+        default: I(() => [
+          e("div", Un, [
+            e("div", {
+              class: "flex items-center cursor-pointer mb-1",
+              onClick: V[0] || (V[0] = (h) => o.value = !o.value)
+            }, [
+              e("div", En, _(s.record.date), 1),
+              x(k, {
+                name: o.value ? "expand_more" : "expand_less",
+                color: "#777777",
+                size: "md"
+              }, null, 8, ["name"])
+            ]),
+            (F(!0), O(ne, null, le(M.value, (h, t) => (F(), O("div", {
+              key: t,
+              class: "flex flex-row py-1",
+              style: { "font-size": "0.8rem" }
+            }, [
+              e("div", Hn, _(r($)(`inventory.inventoryAdjustment.type.${t}`)), 1),
+              e("div", {
+                class: ge({
+                  "text-fm-color-typo-error": h.startsWith("-"),
+                  "text-fm-color-typo-success": !h.startsWith("-"),
+                  "ml-auto": !0
+                })
+              }, _(h), 3)
+            ]))), 128)),
+            e("div", {
+              ref_key: "detailRef",
+              ref: p,
+              style: Ze({
+                fontSize: "0.8rem",
+                maxHeight: v.value,
+                overflow: "hidden",
+                transition: "max-height 0.2s ease-out"
+              })
+            }, [
+              i.value.length ? (F(), O("hr", Pn)) : se("", !0),
+              (F(!0), O(ne, null, le(i.value, (h) => (F(), O("div", {
+                key: h.time,
+                class: "flex gap-1 w-full"
+              }, [
+                e("div", Rn, _(h.time), 1),
+                e("div", On, [
+                  (F(!0), O(ne, null, le(h.adjustments, (t) => {
+                    var y;
+                    return F(), O("div", {
+                      key: t.name,
+                      class: "flex gap-1"
+                    }, [
+                      e("div", Nn, [
+                        ue(_(r($)(`inventory.inventoryAdjustment.type.${t.name}`)) + " ", 1),
+                        t.backdateFrom ? (F(), L(S, {
+                          key: 0,
+                          variant: "plain",
+                          placement: "top",
+                          "z-index": 50
+                        }, {
+                          content: I(() => [
+                            e("div", Ln, _(r($)("inventory.stock.record.backdate", [
+                              r(tt)(new Date(t.backdateFrom))
+                            ])), 1)
+                          ]),
+                          default: I(() => [
+                            x(k, {
+                              name: "info",
+                              size: "sm",
+                              color: "primary"
+                            })
+                          ]),
+                          _: 2
+                        }, 1024)) : se("", !0),
+                        t.remark ? (F(), O("span", zn, " # " + _(t.remark), 1)) : se("", !0),
+                        t.name === r(oe).Enum.CLOSING ? (F(), O("span", Yn, " Actual Balance: " + _(t.toBalance) + " " + _(t.baseUnit), 1)) : se("", !0)
+                      ]),
+                      e("div", {
+                        class: ge({
+                          "text-fm-color-typo-error": t.amount.startsWith("-"),
+                          "text-fm-color-typo-success": !t.amount.startsWith("-"),
+                          "ml-auto": !0
+                        })
+                      }, _(t.amount), 3),
+                      t.name === r(oe).Enum.WASTAGE && ((y = r(A).sessionUser.value) != null && y.role.isAdmin) ? (F(), L(Tn, {
+                        key: 0,
+                        adjustmentId: t.adjustmentId,
+                        onRefreshHistory: V[1] || (V[1] = (w) => s.$emit("refreshHistory"))
+                      }, null, 8, ["adjustmentId"])) : se("", !0),
+                      t.cost ? (F(), O("div", Gn, " (" + _(r(ke)(t.cost, !1, t.cost.precision)) + ") ", 1)) : se("", !0)
+                    ]);
+                  }), 128))
+                ])
+              ]))), 128))
+            ], 4)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+function Kn(f, g) {
+  var p;
+  const u = Object.keys(oe.enum).reduce(
+    (l, v) => (l[v] = { amount: 0, precision: 0 }, l),
+    {}
+  );
+  if (!g)
+    return Object.entries(u).reduce(
+      (l, [v]) => (l[v] = X.fromNumber(0), l),
+      {}
+    );
+  const A = f.flatMap((l) => {
+    var v;
+    return ((v = l.skus) == null ? void 0 : v.filter((M) => M.sku._id === g._id)) ?? [];
+  }).flatMap((l) => l.amounts);
+  for (const l of A) {
+    const v = l.measurement ? X.multiply([l.measurement.conversion, l.amount]) : l.amount;
+    u[p = l.type] ?? (u[p] = { amount: 0, precision: 0 }), u[l.type] = X.add([v, u[l.type]]);
+  }
+  return Object.entries(u).reduce(
+    (l, [v, M]) => {
+      const $ = {
+        ...M,
+        amount: Math.abs(M.amount)
+      };
+      return l[v] = /// comment, because without it formatter makes code uglier
+      `${X.toFormatString({
+        value: $,
+        precision: 4
+      })} ${g.unit.abbrev}`, l;
+    },
+    {}
+  );
+}
+function qn(f, g) {
+  if (!g)
+    return null;
+  let u = null;
+  const A = f.flatMap((p) => {
+    var l;
+    return ((l = p.skus) == null ? void 0 : l.filter((v) => v.sku._id === g._id)) ?? [];
+  }).flatMap((p) => {
+    var l;
+    return !p.history || ((l = p.history) == null ? void 0 : l.length) === 0 ? [] : p.history[0];
+  });
+  for (const p of A) {
+    const l = p.amounts;
+    for (const v of l) {
+      if (v.type !== oe.Enum.SALES)
+        continue;
+      const M = v.measurement ? X.multiply([v.measurement.conversion, v.amount]) : v.amount;
+      u ?? (u = X.fromNumber(0)), u = X.add([u, M]);
+    }
+  }
+  return u != null ? (u.amount = Math.abs(u.amount), `${X.toFormatString({
+    value: u,
+    precision: 4
+  })} ${g.unit.abbrev}`) : null;
+}
+const Xn = { class: "flex items-center w-full fm-typo-en-title-md-800" }, Qn = { class: "flex-1 line-clamp-2" }, Jn = { class: "flex flex-col gap-32 w-full h-full" }, Zn = { class: "flex items-center relative gap-4" }, eo = { class: "flex-1" }, to = {
+  key: 0,
+  class: "flex-1 flex flex-col items-center gap-16"
+}, no = { class: "fm-typo-en-body-lg-400 translate-x-4" }, oo = {
+  key: 1,
+  class: "flex flex-col gap-12"
+}, so = { class: "pb-16" }, ao = { class: "fm-typo-cn-body-lg-600" }, ro = {
+  class: "grid gap-12 fm-typo-en-body-md-400",
+  style: { "grid-template-columns": "auto auto auto", "grid-auto-rows": "1fr" }
+}, lo = { class: "flex flex-col gap-1" }, io = { class: "text-fm-color-typo-secondary" }, uo = { class: "font-bold" }, co = { class: "flex flex-col gap-1" }, mo = { class: "text-fm-color-typo-secondary flex" }, po = { class: "font-bold" }, vo = { class: "flex flex-col gap-1" }, fo = { class: "text-fm-color-typo-secondary" }, yo = { class: "font-bold" }, _o = { class: "flex flex-col gap-1" }, ho = { class: "text-fm-color-typo-secondary" }, ko = { class: "font-bold" }, bo = { class: "flex flex-col gap-1" }, go = { class: "text-fm-color-typo-secondary" }, xo = { class: "font-bold" }, So = { class: "flex flex-col gap-1" }, Fo = { class: "text-fm-color-typo-secondary" }, wo = { class: "font-bold" }, $o = { class: "flex flex-col gap-1" }, Ao = { class: "text-fm-color-typo-secondary" }, Vo = { class: "font-bold" }, Co = { class: "flex flex-col gap-1" }, Mo = { class: "text-fm-color-typo-secondary" }, Bo = { class: "font-bold" }, Do = { class: "flex flex-col gap-1" }, jo = { class: "text-fm-color-typo-secondary" }, Io = { class: "font-bold" }, To = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Uo = { class: "flex" }, Eo = { class: "flex-1 flex flex-col gap-1" }, Ho = { class: "flex gap-1 items-center text-fm-color-typo-secondary" }, Po = { class: "font-bold" }, Ro = { class: "flex-1 flex flex-col gap-1" }, Oo = { class: "flex gap-1 items-center text-fm-color-typo-secondary" }, No = { class: "flex flex-col gap-1" }, Lo = { class: "font-bold" }, zo = {
+  key: 2,
+  class: "flex-1 flex flex-col items-center gap-8"
+}, Yo = ["src"], Go = { class: "font-bold text-lg" }, Wo = { class: "text-xs text-neutral-400 text-center" }, Ko = /* @__PURE__ */ ce({
+  __name: "StockHistory",
+  props: {
+    sku: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show"],
+  setup(f) {
+    const g = at(), u = Re(), o = ye(), A = Fn(), p = pe(), l = Ct(), { t: v } = de(), M = f, $ = N(!1), i = _e(), s = N($t(0));
+    async function V() {
+      $.value = !0;
+      try {
+        await y(), await u.readStockBalance();
+      } catch (n) {
+        i.open({
+          title: "Something went wrong",
+          message: "Cannot fetch stock history. Please try again.",
+          type: "error"
+        }), console.log("failed at fetching item adjustment history", M.sku, s, n);
+      } finally {
+        $.value = !1;
+      }
+    }
+    Ee(() => {
+      V();
+    }), xe([() => s.value, () => M.sku], () => {
+      V();
+    });
+    const k = N([]), S = N([]), B = N(new Array());
+    function h(n, a) {
+      return a === "day" ? It(n) : tt(n);
+    }
+    function t(n, a) {
+      const b = n.reduce(
+        (c, m) => {
+          const C = m.effectiveAt ?? ot(m._id);
+          if (!C)
+            return c;
+          const H = h(new Date(C), a);
+          return c[H] ?? (c[H] = []), c[H].push(m), c;
+        },
+        {}
+      );
+      return Object.keys(b).map((c) => ({
+        date: c,
+        adjustments: b[c]
+      }));
+    }
+    async function y() {
+      let n = await o.readStockAdjustment(
+        M.sku._id,
+        Mt(new Date(s.value.startDate)).toISOString(),
+        Bt(new Date(s.value.endDate)).toISOString()
+      );
+      k.value = n;
+      const a = n.filter(({ ref: b }) => b == null ? void 0 : b.startsWith("bill_")).map(({ ref: b }) => b);
+      await w(a), S.value = t(n, "day").map(({ date: b, adjustments: c }) => ({
+        date: b,
+        adjustments: c,
+        adjustmentsByTime: t(c, "minute")
+      }));
+    }
+    async function w(n) {
+      n.length && (B.value = await A.findBillsById(n).catch((a) => {
+        var m;
+        console.error("Error on using latest bill API, retrying using legacy api", a);
+        const b = ((m = g.currentBusiness.value) == null ? void 0 : m._id) ?? "", c = p.currentLocation.doc._id;
+        return A.findBillsByBusinessId(b, [c], n);
+      }));
+    }
+    const j = R(() => {
+      const n = k.value, a = M.sku;
+      return Kn(n, a);
+    }), P = R(() => {
+      const n = k.value, a = M.sku;
+      return qn(n, a);
+    }), T = R(() => {
+      const n = [...k.value].computeFirst((b) => {
+        var m, C;
+        const c = (C = (m = b.skus) == null ? void 0 : m.find) == null ? void 0 : C.call(m, (H) => H.sku._id === M.sku._id);
+        return c == null ? void 0 : c.fromBalance;
+      }) ?? {
+        amount: 0,
+        precision: 0
+      }, a = M.sku;
+      return a ? `${X.toFormatString({
+        value: n,
+        precision: 4
+      })} ${a.unit.abbrev}` : "";
+    }), Y = R(() => {
+      const n = [...k.value].reverse().computeFirst((b) => {
+        var m, C;
+        const c = (C = (m = b.skus) == null ? void 0 : m.find) == null ? void 0 : C.call(m, (H) => H.sku._id === M.sku._id);
+        return c == null ? void 0 : c.toBalance;
+      }) ?? {
+        amount: 0,
+        precision: 0
+      }, a = M.sku;
+      return a ? `${X.toFormatString({ value: n, precision: 4 })} ${a.unit.abbrev}` : "";
+    }), W = R(() => {
+      var b;
+      const a = k.value.flatMap((c) => {
+        var m;
+        return ((m = c.skus) == null ? void 0 : m.flatMap((C) => C.amounts)) ?? [];
+      }).filter((c) => c.amount.amount < 0).reduce(
+        (c, m) => {
+          const C = m.cost;
+          if (!C) return c;
+          const H = {
+            ...At(c, Math.max(c.precision, C.precision)),
+            currency: C.currency
+          };
+          return {
+            ...et(H, C),
+            currency: c.currency
+          };
+        },
+        {
+          amount: 0,
+          precision: 0,
+          currency: Me((b = g.currentCountry) == null ? void 0 : b.value)
+        }
+      );
+      return ke(a, !1, a.precision);
+    });
+    function U() {
+      const { startDate: n, endDate: a } = Dt(s.value);
+      n !== null && a !== null && (s.value = {
+        startDate: n,
+        endDate: a
+      });
+    }
+    const Z = R(() => M.sku.valuation === Ke.Enum.FIFO ? v("inventory.ingredient.valuationMethod.FIFO") : v("inventory.ingredient.valuationMethod.WAVG")), z = R(() => {
+      var H, K, ee, E;
+      const n = [...k.value].reverse().computeFirst((q) => {
+        var J, re;
+        return (re = (J = q.skus) == null ? void 0 : J.find) == null ? void 0 : re.call(J, (ie) => ie.sku._id === M.sku._id);
+      });
+      if (!n) return "No data";
+      const a = [...n.amounts].reverse()[0], b = {
+        amount: ((H = a.cost) == null ? void 0 : H.amount) ?? 0,
+        precision: ((K = a.cost) == null ? void 0 : K.precision) ?? 0
+      }, c = a.amount, m = c.amount == 0 ? X.fromNumber(0) : X.divide([b, c]);
+      return {
+        ...X.multiply([m, c]),
+        currency: ((ee = a.cost) == null ? void 0 : ee.currency) || Me(((E = g.currentCountry) == null ? void 0 : E.value) ?? Vt)
+      };
+    }), Q = R(() => {
+      var b;
+      const n = [...k.value].reverse().computeFirst((c) => {
+        var C, H;
+        const m = (H = (C = c.skus) == null ? void 0 : C.find) == null ? void 0 : H.call(C, (K) => K.sku._id === M.sku._id);
+        return m == null ? void 0 : m.toCostBalances;
+      });
+      return n ? {
+        ...n.reduce((c, m) => X.add([c, X.fromDinero(m.cost)]), {
+          amount: 0,
+          precision: 0
+        }),
+        currency: Me((b = g.currentCountry) == null ? void 0 : b.value)
+      } : "No data";
+    });
+    function G() {
+      const { startDate: n, endDate: a } = jt(s.value);
+      n !== null && a !== null && (s.value = {
+        startDate: n,
+        endDate: a
+      });
+    }
+    const d = Ne(M, "show");
+    return (n, a) => {
+      const b = D("FmButton"), c = D("FmField"), m = D("FmDateRangePicker"), C = D("FmSpacer"), H = D("FmCircularProgress"), K = D("FmIcon"), ee = D("FmTooltip"), E = D("FmMenuDivider"), q = D("FmChip"), J = D("FmCardSection"), re = D("FmCard"), ie = D("FmSideSheet");
+      return F(), L(ie, {
+        "dismiss-away": "",
+        modelValue: r(d),
+        "onUpdate:modelValue": a[4] || (a[4] = (te) => Ue(d) ? d.value = te : null),
+        "close-button": !1,
+        "max-width": 560
+      }, {
+        "side-sheet-header": I(() => [
+          e("div", Xn, [
+            e("div", Qn, _(r(v)("inventory.stock.history.title", [n.sku.name])), 1),
+            x(b, {
+              variant: "tertiary",
+              "prepend-icon": "close",
+              onClick: a[0] || (a[0] = (te) => d.value = !1)
+            })
+          ])
+        ]),
+        default: I(() => {
+          var te;
+          return [
+            e("div", Jn, [
+              e("div", Zn, [
+                e("div", eo, [
+                  x(m, {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": a[1] || (a[1] = (ae) => s.value = ae),
+                    "show-predefined-range": "",
+                    "start-label": "",
+                    "end-label": "",
+                    "z-index": 50
+                  }, {
+                    "trigger-button": I(({ opened: ae }) => [
+                      x(c, {
+                        "prepend-icon": "calendar_month",
+                        focused: ae
+                      }, {
+                        default: I(() => [
+                          ue(_(s.value.startDate) + " - " + _(s.value.endDate), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["focused"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                x(b, {
+                  variant: "tertiary",
+                  onClick: a[2] || (a[2] = (ae) => U()),
+                  "prepend-icon": "navigate_before"
+                }),
+                x(b, {
+                  variant: "tertiary",
+                  onClick: a[3] || (a[3] = (ae) => G()),
+                  "prepend-icon": "navigate_next"
+                })
+              ]),
+              $.value ? (F(), O("div", to, [
+                x(C),
+                x(H, { size: "xl" }),
+                e("div", no, _(r(v)("inventory.stock.history.loading")), 1),
+                x(C),
+                x(C)
+              ])) : S.value && ((te = S.value) == null ? void 0 : te.length) > 0 ? (F(), O("div", oo, [
+                x(re, { variant: "outlined" }, {
+                  default: I(() => [
+                    x(J, { class: "flex flex-col gap-4" }, {
+                      default: I(() => [
+                        e("div", so, [
+                          e("div", ao, _(r(v)("inventory.stock.history.summary.title")), 1)
+                        ]),
+                        e("div", ro, [
+                          e("div", lo, [
+                            e("div", io, _(r(v)("inventory.stock.history.summary.totalPurchase")), 1),
+                            e("div", uo, _(j.value.PURCHASE), 1)
+                          ]),
+                          e("div", co, [
+                            e("div", mo, [
+                              ue(_(r(v)("inventory.stock.history.summary.totalSales")) + "  ", 1),
+                              P.value != null ? (F(), L(ee, {
+                                key: 0,
+                                variant: "plain",
+                                placement: "top",
+                                content: `Before: ${P.value}`,
+                                "z-index": 50
+                              }, {
+                                default: I(() => [
+                                  x(K, {
+                                    name: "warning",
+                                    size: "sm"
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["content"])) : se("", !0)
+                            ]),
+                            e("div", po, _(j.value.SALES), 1)
+                          ]),
+                          e("div", vo, [
+                            e("div", fo, _(r(v)("inventory.stock.history.summary.totalLose")), 1),
+                            e("div", yo, _(j.value.LOSE), 1)
+                          ]),
+                          e("div", _o, [
+                            e("div", ho, _(r(v)("inventory.stock.history.summary.totalRequest")), 1),
+                            e("div", ko, _(j.value.REQUEST), 1)
+                          ]),
+                          e("div", bo, [
+                            e("div", go, _(r(v)("inventory.stock.history.summary.totalReceive")), 1),
+                            e("div", xo, _(j.value.RECEIVE), 1)
+                          ]),
+                          e("div", So, [
+                            e("div", Fo, _(r(v)("inventory.stock.history.summary.totalConvert")), 1),
+                            e("div", wo, _(j.value.CONVERT), 1)
+                          ]),
+                          e("div", $o, [
+                            e("div", Ao, _(r(v)("inventory.stock.history.summary.totalDamage")), 1),
+                            e("div", Vo, _(j.value.DAMAGE), 1)
+                          ]),
+                          e("div", Co, [
+                            e("div", Mo, _(r(v)("inventory.stock.history.summary.openingBalance")), 1),
+                            e("div", Bo, _(T.value), 1)
+                          ]),
+                          e("div", Do, [
+                            e("div", jo, _(r(v)("inventory.stock.history.summary.lastStockBalance")), 1),
+                            e("div", Io, _(Y.value), 1)
+                          ])
+                        ]),
+                        r(l).enableTotalCost ? (F(), O("div", To, [
+                          x(E, { class: "w-full" }),
+                          e("div", Uo, [
+                            e("div", Eo, [
+                              x(Xe, { "z-index": 50 }, {
+                                default: I(() => [
+                                  e("div", Ho, [
+                                    ue(_(r(v)("inventory.stock.history.estimatedValue")) + " ", 1),
+                                    x(ee, {
+                                      variant: "plain",
+                                      placement: "top",
+                                      content: `[${Z.value}] ${r(v)("inventory.stock.history.estimatedValueTooltip")}`,
+                                      "z-index": 50
+                                    }, {
+                                      default: I(() => [
+                                        x(K, {
+                                          name: "help",
+                                          size: "sm"
+                                        })
+                                      ]),
+                                      _: 1
+                                    }, 8, ["content"])
+                                  ])
+                                ]),
+                                _: 1
+                              }),
+                              e("div", Po, [
+                                n.sku.valuation === r(Ke).Enum.FIFO ? (F(), O(ne, { key: 0 }, [
+                                  x(q, {
+                                    label: "FIFO",
+                                    compact: ""
+                                  }),
+                                  ue(" " + _(typeof Q.value != "string" ? r(ke)(
+                                    Q.value,
+                                    !1,
+                                    Q.value.precision
+                                  ) : Q.value), 1)
+                                ], 64)) : (F(), O(ne, { key: 1 }, [
+                                  ue(_(typeof z.value != "string" ? r(ke)(
+                                    z.value,
+                                    !1,
+                                    z.value.precision
+                                  ) : z.value), 1)
+                                ], 64))
+                              ])
+                            ]),
+                            e("div", Ro, [
+                              x(Xe, { "z-index": 50 }, {
+                                default: I(() => [
+                                  e("div", Oo, [
+                                    ue(_(r(v)("inventory.stock.history.costSold")) + " ", 1),
+                                    x(ee, {
+                                      variant: "plain",
+                                      placement: "top",
+                                      "z-index": 50
+                                    }, {
+                                      content: I(() => [
+                                        e("div", No, _(r(v)("inventory.stock.history.costSoldTooltip")), 1)
+                                      ]),
+                                      default: I(() => [
+                                        x(K, {
+                                          name: "help",
+                                          size: "sm"
+                                        })
+                                      ]),
+                                      _: 1
+                                    })
+                                  ])
+                                ]),
+                                _: 1
+                              }),
+                              e("div", Lo, _(W.value), 1)
+                            ])
+                          ])
+                        ])) : se("", !0)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                a[5] || (a[5] = e("div", null, null, -1)),
+                (F(!0), O(ne, null, le(S.value, (ae) => (F(), O(ne, {
+                  key: ae.date
+                }, [
+                  n.sku ? (F(), L(Wn, {
+                    key: 0,
+                    record: ae,
+                    sku: n.sku,
+                    bills: B.value,
+                    onRefreshHistory: V
+                  }, null, 8, ["record", "sku", "bills"])) : se("", !0)
+                ], 64))), 128))
+              ])) : (F(), O("div", zo, [
+                x(C),
+                e("div", null, [
+                  e("img", {
+                    src: r(Yt),
+                    alt: "List is empty"
+                  }, null, 8, Yo)
+                ]),
+                e("div", Go, _(r(v)("inventory.stock.history.noRecords")), 1),
+                e("div", Wo, _(r(v)("inventory.stock.history.changeDateRange")), 1),
+                x(C),
+                x(C)
+              ]))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), qo = { class: "flex flex-col gap-8" }, Xo = { class: "flex flex-col" }, Qo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Jo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, ps = /* @__PURE__ */ ce({
+  __name: "StockView",
+  setup(f) {
+    const { t: g } = de(), u = Pe(), o = pe(), A = Re(), p = lt(), l = ye(), v = nt(), { columnDefs: M } = Jt(), $ = Oe();
+    o.watchLocation(k);
+    const i = N(!1), s = _e();
+    async function V() {
+      $.open({
+        title: "Are you sure you want to refresh the stock balance?",
+        closeButton: !0,
+        primaryActions: {
+          text: g("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: g("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary(async () => {
+        await l.recalculation.refreshCurrentBalances(), s.open({
+          title: "Refresh Stock Balance",
+          message: "Stock balance refresh has been queued. This may take a moment to complete.",
+          type: "success"
+        });
+      });
+    }
+    async function k() {
+      if (o._currentLocation) {
+        i.value = !0;
+        try {
+          await A.readStockBalance(), await A.readProductBalance(), await v.readStockEstimateBalance();
+        } catch (T) {
+          s.open({
+            title: g("inventory.stock.error.title"),
+            message: g("inventory.stock.error.message"),
+            type: "error"
+          }), console.error("error on fetch stock balance", T);
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    const S = R(
+      () => u.skus.map((T) => {
+        var z, Q, G;
+        const Y = T.trackingMeasurement;
+        let W = (Q = (z = A.stockBalance.skus) == null ? void 0 : z.find(
+          (d) => d.id === T._id
+        )) == null ? void 0 : Q.balance, U = v.inventoryForecast.skus.find(
+          (d) => d.id === T._id
+        );
+        return {
+          ...T,
+          balance: W ?? {
+            amount: 0,
+            precision: 0
+          },
+          day: (U == null ? void 0 : U.depletionDays) ?? void 0,
+          trackingUnitAbbrev: Y ? ((G = T.unit.measurements.find((d) => d.id === Y)) == null ? void 0 : G.abbrev) ?? "" : T.unit.abbrev
+        };
+      })
+    ), B = N(""), { breakpoints: h } = Ot(), t = R(() => h.value.xs || h.value.sm), y = R(() => t.value ? 10 : 20), w = Tt(), j = R(() => [
+      {
+        label: g("inventory.stock.stock_balance.refreshBalance"),
+        value: "refresh-balance",
+        isPrimary: !0,
+        prependIcon: "calculate"
+      },
+      {
+        label: g("inventory.common.refresh"),
+        value: "refresh"
+      },
+      {
+        label: g("inventory.common.export"),
+        value: "export"
+      }
+    ]);
+    function P(T) {
+      switch (T) {
+        case "refresh-balance":
+          return V();
+        case "refresh":
+          return k();
+        case "export":
+          return Kt(S.value);
+      }
+    }
+    return (T, Y) => {
+      const W = D("FmTable");
+      return F(), L(Ut, {
+        title: r(g)("inventory.stock.title"),
+        actions: j.value,
+        "onClick:action": P
+      }, {
+        default: I(() => {
+          var U, Z, z, Q;
+          return [
+            e("div", {
+              class: ge([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": t.value,
+                  "px-24 ": !t.value
+                }
+              ])
+            }, [
+              x(Et, {
+                searchable: "",
+                "change-location": "",
+                search: B.value,
+                "onUpdate:search": Y[0] || (Y[0] = (G) => B.value = G)
+              }, null, 8, ["search"]),
+              (F(), L(W, {
+                style: Ze(r(w).tableHeight),
+                "column-defs": r(M),
+                "row-data": S.value,
+                "search-value": B.value,
+                loading: i.value || !r(o)._currentLocation,
+                key: (U = r(o)._currentLocation) == null ? void 0 : U.dbName,
+                onRowClick: Y[1] || (Y[1] = (G) => r(p).showSkuHistory(G.original)),
+                "page-size": y.value
+              }, {
+                "list-row": I((G) => [
+                  x(Ht, {
+                    row: G,
+                    onRowClick: r(p).showSkuHistory
+                  }, {
+                    default: I((d) => {
+                      var n, a, b, c, m, C, H, K, ee, E;
+                      return [
+                        e("div", qo, [
+                          e("div", Xo, [
+                            e("div", Qo, [
+                              x(r(qe), {
+                                render: (b = (a = (n = d.code) == null ? void 0 : n.column) == null ? void 0 : a.columnDef) == null ? void 0 : b.cell,
+                                props: (m = (c = d.code) == null ? void 0 : c.getContext) == null ? void 0 : m.call(c)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            e("div", Jo, [
+                              x(r(qe), {
+                                render: (K = (H = (C = d.name) == null ? void 0 : C.column) == null ? void 0 : H.columnDef) == null ? void 0 : K.cell,
+                                props: (E = (ee = d.name) == null ? void 0 : ee.getContext) == null ? void 0 : E.call(ee)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          e("div", null, [
+                            x(Te, {
+                              days: G.original.day
+                            }, null, 8, ["days"])
+                          ]),
+                          e("div", null, [
+                            x(rt, {
+                              class: "xs:w-[160px]",
+                              unit: G.original.unit,
+                              sku: G.original,
+                              amount: G.original.balance,
+                              "default-tracking-measurement": G.original.trackingMeasurement ?? void 0
+                            }, null, 8, ["unit", "sku", "amount", "default-tracking-measurement"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ], 2),
+            (F(), L(ct, { to: "body" }, [
+              (Z = r(p).stockHistoryProps) != null && Z.sku ? (F(), L(Ko, Ae(Ve({ key: 0 }, r(p).stockHistoryProps)), null, 16)) : se("", !0),
+              (z = r(p).convertSkuDialogProps) != null && z.sku ? (F(), L(vn, Ae(Ve({ key: 1 }, r(p).convertSkuDialogProps)), null, 16)) : se("", !0),
+              (Q = r(p).adjustSkuDialogProps) != null && Q.stock ? (F(), L(Sn, Ae(Ve({ key: 2 }, r(p).adjustSkuDialogProps)), null, 16)) : se("", !0)
+            ]))
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  ps as default
+};