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

package/dist/StockView-D8qetHZJ.js

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