@feedmepos/mf-inventory-portal 0.0.6 → 0.0.7-dev.2

package/dist/StockView-CtJ1iGfy.js

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