@feedmepos/mf-inventory-portal 0.0.23-dev.9 → 0.0.24-dev.1

package/dist/App-D3sNH2MR.js

@@ -0,0 +1,276 @@
+import { ref as x, onUnmounted as F, defineComponent as h, watch as P, onMounted as U, computed as g, resolveComponent as b, openBlock as S, createElementBlock as I, unref as v, createVNode as _, createElementVNode as p, toDisplayString as w, createBlock as G, createCommentVNode as M } from "vue";
+import { u as k, a as D, b as H, R as e, c as B, g as s, d as W } from "./app-DntcWR3_.js";
+import { useCoreStore as A, useI18n as O } from "@feedmepos/mf-common";
+import { useRouter as C, useRoute as K } from "vue-router";
+import { u as $ } from "./useTabStorage-BkIVScW_.js";
+import { u as Q } from "./googlemap-Dm8ERVai.js";
+import "./array-hChJVZLE.js";
+function j() {
+  return {
+    loadingHookInstalled: !1,
+    isLoading: !1
+  };
+}
+const E = x(j());
+function z() {
+  const l = C();
+  if (!E.value.loadingHookInstalled) {
+    E.value.loadingHookInstalled = !0;
+    const n = l.beforeEach(() => {
+      E.value.isLoading = !0;
+    }), i = l.afterEach(() => {
+      E.value.isLoading = !1;
+    });
+    F(() => {
+      E.value.loadingHookInstalled = !1, n(), i();
+    });
+  }
+  return {
+    get isLoading() {
+      return E.value.isLoading;
+    }
+  };
+}
+const q = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, J = {
+  key: 1,
+  class: "flex flex-col pt-[200px] gap-32 items-center"
+}, X = { class: "flex flex-col gap-12 items-center text-center px-24 max-w-[1000px]" }, Y = { class: "fm-typo-en-title-lg-600" }, Z = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, ee = { class: "flex gap-16" }, te = { href: "https://feedme.ai/product/inventory/features?tab=plans_%26_prices" }, oe = { href: "https://feedme.ai/form" }, ne = /* @__PURE__ */ h({
+  __name: "InventoryView",
+  setup(l) {
+    const n = k(), i = D(), u = H(), r = A(), c = C(), o = z(), R = B(), { t: d } = O();
+    P(
+      [() => r.sessionUser.value, () => r.currentBusiness.value],
+      ([t, a]) => {
+        f(t, a);
+      }
+    ), U(async () => {
+      await R.init(), await r.readBusinesses();
+      const t = r.sessionUser.value, a = r.currentBusiness.value;
+      f(t, a);
+    });
+    function f(t, a) {
+      !t || !a || T();
+    }
+    async function T() {
+      return await n.init(), await u.readSetting().catch((t) => {
+        console.error("error on reading netsuite store", t);
+      }), await i.init();
+    }
+    const y = g(() => c.currentRoute.value.name === e.TRANSFER_TEMPLATE ? R.enablePoTemplate : !0);
+    return (t, a) => {
+      const m = b("FmSpacer"), N = b("FmCircularProgress"), L = b("FmButton"), V = b("RouterView");
+      return S(), I("div", null, [
+        v(o).isLoading ? (S(), I("div", q, [
+          _(m),
+          p("div", null, [
+            _(N, { size: "xl" })
+          ]),
+          a[0] || (a[0] = p("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading page...", -1)),
+          _(m)
+        ])) : y.value ? v(r).sessionUser.value ? (S(), G(V, { key: 2 })) : M("", !0) : (S(), I("div", J, [
+          p("div", X, [
+            p("div", Y, w(v(d)("inventory.common.proPlan.title")), 1),
+            p("div", Z, w(v(d)("inventory.common.proPlan.subtitle")), 1)
+          ]),
+          p("div", ee, [
+            p("a", te, [
+              _(L, {
+                label: v(d)("inventory.common.proPlan.comparePlans"),
+                variant: "secondary"
+              }, null, 8, ["label"])
+            ]),
+            p("a", oe, [
+              _(L, {
+                label: v(d)("inventory.common.proPlan.callUs"),
+                "prepend-icon": "call"
+              }, null, 8, ["label"])
+            ])
+          ])
+        ]))
+      ]);
+    };
+  }
+}), ae = { class: "h-full flex flex-col overflow-auto py-16" }, re = /* @__PURE__ */ h({
+  __name: "NavigationTab",
+  setup(l) {
+    const n = K(), i = C(), u = A(), r = B(), c = $(), { t: o } = O();
+    P([() => u.currentBusiness.value, () => n.name], ([t, a]) => {
+      (t == null ? void 0 : t.menuVersion) === "v3" && (a === e.INGREDIENTS || a === e.RECIPE || a === e.UNIT) && i.push({ name: e.STOCK });
+    });
+    const R = g(() => {
+      var a;
+      const t = [
+        {
+          label: s(e.STOCK, o),
+          // icon: 'inventory_2',
+          children: [
+            {
+              label: "Stock balance",
+              value: e.STOCK
+            },
+            ...r.enableWastageTemplate ? [
+              {
+                label: s(e.WASTAGE_TEMPLATE, o),
+                value: e.WASTAGE_TEMPLATE
+              }
+            ] : []
+          ]
+        },
+        ...r.enableClosingTemplate ? [
+          {
+            label: "Closing",
+            children: [
+              {
+                label: s(e.CLOSING_TEMPLATE, o),
+                value: e.CLOSING_TEMPLATE
+              },
+              {
+                label: s(e.CLOSING_DRAFT, o),
+                value: e.CLOSING_DRAFT
+              }
+            ]
+          }
+        ] : [],
+        {
+          label: s(e.INGREDIENTS, o),
+          // icon: 'grocery',
+          value: e.INGREDIENTS
+        },
+        ...r.enableIngredientGroup ? [
+          {
+            label: s(e.INGREDIENT_GROUP, o),
+            // icon: 'grocery',
+            value: e.INGREDIENT_GROUP
+          }
+        ] : [],
+        {
+          label: s(e.RECIPE, o),
+          // icon: 'weight',
+          value: e.RECIPE
+        },
+        {
+          label: s(e.UNIT, o),
+          // icon: 'fastfood',
+          value: e.UNIT
+        },
+        {
+          label: o("inventory.transfer.title"),
+          // icon: 'swap_horiz',
+          children: [
+            {
+              label: s(e.RECEIVE_REQUEST, o),
+              value: e.RECEIVE_REQUEST
+            },
+            {
+              label: s(e.APPROVAL, o),
+              value: e.APPROVAL
+            },
+            ...r.enablePoTemplate ? [
+              {
+                label: s(e.TRANSFER_TEMPLATE, o),
+                value: e.TRANSFER_TEMPLATE
+              }
+            ] : []
+          ]
+        },
+        {
+          label: s(e.SUPPLIER, o),
+          // icon: 'group',
+          value: e.SUPPLIER
+        },
+        {
+          label: s(e.WAREHOUSE, o),
+          // icon: 'warehouse',
+          value: e.WAREHOUSE
+        },
+        {
+          label: s(e.PUBLISH, o),
+          value: e.PUBLISH
+        },
+        {
+          label: s(e.INTEGRATION, o),
+          // icon: 'integration_instructions',
+          value: e.INTEGRATION
+        }
+      ];
+      return ((a = u.currentBusiness.value) == null ? void 0 : a.menuVersion) === "v3" ? t.filter(
+        (m) => m.value !== e.INGREDIENTS && m.value !== e.RECIPE && m.value !== e.UNIT
+      ) : t;
+    }), d = g({
+      get() {
+        if (n.name)
+          return String(n.name);
+      },
+      set(t) {
+        t && i.push({ name: t });
+      }
+    }), f = g(
+      () => {
+        var t;
+        return `NavigationTab.${(t = u.currentBusiness.value) == null ? void 0 : t._id}`;
+      }
+    ), T = x(!1), y = g({
+      get() {
+        return T.value;
+      },
+      set(t) {
+        T.value = t, t || c.setItem(f.value, "true");
+      }
+    });
+    return P([() => f.value], () => {
+      T.value = !1, setTimeout(() => {
+        y.value = !c.getItem(f.value);
+      }, 2e3);
+    }), (t, a) => {
+      const m = b("FmCollapsibleTabs");
+      return S(), I("div", ae, [
+        _(m, {
+          modelValue: d.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (N) => d.value = N),
+          items: R.value
+        }, null, 8, ["modelValue", "items"])
+      ]);
+    };
+  }
+});
+typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
+  let l, n;
+  return { promise: new Promise((u, r) => {
+    l = u, n = r;
+  }), resolve: l, reject: n };
+});
+typeof Promise.prototype.delayed > "u" && (Promise.prototype.delayed = async function(l) {
+  return await new Promise((n) => setTimeout(n, l)), Promise.resolve(this);
+});
+const de = /* @__PURE__ */ h({
+  __name: "App",
+  setup(l) {
+    const n = A(), i = Q(), u = W();
+    U(() => {
+      if (window.location.href.includes("print-preview")) {
+        n.setEmbedded(!0);
+        return;
+      }
+      n.registerSidebarComponent(re), i.initGoogleMap(u.appApi.googleMap).catch(() => {
+        console.error("Google map cannot be loaded");
+      });
+    }), P([() => n.currentCountry.value], () => {
+      r();
+    });
+    async function r() {
+      var c;
+      try {
+        await n.readBusinesses(), n.currentBusiness.value = (c = n.businesses.value) == null ? void 0 : c.find((o) => o);
+      } catch (o) {
+        console.error("error when trying to reset businesses:", o);
+      }
+    }
+    return (c, o) => (S(), G(ne));
+  }
+});
+export {
+  de as default
+};

