@feedmepos/mf-menu 0.32.37 → 0.32.38

package/dist/index-DIXBx1sl.js

@@ -0,0 +1,335 @@
+import { B as $, A as Y, u as Z, I as G, D as A, J as Q } from "./index.vue_vue_type_script_setup_true_lang-CZJpW7cW.js";
+import { defineComponent as R, ref as h, computed as _, watch as j, onMounted as X, onBeforeUnmount as ee, resolveComponent as x, createBlock as J, openBlock as L, withModifiers as q, withCtx as k, renderSlot as P, createElementBlock as I, Fragment as K, createVNode as v, unref as i, createElementVNode as M, createCommentVNode as ae, renderList as te, toDisplayString as O } from "vue";
+import { useI18n as W } from "@feedmepos/mf-common";
+import { components as le } from "@feedmepos/ui-library";
+import { _ as ne } from "./RuleView.vue_vue_type_script_setup_true_lang-DLMPV1-F.js";
+import { u as oe } from "./discardConfirm-BHni0LNu.js";
+import { _ as ie } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-DS_gQ7_2.js";
+import { _ as re } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-DiGAs3Gd.js";
+import { c as ue } from "./check-C9mY6LiX.js";
+import { f as se } from "./currency-B59CBSWJ.js";
+import { c as me } from "./string-DpfFixWH.js";
+import { g as z } from "./translation-BeqjfyEb.js";
+const de = /* @__PURE__ */ R({
+  __name: "CurrencyInput",
+  props: {
+    modelValue: {},
+    label: {},
+    placeholder: {},
+    nullable: { type: Boolean },
+    showCurrency: { type: Boolean },
+    min: {},
+    max: {},
+    required: { type: [Boolean, String] },
+    rules: {},
+    disable: { type: Boolean },
+    minLength: {},
+    maxLength: {},
+    inputmode: {},
+    type: {},
+    readonly: { type: Boolean },
+    labelMark: {},
+    prependIcon: {},
+    appendIcon: {},
+    showValidBorder: { type: Boolean },
+    labelInfo: {},
+    showWordCount: { type: Boolean },
+    invalid: { type: Boolean },
+    autofocus: { type: Boolean },
+    formatter: { type: Function },
+    decimal: {},
+    datalist: {},
+    shiftDatalist: { type: Boolean },
+    datalistMaxHeight: {},
+    datalistMinHeight: {},
+    offsetDatalist: {},
+    datalistPlacement: {},
+    datalistZIndex: {},
+    datalistWidth: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    helperState: {}
+  },
+  emits: ["update:model-value"],
+  setup(B, { emit: g }) {
+    const l = B, { t: o } = W(), m = h(!1), E = h(!1), r = h(), U = _(() => l.modelValue ? (E.value && !m.value && (m.value = !0), $.Dinero.fromFdoDinero(l.modelValue).toUnit().toFixed(2)) : "");
+    j(
+      () => E.value,
+      (e) => {
+        var n, c, f, T, N;
+        e ? (c = (n = r.value) == null ? void 0 : n.inputEl) == null || c.select() : (m.value = !1, (f = r.value) != null && f.inputEl && s((N = (T = r.value) == null ? void 0 : T.inputEl) == null ? void 0 : N.value));
+      }
+    );
+    const S = g, u = _(() => typeof l.required == "string" ? l.required : o("menu.common.validation.field_required", {
+      field: l.label ?? o("menu.currency.input.field")
+    })), C = [
+      (e) => l.required ? !!e || u.value : !0,
+      (e) => l.min !== void 0 && e && parseFloat(e.toString()) < l.min ? o("menu.common.validation.min_value", { value: l.min }) : !0,
+      (e) => l.max !== void 0 && e && parseFloat(e.toString()) > l.max ? o("menu.common.validation.max_value", { value: l.max }) : !0,
+      ...l.rules ?? []
+    ];
+    function s(e) {
+      if (typeof e != "number" && !e && l.nullable)
+        S("update:model-value", void 0);
+      else {
+        if (typeof e == "string" && e === "-")
+          return;
+        let n = parseFloat((e || "").toString());
+        n = Number.isNaN(n) ? 0 : n, S("update:model-value", $.Dinero.fromNumber({ number: n }).toObject());
+      }
+    }
+    const D = _(() => typeof l.min == "number" && l.min >= 0), F = (e) => {
+      var n, c, f;
+      if (!(e.ctrlKey || e.metaKey)) {
+        if (e.key === "Enter") {
+          (n = r.value) != null && n.inputEl && s((f = (c = r.value) == null ? void 0 : c.inputEl) == null ? void 0 : f.value);
+          return;
+        }
+        if (e.key === "-" && D.value) {
+          e.preventDefault();
+          return;
+        }
+        e.key >= "0" && e.key <= "9" || e.key === "." || e.key === "," || e.key === "-" || e.key === "Backspace" || e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Tab" || e.preventDefault();
+      }
+    };
+    return X(() => {
+      var e;
+      r.value && ((e = r.value.inputEl) == null || e.addEventListener("keydown", F));
+    }), ee(() => {
+      var e;
+      r.value && ((e = r.value.inputEl) == null || e.removeEventListener("keydown", F));
+    }), (e, n) => {
+      const c = x("fm-text-field");
+      return L(), J(c, {
+        ref_key: "inputRef",
+        ref: r,
+        autofocus: l.autofocus,
+        disabled: l.disable,
+        label: e.label,
+        "model-value": U.value,
+        placeholder: l.placeholder,
+        "prepend-icon": e.showCurrency ? "attach_money" : void 0,
+        rules: C,
+        inputmode: "decimal",
+        onFocusChanged: n[0] || (n[0] = (f) => E.value = f),
+        onWheel: n[1] || (n[1] = q(() => {
+        }, ["prevent"])),
+        onTouchmove: n[2] || (n[2] = q(() => {
+        }, ["prevent"])),
+        onScroll: n[3] || (n[3] = q(() => {
+        }, ["prevent"]))
+      }, {
+        append: k(() => [
+          P(e.$slots, "append")
+        ]),
+        _: 3
+      }, 8, ["autofocus", "disabled", "label", "model-value", "placeholder", "prepend-icon"]);
+    };
+  }
+});
+function xe(B) {
+  return B.map((g) => ({
+    module: Y.F_MENU_MODULE_V4_KEY.enum.item,
+    id: g._id,
+    discriminator: g.combinationKey,
+    data: void 0
+  }));
+}
+const pe = { class: "fm-typo-en-title-md-600" }, ce = { class: "space-y-32" }, fe = { class: "py-12 px-16 space-y-4" }, ve = { class: "flex gap-8 items-center justify-start" }, ye = /* @__PURE__ */ R({
+  __name: "Form",
+  props: {
+    action: {},
+    initialValue: {},
+    fallback: {},
+    applyProduct: { type: Boolean },
+    bindToVariant: { type: Boolean }
+  },
+  emits: ["update:takeaway"],
+  setup(B, { expose: g, emit: l }) {
+    const { t: o } = W(), m = B, E = l, r = Z(), U = _(() => r.rules.takeaway), S = h(!1), u = h(!1), C = h(!1), s = h(void 0), D = (a) => {
+      ue.isBoolean(a) ? u.value = a : u.value = !u.value;
+    };
+    function F() {
+      var t;
+      const a = {
+        ...A.generator.initMenuV4Takeaway(),
+        usedBy: [],
+        ...G(m.initialValue ?? {})
+      };
+      return (t = m.fallback) != null && t.price && (a.price = null), a;
+    }
+    const e = h(F()), n = _(() => m.action === "add" ? o("menu.takeaway.add") : o("menu.takeaway.update")), c = _(() => !!e.value.name), f = _(() => {
+      var V;
+      const a = [], t = "en-US", w = (V = s.value) == null ? void 0 : V[t];
+      return e.value.name && !w && a.push({
+        locale: t,
+        name: e.value.name,
+        localeDisplay: z(t)
+      }), s.value && Object.entries(s.value).filter(([d, y]) => y && y.trim()).sort(([d], [y]) => d.localeCompare(y)).forEach(([d, y]) => {
+        a.push({
+          locale: d,
+          name: y,
+          localeDisplay: z(d)
+        });
+      }), a;
+    });
+    function T(a) {
+      s.value = a;
+    }
+    const N = oe(
+      () => {
+        var d;
+        const a = !Q.isEqual(
+          e.value,
+          m.initialValue || {
+            ...A.generator.initMenuV4Takeaway(),
+            usedBy: []
+          }
+        ), t = ((d = m.initialValue) == null ? void 0 : d.name_locale) || {}, w = s.value || {}, V = JSON.stringify(t) !== JSON.stringify(w);
+        return a || V;
+      },
+      () => u.value = !1
+    );
+    function H() {
+      E("update:takeaway", {
+        ...e.value,
+        ...s.value && { name_locale: s.value }
+      }), D(!1);
+    }
+    return j(
+      () => u.value,
+      () => {
+        var a;
+        u.value && (e.value = F(), s.value = (a = m.initialValue) == null ? void 0 : a.name_locale);
+      }
+    ), g({
+      trigger: D,
+      show: u
+    }), (a, t) => {
+      const w = x("fm-button"), V = x("FmTooltip"), d = x("fm-text-field"), y = x("fm-side-sheet");
+      return L(), I(K, null, [
+        P(a.$slots, "default", { trigger: D }),
+        v(y, {
+          id: "group-form",
+          modelValue: u.value,
+          "onUpdate:modelValue": t[5] || (t[5] = (b) => u.value = b),
+          "is-container": i(le).FmForm,
+          "is-container-props": {
+            onValidationSuccess: H,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560,
+          "onOn:clickedAway": i(N)
+        }, {
+          "side-sheet-header": k(() => [
+            M("p", pe, O(n.value), 1)
+          ]),
+          "side-sheet-footer": k(() => [
+            M("div", ve, [
+              v(w, {
+                label: i(me)(i(o)(`menu.common.actions.${a.action}`)),
+                loading: S.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label", "loading"]),
+              v(w, {
+                label: i(o)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: t[4] || (t[4] = () => u.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: k(() => [
+            M("div", ce, [
+              v(ne, null, {
+                default: k(() => {
+                  var b;
+                  return [
+                    v(d, {
+                      modelValue: e.value.name,
+                      "onUpdate:modelValue": t[1] || (t[1] = (p) => e.value.name = p),
+                      disabled: !U.value.name,
+                      rules: [
+                        (p) => !!p || i(o)("menu.common.validation.required", {
+                          field: i(o)("menu.takeaway.columns.title").toLowerCase()
+                        })
+                      ],
+                      autofocus: "",
+                      label: i(o)("menu.takeaway.columns.title"),
+                      placeholder: i(o)("menu.takeaway.placeholders.title"),
+                      required: "",
+                      title: i(o)("menu.takeaway.columns.title")
+                    }, {
+                      append: k(() => [
+                        v(V, {
+                          variant: "plain",
+                          placement: "top",
+                          "z-index": 999
+                        }, {
+                          content: k(() => [
+                            M("div", fe, [
+                              (L(!0), I(K, null, te(f.value, (p) => (L(), I("div", {
+                                key: p.locale
+                              }, O(p.name) + " (" + O(p.localeDisplay) + ") ", 1))), 128))
+                            ])
+                          ]),
+                          default: k(() => [
+                            v(w, {
+                              variant: "tertiary",
+                              icon: "g_translate",
+                              onClick: t[0] || (t[0] = (p) => C.value = !0),
+                              disabled: !c.value
+                            }, null, 8, ["disabled"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "disabled", "rules", "label", "placeholder", "title"]),
+                    v(de, {
+                      modelValue: e.value.price,
+                      "onUpdate:modelValue": t[2] || (t[2] = (p) => e.value.price = p),
+                      min: 0,
+                      nullable: !!a.fallback,
+                      placeholder: (b = a.fallback) != null && b.price ? i(se)(a.fallback.price, !1) : void 0,
+                      label: i(o)("menu.takeaway.columns.price"),
+                      "show-currency": "",
+                      title: i(o)("menu.takeaway.columns.price")
+                    }, null, 8, ["modelValue", "nullable", "placeholder", "label", "title"])
+                  ];
+                }),
+                _: 1
+              }),
+              a.applyProduct ? (L(), J(ie, {
+                key: 0,
+                overrides: e.value.usedBy,
+                "onUpdate:overrides": t[3] || (t[3] = (b) => e.value.usedBy = b),
+                "select-variant": a.bindToVariant,
+                editable: "",
+                title: i(o)("menu.common.labels.product")
+              }, null, 8, ["overrides", "select-variant", "title"])) : ae("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]),
+        v(re, {
+          modelValue: C.value,
+          "onUpdate:modelValue": t[6] || (t[6] = (b) => C.value = b),
+          title: i(o)("menu.takeaway.title"),
+          name: e.value.name,
+          "name-locale": s.value,
+          "onUpdate:nameLocale": T
+        }, null, 8, ["modelValue", "title", "name", "name-locale"])
+      ], 64);
+    };
+  }
+}), Le = ye;
+export {
+  Le as T,
+  de as _,
+  ye as a,
+  xe as l
+};

package/dist/{index-uiJS0BKT.js → index-wA29dyse.js}

@@ -1,7 +1,7 @@
 import { defineComponent as W, ref as A, resolveComponent as v, createElementBlock as E, openBlock as I, Fragment as B, createElementVNode as g, createVNode as c, normalizeClass as T, withCtx as _, toDisplayString as S, unref as i, h as G, watch as O, onMounted as K, nextTick as M, readonly as N, getCurrentInstance as U, getCurrentScope as L, onScopeDispose as $ } from "vue";
 import { useI18n as q, useCustomAttributes as H, useCoreStore as J } from "@feedmepos/mf-common";
 import { components as Q } from "@feedmepos/ui-library";
-import { d as X, _ as k } from "./RuleView.vue_vue_type_script_setup_true_lang-DdeQnyfQ.js";
+import { d as X, _ as k } from "./RuleView.vue_vue_type_script_setup_true_lang-DLMPV1-F.js";
 const Y = {
   class: /* @__PURE__ */ T(["fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap", "text-fm-color-neutral-gray-400"])
 }, Z = {