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

package/dist/App-BOqFJz8l.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, createElementBlock as I, openBlock as S, createBlock as G, createCommentVNode as M, unref as v, createVNode as _, createElementVNode as p, toDisplayString as w } from "vue";
+import { u as k, a as D, b as H, c as B, R as e, g as s, d as W } from "./app-DRmhrBg9.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-D1BiL6Eb.js → ApprovalView-CdFpfV57.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, w as v } from "./app-D0Gx27w2.js";
-import { b as de, u as fe, _ as ve, a as _e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BHY6DKjD.js";
-import { a as he, b as De, _ as ge } from "./TransferDetails.vue_vue_type_script_setup_true_lang-DpVa6Exh.js";
-import { c as K } from "./date2-Ci5ROICb.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, createBlock as J, openBlock as x, unref as e, withCtx as y, createElementVNode as s, normalizeClass as ne, createVNode as n, normalizeStyle as se, createElementBlock as le, createCommentVNode as ce, toDisplayString 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-DRmhrBg9.js";
+import { a as De, b as ge, _ as be } from "./TransferDetails.vue_vue_type_script_setup_true_lang-DRYpeGZN.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, ie((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(), le("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),
+                        ])) : ce("", !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-Svbe6kls.js → BindingsDialog-BCojALob.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-B-hMO0wv.js";
-import { a as L, G as S } from "./app-D0Gx27w2.js";
+import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, createElementBlock as c, openBlock as i, 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-D9_DCFOd.js";
+import { a as V, aL as S } from "./app-DRmhrBg9.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-CuPWowOy.js → BindingsPicker-DPfV2Otm.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-DmiCS2MH.js";
-import { a as x, G as F } from "./app-D0Gx27w2.js";
-const z = {
+import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, createElementBlock as p, openBlock as f, createVNode as u, createElementVNode as k } from "vue";
+import { a as M, aL as x, J as z } from "./app-DRmhrBg9.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",
@@ -89,16 +88,16 @@ const z = {
       (s = (e = _.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
     }), (e, s) => {
       const n = E("FmButton"), t = E("FmCircularProgress");
-      return p(), f("div", {
+      return f(), p("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: y
       }, [
-        g.value ? (p(), f("div", w, [
+        g.value ? (f(), p("div", w, [
           u(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
-        ])) : (p(), f("div", z, [
-          u(M, {
+        ])) : (f(), p("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-B3UfKS0K.js

@@ -0,0 +1,120 @@
+import { defineComponent as x, ref as r, provide as B, computed as g, resolveComponent as h, createElementBlock as u, openBlock as l, createStaticVNode as C, Fragment as F, renderList as I, createElementVNode as p, toDisplayString as v, createVNode as w, withModifiers as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
+import { F as b, a as P, aL as R } from "./app-DRmhrBg9.js";
+import "@feedmepos/ui-library";
+import "@feedmepos/mf-common";
+const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, V = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, T = /* @__PURE__ */ x({
+  __name: "binding-ui",
+  props: {
+    items: { default: () => [] },
+    recipes: { default: () => [] },
+    skus: { default: () => [] },
+    type: { default: "Product" },
+    editable: { type: Boolean, default: !1 }
+  },
+  emits: ["click:open-binding-dialog"],
+  setup(_, { emit: a }) {
+    const d = r({
+      isOpen: !1,
+      initialValue: [],
+      context: "",
+      name: ""
+    });
+    B("closeDialog", () => {
+      d.value.isOpen = !d.value.isOpen;
+    });
+    const i = _, f = a, m = g(() => i.items.map((s) => ({
+      key: s.key,
+      name: s.name,
+      _skuLinked: s.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.SKU && i.skus.some((c) => c._id === e)
+      ).length,
+      _recipeLinked: s.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.RECIPE && i.recipes.some((c) => c._id === e)
+      ).length,
+      onUpdate: async () => {
+        i.editable && f("click:open-binding-dialog", i.type, s);
+      }
+    })));
+    return (k, s) => {
+      const t = h("FmButton");
+      return l(), u("div", U, [
+        s[0] || (s[0] = C('<div class="flex font-bold bg-[#F7F8FA]"><div class="flex-grow-0 flex-shrink-0 basis-5/12 py-8"></div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Ingredient</div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Recipe</div><div class="flex-grow-0 flex-shrink-0 basis-1/12 py-8"></div></div>', 1)),
+        (l(!0), u(F, null, I(m.value, (e) => (l(), u("div", {
+          key: e.key,
+          class: "cursor-pointer flex border-t border-[rgba(17,32,47,0.15] items-center",
+          onClick: e.onUpdate
+        }, [
+          p("div", O, v(e.name), 1),
+          p("div", V, v(e._skuLinked ? `${e._skuLinked} linked` : "Not linked"), 1),
+          p("div", S, v(e._recipeLinked ? `${e._recipeLinked} linked` : "Not linked"), 1),
+          p("div", $, [
+            w(t, {
+              variant: "tertiary",
+              icon: "edit",
+              "icon-color": "#000",
+              size: "md",
+              disabled: !i.editable,
+              type: "button",
+              onClick: N(e.onUpdate, ["stop"])
+            }, null, 8, ["disabled", "onClick"])
+          ])
+        ], 8, D))), 128))
+      ]);
+    };
+  }
+}), A = {
+  key: 1,
+  class: "p-24 flex items-center justify-center gap-16"
+}, K = /* @__PURE__ */ x({
+  __name: "BindingsTable",
+  setup(_) {
+    const a = P(), d = r(!0), i = r(new Array()), f = g(() => a.recipes), m = g(() => a.skus), k = r(""), s = R(e), t = r();
+    async function e() {
+      await a.readInventory(), t.value = s.onMessage(
+        "props:grouped-bindings",
+        (n) => {
+          d.value = !1, i.value = n;
+        }
+      ), s.sendMessage("props:grouped-bindings");
+    }
+    async function c(n, o) {
+      s.sendMessage("@click:open-binding-dialog", {
+        key: n,
+        binding: o
+      });
+    }
+    const y = r();
+    return E(() => {
+      const n = y.value;
+      n && new ResizeObserver(() => {
+        s.sendMessage("resize", n.scrollHeight);
+      }).observe(n);
+    }), z(() => {
+      var n, o;
+      (o = (n = t.value) == null ? void 0 : n.removeEventListener) == null || o.call(n);
+    }), (n, o) => {
+      const L = h("FmCircularProgress");
+      return l(), u("div", {
+        class: "bg-white",
+        ref_key: "resizeableRef",
+        ref: y
+      }, [
+        d.value ? (l(), u("div", A, [
+          w(L, { size: "md" }),
+          o[0] || (o[0] = p("div", null, "Loading bindings table...", -1))
+        ])) : (l(), M(T, {
+          key: 0,
+          items: i.value,
+          recipes: f.value,
+          skus: m.value,
+          type: k.value,
+          editable: "",
+          "onClick:openBindingDialog": c
+        }, null, 8, ["items", "recipes", "skus", "type"]))
+      ], 512);
+    };
+  }
+});
+export {
+  K as default
+};