@feedmepos/mf-inventory-portal 1.2.7 → 1.2.8

package/dist/StockView-D-iP52Zw.js

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