@feedmepos/mf-inventory-portal 0.0.14-dev.4 → 0.0.15-dev.1

package/dist/StockView-DnjkFPPa.js

@@ -1,1987 +0,0 @@
-import { ref as T, defineComponent as oe, computed as U, resolveComponent as $, openBlock as x, createBlock as L, withCtx as B, createElementVNode as e, normalizeClass as fe, toDisplayString as A, createVNode as b, 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 ce, 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-O1zDxmv0.js";
-import { useCoreStore as Qe } from "@feedmepos/mf-common";
-import { useSnackbar as de, useDialog as Ue, useProxiedModel as Ie, useBreakpoints as ut } from "@feedmepos/ui-library";
-import { c as ct, _ as dt, F as Oe, u as mt } from "./layout-DrCGFTq4.js";
-import { g as he } from "./decimal-kgi8j2WD.js";
-import { d as pt, F as W } from "./dayjs.min-D2krsD1m.js";
-import { e as ft, _ as vt, i as Xe, u as _t } from "./stock-estimate-5EznMVbX.js";
-import { _ as yt } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-TUaVrXZt.js";
-import { g as Be, a as ie, b as gt, t as be, c as pe, 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-BD5YjQ2-.js";
-import { a as Ve, A as At, M as Vt, R as Dt } from "./rules-xXkrVUNf.js";
-import { g as tt } from "./util-CEVKTbZD.js";
-import { u as Mt } from "./use-inventory-binding-dialog-Ci8xOw7J.js";
-import { _ as jt } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-CFVarJY6.js";
-import { _ as Rt } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-Bo5r3L9C.js";
-import { i as Ut } from "./init-date-range-AqEW4Dkk.js";
-import { E as It } from "./empty-placeholder-wf6-BWE8.js";
-import { _ as ze } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
-const ve = We((c, u) => {
-  const l = ue(), s = Qe(), S = de();
-  return u.onError(async (f) => {
-    f.name === "SvcForbiddenError" && (S == null || S.open({
-      title: f.title,
-      message: f.message,
-      type: "error"
-    }));
-  }), {
-    async readStockBalance() {
-      const f = l.currentLocationDBName, r = `${c.inventoryBackendUrl}/${f}/stock-balance`;
-      return await u.get(r);
-    },
-    async readSkuBalance() {
-      var k;
-      const f = l.currentLocationDBName, r = `${c.inventoryBackendUrl}/${f}/sku/balance`;
-      return (((k = s.currentBusiness.value) == null ? void 0 : k.menuVersion) ?? "") === "v3" ? await u.get(r) : await u.get(`${r}?useInventoryDoc=true`);
-    },
-    async readSingleAdjustment(f) {
-      const r = l.currentLocationDBName, m = `${c.inventoryBackendUrl}/${r}/adjustment`;
-      return await u.get(`${m}?adjustmentId=${f}`);
-    },
-    async readStockAdjustment(f, r, m) {
-      const k = l.currentLocationDBName, v = `${c.inventoryBackendUrl}/${k}/sku`;
-      return await u.get(`${v}?skuId=${f}&start=${r}&end=${m}`);
-    },
-    async convertSku(f) {
-      var v;
-      const r = l.currentLocationDBName, m = `${c.inventoryBackendUrl}/${r}/sku/convert`;
-      return (((v = s.currentBusiness.value) == null ? void 0 : v.menuVersion) ?? "") === "v3" ? await u.post(m, f) : await u.post(`${m}?useInventoryDoc=true`, f);
-    },
-    async adjustSku(f) {
-      var v;
-      const r = l.currentLocationDBName, m = `${c.inventoryBackendUrl}/${r}/sku/adjust`;
-      return (((v = s.currentBusiness.value) == null ? void 0 : v.menuVersion) ?? "") === "v3" ? await u.post(m, f) : await u.post(`${m}?useInventoryDoc=true`, f);
-    },
-    recalculation: {
-      getRecalculateAbility() {
-        var k;
-        const r = `business_${(k = s.currentBusiness.value) == null ? void 0 : k._id}`, m = `${c.inventoryBackendUrl}/${r}/stock/operations/recalculate`;
-        return u.get(m);
-      },
-      startRecalculateTask() {
-        var k;
-        const r = `business_${(k = s.currentBusiness.value) == null ? void 0 : k._id}`, m = `${c.inventoryBackendUrl}/${r}/stock/operations/recalculate?refundFromPreviousAdjustment=true`;
-        return u.post(m);
-      }
-    }
-  };
-});
-function Tt() {
-  return {
-    stockBalance: {
-      _id: "",
-      items: []
-    },
-    productBalance: []
-  };
-}
-const _e = T(Tt()), Te = () => {
-  const c = ve();
-  return {
-    // state
-    get stockBalance() {
-      return _e.value.stockBalance;
-    },
-    set stockBalance(u) {
-      _e.value.stockBalance = u;
-    },
-    get productBalance() {
-      return _e.value.productBalance;
-    },
-    set productBalance(u) {
-      _e.value.productBalance = u;
-    },
-    // actions
-    async readStockBalance() {
-      this.stockBalance = await c.readStockBalance();
-    },
-    async readProductBalance() {
-      this.productBalance = await c.readSkuBalance();
-    }
-  };
-};
-var ye = /* @__PURE__ */ ((c) => (c.History = "History", c.Convert = "Convert", c.Adjust = "Adjust", c))(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(c) {
-  const l = `${(ue().currentLocation.name || "").replace(
-    / /g,
-    "_"
-  )}_${pt().format("DD_MM_YYYY_HHmm")}.xlsx`;
-  await ft(
-    [
-      {
-        name: "stock",
-        data: c,
-        columns: [
-          {
-            name: "Code",
-            selector: "code"
-          },
-          {
-            name: "Name",
-            selector: "name"
-          },
-          {
-            name: "Balance",
-            selector: (s) => {
-              const S = ke(s, s.unit);
-              return S.type === "unit" ? he(s.balance, s.unit, null, !1) : he(s.balance, s.unit, S.measurement, !1);
-            }
-          },
-          {
-            name: "Unit",
-            selector: (s) => {
-              var f;
-              const S = ke(s, s.unit);
-              return S.type === "unit" ? s.unit.abbrev : ((f = s.unit.measurements.find((r) => r.id === S.measurement)) == null ? void 0 : f.abbrev) || "";
-            }
-          }
-        ]
-      }
-    ],
-    l
-  );
-}
-function ke(c, u) {
-  const l = localStorage.getItem(`uom:${c._id}`);
-  return l ? l === u._id ? {
-    type: "unit"
-  } : u.measurements.find((s) => s.id === l) ? {
-    type: "measurement",
-    measurement: l
-  } : {
-    type: "unit"
-  } : c.trackingMeasurement && u.measurements.find((s) => s.id === c.trackingMeasurement) ? {
-    type: "measurement",
-    measurement: c.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(c) {
-    function u(v) {
-      return `uom:${v._id}`;
-    }
-    function l(v) {
-      const o = u(s.sku);
-      v ? localStorage.setItem(o, v) : localStorage.setItem(o, s.unit._id), S.value = ke(s.sku, s.unit);
-    }
-    const s = c, S = T(ke(s.sku, s.unit)), f = U(() => {
-      const { measurements: v } = s.unit;
-      return [
-        {
-          label: `${he(s.amount, s.unit)}`,
-          value: null
-        },
-        ...v.map(({ id: o }) => ({
-          label: `${he(s.amount, s.unit, o)}`,
-          value: o
-        }))
-      ];
-    });
-    function r({ value: v }) {
-      return C(S).type === "unit" ? v === null : v === C(S).measurement;
-    }
-    const m = U(
-      () => {
-        var v;
-        return ((v = f.value.find((o) => r(o))) == null ? void 0 : v.label) ?? "";
-      }
-    ), k = T(!1);
-    return (v, o) => {
-      const g = $("FmIcon"), h = $("FmMenuItem"), i = $("FmMenu");
-      return x(), L(i, {
-        "stop-click-propagation": "",
-        onMenuChanged: o[0] || (o[0] = (a) => k.value = a)
-      }, {
-        "menu-button": B(() => [
-          e("button", {
-            type: "button",
-            class: fe([
-              "w-full text-left flex items-center gap-8 cursor-pointer fm-corner-radius-sm px-8 py-4 border bg-white",
-              k.value ? "border-fm-color-primary" : "border-fm-color-neutral-gray-100"
-            ])
-          }, [
-            e("div", Lt, A(m.value), 1),
-            b(g, {
-              class: "text-fm-color-neutral-gray-400",
-              name: "expand_more"
-            })
-          ], 2)
-        ]),
-        default: B(() => [
-          (x(!0), j(ne, null, re(f.value, (a) => (x(), L(h, {
-            key: a.value ?? 0,
-            label: a.label,
-            "model-value": r(a),
-            onClick: (I) => l(a.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(c) {
-    const u = c, l = U(() => typeof u.days != "number" ? "no-info" : u.days > 14 ? "high" : u.days >= 7 && u.days <= 14 ? "mid" : "low");
-    return (s, S) => typeof u.days == "number" ? (x(), j("div", Nt, [
-      e("div", {
-        class: fe([
-          `fm-forecast-notification-${l.value}`,
-          "flex items-center gap-8 p-4 fm-corner-radius-md fm-typo-en-body-md-600"
-        ])
-      }, [
-        e("div", {
-          class: fe([
-            "fm-forecast-notification-indicator",
-            `fm-forecast-notification-indicator-${l.value}`
-          ])
-        }, null, 2),
-        e("div", null, A(u.days) + " days", 1)
-      ], 2)
-    ])) : (x(), j("div", Ot, zt));
-  }
-}), qt = /* @__PURE__ */ e("div", { class: "whitespace-nowrap" }, "Days remaining", -1), Kt = /* @__PURE__ */ oe({
-  __name: "StockHeaderPreview",
-  setup(c) {
-    return (u, l) => (x(), L(vt, null, {
-      default: B(() => [
-        qt
-      ]),
-      _: 1
-    }));
-  }
-});
-function Gt(c) {
-  const u = ue(), l = Te(), s = Ue(), S = T();
-  async function f(h) {
-    const i = {
-      sku: h,
-      show: !0,
-      "onUpdate:show"(a) {
-        S.value.show = a;
-      }
-    };
-    S.value = i;
-  }
-  const r = T();
-  async function m(h) {
-    var R, w, V;
-    if (!!!((w = (R = h.convert) == null ? void 0 : R.inventoryBindings) != null && w.length)) {
-      s.open({
-        title: "Cannot convert stock",
-        message: "Stock is not convertable due to no recipe or ingredient to convert."
-      });
-      return;
-    }
-    const I = {
-      maxCount: ((V = l.productBalance.find(({ id: M }) => M === h._id)) == null ? void 0 : V.count) || 0,
-      sku: h,
-      show: !0,
-      "onUpdate:show"(M) {
-        r.value.show = M;
-      },
-      onSubmitted() {
-        c();
-      }
-    };
-    r.value = I;
-  }
-  const k = T();
-  async function v(h) {
-    const i = {
-      stock: h,
-      show: !0,
-      "onUpdate:show"(a) {
-        k.value.show = a;
-      },
-      onSubmitted() {
-        c();
-      }
-    };
-    k.value = i;
-  }
-  function o(h, i) {
-    const a = je(i);
-    switch (h) {
-      case ye.History:
-        f(a);
-        return;
-      case ye.Convert:
-        m(a);
-        return;
-      case ye.Adjust:
-        v(a);
-        return;
-    }
-  }
-  return {
-    columnDefs: [
-      {
-        accessorKey: "code",
-        header: "Code",
-        enableSorting: !0,
-        size: 300
-      },
-      {
-        accessorKey: "name",
-        header: "Product",
-        enableSorting: !0,
-        size: "auto"
-      },
-      {
-        id: "UOM",
-        header: "Balance",
-        cell(h) {
-          const i = h.row.original, a = {
-            unit: i.unit,
-            sku: i,
-            amount: i.balance,
-            defaultTrackingMeasurement: i.trackingMeasurement ?? void 0
-          };
-          return xe(nt, a);
-        },
-        size: 180
-      },
-      {
-        accessorKey: "day",
-        id: "expireDate",
-        header: () => xe(Kt),
-        enableSorting: !0,
-        sortUndefined: "last",
-        cell(h) {
-          const a = {
-            days: h.row.original.day
-          };
-          return xe(ot, a);
-        },
-        size: 200
-      },
-      {
-        id: "action",
-        cell(h) {
-          var i;
-          return ct(
-            ((i = u._currentLocation) == null ? void 0 : i.type) === "restaurant" ? Pt : Et,
-            (a) => o(a, h.row.original)
-          );
-        },
-        enableSorting: !1,
-        size: 40,
-        meta: {
-          cellClass: "",
-          headerClass: ""
-        }
-      }
-    ],
-    stockHistoryProps: S,
-    convertSkuDialogProps: r,
-    adjustSkuDialogProps: k,
-    showSkuHistory: f
-  };
-}
-const Wt = {
-  context: null,
-  error: null,
-  isRequired(c = "This field is required") {
-    return `${this.context ?? ""}`.length === 0 && (this.error = c), this;
-  },
-  isString(c = "Must be a valid string") {
-    return this.error ? this : (typeof this.context != "string" && (this.error ?? (this.error = c)), this);
-  },
-  toInt() {
-    return this.error ? this : (this.context = +this.context, this);
-  },
-  isInteger(c = "Must be an integer") {
-    return this.error ? this : (this.toInt(), isNaN(this.context) && (this.error = c), this);
-  },
-  min(c, u) {
-    if (this.error) return this;
-    try {
-      typeof this.context == "number" ? +this.context < c && (this.error = u ?? `Must be at least ${c}`) : Object.prototype.hasOwnProperty.call(this.context, "length") ? +this.context.length < c && (this.error = u ?? `Must be at least ${c}`) : this.error = "Length cannot be determined";
-    } catch {
-      this.error = "Length cannot be determined";
-    }
-    return this;
-  },
-  max(c, u) {
-    if (this.error) return this;
-    try {
-      typeof this.context == "number" ? +this.context > c && (this.error = u ?? `Must be at most ${c}`) : "length" in this.context ? +this.context.length > c && (this.error = u ?? `Must be at most ${c}`) : this.error = "Length cannot be determined";
-    } catch {
-      this.error = "Length cannot be determined";
-    }
-    return this;
-  }
-};
-function qe(c) {
-  return { ...Wt, context: c };
-}
-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(c, { expose: u, emit: l }) {
-    const s = c, S = l, f = Mt(), r = Re(), m = ve(), k = de(), v = T(0), o = T(null), g = U(() => r.skus), h = U(
-      () => {
-        var t, n;
-        return (((n = (t = s.sku) == null ? void 0 : t.convert) == null ? void 0 : n.inventoryBindings) ?? []).filter(
-          (p) => p.type === Le.enum.SKU
-        );
-      }
-    ), i = U({
-      get() {
-        return !!o.value;
-      },
-      set(t) {
-        t ? o.value = je(h.value) : (o.value = null, v.value = Math.min(v.value, s.maxCount ?? 0));
-      }
-    }), a = T(!1);
-    ge([() => s.show], ([t]) => {
-      t && (v.value = 0);
-    });
-    function I() {
-      O(s.sku, be(v.value), o.value);
-    }
-    function R(t) {
-      if (o.value)
-        return !0;
-      const n = qe(t).isInteger().max(s.maxCount ?? 0).error ?? "";
-      return n || !0;
-    }
-    function w(t) {
-      var _;
-      const n = (_ = s.sku.convert) != null && _.measurement ? s.sku.unit.measurements.find((F) => {
-        var z;
-        return F.id === ((z = s.sku.convert) == null ? void 0 : z.measurement);
-      }) ?? null : null, p = Be(s.sku.unit, n), d = ht(+t);
-      return qe(d).isInteger().max(p).error ? "Precision cannot be more than " + p : !0;
-    }
-    const V = U(
-      () => {
-        var t, n;
-        return (t = s.sku.convert) != null && t.measurement ? (n = s.sku.unit.measurements.find((p) => {
-          var d;
-          return p.id === ((d = s.sku.convert) == null ? void 0 : d.measurement);
-        })) == null ? void 0 : n.abbrev : s.sku.unit.abbrev;
-      }
-    ), M = U(() => {
-      var p, d, y;
-      const t = (d = (p = s.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 = r.skus.find((me) => me._id === _.id), z = ((ee = _.measurement) == null ? void 0 : ee.abbrev) ?? ((G = F == null ? void 0 : F.unit) == null ? void 0 : G.abbrev), K = (ae = s.sku.convert) != null && ae.measurement ? s.sku.unit.measurements.find((me) => {
-          var He;
-          return me.id === ((He = s.sku.convert) == null ? void 0 : He.measurement);
-        }) ?? null : null, le = Be(s.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((me) => me.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: z
-        };
-      });
-    }), H = T();
-    u({
-      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 = Ie(s, "show");
-    async function O(t, n, p) {
-      a.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
-                }
-              }))
-            }
-          ]
-        }), S("update:show", !1), S("submitted");
-      } catch (d) {
-        k.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 {
-        a.value = !1;
-      }
-    }
-    function Y(t, n, p) {
-      const d = +n;
-      let y = p;
-      n.length > 0 && isFinite(d) ? y = p.map((_) => (_.id !== t || (_.amount = pe(d)), _)) : y = p.map((_) => (_.id !== t || (_.amount = { amount: 0, precision: 0 }), _)), o.value = y;
-    }
-    function N(t) {
-      const n = g.value.find((p) => p._id === t);
-      return n ? tt(n.unit, !0) : [];
-    }
-    function J(t, n) {
-      const p = N(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 = g.value.find((_) => _._id === t);
-        d = p.map((_) => {
-          var F, z;
-          return _.id !== t || (_.measurement = (z = (F = y == null ? void 0 : y.unit) == null ? void 0 : F.measurements) == null ? void 0 : z.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,
-        s.sku._id
-      );
-    }
-    return ge(
-      () => s.show,
-      (t) => {
-        t || (o.value = null, v.value = 0);
-      }
-    ), (t, n) => {
-      const p = $("FmTextField"), d = $("FmForm"), y = $("FmCard"), _ = $("FmSwitch"), F = $("FmFormGroup"), z = $("FmSelect"), K = $("FmButton"), le = $("FmSideSheet");
-      return x(), L(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, [
-            b(d, {
-              ref_key: "formRef",
-              ref: H,
-              onValidationSuccess: I
-            }, {
-              default: B(() => [
-                b(p, {
-                  disabled: a.value,
-                  "model-value": v.value,
-                  "onUpdate:modelValue": n[0] || (n[0] = (D) => v.value = D),
-                  label: "Amount",
-                  rules: [R, 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),
-            b(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
-            }),
-            b(y, { variant: "outlined" }, {
-              default: B(() => [
-                e("div", on, [
-                  b(_, {
-                    value: "",
-                    modelValue: i.value,
-                    "onUpdate:modelValue": n[1] || (n[1] = (D) => i.value = D),
-                    label: "Override deduction",
-                    "label-placement": "right"
-                  }, null, 8, ["modelValue"]),
-                  i.value ? (x(), j(ne, { key: 0 }, [
-                    b(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(), L(F, {
-                        key: D.id,
-                        disabled: a.value,
-                        modelValue: +C(ie)(D.amount ?? { amount: 1, precision: 0 }),
-                        rules: [
-                          C(Vt)(
-                            g.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 = g.value.find((ae) => ae._id === D.id)) == null ? void 0 : q.name), 1),
-                              b(p, {
-                                class: "xs:col-span-2",
-                                disabled: a.value,
-                                modelValue: +C(ie)(
-                                  D.amount ?? { amount: 1, precision: 0 }
-                                ),
-                                "onUpdate:modelValue": (ae) => Y(D.id, ae, o.value ?? []),
-                                invalid: E
-                              }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"]),
-                              b(z, {
-                                disabled: a.value,
-                                class: "translate-y-[2px]",
-                                items: N(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"]),
-                              b(K, {
-                                disabled: a.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, [
-                      b(K, {
-                        icon: "link",
-                        label: "Link ingredient",
-                        variant: "plain",
-                        onClick: X
-                      })
-                    ])
-                  ], 64)) : Z("", !0)
-                ])
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        "side-sheet-footer": B(() => [
-          e("div", un, [
-            b(K, {
-              loading: a.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(c, u) {
-  const l = be(c, u);
-  return { ...l, amount: -l.amount };
-}
-function Ke(c, u) {
-  return be(Math.abs(c), u);
-}
-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(c, { emit: u }) {
-    const l = c, s = u, S = U(
-      () => Object.keys(Ce).map((o) => ({
-        label: rt(o),
-        value: o
-      }))
-    ), f = U(() => tt(l.modelValue.doc.unit, !0)), r = U({
-      get() {
-        return l.modelValue.type ?? te.enum.PURCHASE;
-      },
-      set(o) {
-        const g = {
-          ...l.modelValue
-        };
-        g.type = o;
-        const h = Ye(l.modelValue.amount);
-        g.amount = Ce[g.type].toAdjustmentAmount(
-          +ie(h),
-          h.precision
-        ), s("update:modelValue", g);
-      }
-    }), m = U({
-      get() {
-        const o = Ye(l.modelValue.amount);
-        return +ie(o);
-      },
-      set(o) {
-        const g = {
-          ...l.modelValue
-        }, h = pe(o);
-        g.amount = Ce[r.value].toAdjustmentAmount(
-          o,
-          h.precision
-        ), s("update:modelValue", g);
-      }
-    }), k = U({
-      get() {
-        var o;
-        return ((o = l.modelValue.measurement) == null ? void 0 : o.id) ?? null;
-      },
-      set(o) {
-        var h, i;
-        const g = {
-          ...l.modelValue
-        };
-        g.measurement = ((i = (h = l.modelValue.doc.unit) == null ? void 0 : h.measurements) == null ? void 0 : i.find((a) => a.id === o)) ?? null, s("update:modelValue", g);
-      }
-    }), v = U({
-      get() {
-        return l.modelValue.remark ?? "";
-      },
-      set(o) {
-        const g = {
-          ...l.modelValue
-        };
-        g.remark = o, s("update:modelValue", g);
-      }
-    });
-    return (o, g) => {
-      const h = $("FmButton"), i = $("FmSelect"), a = $("FmTextarea"), I = $("FmCard");
-      return x(), L(I, {
-        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),
-            b(h, {
-              variant: "tertiary",
-              "prepend-icon": "delete",
-              onClick: g[0] || (g[0] = (R) => s("click:delete"))
-            })
-          ]),
-          b(i, {
-            disabled: o.disabled,
-            class: "col-span-2",
-            label: "Type",
-            items: S.value,
-            modelValue: r.value,
-            "onUpdate:modelValue": g[1] || (g[1] = (R) => r.value = R),
-            rules: [C(Dt)()],
-            "label-mark": "required"
-          }, null, 8, ["disabled", "items", "modelValue", "rules"]),
-          b(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": g[2] || (g[2] = (R) => m.value = R),
-            rules: [C(Ve)(0)]
-          }, null, 8, ["disabled", "step", "modelValue", "rules"]),
-          b(i, {
-            disabled: o.disabled,
-            label: "Unit",
-            items: f.value,
-            modelValue: k.value,
-            "onUpdate:modelValue": g[3] || (g[3] = (R) => k.value = R)
-          }, null, 8, ["disabled", "items", "modelValue"]),
-          b(a, {
-            class: "col-span-2",
-            disabled: o.disabled,
-            label: "Remark",
-            modelValue: v.value,
-            "onUpdate:modelValue": g[4] || (g[4] = (R) => v.value = R),
-            "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(c, { expose: u, emit: l }) {
-    const s = c, S = l, f = Re(), r = Ue(), m = ve(), k = de(), v = T(!1);
-    function o() {
-      a(je(i));
-    }
-    const g = T();
-    u({
-      validateInputs: () => {
-        var w, V;
-        (V = (w = g.value) == null ? void 0 : w.validateInputs) == null || V.call(w);
-      },
-      resetInputsValidation: () => {
-        var w, V;
-        (V = (w = g.value) == null ? void 0 : w.resetInputsValidation) == null || V.call(w);
-      },
-      resetInputs: () => {
-        var w, V;
-        (V = (w = g.value) == null ? void 0 : w.resetInputs) == null || V.call(w);
-      }
-    });
-    const h = Ie(s, "show"), i = st({
-      remark: "",
-      adjustments: [
-        {
-          id: `sku_${(/* @__PURE__ */ new Date()).toISOString()}_${Math.random().toString(16).slice(2, 8)}`,
-          type: te.enum.PURCHASE,
-          doc: s.stock,
-          measurement: null,
-          remark: "",
-          amount: pe(1)
-        }
-      ]
-    });
-    ge([() => s.show], ([w]) => {
-      w && (i.remark = "", i.adjustments = [
-        {
-          id: `sku_${(/* @__PURE__ */ new Date()).toISOString()}_${Math.random().toString(16).slice(2, 8)}`,
-          type: te.enum.PURCHASE,
-          doc: s.stock,
-          measurement: null,
-          remark: "",
-          amount: pe(1)
-        }
-      ]);
-    });
-    async function a(w) {
-      v.value = !0;
-      try {
-        await m.adjustSku({
-          remark: w.remark,
-          adjustments: w.adjustments.map(({ doc: V, remark: M, type: H, amount: P, measurement: O }) => ({
-            id: V._id,
-            amount: P,
-            measurement: O,
-            remark: M,
-            doc: V,
-            type: H
-          }))
-        }), S("update:show", !1), S("submitted");
-      } catch (V) {
-        k.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 I() {
-      const w = f.skus.map((M) => ({
-        label: M.name,
-        sublabel: M.code,
-        value: M._id
-      })), V = w.filter((M) => i.adjustments.find((H) => H.doc._id === M.value)).map((M) => M.value);
-      r.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) => {
-        i.adjustments = M.map(
-          (H) => i.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: pe(1)
-          }
-        );
-      });
-    }
-    function R(w) {
-      i.adjustments.splice(w, 1);
-    }
-    return (w, V) => {
-      const M = $("FmTextarea"), H = $("FmButton"), P = $("FmForm"), O = $("FmSideSheet");
-      return x(), L(O, {
-        modelValue: C(h),
-        "onUpdate:modelValue": V[2] || (V[2] = (Y) => De(h) ? h.value = Y : null),
-        "dismiss-away": "",
-        "max-width": 500
-      }, {
-        "side-sheet-header": B(() => [
-          fn
-        ]),
-        default: B(() => [
-          b(P, {
-            class: "w-full flex flex-col gap-12",
-            ref_key: "formRef",
-            ref: g,
-            onValidationSuccess: o
-          }, {
-            default: B(() => [
-              b(M, {
-                label: "Remark",
-                modelValue: i.remark,
-                "onUpdate:modelValue": V[0] || (V[0] = (Y) => i.remark = Y)
-              }, null, 8, ["modelValue"]),
-              e("div", vn, [
-                _n,
-                b(H, {
-                  "prepend-icon": "add",
-                  variant: "tertiary",
-                  size: "md",
-                  onClick: I
-                })
-              ]),
-              (x(!0), j(ne, null, re(i.adjustments, (Y, N) => (x(), L(pn, {
-                key: Y.id,
-                modelValue: i.adjustments[N],
-                "onUpdate:modelValue": (J) => i.adjustments[N] = J,
-                "onClick:delete": (J) => R(N)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "onClick:delete"]))), 128))
-            ]),
-            _: 1
-          }, 512)
-        ]),
-        "side-sheet-footer": B(() => [
-          e("div", yn, [
-            b(H, {
-              label: "Adjust",
-              loading: v.value,
-              onClick: V[1] || (V[1] = (Y) => {
-                var N, J;
-                return (J = (N = g.value) == null ? void 0 : N.validateInputs) == null ? void 0 : J.call(N);
-              })
-            }, null, 8, ["loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), hn = We((c, u) => ({
-  // TODO: remove once latest inventory backend has been push
-  async findBillsByBusinessId(l, s, S) {
-    const f = `${c.businessesBackendUrl}/${l}/reports/find-many`, r = {
-      //   type: TYPE.bill,
-      type: "bill",
-      restaurantIds: s,
-      ids: S
-    };
-    return await u.post(f, r);
-  },
-  async findBillsById(l) {
-    const S = ue().currentLocationDBName, f = `${c.inventoryBackendUrl}/${S}/bill/search`, r = {
-      ids: l
-    };
-    return await u.post(f, r);
-  }
-})), 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(c) {
-    const u = c, l = T(!1), s = T(), S = T(null), f = U(() => S.value === null ? "unset" : l.value ? `${S.value}px` : "0px");
-    Me(() => {
-      var k;
-      S.value = ((k = s.value) == null ? void 0 : k.scrollHeight) || 0;
-    });
-    const r = U(() => {
-      var i;
-      const k = u.record.adjustments, v = u.sku, o = {}, h = k.flatMap((a) => {
-        var I;
-        return ((I = a.skus) == null ? void 0 : I.filter((R) => R.sku._id === v._id)) ?? [];
-      }).flatMap((a) => a.amounts);
-      for (const a of h) {
-        const I = a.measurement ? bt(a.measurement.conversion, a.amount) : a.amount;
-        o[i = a.type] ?? (o[i] = { amount: 0, precision: 0 }), o[a.type] = Ze(I, o[a.type]);
-      }
-      return Object.entries(o).reduce(
-        (a, [I, R]) => (a[I] = /// comment, because without it formatter makes code uglier
-        `${W.toFormatString({
-          value: R,
-          precision: 4
-        })} ${v.unit.abbrev}`, a),
-        {}
-      );
-    }), m = U(() => u.record.adjustmentsByTime.map(({ date: k, adjustments: v }) => ({
-      time: kt(new Date(k)),
-      adjustments: v.flatMap(
-        (o) => {
-          var g, h;
-          return ((h = (g = o.skus) == null ? void 0 : g.map) == null ? void 0 : h.call(g, (i) => ({
-            ...i,
-            ref: o.ref,
-            backdateFrom: o.effectiveAt != null ? Xe(o._id) : null
-          }))) ?? [];
-        }
-      ).flatMap((o) => {
-        var i;
-        const g = (i = u.bills.find((a) => a._id === o.ref)) == null ? void 0 : i.seqNumber, h = g ? `Bill ${g}` : "";
-        return o.amounts.map((a) => {
-          var I;
-          return {
-            amount: `${W.toFormatString({ value: a.amount, precision: 4 })} ${((I = a.measurement) == null ? void 0 : I.abbrev) ?? o.sku.unit.abbrev}`,
-            backdateFrom: o.backdateFrom,
-            name: a.type,
-            remark: a.remark || h || "",
-            cost: a.cost
-          };
-        });
-      })
-    })));
-    return (k, v) => {
-      const o = $("FmIcon"), g = $("FmTooltip"), h = $("FmCard");
-      return x(), L(h, { variant: "outlined" }, {
-        default: B(() => [
-          e("div", bn, [
-            e("div", {
-              class: "flex items-center cursor-pointer mb-1",
-              onClick: v[0] || (v[0] = (i) => l.value = !l.value)
-            }, [
-              e("div", kn, A(k.record.date), 1),
-              b(o, {
-                name: l.value ? "expand_more" : "expand_less",
-                color: "#777777",
-                size: "md"
-              }, null, 8, ["name"])
-            ]),
-            (x(!0), j(ne, null, re(r.value, (i, a) => (x(), j("div", {
-              key: a,
-              class: "flex flex-row py-1",
-              style: { "font-size": "0.8rem" }
-            }, [
-              e("div", xn, A(a), 1),
-              e("div", {
-                class: fe({
-                  "text-fm-color-typo-error": i.startsWith("-"),
-                  "text-fm-color-typo-success": !i.startsWith("-"),
-                  "ml-auto": !0
-                })
-              }, A(i), 3)
-            ]))), 128)),
-            e("div", {
-              ref_key: "detailRef",
-              ref: s,
-              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, (i) => (x(), j("div", {
-                key: i.time,
-                class: "flex gap-1 w-full"
-              }, [
-                e("div", $n, A(i.time), 1),
-                e("div", wn, [
-                  (x(!0), j(ne, null, re(i.adjustments, (a) => (x(), j("div", {
-                    key: a.name,
-                    class: "flex gap-1"
-                  }, [
-                    e("div", Fn, [
-                      ce(A(a.name) + " ", 1),
-                      a.backdateFrom ? (x(), L(g, {
-                        key: 0,
-                        variant: "plain",
-                        placement: "top",
-                        "z-index": 50
-                      }, {
-                        content: B(() => [
-                          e("div", Cn, " Backdate from " + A(C(et)(new Date(a.backdateFrom))), 1)
-                        ]),
-                        default: B(() => [
-                          b(o, {
-                            name: "info",
-                            size: "sm",
-                            color: "primary"
-                          })
-                        ]),
-                        _: 2
-                      }, 1024)) : Z("", !0),
-                      a.remark ? (x(), j("span", Bn, " # " + A(a.remark), 1)) : Z("", !0)
-                    ]),
-                    e("div", {
-                      class: fe({
-                        "text-fm-color-typo-error": a.amount.startsWith("-"),
-                        "text-fm-color-typo-success": !a.amount.startsWith("-"),
-                        "ml-auto": !0
-                      })
-                    }, A(a.amount), 3),
-                    a.cost ? (x(), j("div", An, " (" + A(C(Ae)(a.cost, !1, a.cost.precision)) + ") ", 1)) : Z("", !0)
-                  ]))), 128))
-                ])
-              ]))), 128))
-            ], 4)
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-function Dn(c, u) {
-  var f;
-  const l = Object.keys(te.enum).reduce(
-    (r, m) => (r[m] = { amount: 0, precision: 0 }, r),
-    {}
-  );
-  if (!u)
-    return Object.entries(l).reduce(
-      (r, [m]) => (r[m] = W.fromNumber(0), r),
-      {}
-    );
-  const S = c.flatMap((r) => {
-    var m;
-    return ((m = r.skus) == null ? void 0 : m.filter((k) => k.sku._id === u._id)) ?? [];
-  }).flatMap((r) => r.amounts);
-  for (const r of S) {
-    const m = r.measurement ? W.multiply([r.measurement.conversion, r.amount]) : r.amount;
-    l[f = r.type] ?? (l[f] = { amount: 0, precision: 0 }), l[r.type] = W.add([m, l[r.type]]);
-  }
-  return Object.entries(l).reduce(
-    (r, [m, k]) => {
-      const v = {
-        ...k,
-        amount: Math.abs(k.amount)
-      };
-      return r[m] = /// comment, because without it formatter makes code uglier
-      `${W.toFormatString({
-        value: v,
-        precision: 4
-      })} ${u.unit.abbrev}`, r;
-    },
-    {}
-  );
-}
-function Mn(c, u) {
-  if (!u)
-    return null;
-  let l = null;
-  const S = c.flatMap((f) => {
-    var r;
-    return ((r = f.skus) == null ? void 0 : r.filter((m) => m.sku._id === u._id)) ?? [];
-  }).flatMap((f) => {
-    var r;
-    return !f.history || ((r = f.history) == null ? void 0 : r.length) === 0 ? [] : f.history[0];
-  });
-  for (const f of S) {
-    const r = f.amounts;
-    for (const m of r) {
-      if (m.type !== te.Enum.SALES)
-        continue;
-      const k = m.measurement ? W.multiply([m.measurement.conversion, m.amount]) : m.amount;
-      l ?? (l = W.fromNumber(0)), l = W.add([l, k]);
-    }
-  }
-  return l != null ? (l.amount = Math.abs(l.amount), `${W.toFormatString({
-    value: l,
-    precision: 4
-  })} ${u.unit.abbrev}`) : null;
-}
-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" }, In = { class: "flex items-center relative gap-4" }, Tn = { class: "flex-1" }, Pn = {
-  key: 0,
-  class: "flex-1 flex flex-col items-center gap-16"
-}, 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(c) {
-    const u = Qe(), l = Te(), s = ve(), S = hn(), f = ue(), r = it(), m = c, k = T(!1), v = de(), o = T(Ut(0));
-    async function g() {
-      k.value = !0;
-      try {
-        await w(), await l.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 {
-        k.value = !1;
-      }
-    }
-    Me(() => {
-      g();
-    }), ge([() => o.value, () => m.sku], () => {
-      g();
-    });
-    const h = T([]), i = T([]), a = T(new Array());
-    function I(t, n) {
-      return n === "day" ? Ct(t) : et(t);
-    }
-    function R(t, n) {
-      const p = t.reduce(
-        (d, y) => {
-          const _ = y.effectiveAt ?? Xe(y._id);
-          if (!_)
-            return d;
-          const F = I(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 s.readStockAdjustment(
-        m.sku._id,
-        St(new Date(o.value.startDate)).toISOString(),
-        $t(new Date(o.value.endDate)).toISOString()
-      );
-      h.value = t;
-      const n = t.filter(({ ref: p }) => p == null ? void 0 : p.startsWith("bill_")).map(({ ref: p }) => p);
-      await V(n), i.value = R(t, "day").map(({ date: p, adjustments: d }) => ({
-        date: p,
-        adjustments: d,
-        adjustmentsByTime: R(d, "minute")
-      }));
-    }
-    async function V(t) {
-      t.length && (a.value = await S.findBillsById(t).catch((n) => {
-        var y;
-        console.error("Error on using latest bill API, retrying using legacy api", n);
-        const p = ((y = u.currentBusiness.value) == null ? void 0 : y._id) ?? "", d = f.currentLocation.doc._id;
-        return S.findBillsByBusinessId(p, [d], t);
-      }));
-    }
-    const M = U(() => {
-      const t = h.value, n = m.sku;
-      return Dn(t, n);
-    }), H = U(() => {
-      const t = h.value, n = m.sku;
-      return Mn(t, n);
-    }), P = U(() => {
-      const t = [...h.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}` : "";
-    }), O = U(() => {
-      const t = [...h.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 Y(t) {
-      switch (t) {
-        case we.MY:
-          return "MYR";
-        case we.SG:
-          return "SGD";
-        case we.ID:
-          return "IDR";
-        default:
-          return "MYR";
-      }
-    }
-    const N = U(() => {
-      var p;
-      const n = h.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: Y(((p = u.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 = U(() => {
-      var p;
-      const t = [...h.value].reverse().computeFirst((d) => {
-        var _, F;
-        const y = (F = (_ = d.skus) == null ? void 0 : _.find) == null ? void 0 : F.call(_, (z) => z.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: Y(((p = u.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 = Ie(m, "show");
-    return (t, n) => {
-      const p = $("FmButton"), d = $("FmField"), y = $("FmDateRangePicker"), _ = $("FmSpacer"), F = $("FmCircularProgress"), z = $("FmIcon"), K = $("FmTooltip"), le = $("FmMenuDivider"), D = $("FmCardSection"), E = $("FmCard"), q = $("FmSideSheet");
-      return x(), L(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),
-            b(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", In, [
-                e("div", Tn, [
-                  b(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 }) => [
-                      b(d, {
-                        "prepend-icon": "calendar_month",
-                        focused: G
-                      }, {
-                        default: B(() => [
-                          ce(A(o.value.startDate) + " - " + A(o.value.endDate), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["focused"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ]),
-                b(p, {
-                  variant: "tertiary",
-                  onClick: n[2] || (n[2] = (G) => J()),
-                  "prepend-icon": "navigate_before"
-                }),
-                b(p, {
-                  variant: "tertiary",
-                  onClick: n[3] || (n[3] = (G) => se()),
-                  "prepend-icon": "navigate_next"
-                })
-              ]),
-              k.value ? (x(), j("div", Pn, [
-                b(_),
-                b(F, { size: "xl" }),
-                En,
-                b(_),
-                b(_)
-              ])) : i.value && ((ee = i.value) == null ? void 0 : ee.length) > 0 ? (x(), j("div", Hn, [
-                b(E, { variant: "outlined" }, {
-                  default: B(() => [
-                    b(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, [
-                              ce(" Total sales  "),
-                              H.value != null ? (x(), L(K, {
-                                key: 0,
-                                variant: "plain",
-                                placement: "top",
-                                content: `Before: ${H.value}`,
-                                "z-index": 50
-                              }, {
-                                default: B(() => [
-                                  b(z, {
-                                    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(O.value), 1)
-                          ])
-                        ]),
-                        C(r).enableTotalCost ? (x(), j("div", yo, [
-                          b(le, { class: "w-full" }),
-                          e("div", go, [
-                            e("div", ho, [
-                              b(ze, { "z-index": 50 }, {
-                                default: B(() => [
-                                  e("div", bo, [
-                                    ce(" Estimated value "),
-                                    b(K, {
-                                      variant: "plain",
-                                      placement: "top",
-                                      content: "Estimated value is calculated starting from last closing value.",
-                                      "z-index": 50
-                                    }, {
-                                      default: B(() => [
-                                        b(z, {
-                                          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, [
-                              b(ze, { "z-index": 50 }, {
-                                default: B(() => [
-                                  e("div", So, [
-                                    $o,
-                                    b(K, {
-                                      variant: "plain",
-                                      placement: "top",
-                                      "z-index": 50
-                                    }, {
-                                      content: B(() => [
-                                        wo
-                                      ]),
-                                      default: B(() => [
-                                        b(z, {
-                                          name: "help",
-                                          size: "sm"
-                                        })
-                                      ]),
-                                      _: 1
-                                    })
-                                  ])
-                                ]),
-                                _: 1
-                              }),
-                              e("div", Fo, A(N.value), 1)
-                            ])
-                          ])
-                        ])) : Z("", !0)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                Co,
-                (x(!0), j(ne, null, re(i.value, (G) => (x(), j(ne, {
-                  key: G.date
-                }, [
-                  t.sku ? (x(), L(Vn, {
-                    key: 0,
-                    record: G,
-                    sku: t.sku,
-                    bills: a.value
-                  }, null, 8, ["record", "sku", "bills"])) : Z("", !0)
-                ], 64))), 128))
-              ])) : (x(), j("div", Bo, [
-                b(_),
-                e("div", null, [
-                  e("img", {
-                    src: C(It),
-                    alt: "List is empty"
-                  }, null, 8, Ao)
-                ]),
-                Vo,
-                Do,
-                b(_),
-                b(_)
-              ]))
-            ])
-          ];
-        }),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), jo = { class: "flex flex-col gap-24" }, Ro = { key: 0 }, Uo = { key: 0 }, Io = { class: "flex items-center gap-8" }, To = /* @__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(c, { emit: u }) {
-    const l = u, s = ue(), S = ve(), f = U(() => {
-      var i;
-      return ((i = s == null ? void 0 : s._currentLocation) == null ? void 0 : i.type) === Je.restaurant;
-    }), r = T(null), m = T(!1), k = T(""), v = de(), o = T(null);
-    Me(g);
-    async function g() {
-      r.value = !0;
-      try {
-        const [i] = await Promise.all([
-          S.recalculation.getRecalculateAbility(),
-          new Promise((a) => setTimeout(a, 1e3))
-        ]);
-        m.value = i.canRecalculate, k.value = i.reason ?? "", o.value = i.lastClosing ? new Date(i.lastClosing) : null;
-      } catch {
-        v.open({
-          type: "error",
-          title: "Unable to fetch recalculate ability",
-          message: "Please try again later."
-        }), k.value = "Something went wrong.";
-      } finally {
-        r.value = !1;
-      }
-    }
-    function h() {
-      l("close"), v.open({
-        title: "Request submitted",
-        message: "Please wait for 15 minutes for all the changes to be reflected."
-      }), S.recalculation.startRecalculateTask();
-    }
-    return (i, a) => {
-      const I = $("FmCircularProgress"), R = $("FmButton");
-      return x(), j("div", jo, [
-        f.value ? (x(), j("div", Ro, [
-          r.value === null || r.value === !0 ? (x(), j("div", Uo, [
-            e("div", Io, [
-              e("div", null, [
-                b(I, { size: "lg" })
-              ]),
-              To
-            ])
-          ])) : m.value ? (x(), j("div", Eo, [
-            e("div", Ho, [
-              e("div", Lo, [
-                ce(" Last closing was at: "),
-                e("span", No, A(C(Bt)(o.value)), 1),
-                ce(". You may submit a recalculation task to the backend for all adjustments after this date. ")
-              ]),
-              Oo
-            ])
-          ])) : (x(), j("div", Po, A(k.value), 1))
-        ])) : (x(), j("div", Yo, "Cannot recalculate adjustment history on a non-restaurant outlet.")),
-        e("div", zo, [
-          m.value ? (x(), L(R, {
-            key: 0,
-            label: "Submit",
-            onClick: h
-          })) : Z("", !0),
-          b(R, {
-            variant: "tertiary",
-            label: "Close",
-            onClick: a[0] || (a[0] = (w) => l("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(c) {
-    const u = Re(), l = ue(), s = Te(), S = _t(), {
-      columnDefs: f,
-      stockHistoryProps: r,
-      convertSkuDialogProps: m,
-      adjustSkuDialogProps: k,
-      showSkuHistory: v
-    } = Gt(i);
-    l.watchLocation(i);
-    const o = T(!1), g = de(), h = Ue();
-    async function i() {
-      if (l._currentLocation) {
-        o.value = !0;
-        try {
-          await s.readStockBalance(), await s.readProductBalance(), await S.readStockEstimateBalance();
-        } catch {
-          g.open({
-            title: "Something went wrong",
-            message: "Please refresh the page to retry.",
-            type: "error"
-          });
-        } finally {
-          o.value = !1;
-        }
-      }
-    }
-    const a = U(
-      () => u.skus.map((P) => {
-        var Q, se, X;
-        const O = P.trackingMeasurement;
-        let Y = (se = (Q = s.stockBalance.skus) == null ? void 0 : Q.find(
-          (t) => t.id === P._id
-        )) == null ? void 0 : se.balance, N = S.inventoryForecast.skus.find(
-          (t) => t.id === P._id
-        );
-        return {
-          ...P,
-          balance: Y ?? {
-            amount: 0,
-            precision: 0
-          },
-          day: (N == null ? void 0 : N.depletionDays) ?? void 0,
-          trackingUnitAbbrev: O ? ((X = P.unit.measurements.find((t) => t.id === O)) == null ? void 0 : X.abbrev) ?? "" : P.unit.abbrev
-        };
-      })
-    ), I = T(""), { breakpoints: R } = ut(), w = U(() => R.value.xs || R.value.sm ? 10 : 20), V = mt(), M = U(() => {
-      var Y;
-      const P = [{ label: "Export", icon: "ios_share", key: "export" }];
-      return ((Y = l._currentLocation) == null ? void 0 : Y.type) === Je.restaurant ? [
-        {
-          label: "Refresh",
-          icon: "refresh",
-          key: "refresh"
-        },
-        {
-          label: "Recalculate",
-          icon: "calculate",
-          key: "recalculate"
-        },
-        ...P
-      ] : P;
-    });
-    function H() {
-      h.open({
-        title: "Recalculate stock",
-        contentComponent: qo,
-        contentComponentProps: {
-          onClose() {
-            h.close();
-          }
-        },
-        overlay: !0,
-        dismissAway: !0
-      });
-    }
-    return (P, O) => {
-      const Y = $("FmTableToolbar"), N = $("FmMenuDivider"), J = $("FmTable");
-      return x(), L(lt, { title: "Stock" }, {
-        default: B(() => {
-          var Q, se, X, t;
-          return [
-            e("div", Ko, [
-              e("div", Go, [
-                e("div", Wo, [
-                  b(yt)
-                ]),
-                e("div", Jo, [
-                  b(Y, {
-                    searchable: "",
-                    "search-model": I.value,
-                    "onUpdate:searchModel": O[0] || (O[0] = (n) => I.value = n),
-                    actions: M.value,
-                    "onClick:actionExport": O[1] || (O[1] = (n) => C(Ht)(a.value)),
-                    "onClick:actionRefresh": i,
-                    "onClick:actionRecalculate": H
-                  }, null, 8, ["search-model", "actions"]),
-                  b(N, { class: "hidden xs:block" })
-                ])
-              ]),
-              (x(), L(J, {
-                style: Ge(C(V).tableHeight),
-                "column-defs": C(f),
-                "row-data": a.value,
-                "search-value": I.value,
-                loading: o.value || !C(l)._currentLocation,
-                key: (Q = C(l)._currentLocation) == null ? void 0 : Q.dbName,
-                onRowClick: O[2] || (O[2] = (n) => C(v)(n.original)),
-                "page-size": w.value
-              }, {
-                "list-row": B((n) => [
-                  b(dt, {
-                    row: n,
-                    onRowClick: C(v)
-                  }, {
-                    default: B((p) => {
-                      var d, y, _, F, z, K, le, D, E, q;
-                      return [
-                        e("div", Qo, [
-                          e("div", Xo, [
-                            e("div", Zo, [
-                              b(C(Oe), {
-                                render: (_ = (y = (d = p.code) == null ? void 0 : d.column) == null ? void 0 : y.columnDef) == null ? void 0 : _.cell,
-                                props: (z = (F = p.code) == null ? void 0 : F.getContext) == null ? void 0 : z.call(F)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            e("div", es, [
-                              b(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, [
-                            b(ot, {
-                              days: n.original.day
-                            }, null, 8, ["days"])
-                          ]),
-                          e("div", null, [
-                            b(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(), L(at, { to: "body" }, [
-              (se = C(r)) != null && se.sku ? (x(), L(Mo, Se($e({ key: 0 }, C(r))), null, 16)) : Z("", !0),
-              (X = C(m)) != null && X.sku ? (x(), L(cn, Se($e({ key: 1 }, C(m))), null, 16)) : Z("", !0),
-              (t = C(k)) != null && t.stock ? (x(), L(gn, Se($e({ key: 2 }, C(k))), null, 16)) : Z("", !0)
-            ]))
-          ];
-        }),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  bs as default
-};