@feedmepos/mf-common 1.26.8 → 1.26.10

package/dist/CustomAttributesForm-6ed5a586.js

@@ -0,0 +1,102 @@
+import { defineComponent as A, computed as d, resolveComponent as N, openBlock as f, createElementBlock as b, createVNode as S, toDisplayString as C, unref as F, h } from "vue";
+import { t as w, u as O } from "./app-bac1d13e.js";
+import { components as y } from "@feedmepos/ui-library";
+import { c as x } from "./object-27ce045b.js";
+import "pinia";
+import "vue-router";
+const B = { key: 0 }, T = {
+  key: 1,
+  class: "text-fm-color-neutral-gray-500"
+}, D = /* @__PURE__ */ A({
+  __name: "CustomAttributesForm",
+  props: {
+    entity: {},
+    modelValue: {},
+    valueOptions: {}
+  },
+  emits: ["update:modelValue"],
+  setup(g, { emit: v }) {
+    const l = g, k = v, { t: a } = w(), m = O();
+    function V(t) {
+      var e;
+      if ((e = l.valueOptions) != null && e[t] && l.valueOptions[t].length > 0)
+        return l.valueOptions[t];
+      if (l.entity === "restaurant") {
+        const r = m.restaurants.value.map((n) => {
+          var o;
+          return (o = n.customAttributes) == null ? void 0 : o[t];
+        }).filter((n) => typeof n == "string" && !!n), s = [...new Set(r)];
+        return s.length > 0 ? s : void 0;
+      }
+    }
+    const c = d(() => {
+      var t, e;
+      return ((e = (t = m.currentBusiness.value) == null ? void 0 : t.attributeSettings) == null ? void 0 : e.filter(
+        (r) => r.entity === l.entity
+      )) || [];
+    }), i = d(() => c.value.map((t) => {
+      var r;
+      const e = V(t.key);
+      return {
+        key: t.key,
+        type: t.type,
+        value: ((r = l.modelValue) == null ? void 0 : r[t.key]) || "",
+        options: e
+      };
+    }) || []), _ = [
+      {
+        header: () => a("portalshell.customAttributes.form.key"),
+        accessorKey: "key",
+        enableSorting: !1
+      },
+      {
+        header: () => a("portalshell.customAttributes.form.value"),
+        accessorKey: "value",
+        enableSorting: !1,
+        cell: (t) => {
+          var n;
+          const e = t.row.original, r = (o) => {
+            const u = x(l.modelValue);
+            if (u[e.key] = typeof o == "string" ? o.trim() : o, e.type === "number") {
+              if (isNaN(Number(o)))
+                return;
+              u[e.key] = Number(o);
+            }
+            Object.keys(u).forEach((p) => {
+              u[p] || delete u[p];
+            }), k("update:modelValue", u);
+          }, s = ((n = c.value.find((o) => o.key === e.key)) == null ? void 0 : n.options) || [];
+          return s != null && s.length ? h(y.FmSelect, {
+            modelValue: e.value,
+            placeholder: a("portalshell.customAttributes.form.valuePlaceholder"),
+            items: s.map((o) => ({ label: o, value: o })),
+            "onUpdate:modelValue": r
+          }) : h(y.FmTextField, {
+            modelValue: e.value,
+            placeholder: a("portalshell.customAttributes.form.valuePlaceholder"),
+            datalist: e.options,
+            rules: [
+              (o) => e.type === "number" && isNaN(Number(o)) ? a("portalshell.customAttributes.form.attributeValueMustBeNumber") : !0
+            ],
+            "onUpdate:modelValue": r
+          });
+        }
+      }
+    ];
+    return (t, e) => {
+      const r = N("FmTable");
+      return i.value.length > 0 ? (f(), b("div", B, [
+        S(r, {
+          "column-defs": _,
+          "row-data": i.value,
+          "shrink-at": !1,
+          "page-size": i.value.length,
+          "hide-footer": ""
+        }, null, 8, ["row-data", "page-size"])
+      ])) : (f(), b("p", T, C(F(a)("portalshell.customAttributes.form.noCustomAttributes")), 1));
+    };
+  }
+});
+export {
+  D as default
+};