@feedmepos/mf-inventory-portal 0.0.8 → 0.0.9-dev.1

package/dist/StockView-vn9LIFBM.js

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