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

package/dist/StockView-BCq37bGl.js

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