@feedmepos/mf-inventory-portal 1.1.9-dev.2 → 1.1.9

package/dist/StockView-BGNukBaV.js

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