@feedmepos/mf-inventory-portal 0.0.7-dev.2 → 0.0.7-dev.3

package/dist/StockView-DL1LSMJR.js

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