@feedmepos/mf-inventory-portal 0.0.25-dev.5 → 0.0.25-dev.51

package/dist/FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js

@@ -0,0 +1,34 @@
+import { defineComponent as m, computed as a, openBlock as p, createElementBlock as d, createElementVNode as c, createVNode as f, unref as l, isRef as v, createCommentVNode as y } from "vue";
+import { useProxiedModel as V } from "@feedmepos/ui-library";
+import { useCoreStore as g, CustomAttributesForm as C } from "@feedmepos/mf-common";
+const S = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, x = /* @__PURE__ */ m({
+  __name: "FmCustomAttribute",
+  props: {
+    entity: {},
+    modelValue: {},
+    valueOptions: {}
+  },
+  setup(s) {
+    const r = s, o = V(r, "modelValue"), u = g(), i = a(() => {
+      var t, e;
+      return ((e = (t = u.currentBusiness.value) == null ? void 0 : t.attributeSettings) == null ? void 0 : e.filter(
+        (n) => String(n.entity) === String(r.entity)
+      )) || [];
+    });
+    return (t, e) => i.value.length ? (p(), d("div", S, [
+      e[1] || (e[1] = c("div", { class: "fm-typo-en-title-sm-600" }, "Custom attributes", -1)),
+      f(l(C), {
+        entity: t.entity,
+        modelValue: l(o),
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => v(o) ? o.value = n : null),
+        "value-options": t.valueOptions
+      }, null, 8, ["entity", "modelValue", "value-options"])
+    ])) : y("", !0);
+  }
+});
+export {
+  x as _
+};

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-BMFxe5xn.js

