@feedmepos/mf-inventory-portal 0.0.20-dev.1 → 0.0.21-dev.1

package/dist/{ApprovalView-CF-RhtHH.js → ApprovalView-DW0_5glj.js}

@@ -1,9 +1,9 @@
 import { defineComponent as B, ref as h, watch as I, computed as ee, resolveComponent as te, openBlock as D, createBlock as H, unref as e, withCtx as g, createElementVNode as s, createVNode as n, normalizeStyle as ae, toDisplayString as oe, createElementBlock as re, createCommentVNode as ne, Teleport as se, mergeProps as le } from "vue";
-import { Y as f, O as U, j as ie } from "./app-P7rGzGsF.js";
-import { b as ce, _ as pe, a as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-6yg6_JPe.js";
-import { u as me } from "./format-unit-display-DJpElzu_.js";
-import { u as de, _ as fe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-lsyakQIl.js";
-import { _ as _e, F as _, u as ve } from "./layout-D-zXtsSp.js";
+import { Y as f, O as U, j as ie } from "./app-CmxCdDLB.js";
+import { b as ce, _ as pe, a as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CHNBnuDM.js";
+import { u as me } from "./purchase-order-transaction-type-B9KguKXt.js";
+import { u as de, _ as fe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-BixtDHmX.js";
+import { _ as _e, F as _, u as ve } from "./layout-DTjCHRyt.js";
 import { useBreakpoints as he } from "@feedmepos/ui-library";
 import { useI18n as De } from "@feedmepos/mf-common";
 const ge = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, xe = { class: "flex flex-col py-8" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Oe = {

package/dist/{BindingsDialog-0_fCmf7t.js → BindingsDialog-Czx4IaxD.js}

@@ -1,5 +1,5 @@
 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 { u as V, am as L, _ as S } from "./app-P7rGzGsF.js";
+import { u as V, an as L, _ as S } from "./app-CmxCdDLB.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-CT-56t-W.js → BindingsPicker-C25wyJ5c.js}

@@ -1,5 +1,5 @@
 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 { u as x, am as M, y as z } from "./app-P7rGzGsF.js";
+import { u as x, an as M, y as z } from "./app-CmxCdDLB.js";
 const K = {
   key: 0,
   class: "flex flex-col gap-16"

package/dist/BindingsTable-DypE3NR_.js

@@ -0,0 +1,145 @@
+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 { q as v, u as E, an as L } from "./app-CmxCdDLB.js";
+import { components as F } from "@feedmepos/ui-library";
+import "@feedmepos/mf-common";
+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 o = k, m = d, a = f(() => o.items.map((e) => ({
+      key: e.key,
+      name: e.name,
+      _skuLinked: e.bindings.filter(
+        ({ type: n, id: s }) => n === v.enum.SKU && o.skus.some((l) => l._id === s)
+      ).length,
+      _recipeLinked: e.bindings.filter(
+        ({ type: n, id: s }) => n === v.enum.RECIPE && o.recipes.some((l) => l._id === s)
+      ).length,
+      onUpdate: async () => {
+        o.editable && m("click:open-binding-dialog", o.type, e);
+      }
+    }))), g = [
+      {
+        accessorKey: "name",
+        header: "Name",
+        size: "auto"
+      },
+      {
+        id: "ingredient",
+        header: "Ingredient",
+        size: 200,
+        cell(i) {
+          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";
+        }
+      },
+      {
+        id: "recipe",
+        header: "Recipe",
+        size: 200,
+        cell(i) {
+          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";
+        }
+      },
+      {
+        id: "action",
+        header: "",
+        size: 24,
+        cell(i) {
+          const e = a.value.find((n) => n.key === i.row.original.key);
+          return z(F.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"
+}, D = /* @__PURE__ */ _({
+  __name: "BindingsTable",
+  setup(k) {
+    const d = E(), u = c(!0), o = c(new Array()), m = f(() => d.recipes), a = f(() => d.skus), g = c(""), i = L(n), e = c();
+    async function n() {
+      await d.readInventory(), e.value = i.onMessage(
+        "props:grouped-bindings",
+        (t) => {
+          u.value = !1, o.value = t;
+        }
+      ), i.sendMessage("props:grouped-bindings");
+    }
+    async function s(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: o.value,
+          recipes: m.value,
+          skus: a.value,
+          type: g.value,
+          editable: "",
+          "onClick:openBindingDialog": s
+        }, null, 8, ["items", "recipes", "skus", "type"]))
+      ], 512);
+    };
+  }
+});
+export {
+  D as default
+};

package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-6yg6_JPe.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CHNBnuDM.js}

@@ -1,6 +1,6 @@
 import { defineComponent as L, computed as g, resolveComponent as b, openBlock as t, createElementBlock as y, Fragment as k, createElementVNode as r, toDisplayString as C, createCommentVNode as h, renderList as D, createBlock as _, unref as d, createVNode as c, renderSlot as j, Teleport as z, ref as H, withCtx as V, watch as Q, mergeModels as E, useModel as I } from "vue";
 import { FmButtonVariant as O, useBreakpoints as q } from "@feedmepos/ui-library";
-import { j as N, O as T } from "./app-P7rGzGsF.js";
+import { j as N, O as T } from "./app-CmxCdDLB.js";
 import { useCoreStore as G, useI18n as P } from "@feedmepos/mf-common";
 const J = { class: "flex flex-col w-full bg-white h-full" }, K = { class: "flex items-center px-24 py-16 xs:p-12 sm:p-12 gap-4 h-[68px]" }, W = { class: "flex-1 flex-col gap-4 fm-typo-en-title-md-600 flex h-[36px] bg-white" }, X = {
   key: 0,