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

package/dist/StockView-5LkTxYI2.js

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