@@ -0,0 +1,211 @@
+import { i as T, t as R, as as w, u as B, ax as E, aI as H, aJ as z, aK as U } from "./app-BoT0hU4y.js";
+import { u as D } from "./supplier-BY8xacQQ.js";
+import { P as F } from "./format-unit-display-D6lsq-iX.js";
+import { computed as f, defineComponent as x, mergeModels as j, useModel as q, ref as W, resolveComponent as V, openBlock as S, createElementBlock as I, normalizeStyle as $, createElementVNode as N, createVNode as J, withCtx as K, createBlock as g, createCommentVNode as O, Fragment as Q, renderList as X, unref as M } from "vue";
+function Y(t, i, a) {
+  var s;
+  if (!!i.measurement === !!a && ((s = i.measurement) == null ? void 0 : s.id) === a)
+    return i;
+  if (!a)
+    return {
+      costPerUnit: i.costPerUnit
+    };
+  const o = t.measurements.find((p) => p.id === a);
+  return o ? {
+    costPerUnit: i.costPerUnit,
+    measurement: o
+  } : {
+    costPerUnit: i.costPerUnit
+  };
+}
+function se(t, i, a, l) {
+  var P, _, n;
+  if (l != null && l.manualTotalCost)
+    return l == null ? void 0 : l.manualTotalCost;
+  const u = (n = (_ = (P = l == null ? void 0 : l.supplier) == null ? void 0 : P.supplyItems) == null ? void 0 : _.find(
+    (e) => e.skuId === t._id
+  )) == null ? void 0 : n.defaultCost, o = t.defaultCost ? Y(t.unit, t.defaultCost, t.trackingMeasurement) : void 0, s = u ?? o, p = s == null ? void 0 : s.costPerUnit, y = p ? s != null && s.measurement ? +T(p) / +T(s == null ? void 0 : s.measurement.conversion) : +T(p) : void 0, v = y ? a ? y * +T(a.conversion) : y : void 0, h = v ? +T(i) * v : void 0;
+  return h ? {
+    ...R(h ?? 0, 2),
+    currency: w()
+  } : {
+    amount: 0,
+    precision: 0,
+    currency: w()
+  };
+}
+function k(t) {
+  return H.parse(t);
+}
+function L(t) {
+  return {
+    _id: t.doc._id,
+    internal: t.type,
+    contactName: t.doc.profile.name,
+    name: t.doc.profile.name ?? "",
+    email: t.doc.profile.email,
+    phoneNumber: t.doc.profile.phoneNo,
+    registrationNumber: t.doc.profile.regNo,
+    address: t.doc.profile.address ?? {
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    }
+  };
+}
+function oe(t, i, a = !1, l = !1) {
+  const u = D(), o = B();
+  o.watchLocation(async () => {
+    var b;
+    await u.readSuppliers();
+    const n = t();
+    if ((b = n.supplier) != null && b._id) return;
+    const e = l ? u.suppliers[0] : u.businessSuppliers[0], r = (a ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations)[0];
+    i({
+      ...n,
+      supplier: e ? k(e) : r ? L(r) : n.supplier
+    });
+  });
+  const s = f(
+    () => {
+      var n, e;
+      return typeof ((e = (n = t()) == null ? void 0 : n.supplier) == null ? void 0 : e.internal) == "string" ? F.TRANSFER : F.PURCHASE;
+    }
+  ), p = f({
+    get() {
+      var n, e;
+      return (e = (n = t()) == null ? void 0 : n.supplier) == null ? void 0 : e._id;
+    },
+    set(n) {
+      const e = t() ?? {};
+      if (s.value === F.PURCHASE) {
+        const C = (l ? u.suppliers : u.businessSuppliers).find((A) => A._id === n);
+        i({
+          ...e,
+          supplier: C ? k(C) : e.supplier
+        });
+        return;
+      }
+      const b = (a ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === n);
+      i({
+        ...e,
+        supplier: b ? L(b) : e.supplier
+      });
+    }
+  }), y = f(() => u.locationSuppliers.map(k)), v = f(() => u.businessSuppliers.map(k)), h = f(() => {
+    const n = [...y.value], e = [...v.value];
+    return l ? [...e, ...n] : e;
+  }), c = f(() => {
+    var d;
+    const n = ((d = o._currentLocation) == null ? void 0 : d.type) === E.warehouse;
+    return (a ? o.locations.filter((r) => r.doc._id !== o.currentLocation.doc._id) : o.locations).filter((r) => n || r.acceptRequest).map(L);
+  }), P = f(() => {
+    if (s.value === F.PURCHASE) {
+      const e = y.value.map((r) => ({
+        label: r.name,
+        value: r._id
+      })), d = v.value.map((r) => ({
+        label: r.name,
+        sublabel: "Business supplier",
+        value: r._id
+      }));
+      return l ? [...e, ...d] : d;
+    }
+    return c.value.map((e) => ({
+      label: e.name,
+      sublabel: e.internal ? `${e.internal}` : void 0,
+      value: e._id
+    }));
+  }), _ = f(() => {
+    var r, b;
+    const n = (b = (r = t()) == null ? void 0 : r.supplier) == null ? void 0 : b._id;
+    if (s.value === F.PURCHASE) {
+      const m = u.suppliers.find((C) => C._id === n);
+      return m ? k(m) : null;
+    }
+    const d = o.locations.find((m) => m.doc._id);
+    return d ? L(d) : null;
+  });
+  return {
+    transferLocationModel: p,
+    transferLocationOptions: P,
+    locationOptionsTypePurchase: h,
+    locationOptionsTypePurchaseLocationLevel: y,
+    locationOptionsTypeTransfer: c,
+    selectedLocation: _
+  };
+}
+const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ x({
+  __name: "FmFilterableMenuOptions",
+  props: /* @__PURE__ */ j({
+    modelValue: {},
+    maxHeight: {},
+    width: {},
+    handleItemChange: { type: Function },
+    items: {},
+    options: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: ["update:search"],
+  setup(t) {
+    const i = t, a = q(t, "search"), l = f(
+      () => new z(i.items, ["label", "sublabel"], i.options)
+    ), u = f(() => l.value.search(a.value)), o = W();
+    return console.log({ stickyRef: o }), (s, p) => {
+      const y = V("FmButton"), v = V("FmTextField"), h = V("FmMenuItem");
+      return S(), I("div", {
+        class: "relative",
+        style: $({ width: s.width })
+      }, [
+        N("div", {
+          class: "sticky top-0 bg-white mb-8",
+          ref_key: "stickyRef",
+          ref: o
+        }, [
+          J(v, {
+            modelValue: a.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (c) => a.value = c),
+            placeholder: "Filter options"
+          }, {
+            append: K(() => [
+              a.value ? (S(), g(y, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "close",
+                onClick: p[0] || (p[0] = (c) => a.value = "")
+              })) : O("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ], 512),
+        N("div", Z, [
+          (S(!0), I(Q, null, X(u.value, (c, P) => (S(), g(h, {
+            key: P,
+            label: c.label,
+            sublabel: c.sublabel,
+            "model-value": M(U)(s.modelValue, c.value),
+            onClick: () => s.handleItemChange(M(U)(s.modelValue, c.value), c),
+            onVnodeMounted: (_) => {
+              var n, e;
+              return M(U)(s.modelValue, c.value) && ((n = _.el) == null || n.scrollIntoView({ behavior: "instant", block: "end" }), (e = _.el) == null || e.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+            }
+          }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
+          u.value.length ? O("", !0) : (S(), g(h, {
+            key: 0,
+            disabled: "",
+            label: "No options available"
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  ae as _,
+  se as c,
+  oe as u
+};

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-0Kw57u62.js → FmUnitInput.vue_vue_type_script_setup_true_lang-PmKyuRhO.js}

@@ -1,5 +1,5 @@
-import { defineComponent as oe, mergeModels as z, useModel as se, computed as v, ref as P, watch as O, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as h, withCtx as g, renderSlot as T, normalizeClass as V, toDisplayString as x, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
-import { $ as I, I as k, P as L, L as ce, j as M, aB as de, t as pe, K as fe, ah as ve, az as be, ay as ye } from "./app-DcBKHZIR.js";
+import { defineComponent as oe, mergeModels as O, useModel as se, computed as v, ref as P, watch as z, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as M, withCtx as g, renderSlot as T, normalizeClass as V, toDisplayString as x, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
+import { $ as I, I as k, P as L, K as ce, i as h, aG as de, t as pe, J as fe, am as ve, aE as be, aD as ye } from "./app-BoT0hU4y.js";
 import "@feedmepos/ui-library";
 function E() {
   return {
@@ -27,7 +27,7 @@ function G(l, d = !1) {
     if (s != !0)
       return d ? s : !0;
     const F = typeof l == "number" ? l : L(l, r.modelValue.measurement);
-    return ce(+r.amountAsString).precision > F ? `Cannot exceed precision more than ${M({
+    return ce(+r.amountAsString).precision > F ? `Cannot exceed precision more than ${h({
       amount: 1,
       precision: F
     })}` : !0;
@@ -39,13 +39,13 @@ function Le(l) {
     return d(r.modelValue.amount);
   };
 }
-const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { class: "flex-1" }, xe = { class: "flex items-center gap-4" }, Fe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
+const Me = { class: "flex flex-col" }, he = { class: "flex flex-col" }, ge = { class: "flex-1" }, xe = { class: "flex items-center gap-4" }, Fe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
   key: 0,
   class: "text-fm-color-typo-secondary"
 }, Pe = {
   key: 0,
   class: "line-clamp-1 text-ellipsis break-all"
-}, Ie = { class: "flex items-center gap-4" }, ke = { class: "line-clamp-1 text-ellipsis break-all" }, Be = { class: "max-w-[200px] flex flex-col gap-[1px]" }, De = {
+}, Ie = { class: "flex items-center gap-4" }, ke = { class: "line-clamp-1 text-ellipsis break-all" }, De = { class: "max-w-[200px] flex flex-col gap-[1px]" }, Be = {
   key: 1,
   class: "flex flex-col gap-4 pl-8 shrink-0"
 }, Re = {
@@ -56,7 +56,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
   style: { "pointer-events": "none" }
 }, $e = /* @__PURE__ */ oe({
   __name: "FmUnitInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ O({
     modelValue: {},
     unit: {},
     rules: {},
@@ -103,27 +103,27 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["update:amount", "update:measurement"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(["update:amount", "update:measurement"], ["update:modelValue"]),
   setup(l, { emit: d }) {
-    const t = l, r = d, s = se(l, "modelValue"), F = k(), B = v(() => {
+    const t = l, r = d, s = se(l, "modelValue"), F = k(), D = v(() => {
       var n;
       return L(t.unit, (n = s.value) == null ? void 0 : n.measurement);
     }), c = P((() => {
       var o;
       const e = ((o = s.value) == null ? void 0 : o.amount) ?? I.reset(), n = be(e), i = t.formatMinimumPrecision ?? n.precision, a = ye(n, i);
-      return M(a);
+      return h(a);
     })());
-    O(c, (e) => {
-      const n = F(e), i = t.precision ?? B.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
+    z(c, (e) => {
+      const n = F(e), i = t.precision ?? D.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
       n == !0 && (s.value = {
         ...s.value,
         amount: pe(+e, o)
       }), r("update:amount", e);
     });
-    const Z = Symbol.for("fm:form-state"), D = ie(Z, null), A = v(() => t.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), J = P(), R = P(!1), $ = P(!1), Q = v(() => R.value || $.value), X = v(() => {
+    const K = Symbol.for("fm:form-state"), B = ie(K, null), A = v(() => t.disabled ?? (B == null ? void 0 : B.getDisabled()) ?? !1), Z = P(), R = P(!1), $ = P(!1), Q = v(() => R.value || $.value), X = v(() => {
       var a;
-      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +M(o.conversion) != 1).groupBy(
-        (o) => `${o.abbrev}${M(o.conversion)}`
+      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +h(o.conversion) != 1).groupBy(
+        (o) => `${o.abbrev}${h(o.conversion)}`
       ).values()].map((o) => o[0]).flat();
       return [
         {
@@ -155,7 +155,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
         }
       }
     });
-    O(U, (e, n) => {
+    z(U, (e, n) => {
       var m;
       if (!t.convertAmountOnChangeUnit)
         return;
@@ -163,7 +163,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
         value: w,
         precision: N
       });
-      c.value = M(S);
+      c.value = h(S);
     });
     const C = v(() => {
       var e, n;
@@ -180,34 +180,34 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
       typeof t.precision == "number" ? G(t.precision) : G(t.unit)
     ] : [], ...Y.value]);
     function j(e) {
-      const n = t.precision ?? B.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, o = e.toFixed(a), p = o.includes(".") ? o.replace(/0+$/, "") : o;
+      const n = t.precision ?? D.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, o = e.toFixed(a), p = o.includes(".") ? o.replace(/0+$/, "") : o;
       return p.endsWith(".") ? p.slice(0, p.length - 1) : p;
     }
     function te() {
       if (!t.stepper)
         return;
-      const e = +c.value + +M(t.stepper);
+      const e = +c.value + +h(t.stepper);
       c.value = j(e);
     }
     function ne() {
       if (!t.stepper)
         return;
-      const e = +c.value - +M(t.stepper);
+      const e = +c.value - +h(t.stepper);
       c.value = j(e);
     }
     return (e, n) => {
       const i = b("FmLabel"), a = b("FmIcon"), o = b("FmMenuItem"), p = b("FmMenu"), w = b("FmTooltip"), N = b("FmField"), S = b("FmFormGroup");
-      return f(), y("div", he, [
-        u("div", Me, [
+      return f(), y("div", Me, [
+        u("div", he, [
           u("div", ge, [
-            h(i, {
+            M(i, {
               label: e.label,
               disabled: e.disabled,
               required: e.labelMark === "required",
               optional: e.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          h(N, { focused: Q.value }, {
+          M(N, { focused: Q.value }, {
             default: g(() => [
               u("div", xe, [
                 T(e.$slots, "prepend"),
@@ -224,7 +224,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                       key: 1,
                       type: "text",
                       ref_key: "inputRef",
-                      ref: J,
+                      ref: Z,
                       onFocus: n[0] || (n[0] = () => R.value = !0),
                       onBlur: n[1] || (n[1] = () => R.value = !1),
                       "onUpdate:modelValue": n[2] || (n[2] = (m) => c.value = m),
@@ -241,7 +241,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                   u("div", {
                     class: V([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
                   }, [
-                    h(w, { "z-index": 51 }, {
+                    M(w, { "z-index": 51 }, {
                       content: g(() => [
                         ue(x(C.value), 1)
                       ]),
@@ -256,11 +256,11 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                           "menu-button": g(() => [
                             u("div", Ie, [
                               u("div", ke, x(C.value), 1),
-                              h(a, { name: "keyboard_arrow_down" })
+                              M(a, { name: "keyboard_arrow_down" })
                             ])
                           ]),
                           default: g(() => [
-                            u("div", Be, [
+                            u("div", De, [
                               (f(!0), y(re, null, me(X.value, (m) => (f(), W(o, {
                                 key: m.value ?? void 0,
                                 label: m.label,
@@ -275,13 +275,13 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                       _: 1
                     })
                   ], 2),
-                  e.stepper ? (f(), y("div", De, [
+                  e.stepper ? (f(), y("div", Be, [
                     u("div", {
                       class: "w-24 h-12 flex items-center justify-center fm-corner-radius-sm bg-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-200",
                       onClick: te
                     }, [
                       u("div", Re, [
-                        h(a, {
+                        M(a, {
                           name: "expand_less",
                           size: "md"
                         })
@@ -292,7 +292,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                       onClick: ne
                     }, [
                       u("div", Ue, [
-                        h(a, {
+                        M(a, {
                           name: "expand_more",
                           size: "md"
                         })
@@ -306,7 +306,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
             _: 3
           }, 8, ["focused"])
         ]),
-        h(S, {
+        M(S, {
           class: "flex-1",
           "model-value": { modelValue: s.value, amountAsString: String(c.value) },
           info: e.labelInfo,

package/dist/IngredientBindedItem.vue_vue_type_script_setup_true_lang-CnRG4x74.js

@@ -0,0 +1,51 @@
+import { defineComponent as p, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, unref as l, Fragment as d, renderList as x } from "vue";
+import { i as a, J as y } from "./app-BoT0hU4y.js";
+import { useI18n as _ } from "@feedmepos/mf-common";
+const v = { class: "flex flex-col" }, g = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, h = { class: "flex-1 py-8 px-16" }, b = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, k = { class: "flex-1 py-8 px-16" }, B = {
+  key: 0,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, I = {
+  key: 1,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, A = /* @__PURE__ */ p({
+  __name: "IngredientBindedItem",
+  props: {
+    name: {},
+    bindings: {}
+  },
+  setup($) {
+    const { t: m } = _();
+    function c(e, i) {
+      var t;
+      if (e.measurement) {
+        const u = y(e.amount, e.measurement.conversion);
+        return `${a(u, !1)} ${(t = e.measurement) == null ? void 0 : t.abbrev}`;
+      }
+      return `${a(e.amount, !1)} ${i.abbrev}`;
+    }
+    function f(e) {
+      return e.unit !== void 0;
+    }
+    return (e, i) => (s(), n("div", v, [
+      r("div", g, [
+        r("div", h, o(e.name), 1),
+        r("div", b, o(l(m)("inventory.ingredient.bindedItems.amount")), 1)
+      ]),
+      (s(!0), n(d, null, x(e.bindings, (t) => (s(), n("div", {
+        key: t.id,
+        class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
+      }, [
+        r("div", k, o(t.name), 1),
+        f(t) ? (s(), n("div", B, o(c(t, t.unit)), 1)) : (s(), n("div", I, o(l(a)(t.amount, !1)), 1))
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  A as _
+};

package/dist/{IngredientGroupView-CLmsjrp8.js → IngredientGroupView-CaF4rmHy.js}

@@ -1,13 +1,13 @@
-import { ref as C, computed as F, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as j, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
-import { a as J, e as h, f as B, h as ye, D as oe, i as Q, H as be, m as _e, A as xe, J as ne, p as se, u as ke, z as he, _ as we, B as Se, E as Ie, G as ae } from "./app-DcBKHZIR.js";
-import { useDialog as le, useSnackbar as Z, useProxiedModel as Fe, useBreakpoints as Ce } from "@feedmepos/ui-library";
+import { ref as F, computed as C, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as j, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
+import { a as J, d as h, e as B, f as ye, D as oe, h as Q, G as be, l as _e, A as xe, H as ne, p as se, u as ke, z as he, _ as we, B as Se, C as Ie, E as ae } from "./app-BoT0hU4y.js";
+import { useDialog as le, useSnackbar as Z, useProxiedModel as Ce, useBreakpoints as Fe } from "@feedmepos/ui-library";
 import { useI18n as W } from "@feedmepos/mf-common";
 import { defineStore as ie, storeToRefs as re } from "pinia";
 import "./array-hChJVZLE.js";
 const X = ie(
   "ingredientGroupactions",
   function() {
-    const c = le(), w = Z(), o = J(), { t: r } = W(), i = C();
+    const c = le(), w = Z(), o = J(), { t: r } = W(), i = F();
     function p() {
       const d = {
         modelValue: {},
@@ -80,7 +80,7 @@ const X = ie(
 ), Ge = ie(
   "ingredientGroupTable",
   function() {
-    const c = C(!1), w = Z(), o = J(), r = X();
+    const c = F(!1), w = Z(), o = J(), r = X();
     async function i() {
       c.value = !0;
       try {
@@ -107,7 +107,7 @@ const X = ie(
           );
       }
     }
-    const v = F(() => [
+    const v = C(() => [
       {
         accessorKey: "name",
         header: () => "Name"
@@ -160,7 +160,7 @@ const X = ie(
   },
   emits: ["validation-success"],
   setup(U, { expose: c, emit: w }) {
-    const o = be("modelValue"), r = w, i = J(), p = le(), { t: v } = W(), f = C();
+    const o = be("modelValue"), r = w, i = J(), p = le(), { t: v } = W(), f = F();
     c({
       validateInputs: () => {
         var a;
@@ -175,7 +175,7 @@ const X = ie(
         return (a = f.value) == null ? void 0 : a.resetInputs();
       }
     });
-    const y = F(() => i.skus.groupBy((a) => a.unit._id));
+    const y = C(() => i.skus.groupBy((a) => a.unit._id));
     function G() {
       var s;
       const a = i.skus.filter((n) => {
@@ -364,7 +364,7 @@ const X = ie(
   },
   emits: ["update:show"],
   setup(U) {
-    const c = U, w = J(), o = Z(), { t: r } = W(), i = Fe(c, "show"), p = C({}), v = C(`${Math.random()}`);
+    const c = U, w = J(), o = Z(), { t: r } = W(), i = Ce(c, "show"), p = F({}), v = F(`${Math.random()}`);
     ue(
       () => c.show,
       (t) => {
@@ -376,7 +376,7 @@ const X = ie(
         }), v.value = `${Math.random()}`);
       }
     );
-    const f = F(() => {
+    const f = C(() => {
       switch (c.mode) {
         case h.READ:
           return "";
@@ -386,7 +386,7 @@ const X = ie(
           return r("inventory.ingredient.create.title");
       }
       return "";
-    }), y = F(() => {
+    }), y = C(() => {
       switch (c.mode) {
         case h.READ:
           return "";
@@ -396,7 +396,7 @@ const X = ie(
           return r("common.add");
       }
       return "";
-    }), G = C(), b = C(!1);
+    }), G = F(), b = F(!1);
     async function d() {
       b.value = !0;
       const t = B(p.value);
@@ -494,7 +494,7 @@ const X = ie(
 }), ze = { class: "flex flex-col py-8" }, Le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qe = /* @__PURE__ */ Y({
   __name: "IngredientGroupView",
   setup(U) {
-    const c = J(), w = F(() => c.skuGroups), o = ke(), { t: r } = W(), {
+    const c = J(), w = C(() => c.skuGroups), o = ke(), { t: r } = W(), {
       createIngredientGroup: i,
       updateIngredientGroup: p,
       importIngredientGroups: v,
@@ -510,7 +510,7 @@ const X = ie(
           return f();
       }
     }
-    const a = C(""), s = C(!1), n = F(() => s.value || G.value), { breakpoints: t } = Ce(), e = F(() => t.value.xs || t.value.sm), u = F(() => e.value ? 10 : 20), _ = he(), m = F(() => [
+    const a = F(""), s = F(!1), n = C(() => s.value || G.value), { breakpoints: t } = Fe(), e = C(() => t.value.xs || t.value.sm), u = C(() => e.value ? 10 : 20), _ = he(), m = C(() => [
       {
         label: r("inventory.ingredient.create.title"),
         value: "add",