@feedmepos/mf-inventory-portal 0.0.22-prod.1 → 0.0.23-dev.1

package/dist/App-Y3Ez8Rjf.js

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

package/dist/App.vue.d.ts

@@ -1,2 +1,4 @@
+import '@/extensions/array';
+import '@/extensions/promises';
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/ApprovalView-BUU1G4Q2.js

@@ -0,0 +1,141 @@
+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, w as v } from "./app-GUbzqEtW.js";
+import { b as de, u as fe, _ as ve, a as _e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-5DINn0ZB.js";
+import { a as he, b as De, _ as ge } from "./TransferDetails.vue_vue_type_script_setup_true_lang-C9MOos--.js";
+import { c as K } from "./date2-CLE9fB2R.js";
+import { _ as be, F as _ } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.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({
+  __name: "ApprovalView",
+  setup(Ce) {
+    const o = he("approval"), { columnDefs: Q } = De("approval", o), W = me();
+    v.object({
+      name: v.string().optional().nullable(),
+      start: v.date().optional().nullable(),
+      end: v.date().optional().nullable()
+    });
+    const w = g({
+      name: "",
+      ...de()
+    }), a = g({
+      startDate: K(w.value.start ?? /* @__PURE__ */ new Date()),
+      endDate: K(w.value.end ?? /* @__PURE__ */ new Date())
+    });
+    oe([() => a.value.startDate], () => {
+      if (!a.value.startDate)
+        return;
+      if (!a.value.endDate) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+      const c = new Date(a.value.startDate);
+      if (new Date(a.value.endDate).getTime() < c.getTime()) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+    });
+    const h = g(""), { breakpoints: R } = xe(), D = b(() => R.value.xs || R.value.sm), X = b(() => D.value ? 10 : 20), Z = fe(), { t: k } = ye(), B = b(() => [
+      {
+        label: k("common.refresh"),
+        value: "refresh"
+      }
+    ]);
+    function I(c) {
+      switch (c) {
+        case "refresh":
+          return o.fetchData();
+      }
+    }
+    return (c, l) => {
+      const ee = re("FmTable");
+      return x(), J(ve, {
+        title: e(k)("inventory.transfer.approval.title"),
+        actions: B.value,
+        "onClick:action": I
+      }, {
+        default: y(() => [
+          s("div", {
+            class: ne([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": D.value,
+                "px-24 ": !D.value
+              }
+            ])
+          }, [
+            n(_e, {
+              searchable: "",
+              "change-location": "",
+              search: h.value,
+              "onUpdate:search": l[0] || (l[0] = (r) => h.value = r)
+            }, null, 8, ["search"]),
+            n(ee, {
+              style: se(e(Z).tableHeight),
+              "column-defs": e(Q),
+              "row-data": e(o).purchaseRequests.value,
+              "search-value": h.value,
+              loading: !e(W)._currentLocation || e(o).loading.value,
+              onRowClick: l[1] || (l[1] = (r) => e(o).promptShowTransferDetails(r.original.purchaseOrder, r.original)),
+              "page-size": X.value
+            }, {
+              "list-row": y((r) => [
+                n(be, {
+                  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;
+                    return [
+                      s("div", we, [
+                        s("div", Re, [
+                          n(e(_), {
+                            render: (T = (S = (O = t.purchaseOrder__id) == null ? void 0 : O.column) == null ? void 0 : S.columnDef) == null ? void 0 : T.cell,
+                            props: (C = (i = t.purchaseOrder__id) == null ? void 0 : i.getContext) == null ? void 0 : C.call(i)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        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)
+                          }, 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, [
+                          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)
+                          }, 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)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 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, {
+              onSubmitted: e(o).fetchData
+            }), null, 16, ["onSubmitted"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Ne as default
+};

package/dist/{BindingsDialog-BHh_8Rya.js → BindingsDialog-8wc4Q0JQ.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 d, 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-wosJq6qg.js";
-import { u as L, r as S } from "./app-B97SfZlQ.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 P } from "vue";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CJuo3i7W.js";
+import { a as L, G as S } from "./app-GUbzqEtW.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
@@ -10,10 +10,10 @@ const U = {
 }, D = /* @__PURE__ */ C({
   __name: "BindingsDialog",
   setup(N) {
-    const p = L(), u = o(!0), s = o(new Array()), c = o(), t = S(y);
+    const p = L(), d = o(!0), s = o(new Array()), u = o(), t = S(y);
     async function y() {
-      await p.readInventory(), c.value = t.onMessage("props:inventory-bindings", (e) => {
-        u.value = !1, s.value = e;
+      await p.readInventory(), u.value = t.onMessage("props:inventory-bindings", (e) => {
+        d.value = !1, s.value = e;
       }).onMessage("props:inventory-bindings:validate", () => {
         var e;
         (e = f.value) == null || e.validateInputs();
@@ -37,7 +37,7 @@ const U = {
       }).observe(e);
     }), F(() => {
       var e, n;
-      (n = (e = c.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
+      (n = (e = u.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
     }), x([() => s.value], ([e]) => {
       t.sendMessage("@update:inventory-bindings", e);
     });
@@ -48,12 +48,12 @@ const U = {
     const f = o();
     return (e, n) => {
       const g = l("FmButton"), B = l("FmForm"), h = l("FmCircularProgress");
-      return i(), d("div", {
+      return i(), c("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: m
       }, [
-        u.value ? (i(), d("div", E, [
+        d.value ? (i(), c("div", E, [
           a(h, { size: "md" }),
           n[2] || (n[2] = P("div", null, "Loading bindings dialog...", -1))
         ])) : (i(), I(B, {
@@ -70,7 +70,7 @@ const U = {
               "iframe-mode": "",
               "onClick:pickInventoryBindings": k
             }, null, 8, ["model-value"]),
-            r.value ? z("", !0) : (i(), d("div", U, [
+            r.value ? z("", !0) : (i(), c("div", U, [
               a(g, {
                 type: "button",
                 variant: "tertiary",

package/dist/{BindingsPicker-CQAtjxT5.js → BindingsPicker-DGWN1LQc.js}

@@ -1,16 +1,16 @@
 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 { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-C4vDSxdT.js";
-import { u as M, r as z } from "./app-B97SfZlQ.js";
-const K = {
+import { F as M } from "./FmMultiselectDialog-7hok9sJP.js";
+import { a as x, G as F } from "./app-GUbzqEtW.js";
+const z = {
   key: 0,
   class: "flex flex-col gap-16"
-}, w = { class: "flex justify-end gap-8 items-center" }, F = {
+}, 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({
   __name: "BindingsPicker",
   setup(L) {
-    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) => ({
+    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) => ({
       label: s.name,
       sublabel: s.code,
       value: s
@@ -63,7 +63,7 @@ const K = {
           ];
         }
       }
-    }), _ = l(), o = z(B);
+    }), _ = l(), o = F(B);
     async function B() {
       await d.readInventory(), _.value = o.onMessage(
         "props:binding-items",
@@ -94,16 +94,16 @@ const K = {
         ref_key: "resizeableRef",
         ref: y
       }, [
-        g.value ? (p(), f("div", F, [
+        g.value ? (p(), f("div", w, [
           u(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
-        ])) : (p(), f("div", K, [
-          u(x, {
+        ])) : (p(), f("div", z, [
+          u(M, {
             "model-value": b.value,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
             items: c.value
           }, null, 8, ["model-value", "items"]),
-          k("div", w, [
+          k("div", K, [
             u(n, {
               variant: "tertiary",
               label: "Close",

package/dist/BindingsTable-7NJP2jT6.js

@@ -0,0 +1,149 @@
+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, G as F } from "./app-GUbzqEtW.js";
+import "./index-BX5KZXhI.js";
+import { components as L } from "@feedmepos/ui-library";
+import "./fuzzy-CVOV9zJc.js";
+/* empty css                                                                             */
+import "@feedmepos/mf-common";
+import "./dayjs.min-CY1d38w7.js";
+const P = /* @__PURE__ */ _({
+  __name: "binding-ui",
+  props: {
+    items: { default: () => [] },
+    recipes: { default: () => [] },
+    skus: { default: () => [] },
+    type: { default: "Product" },
+    editable: { type: Boolean, default: !1 }
+  },
+  emits: ["click:open-binding-dialog"],
+  setup(k, { emit: d }) {
+    const u = c({
+      isOpen: !1,
+      initialValue: [],
+      context: "",
+      name: ""
+    });
+    C("closeDialog", () => {
+      u.value.isOpen = !u.value.isOpen;
+    });
+    const s = k, m = d, a = f(() => s.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)
+      ).length,
+      _recipeLinked: e.bindings.filter(
+        ({ type: n, id: o }) => n === v.enum.RECIPE && s.recipes.some((l) => l._id === o)
+      ).length,
+      onUpdate: async () => {
+        s.editable && m("click:open-binding-dialog", s.type, e);
+      }
+    }))), g = [
+      {
+        accessorKey: "name",
+        header: "Name",
+        size: "auto"
+      },
+      {
+        id: "ingredient",
+        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;
+          return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
+        }
+      },
+      {
+        id: "recipe",
+        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;
+          return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
+        }
+      },
+      {
+        id: "action",
+        header: "",
+        size: 24,
+        cell(i) {
+          const e = a.value.find((n) => n.key === i.row.original.key);
+          return z(L.FmButton, {
+            icon: "edit",
+            bgColor: "white",
+            textColor: "neutral-grey-400",
+            iconColor: "neutral-grey-400",
+            class: "text-fm-color-neutral-gray-400",
+            onClick() {
+              e == null || e.onUpdate();
+            }
+          });
+        }
+      }
+    ];
+    return (i, e) => {
+      const n = b("FmTable");
+      return p(), h(n, {
+        "column-defs": g,
+        "row-data": a.value,
+        "hide-footer": "",
+        "shrink-at": 99999
+      }, null, 8, ["row-data"]);
+    };
+  }
+}), R = {
+  key: 1,
+  class: "p-24 flex items-center justify-center gap-16"
+}, K = /* @__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();
+    async function n() {
+      await d.readInventory(), e.value = i.onMessage(
+        "props:grouped-bindings",
+        (t) => {
+          u.value = !1, s.value = t;
+        }
+      ), i.sendMessage("props:grouped-bindings");
+    }
+    async function o(t, r) {
+      i.sendMessage("@click:open-binding-dialog", {
+        key: t,
+        binding: r
+      });
+    }
+    const l = c();
+    return B(() => {
+      const t = l.value;
+      t && new ResizeObserver(() => {
+        i.sendMessage("resize", t.scrollHeight);
+      }).observe(t);
+    }), I(() => {
+      var t, r;
+      (r = (t = e.value) == null ? void 0 : t.removeEventListener) == null || r.call(t);
+    }), (t, r) => {
+      const w = b("FmCircularProgress");
+      return p(), y("div", {
+        class: "bg-white",
+        ref_key: "resizeableRef",
+        ref: l
+      }, [
+        u.value ? (p(), y("div", R, [
+          N(w, { size: "md" }),
+          r[0] || (r[0] = x("div", null, "Loading bindings table...", -1))
+        ])) : (p(), h(P, {
+          key: 0,
+          items: s.value,
+          recipes: m.value,
+          skus: a.value,
+          type: g.value,
+          editable: "",
+          "onClick:openBindingDialog": o
+        }, null, 8, ["items", "recipes", "skus", "type"]))
+      ], 512);
+    };
+  }
+});
+export {
+  K as default
+};