@feedmepos/mf-menu 0.31.33 → 0.31.34-alpha

package/dist/GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-TQWka93A.js

@@ -0,0 +1,367 @@
+import { defineComponent as B, useModel as G, computed as A, resolveComponent as p, createBlock as S, openBlock as v, ref as I, watch as H, withCtx as _, createElementBlock as C, createElementVNode as M, Fragment as z, renderList as Y, createVNode as u, unref as e, createCommentVNode as U, withModifiers as q, onMounted as Z, renderSlot as ee, toDisplayString as D, createTextVNode as le } from "vue";
+import { useI18n as L, EMPTY_RULE as x, isEmptyMongoQuery as te, isEmptyRule as h, useCustomAttributes as ae, useCoreStore as oe } from "@feedmepos/mf-common";
+import { a as J, L as re } from "./LinkProductSideSheet-Cp0HFoP2.js";
+import { u as w } from "./priceTier-DD-24pkj.js";
+import { x as ue, N as ne, b as ie } from "./LinkProductSideSheet.vue_vue_type_style_index_0_scoped_97fa9d58_lang-DvG3mOom.js";
+import { FmButtonVariant as K, useDialog as se, components as me, FmButtonColorThemeVariant as j } from "@feedmepos/ui-library";
+import { _ as de } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
+import { L as y } from "./catalogSetting-C34kIcYn.js";
+import { c as O } from "./check-C9mY6LiX.js";
+import { u as pe, H as Q, aj as ce } from "./menu-DK7wG3S5.js";
+import { c as ve } from "./string-DpfFixWH.js";
+const fe = /* @__PURE__ */ B({
+  __name: "LinkPriceTier",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k) {
+    const { t: T } = L(), o = G(k, "modelValue"), r = w(), a = A(() => r.priceTiers.value.map((b) => ({
+      label: b.key,
+      value: b.key
+    })));
+    return (b, f) => {
+      const i = p("FmSelect");
+      return v(), S(i, {
+        items: a.value,
+        "model-value": o.value ?? [],
+        multiselect: !0,
+        keepSelectionOrder: !0,
+        "onUpdate:modelValue": f[0] || (f[0] = (s) => o.value = s)
+      }, null, 8, ["items", "model-value"]);
+    };
+  }
+}), _e = {
+  class: "flex justify-end"
+}, be = /* @__PURE__ */ B({
+  __name: "PriceTierRuleEditor",
+  props: {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k) {
+    var V;
+    const {
+      t: T
+    } = L(), o = G(k, "modelValue"), r = I((V = o.value) == null ? void 0 : V.map((t) => ({
+      ...t,
+      restaurantAttributes: te(t.restaurantAttributes) ? x : ue.build(t.restaurantAttributes)
+    })));
+    H(r, (t) => {
+      o.value = t == null ? void 0 : t.map((n) => ({
+        priceTier: n.priceTier,
+        restaurantAttributes: h(n.restaurantAttributes) ? null : ne.build(n.restaurantAttributes)
+      }));
+    }, {
+      deep: !0
+    });
+    const a = w(), {
+      attributes: b
+    } = ae({
+      valueSource: oe().restaurants,
+      entity: "restaurant"
+    });
+    function f(t, n) {
+      r.value && r.value[t] && (h(n) ? r.value[t].restaurantAttributes = x : r.value[t].restaurantAttributes = n);
+    }
+    const i = A(() => a.priceTiers.value.map((t) => ({
+      value: t.key,
+      label: t.key
+    })));
+    function s() {
+      r.value = [...r.value || [], {
+        priceTier: "",
+        restaurantAttributes: x
+      }];
+    }
+    function l(t) {
+      r.value && r.value.splice(t, 1);
+    }
+    return (t, n) => {
+      const N = p("FmSelect"), $ = p("fm-button"), m = p("FmCard"), c = p("FmButton");
+      return v(), S(de, null, {
+        default: _(() => [(v(!0), C(z, null, Y(r.value, (F, P) => (v(), S(m, {
+          key: P,
+          class: "p-16 space-y-16",
+          variant: "outlined"
+        }, {
+          default: _(() => [M("div", null, [u(N, {
+            label: "Price groups",
+            "label-mark": "required",
+            items: i.value,
+            "model-value": F.priceTier,
+            rules: [(g) => !!g || e(T)("menu.common.validation.required_field")],
+            "onUpdate:modelValue": (g) => F.priceTier = g
+          }, null, 8, ["items", "model-value", "rules", "onUpdate:modelValue"])]), u(J, {
+            label: "Restaurant filter"
+          }, {
+            default: _(() => [u(e(ie), {
+              attributes: e(b),
+              "model-value": F.restaurantAttributes,
+              "onUpdate:modelValue": (g) => f(P, g)
+            }, null, 8, ["attributes", "model-value", "onUpdate:modelValue"])]),
+            _: 2
+          }, 1024), M("div", _e, [u($, {
+            variant: e(K).Tertiary,
+            "prepend-icon": "delete",
+            onClick: (g) => l(P)
+          }, null, 8, ["variant", "onClick"])])]),
+          _: 2
+        }, 1024))), 128)), M("div", null, [u(c, {
+          label: "Add rule",
+          onClick: s
+        })])]),
+        _: 1
+      });
+    };
+  }
+}), Be = /* @__PURE__ */ B({
+  __name: "LinkPriceTierSection",
+  props: {
+    modelValue: {},
+    isMainCatalog: {
+      type: Boolean
+    },
+    isV4: {
+      type: Boolean
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(k, {
+    emit: T
+  }) {
+    const o = k, r = T, {
+      t: a
+    } = L(), b = w(), f = I(o.modelValue.priceTierRules && o.modelValue.priceTierRules.length > 0 ? y.Rules : y.Normal);
+    function i(s) {
+      r("update:modelValue", {
+        ...o.modelValue,
+        ...s
+      });
+    }
+    return (s, l) => {
+      const V = p("fm-radio"), t = p("fm-radio-group");
+      return !s.isMainCatalog && s.isV4 && e(b).priceTiers.value.length > 0 ? (v(), S(J, {
+        key: 0,
+        label: e(a)("menu.price_tier.link_price_tier")
+      }, {
+        default: _(() => [u(t, {
+          "model-value": f.value,
+          "onUpdate:modelValue": l[4] || (l[4] = (n) => {
+            f.value = n, n === e(y).Normal && i({
+              priceTierRules: null
+            });
+          })
+        }, {
+          default: _(() => [u(V, {
+            value: e(y).Normal,
+            label: e(a)("menu.price_tier.link_price_group"),
+            sublabel: e(a)("menu.price_tier.link_price_group_description")
+          }, null, 8, ["value", "label", "sublabel"]), f.value === e(y).Normal ? (v(), C("div", {
+            key: 0,
+            onClick: l[1] || (l[1] = q(() => {
+            }, ["prevent"])),
+            class: "pl-32"
+          }, [u(fe, {
+            "model-value": s.modelValue.usePriceTiers,
+            "onUpdate:modelValue": l[0] || (l[0] = (n) => i({
+              usePriceTiers: n
+            }))
+          }, null, 8, ["model-value"])])) : U("", !0), u(V, {
+            value: e(y).Rules,
+            label: e(a)("menu.price_tier.price_group_rule"),
+            sublabel: e(a)("menu.price_tier.price_group_rule_description")
+          }, null, 8, ["value", "label", "sublabel"]), f.value === e(y).Rules ? (v(), C("div", {
+            key: 1,
+            onClick: l[3] || (l[3] = q(() => {
+            }, ["prevent"])),
+            class: "pl-32"
+          }, [u(be, {
+            "model-value": s.modelValue.priceTierRules,
+            "onUpdate:modelValue": l[2] || (l[2] = (n) => i({
+              priceTierRules: n
+            }))
+          }, null, 8, ["model-value"])])) : U("", !0)]),
+          _: 1
+        }, 8, ["model-value"])]),
+        _: 1
+      }, 8, ["label"])) : U("", !0);
+    };
+  }
+}), ge = { class: "space-y-16" }, ke = { class: "ml-32 mt-16 space-y-8" }, Ve = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, Le = /* @__PURE__ */ B({
+  __name: "GroupMarkupPriceDialog",
+  props: {
+    modelValue: {},
+    items: {},
+    categories: {},
+    action: {}
+  },
+  emits: ["update:model-value"],
+  setup(k, { emit: T }) {
+    const o = k, r = pe();
+    se();
+    const { t: a } = L(), b = T, f = A(() => o.action === "add" ? a("menu.markup.dialog.title.add") : a("menu.markup.dialog.title.update")), i = I(!1), s = (m) => {
+      O.isBoolean(m) ? i.value = m : i.value = !i.value;
+    }, l = I(
+      o.modelValue ? Q(o.modelValue) : {
+        percentage: 0,
+        includeItems: null
+      }
+    );
+    H(
+      () => i.value,
+      (m) => {
+        m && (l.value = o.modelValue ? Q(o.modelValue) : {
+          percentage: 0,
+          includeItems: null
+        });
+      }
+    ), A(
+      () => ce(r.variants, o.categories, o.items)
+    );
+    function V(m) {
+      l.value = {
+        ...l.value,
+        includeItems: m
+      };
+    }
+    const t = I(
+      0
+      /* ALL */
+    );
+    function n(m) {
+      t.value = m, l.value = {
+        ...l.value,
+        includeItems: m === 0 ? null : []
+      };
+    }
+    const N = A(() => [
+      {
+        label: a("menu.markup.dialog.options.all"),
+        value: 0
+        /* ALL */
+      },
+      {
+        label: a("menu.markup.dialog.options.custom"),
+        value: 1
+        /* CUSTOM */
+      }
+    ]);
+    async function $() {
+      b("update:model-value", l.value), s(!1);
+    }
+    return Z(() => {
+      t.value = l.value && l.value.includeItems === null ? 0 : 1;
+    }), (m, c) => {
+      const F = p("fm-icon"), P = p("fm-stepper-field"), g = p("fm-radio"), W = p("fm-radio-group"), E = p("fm-button"), X = p("fm-dialog");
+      return v(), C(z, null, [
+        ee(m.$slots, "default", { trigger: s }),
+        u(X, {
+          modelValue: i.value,
+          "onUpdate:modelValue": c[4] || (c[4] = (R) => i.value = R),
+          "is-component": e(me).FmForm,
+          "is-component-props": {
+            onValidationSuccess: $
+          }
+        }, {
+          "dialog-header": _(() => [
+            le(D(f.value), 1)
+          ]),
+          "dialog-footer": _(() => [
+            u(E, {
+              class: "sm:w-full xs:w-full ml-auto",
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: c[3] || (c[3] = (R) => s(!1))
+            }),
+            u(E, {
+              label: e(ve)(m.action),
+              class: "sm:w-full xs:w-full",
+              size: "md",
+              type: "submit",
+              variant: "primary"
+            }, null, 8, ["label"])
+          ]),
+          default: _(() => {
+            var R;
+            return [
+              M("div", ge, [
+                u(P, {
+                  modelValue: l.value.percentage,
+                  "onUpdate:modelValue": c[0] || (c[0] = (d) => l.value.percentage = d),
+                  decimal: 0,
+                  max: 100,
+                  min: 0,
+                  rules: [
+                    (d) => e(O).isSet(d) && d >= 0 || e(a)("menu.markup.dialog.fields.percentage.required")
+                  ],
+                  label: e(a)("menu.markup.dialog.fields.percentage.label"),
+                  placeholder: e(a)("menu.markup.dialog.fields.percentage.placeholder")
+                }, {
+                  prepend: _(() => [
+                    u(F, { name: "percent" })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "rules", "label", "placeholder"]),
+                M("div", null, [
+                  u(W, {
+                    modelValue: t.value,
+                    "onUpdate:modelValue": [
+                      c[1] || (c[1] = (d) => t.value = d),
+                      n
+                    ],
+                    class: "space-y-8"
+                  }, {
+                    default: _(() => [
+                      (v(!0), C(z, null, Y(N.value, (d) => (v(), S(g, {
+                        key: d.value,
+                        label: d.label,
+                        value: d.value
+                      }, null, 8, ["label", "value"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  M("div", ke, [
+                    u(re, {
+                      title: "Link products",
+                      "categorized-items": e(r).categorizedItems,
+                      "initial-value": l.value.includeItems || [],
+                      "show-variant": !1,
+                      onSubmit: c[2] || (c[2] = ({ items: d }) => V(d))
+                    }, {
+                      default: _(({ trigger: d }) => [
+                        t.value === 1 ? (v(), S(E, {
+                          key: 0,
+                          "text-color": e(j).ColorPrimary,
+                          "border-color": e(j).ColorPrimary,
+                          variant: e(K).Secondary,
+                          label: e(a)("menu.markup.dialog.products.link"),
+                          "prepend-icon": "link",
+                          onClick: d
+                        }, null, 8, ["text-color", "border-color", "variant", "label", "onClick"])) : U("", !0)
+                      ]),
+                      _: 1
+                    }, 8, ["categorized-items", "initial-value"]),
+                    (R = l.value.includeItems) != null && R.length ? (v(), C("p", Ve, D(e(a)("menu.markup.dialog.products.count", { count: l.value.includeItems.length })), 1)) : U("", !0)
+                  ])
+                ])
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue", "is-component", "is-component-props"])
+      ], 64);
+    };
+  }
+});
+export {
+  Le as _,
+  Be as a
+};