@feedmepos/mf-inventory-portal 0.0.16-dev.4 → 0.0.16

package/dist/StockView-BN5rzuO5.js

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