@feedmepos/mf-inventory-portal 0.0.5 → 0.0.7-dev.1

package/dist/StockView-DLWMp_I5.js

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