package/dist/{ApprovalView-e85YmdZN.js → ApprovalView-DHnRx0hJ.js}

@@ -1,18 +1,15 @@
-import { defineComponent as ae, ref as g, watch as oe, computed as b, resolveComponent as re, openBlock as x, createBlock as J, unref as e, withCtx as y, createElementVNode as s, normalizeClass as ne, createVNode as n, normalizeStyle as se, toDisplayString as le, createElementBlock as ce, createCommentVNode as ie, Teleport as pe, mergeProps as ue } from "vue";
-import { u as me, z as v } from "./app-BXjk74IB.js";
-import { b as de, u as fe, _ as ve, a as _e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BvkN-71q.js";
-import { a as he, b as De, _ as ge } from "./TransferDetails.vue_vue_type_script_setup_true_lang-B2LOvVef.js";
-import { c as K } from "./date2-CWAt9bRf.js";
-import { _ as be, F as _ } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { defineComponent as ae, ref as g, watch as oe, computed as b, resolveComponent as re, openBlock as x, createBlock as J, unref as e, withCtx as y, createElementVNode as s, normalizeClass as ne, createVNode as n, normalizeStyle as se, toDisplayString as le, createElementBlock as ce, createCommentVNode as ie, Teleport as ue, mergeProps as pe } from "vue";
+import { u as me, av as v, aF as de, a8 as K, z as fe, _ as ve, B as _e, E as he, G as _ } from "./app-DntcWR3_.js";
+import { a as De, b as ge, _ as be } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CWMn6fFf.js";
 import { useBreakpoints as xe } from "@feedmepos/ui-library";
 import { useI18n as ye } from "@feedmepos/mf-common";
 const we = { class: "flex flex-col py-8" }, Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ke = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Oe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Se = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
-}, Te = { class: "pt-8" }, Ne = /* @__PURE__ */ ae({
+}, Te = { class: "pt-8" }, Ye = /* @__PURE__ */ ae({
   __name: "ApprovalView",
   setup(Ce) {
-    const o = he("approval"), { columnDefs: Q } = De("approval", o), W = me();
+    const o = De("approval"), { columnDefs: Q } = ge("approval", o), W = me();
     v.object({
       name: v.string().optional().nullable(),
       start: v.date().optional().nullable(),
@@ -83,12 +80,12 @@ const we = { class: "flex flex-col py-8" }, Re = { class: "fm-typo-en-body-md-40
               "page-size": X.value
             }, {
               "list-row": y((r) => [
-                n(be, {
+                n(he, {
                   row: r,
                   onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
                 }, {
                   default: y((t) => {
-                    var O, S, T, i, C, z, F, M, p, $, V, u, Y, m, q, L, N, P, j, d, A, E, H, U, f, G;
+                    var O, S, T, i, C, z, F, M, u, $, V, p, Y, m, q, E, L, N, P, d, j, A, H, G, f, U;
                     return [
                       s("div", we, [
                         s("div", Re, [
@@ -100,20 +97,20 @@ const we = { class: "flex flex-col py-8" }, Re = { class: "fm-typo-en-body-md-40
                         s("div", ke, [
                           n(e(_), {
                             render: (M = (F = (z = t.to_name) == null ? void 0 : z.column) == null ? void 0 : F.columnDef) == null ? void 0 : M.cell,
-                            props: ($ = (p = t.to_name) == null ? void 0 : p.getContext) == null ? void 0 : $.call(p)
+                            props: ($ = (u = t.to_name) == null ? void 0 : u.getContext) == null ? void 0 : $.call(u)
                           }, null, 8, ["render", "props"])
                         ]),
-                        s("div", Oe, le((q = (m = (Y = (u = (V = r.original.purchaseOrder) == null ? void 0 : V.items) == null ? void 0 : u.map) == null ? void 0 : Y.call(u, (te) => `${te.name}`)) == null ? void 0 : m.join) == null ? void 0 : q.call(m, ", ")), 1),
-                        (L = r.original.purchaseOrder) != null && L.ref ? (x(), ce("div", Se, [
+                        s("div", Oe, le((q = (m = (Y = (p = (V = r.original.purchaseOrder) == null ? void 0 : V.items) == null ? void 0 : p.map) == null ? void 0 : Y.call(p, (te) => `${te.name}`)) == null ? void 0 : m.join) == null ? void 0 : q.call(m, ", ")), 1),
+                        (E = r.original.purchaseOrder) != null && E.ref ? (x(), ce("div", Se, [
                           n(e(_), {
-                            render: (j = (P = (N = t.purchaseOrder_ref) == null ? void 0 : N.column) == null ? void 0 : P.columnDef) == null ? void 0 : j.cell,
-                            props: (A = (d = t.purchaseOrder_ref) == null ? void 0 : d.getContext) == null ? void 0 : A.call(d)
+                            render: (P = (N = (L = t.purchaseOrder_ref) == null ? void 0 : L.column) == null ? void 0 : N.columnDef) == null ? void 0 : P.cell,
+                            props: (j = (d = t.purchaseOrder_ref) == null ? void 0 : d.getContext) == null ? void 0 : j.call(d)
                           }, null, 8, ["render", "props"])
                         ])) : ie("", !0),
                         s("div", Te, [
                           n(e(_), {
-                            render: (U = (H = (E = t.purchaseOrder_status) == null ? void 0 : E.column) == null ? void 0 : H.columnDef) == null ? void 0 : U.cell,
-                            props: (G = (f = t.purchaseOrder_status) == null ? void 0 : f.getContext) == null ? void 0 : G.call(f)
+                            render: (G = (H = (A = t.purchaseOrder_status) == null ? void 0 : A.column) == null ? void 0 : H.columnDef) == null ? void 0 : G.cell,
+                            props: (U = (f = t.purchaseOrder_status) == null ? void 0 : f.getContext) == null ? void 0 : U.call(f)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -125,8 +122,8 @@ const we = { class: "flex flex-col py-8" }, Re = { class: "fm-typo-en-body-md-40
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ], 2),
-          (x(), J(pe, { to: "body" }, [
-            n(ge, ue(e(o).transferDetailsProps.value, {
+          (x(), J(ue, { to: "body" }, [
+            n(be, pe(e(o).transferDetailsProps.value, {
               onSubmitted: e(o).fetchData
             }), null, 16, ["onSubmitted"])
           ]))
@@ -137,5 +134,5 @@ const we = { class: "flex flex-col py-8" }, Re = { class: "fm-typo-en-body-md-40
   }
 });
 export {
-  Ne as default
+  Ye as default
 };

package/dist/{BindingsDialog-giBUD0IH.js → BindingsDialog-oTeg2Dai.js}

@@ -1,6 +1,6 @@
-import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
-import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BURSXafS.js";
-import { a as L, J as S } from "./app-BXjk74IB.js";
+import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as L } from "vue";
+import { _ as P } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-B_J-6C9x.js";
+import { a as V, aL as S } from "./app-DntcWR3_.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
@@ -10,7 +10,7 @@ const U = {
 }, D = /* @__PURE__ */ C({
   __name: "BindingsDialog",
   setup(N) {
-    const p = L(), d = o(!0), s = o(new Array()), u = o(), t = S(y);
+    const p = V(), d = o(!0), s = o(new Array()), u = o(), t = S(y);
     async function y() {
       await p.readInventory(), u.value = t.onMessage("props:inventory-bindings", (e) => {
         d.value = !1, s.value = e;
@@ -55,7 +55,7 @@ const U = {
       }, [
         d.value ? (i(), c("div", E, [
           a(h, { size: "md" }),
-          n[2] || (n[2] = P("div", null, "Loading bindings dialog...", -1))
+          n[2] || (n[2] = L("div", null, "Loading bindings dialog...", -1))
         ])) : (i(), I(B, {
           key: 0,
           onValidationSuccess: n[1] || (n[1] = () => r.value ? void 0 : b()),
@@ -64,7 +64,7 @@ const U = {
           class: "flex flex-col gap-16"
         }, {
           default: R(() => [
-            a(V, {
+            a(P, {
               "model-value": s.value,
               "onUpdate:modelValue": n[0] || (n[0] = (w) => s.value = w),
               "iframe-mode": "",

package/dist/{BindingsPicker-CC4MmPbF.js → BindingsPicker-CWdjmMJ3.js}

@@ -1,16 +1,15 @@
 import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { F as M } from "./FmMultiselectDialog-DScMA6iG.js";
-import { a as x, J as F } from "./app-BXjk74IB.js";
-const z = {
+import { a as M, aL as x, J as z } from "./app-DntcWR3_.js";
+const F = {
   key: 0,
   class: "flex flex-col gap-16"
 }, K = { class: "flex justify-end gap-8 items-center" }, w = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, A = /* @__PURE__ */ S({
+}, N = /* @__PURE__ */ S({
   __name: "BindingsPicker",
   setup(L) {
-    const d = x(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
+    const d = M(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
@@ -63,7 +62,7 @@ const z = {
           ];
         }
       }
-    }), _ = l(), o = F(B);
+    }), _ = l(), o = x(B);
     async function B() {
       await d.readInventory(), _.value = o.onMessage(
         "props:binding-items",
@@ -97,8 +96,8 @@ const z = {
         g.value ? (p(), f("div", w, [
           u(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
-        ])) : (p(), f("div", z, [
-          u(M, {
+        ])) : (p(), f("div", F, [
+          u(z, {
             "model-value": b.value,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
             items: c.value
@@ -120,5 +119,5 @@ const z = {
   }
 });
 export {
-  A as default
+  N as default
 };

package/dist/{BindingsTable-WphZdzrA.js → BindingsTable-bKLR1OKX.js}

@@ -1,11 +1,7 @@
-import { defineComponent as _, ref as c, provide as C, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as z, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
-import { F as v, a as E, J as F } from "./app-BXjk74IB.js";
-import "./index-CRLd5xyg.js";
-import { components as L } from "@feedmepos/ui-library";
-import "./fuzzy-BMkhNYLR.js";
-/* empty css                                                                             */
+import { defineComponent as _, ref as c, provide as C, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as z, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as L } from "vue";
+import { F as v, a as x, aL as E } from "./app-DntcWR3_.js";
+import { components as F } from "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
-import "./dayjs.min-D3jPOnu6.js";
 const P = /* @__PURE__ */ _({
   __name: "binding-ui",
   props: {
@@ -26,17 +22,17 @@ const P = /* @__PURE__ */ _({
     C("closeDialog", () => {
       u.value.isOpen = !u.value.isOpen;
     });
-    const s = k, m = d, a = f(() => s.items.map((e) => ({
+    const o = k, m = d, a = f(() => o.items.map((e) => ({
       key: e.key,
       name: e.name,
       _skuLinked: e.bindings.filter(
-        ({ type: n, id: o }) => n === v.enum.SKU && s.skus.some((l) => l._id === o)
+        ({ type: n, id: s }) => n === v.enum.SKU && o.skus.some((l) => l._id === s)
       ).length,
       _recipeLinked: e.bindings.filter(
-        ({ type: n, id: o }) => n === v.enum.RECIPE && s.recipes.some((l) => l._id === o)
+        ({ type: n, id: s }) => n === v.enum.RECIPE && o.recipes.some((l) => l._id === s)
       ).length,
       onUpdate: async () => {
-        s.editable && m("click:open-binding-dialog", s.type, e);
+        o.editable && m("click:open-binding-dialog", o.type, e);
       }
     }))), g = [
       {
@@ -49,7 +45,7 @@ const P = /* @__PURE__ */ _({
         header: "Ingredient",
         size: 200,
         cell(i) {
-          const e = a.value.find((o) => o.key === i.row.original.key), n = e == null ? void 0 : e._skuLinked;
+          const e = a.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._skuLinked;
           return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
         }
       },
@@ -58,7 +54,7 @@ const P = /* @__PURE__ */ _({
         header: "Recipe",
         size: 200,
         cell(i) {
-          const e = a.value.find((o) => o.key === i.row.original.key), n = e == null ? void 0 : e._recipeLinked;
+          const e = a.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._recipeLinked;
           return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
         }
       },
@@ -68,7 +64,7 @@ const P = /* @__PURE__ */ _({
         size: 24,
         cell(i) {
           const e = a.value.find((n) => n.key === i.row.original.key);
-          return z(L.FmButton, {
+          return z(F.FmButton, {
             icon: "edit",
             bgColor: "white",
             textColor: "neutral-grey-400",
@@ -94,19 +90,19 @@ const P = /* @__PURE__ */ _({
 }), R = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, S = /* @__PURE__ */ _({
+}, D = /* @__PURE__ */ _({
   __name: "BindingsTable",
   setup(k) {
-    const d = E(), u = c(!0), s = c(new Array()), m = f(() => d.recipes), a = f(() => d.skus), g = c(""), i = F(n), e = c();
+    const d = x(), u = c(!0), o = c(new Array()), m = f(() => d.recipes), a = f(() => d.skus), g = c(""), i = E(n), e = c();
     async function n() {
       await d.readInventory(), e.value = i.onMessage(
         "props:grouped-bindings",
         (t) => {
-          u.value = !1, s.value = t;
+          u.value = !1, o.value = t;
         }
       ), i.sendMessage("props:grouped-bindings");
     }
-    async function o(t, r) {
+    async function s(t, r) {
       i.sendMessage("@click:open-binding-dialog", {
         key: t,
         binding: r
@@ -130,20 +126,20 @@ const P = /* @__PURE__ */ _({
       }, [
         u.value ? (p(), y("div", R, [
           N(w, { size: "md" }),
-          r[0] || (r[0] = x("div", null, "Loading bindings table...", -1))
+          r[0] || (r[0] = L("div", null, "Loading bindings table...", -1))
         ])) : (p(), h(P, {
           key: 0,
-          items: s.value,
+          items: o.value,
           recipes: m.value,
           skus: a.value,
           type: g.value,
           editable: "",
-          "onClick:openBindingDialog": o
+          "onClick:openBindingDialog": s
         }, null, 8, ["items", "recipes", "skus", "type"]))
       ], 512);
     };
   }
 });
 export {
-  S as default
+  D as default
 };