@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/ProductInventoryDialog-DO0D8e3Z.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./ProductInventoryDialog.vue_vue_type_script_setup_true_lang-y9Mz__o9.js";
+export {
+  f as default
+};

package/dist/ProductInventoryDialog.vue_vue_type_script_setup_true_lang-y9Mz__o9.js

@@ -0,0 +1,187 @@
+import { defineComponent as q, computed as u, ref as F, toRaw as S, resolveComponent as g, openBlock as z, createElementBlock as D, Fragment as N, createVNode as l, unref as o, withCtx as y, createElementVNode as _, toDisplayString as O } from "vue";
+import { useI18n as A } from "@feedmepos/mf-common";
+import { useInventoryStore as K, InventoryBindingForm as G } from "@feedmepos/mf-inventory-portal";
+import { useDialog as Q, components as T, FmButtonVariant as $ } from "@feedmepos/ui-library";
+import { u as j } from "./provide-Tmjfji09.js";
+import { _ as M } from "./BindingLinkDialog.vue_vue_type_script_setup_true_lang-BZVQRyRI.js";
+import { _ as H } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
+const J = { class: "fm-typo-en-title-md-600 mr-auto" }, W = { class: "space-y-40" }, X = { class: "flex gap-8 items-center justify-start" }, ae = /* @__PURE__ */ q({
+  __name: "ProductInventoryDialog",
+  props: {
+    session: {},
+    productName: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(V, { emit: h }) {
+    const c = V, B = h, { t } = A(), U = Q(), b = K(), k = j(c.session), m = u(
+      () => k.value.status === "ready" ? k.value.value : null
+    ), a = F(null), p = F(""), C = u({
+      get: () => a.value !== null,
+      set: (n) => {
+        n || (a.value = null);
+      }
+    }), I = u(() => {
+      switch (a.value) {
+        case "RECIPE":
+          return t("menu.inventory.binding.picker.recipes");
+        case "SKU_GROUP":
+          return t("menu.inventory.binding.picker.ingredient_group");
+        case "SKU":
+          return t("menu.inventory.binding.picker.ingredients");
+        default:
+          return "";
+      }
+    }), P = u(() => {
+      var v;
+      const n = a.value;
+      if (!n) return [];
+      const i = new Set(
+        (((v = m.value) == null ? void 0 : v.row.bindings) ?? []).filter((e) => e.type === n).map((e) => e.id)
+      ), d = p.value.trim().toLocaleLowerCase(), s = (e) => {
+        var f;
+        return !d || e.name.toLocaleLowerCase().includes(d) || ((f = e.detail) == null ? void 0 : f.toLocaleLowerCase().includes(d));
+      };
+      return n === "SKU" ? b.skus.map((e) => ({
+        id: e._id,
+        name: e.name,
+        selected: i.has(e._id),
+        detail: e.code
+      })).filter(s) : n === "RECIPE" ? b.recipes.map((e) => ({
+        id: e._id,
+        name: e.name,
+        selected: i.has(e._id),
+        detail: t("menu.inventory.binding.picker.recipe_bindings", {
+          count: e.contains.length
+        })
+      })).filter(s) : b.skuGroups.map((e) => ({
+        id: e._id,
+        name: e.name,
+        selected: i.has(e._id)
+      })).filter(s);
+    }), w = u({
+      get: () => {
+        var n;
+        return structuredClone(
+          S(((n = m.value) == null ? void 0 : n.row.bindings) ?? [])
+        );
+      },
+      set: (n) => c.session.setBindings(structuredClone(S(n)))
+    });
+    function r() {
+      B("close");
+    }
+    function x(n) {
+      p.value = "", a.value = n;
+    }
+    function E(n) {
+      const i = a.value;
+      i && (c.session.linkBindings(i, n), a.value = null);
+    }
+    function L() {
+      c.session.apply() && r();
+    }
+    function R() {
+      var n;
+      if (!((n = m.value) != null && n.dirty)) return r();
+      U.open({
+        title: t("menu.common.dialog.discard.title"),
+        message: t("menu.common.dialog.discard.message"),
+        primaryActions: {
+          text: t("menu.common.actions.discard"),
+          close: !0,
+          variant: $.Destructive
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(r);
+    }
+    return (n, i) => {
+      const d = g("FmCard"), s = g("FmButton"), v = g("FmSideSheet");
+      return z(), D(N, null, [
+        l(v, {
+          "model-value": !0,
+          "z-index": 300,
+          "close-button": !1,
+          "max-width": 560,
+          "is-container": o(T).FmForm,
+          "is-container-props": {
+            onValidationSuccess: L,
+            blameFormChildOnValidationFailed: !0
+          },
+          "onUpdate:modelValue": i[1] || (i[1] = (e) => !e && r()),
+          "onOn:clickedAway": R
+        }, {
+          "side-sheet-header": y(() => [
+            _("p", J, O(o(t)("menu.inventory.dialog.title", { name: n.productName })), 1)
+          ]),
+          "side-sheet-footer": y(() => [
+            _("div", X, [
+              l(s, {
+                label: o(t)("menu.common.actions.add"),
+                size: "lg",
+                type: "submit",
+                variant: "primary",
+                disabled: n.disabled
+              }, null, 8, ["label", "disabled"]),
+              l(s, {
+                label: o(t)("menu.common.actions.cancel"),
+                "aria-label": o(t)("menu.inventory.dialog.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: r
+              }, null, 8, ["label", "aria-label"])
+            ])
+          ]),
+          default: y(() => {
+            var e;
+            return [
+              _("div", W, [
+                l(H, {
+                  "model-value": ((e = m.value) == null ? void 0 : e.row.label) ?? "",
+                  disabled: "",
+                  label: o(t)("menu.inventory.form.product_name")
+                }, null, 8, ["model-value", "label"]),
+                l(d, {
+                  class: "p-16 space-y-24",
+                  variant: "outlined"
+                }, {
+                  default: y(() => [
+                    l(o(G), {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": i[0] || (i[0] = (f) => w.value = f),
+                      disabled: n.disabled,
+                      "iframe-mode": "",
+                      "onClick:pickInventoryBindings": x
+                    }, null, 8, ["modelValue", "disabled"])
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["is-container", "is-container-props"]),
+        l(M, {
+          modelValue: C.value,
+          "onUpdate:modelValue": i[2] || (i[2] = (e) => C.value = e),
+          candidates: P.value,
+          query: p.value,
+          title: I.value,
+          "z-index": 400,
+          "show-selection-count": "",
+          "inventory-mode": "",
+          "close-label": o(t)("menu.inventory.binding.picker.close"),
+          "empty-label": o(t)("menu.inventory.binding.picker.no_results"),
+          "onUpdate:query": i[3] || (i[3] = (e) => p.value = e),
+          onSubmit: E
+        }, null, 8, ["modelValue", "candidates", "query", "title", "close-label", "empty-label"])
+      ], 64);
+    };
+  }
+});
+export {
+  ae as _
+};