@feedmepos/mf-inventory-portal 0.0.25-dev.9 → 0.0.26-dev.1

package/dist/{App-9zSE_swt.js → App-CipfIdtR.js}

@@ -1,8 +1,7 @@
-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, g as s, c as W } from "./app-IM1yJnE8.js";
-import { useCoreStore as A, useI18n as B } from "@feedmepos/mf-common";
-import { useRouter as C, useRoute as K } from "vue-router";
-import { u as O } from "./feature-DMBVVBsQ.js";
+import { ref as U, onUnmounted as F, defineComponent as h, watch as P, onMounted as x, 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 B, createCommentVNode as k } from "vue";
+import { u as M, a as D, b as H, R as e, c as G, g as r, d as W } from "./app-Ba80HxT3.js";
+import { useCoreStore as A, useI18n as O } from "@feedmepos/mf-common";
+import { useRouter as L, 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";
@@ -12,9 +11,9 @@ function j() {
     isLoading: !1
   };
 }
-const E = x(j());
+const E = U(j());
 function z() {
-  const l = C();
+  const l = L();
   if (!E.value.loadingHookInstalled) {
     E.value.loadingHookInstalled = !0;
     const n = l.beforeEach(() => {
@@ -41,50 +40,50 @@ const q = {
 }, 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(), a = A(), c = C(), o = z(), R = O(), { t: d } = B();
+    const n = M(), i = D(), u = H(), s = A(), m = L(), o = z(), R = G(), { t: d } = O();
     P(
-      [() => a.sessionUser.value, () => a.currentBusiness.value],
-      ([t, r]) => {
-        f(t, r);
+      [() => s.sessionUser.value, () => s.currentBusiness.value],
+      ([t, a]) => {
+        f(t, a);
       }
-    ), U(async () => {
-      await R.init(), await a.readBusinesses();
-      const t = a.sessionUser.value, r = a.currentBusiness.value;
-      f(t, r);
+    ), x(async () => {
+      await R.init(), await s.readBusinesses();
+      const t = s.sessionUser.value, a = s.currentBusiness.value;
+      f(t, a);
     });
-    function f(t, r) {
-      !t || !r || T();
+    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, r) => {
-      const m = b("FmSpacer"), N = b("FmCircularProgress"), L = b("FmButton"), V = b("RouterView");
+    const y = g(() => m.currentRoute.value.name === e.TRANSFER_TEMPLATE ? R.enablePoTemplate : !0);
+    return (t, a) => {
+      const c = b("FmSpacer"), N = b("FmCircularProgress"), C = b("FmButton"), V = b("RouterView");
       return S(), I("div", null, [
         v(o).isLoading ? (S(), I("div", q, [
-          _(m),
+          _(c),
           p("div", null, [
             _(N, { 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)),
-          _(m)
-        ])) : y.value ? v(a).sessionUser.value ? (S(), G(V, { key: 2 })) : M("", !0) : (S(), I("div", J, [
+          a[0] || (a[0] = p("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading page...", -1)),
+          _(c)
+        ])) : y.value ? v(s).sessionUser.value ? (S(), B(V, { key: 2 })) : k("", !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, {
+              _(C, {
                 label: v(d)("inventory.common.proPlan.comparePlans"),
                 variant: "secondary"
               }, null, 8, ["label"])
             ]),
             p("a", oe, [
-              _(L, {
+              _(C, {
                 label: v(d)("inventory.common.proPlan.callUs"),
                 "prepend-icon": "call"
               }, null, 8, ["label"])
@@ -94,66 +93,66 @@ const q = {
       ]);
     };
   }
-}), re = { class: "h-full flex flex-col overflow-auto py-16" }, ae = /* @__PURE__ */ h({
+}), ae = { class: "h-full flex flex-col overflow-auto py-16" }, se = /* @__PURE__ */ h({
   __name: "NavigationTab",
   setup(l) {
-    const n = K(), i = C(), u = A(), a = O(), c = $(), { t: o } = B();
-    P([() => 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 n = K(), i = L(), u = A(), s = G(), m = $(), { 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 r;
+      var a;
       const t = [
         {
-          label: s(e.STOCK, o),
+          label: r(e.STOCK, o),
           // icon: 'inventory_2',
           children: [
             {
-              label: "Stock balance",
+              label: o("inventory.stock.stock_balance.title"),
               value: e.STOCK
             },
-            ...a.enableWastageTemplate ? [
+            ...s.enableWastageTemplate ? [
               {
-                label: s(e.WASTAGE_TEMPLATE, o),
+                label: r(e.WASTAGE_TEMPLATE, o),
                 value: e.WASTAGE_TEMPLATE
               }
             ] : []
           ]
         },
-        ...a.enableClosingTemplate ? [
+        ...s.enableClosingTemplate ? [
           {
             label: "Closing",
             children: [
               {
-                label: s(e.CLOSING_TEMPLATE, o),
+                label: r(e.CLOSING_TEMPLATE, o),
                 value: e.CLOSING_TEMPLATE
               },
               {
-                label: s(e.CLOSING_DRAFT, o),
+                label: r(e.CLOSING_DRAFT, o),
                 value: e.CLOSING_DRAFT
               }
             ]
           }
         ] : [],
         {
-          label: s(e.INGREDIENTS, o),
+          label: r(e.INGREDIENTS, o),
           // icon: 'grocery',
           value: e.INGREDIENTS
         },
-        ...a.enableIngredientGroup ? [
+        ...s.enableIngredientGroup ? [
           {
-            label: s(e.INGREDIENT_GROUP, o),
+            label: r(e.INGREDIENT_GROUP, o),
             // icon: 'grocery',
             value: e.INGREDIENT_GROUP
           }
         ] : [],
         {
-          label: s(e.RECIPE, o),
+          label: r(e.RECIPE, o),
           // icon: 'weight',
           value: e.RECIPE
         },
         {
-          label: s(e.UNIT, o),
+          label: r(e.UNIT, o),
           // icon: 'fastfood',
           value: e.UNIT
         },
@@ -162,43 +161,43 @@ const q = {
           // icon: 'swap_horiz',
           children: [
             {
-              label: s(e.RECEIVE_REQUEST, o),
+              label: r(e.RECEIVE_REQUEST, o),
               value: e.RECEIVE_REQUEST
             },
             {
-              label: s(e.APPROVAL, o),
+              label: r(e.APPROVAL, o),
               value: e.APPROVAL
             },
-            ...a.enablePoTemplate ? [
+            ...s.enablePoTemplate ? [
               {
-                label: s(e.TRANSFER_TEMPLATE, o),
+                label: r(e.TRANSFER_TEMPLATE, o),
                 value: e.TRANSFER_TEMPLATE
               }
             ] : []
           ]
         },
         {
-          label: s(e.SUPPLIER, o),
+          label: r(e.SUPPLIER, o),
           // icon: 'group',
           value: e.SUPPLIER
         },
         {
-          label: s(e.WAREHOUSE, o),
+          label: r(e.WAREHOUSE, o),
           // icon: 'warehouse',
           value: e.WAREHOUSE
         },
         {
-          label: s(e.PUBLISH, o),
+          label: r(e.PUBLISH, o),
           value: e.PUBLISH
         },
         {
-          label: s(e.INTEGRATION, o),
+          label: r(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
+      return ((a = u.currentBusiness.value) == null ? void 0 : a.menuVersion) === "v3" ? t.filter(
+        (c) => c.value !== e.INGREDIENTS && c.value !== e.RECIPE && c.value !== e.UNIT && c.value !== e.PUBLISH
       ) : t;
     }), d = g({
       get() {
@@ -213,24 +212,24 @@ const q = {
         var t;
         return `NavigationTab.${(t = u.currentBusiness.value) == null ? void 0 : t._id}`;
       }
-    ), T = x(!1), y = g({
+    ), T = U(!1), y = g({
       get() {
         return T.value;
       },
       set(t) {
-        T.value = t, t || c.setItem(f.value, "true");
+        T.value = t, t || m.setItem(f.value, "true");
       }
     });
     return P([() => f.value], () => {
       T.value = !1, setTimeout(() => {
-        y.value = !c.getItem(f.value);
+        y.value = !m.getItem(f.value);
       }, 2e3);
-    }), (t, r) => {
-      const m = b("FmCollapsibleTabs");
-      return S(), I("div", re, [
-        _(m, {
+    }), (t, a) => {
+      const c = b("FmCollapsibleTabs");
+      return S(), I("div", ae, [
+        _(c, {
           modelValue: d.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (N) => d.value = N),
+          "onUpdate:modelValue": a[0] || (a[0] = (N) => d.value = N),
           items: R.value
         }, null, 8, ["modelValue", "items"])
       ]);
@@ -239,39 +238,39 @@ const q = {
 });
 typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
   let l, n;
-  return { promise: new Promise((u, a) => {
-    l = u, n = a;
+  return { promise: new Promise((u, s) => {
+    l = u, n = s;
   }), 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 fe = /* @__PURE__ */ h({
+const de = /* @__PURE__ */ h({
   __name: "App",
   setup(l) {
     const n = A(), i = Q(), u = W();
-    U(() => {
+    x(() => {
       if (window.location.href.includes("print-preview")) {
         n.setEmbedded(!0);
         return;
       }
-      n.registerSidebarComponent(ae), i.initGoogleMap(u.appApi.googleMap).catch(() => {
+      n.registerSidebarComponent(se), i.initGoogleMap(u.appApi.googleMap).catch(() => {
         console.error("Google map cannot be loaded");
       });
     }), P([() => n.currentCountry.value], () => {
-      a();
+      s();
     });
-    async function a() {
-      var c;
+    async function s() {
+      var m;
       try {
-        await n.readBusinesses(), n.currentBusiness.value = (c = n.businesses.value) == null ? void 0 : c.find((o) => o);
+        await n.readBusinesses(), n.currentBusiness.value = (m = n.businesses.value) == null ? void 0 : m.find((o) => o);
       } catch (o) {
         console.error("error when trying to reset businesses:", o);
       }
     }
-    return (c, o) => (S(), G(ne));
+    return (m, o) => (S(), B(ne));
   }
 });
 export {
-  fe as default
+  de as default
 };

package/dist/ApprovalView-IC33yBg7.js

@@ -0,0 +1,143 @@
+import { defineComponent as oe, ref as g, watch as re, computed as b, resolveComponent as ne, openBlock as y, createBlock as K, unref as e, withCtx as x, createElementVNode as s, normalizeClass as se, createVNode as n, normalizeStyle as le, toDisplayString as ce, createElementBlock as ie, createCommentVNode as ue, Teleport as pe, mergeProps as me } from "vue";
+import { u as de, aw as _, aH as fe, a9 as Q, B as _e, _ as ve, C as he, E as De, G as v } from "./app-Ba80HxT3.js";
+import { a as ge, P as O, b as be, _ as ye } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CfPPCFh8.js";
+import { useBreakpoints as xe } from "@feedmepos/ui-library";
+import { useI18n as Oe } 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" }, Pe = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Ce = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, Se = { class: "pt-8" }, $e = /* @__PURE__ */ oe({
+  __name: "ApprovalView",
+  setup(Te) {
+    const o = ge(O.APPROVAL), { columnDefs: W } = be(O.APPROVAL, o), X = de();
+    _.object({
+      name: _.string().optional().nullable(),
+      start: _.date().optional().nullable(),
+      end: _.date().optional().nullable()
+    });
+    const w = g({
+      name: "",
+      ...fe()
+    }), a = g({
+      startDate: Q(w.value.start ?? /* @__PURE__ */ new Date()),
+      endDate: Q(w.value.end ?? /* @__PURE__ */ new Date())
+    });
+    re([() => 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), Z = b(() => D.value ? 10 : 20), B = _e(), { t: P } = Oe(), I = b(() => [
+      {
+        label: P("inventory.common.refresh"),
+        value: "refresh"
+      }
+    ]);
+    function ee(c) {
+      switch (c) {
+        case "refresh":
+          return o.fetchData();
+      }
+    }
+    return (c, l) => {
+      const te = ne("FmTable");
+      return y(), K(ve, {
+        title: e(P)("inventory.transfer.approval.title"),
+        actions: I.value,
+        "onClick:action": ee
+      }, {
+        default: x(() => [
+          s("div", {
+            class: se([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": D.value,
+                "px-24 ": !D.value
+              }
+            ])
+          }, [
+            n(he, {
+              searchable: "",
+              "change-location": "",
+              search: h.value,
+              "onUpdate:search": l[0] || (l[0] = (r) => h.value = r)
+            }, null, 8, ["search"]),
+            n(te, {
+              style: le(e(B).tableHeight),
+              "column-defs": e(W),
+              "row-data": e(o).purchaseRequests.value,
+              "search-value": h.value,
+              loading: !e(X)._currentLocation || e(o).loading.value,
+              onRowClick: l[1] || (l[1] = (r) => e(o).promptShowTransferDetails(
+                r.original.purchaseOrder,
+                r.original
+              )),
+              "page-size": Z.value
+            }, {
+              "list-row": x((r) => [
+                n(De, {
+                  row: r,
+                  onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
+                }, {
+                  default: x((t) => {
+                    var k, C, S, i, T, A, V, L, u, z, M, p, $, m, E, F, Y, q, H, d, N, j, G, U, f, J;
+                    return [
+                      s("div", we, [
+                        s("div", Re, [
+                          n(e(v), {
+                            render: (S = (C = (k = t.purchaseOrder__id) == null ? void 0 : k.column) == null ? void 0 : C.columnDef) == null ? void 0 : S.cell,
+                            props: (T = (i = t.purchaseOrder__id) == null ? void 0 : i.getContext) == null ? void 0 : T.call(i)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        s("div", Pe, [
+                          n(e(v), {
+                            render: (L = (V = (A = t.to_name) == null ? void 0 : A.column) == null ? void 0 : V.columnDef) == null ? void 0 : L.cell,
+                            props: (z = (u = t.to_name) == null ? void 0 : u.getContext) == null ? void 0 : z.call(u)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        s("div", ke, ce((E = (m = ($ = (p = (M = r.original.purchaseOrder) == null ? void 0 : M.items) == null ? void 0 : p.map) == null ? void 0 : $.call(p, (ae) => `${ae.name}`)) == null ? void 0 : m.join) == null ? void 0 : E.call(m, ", ")), 1),
+                        (F = r.original.purchaseOrder) != null && F.ref ? (y(), ie("div", Ce, [
+                          n(e(v), {
+                            render: (H = (q = (Y = t.purchaseOrder_ref) == null ? void 0 : Y.column) == null ? void 0 : q.columnDef) == null ? void 0 : H.cell,
+                            props: (N = (d = t.purchaseOrder_ref) == null ? void 0 : d.getContext) == null ? void 0 : N.call(d)
+                          }, null, 8, ["render", "props"])
+                        ])) : ue("", !0),
+                        s("div", Se, [
+                          n(e(v), {
+                            render: (U = (G = (j = t.purchaseOrder_status) == null ? void 0 : j.column) == null ? void 0 : G.columnDef) == null ? void 0 : U.cell,
+                            props: (J = (f = t.purchaseOrder_status) == null ? void 0 : f.getContext) == null ? void 0 : J.call(f)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ], 2),
+          (y(), K(pe, { to: "body" }, [
+            n(ye, me({
+              scope: e(O).APPROVAL
+            }, e(o).transferDetailsProps.value, {
+              onSubmitted: e(o).fetchData
+            }), null, 16, ["scope", "onSubmitted"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  $e as default
+};

package/dist/{BindingsDialog-eGbOIQkw.js → BindingsDialog-EN6Kbnu7.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-CFMZ4VsK.js";
-import { a as L, aQ as S } from "./app-IM1yJnE8.js";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-DVHQjAEC.js";
+import { a as L, aQ as S } from "./app-Ba80HxT3.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-CVXrd29s.js → BindingsPicker-DQ_LEoqq.js}

@@ -1,12 +1,12 @@
 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 { a as M, aQ as x, H as z } from "./app-IM1yJnE8.js";
+import { a as M, aQ as x, J as z } from "./app-Ba80HxT3.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"
-}, H = /* @__PURE__ */ S({
+}, N = /* @__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) => ({
@@ -119,5 +119,5 @@ const F = {
   }
 });
 export {
-  H as default
+  N as default
 };

package/dist/BindingsTable-DGXpAyM4.js

@@ -0,0 +1,120 @@
+import { defineComponent as x, ref as r, provide as C, computed as g, resolveComponent as h, openBlock as l, createElementBlock as u, createStaticVNode as F, Fragment as L, 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, aQ as R } from "./app-Ba80HxT3.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: ""
+    });
+    C("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] = F('<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(L, 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 B = h("FmCircularProgress");
+      return l(), u("div", {
+        class: "bg-white",
+        ref_key: "resizeableRef",
+        ref: y
+      }, [
+        d.value ? (l(), u("div", A, [
+          w(B, { 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
+};