@feedmepos/mf-menu 0.31.33-beta.1 → 0.31.33-beta.6

package/dist/GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-BIX-gPUO.js

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