@feedmepos/mf-inventory-portal 0.0.23-dev.36 → 0.0.23-dev.38

package/dist/StockView-R4cnEbHQ.js

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