@feedmepos/mf-menu-portal 1.0.4-dev.2 → 1.0.4-dev.4

package/dist/LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CnI80Ojd.js

@@ -0,0 +1,782 @@
+import { defineComponent as Ge, ref as V, computed as h, watch as ue, resolveComponent as w, openBlock as d, createBlock as x, unref as o, withCtx as g, createElementBlock as p, createVNode as c, createElementVNode as r, toDisplayString as _, createCommentVNode as N, withModifiers as $, Fragment as L, renderList as I, withDirectives as Ae } from "vue";
+import { d as Ue } from "./vuedraggable-CBtQLb_S.js";
+import { useI18n as je, ItemSelector as $e } from "@feedmepos/mf-common";
+import { components as ze } from "@feedmepos/ui-library";
+import { r as Me } from "./provide-CDmXzkhz.js";
+import { r as Be, a as re } from "./ruleValueKey-BF52PuHb.js";
+import { _ as De } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { u as Ke } from "./useEditorValidation-Ctef5Bxt.js";
+const Te = {
+  ALL: "menu.order.from.options.all",
+  POS_ONLY: "menu.order.from.options.pos_only",
+  NONE: "menu.order.from.options.none"
+}, Ul = {
+  NORMAL: "menu.group.list.types.normal",
+  PRODUCT: "menu.group.list.types.product",
+  DYNAMIC: "menu.group.list.types.dynamic"
+}, jl = {
+  ALL: "menu.product.table.availability.all",
+  POS_ONLY: "menu.product.table.availability.pos_only",
+  NONE: "menu.product.table.availability.none"
+}, Ye = { class: "fm-typo-en-title-md-600 mr-auto" }, qe = {
+  key: 0,
+  class: "py-8 px-8 overflow-y-auto"
+}, We = {
+  key: 1,
+  class: "p-8 overflow-y-auto flex flex-col gap-16"
+}, He = { class: "relative top-0 -mb-8 leading-6 tracking-normal fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Je = {
+  key: 0,
+  class: "text-fm-color-typo-error",
+  role: "alert"
+}, Qe = { class: "flex flex-col gap-8" }, Xe = { class: "relative border border-fm-color-neutral-gray-200 rounded-md p-16" }, Ze = { class: "absolute -top-[10px] left-[50px] bg-fm-color-neutral-white px-2 fm-typo-en-body-lg-400 text-fm-color-typo-secondary select-none z-10" }, el = { class: "flex items-center justify-between gap-8" }, ll = { class: "flex items-center gap-8 min-w-0" }, tl = { class: "text-fm-color-neutral-gray-300" }, al = { class: "flex gap-8" }, ol = { class: "flex flex-col gap-8 mt-8" }, nl = { class: "fm-typo-en-body-lg-600" }, sl = { class: "shrink-0" }, ul = { class: "shrink-0" }, rl = { class: "text-fm-color-primary underline underline-offset-2 truncate" }, il = { class: "flex gap-8" }, dl = { class: "fm-typo-en-body-lg-600" }, cl = {
+  key: 0,
+  class: "text-fm-color-neutral-gray-300 pl-16"
+}, ml = { class: "flex items-center gap-24" }, pl = { class: "fm-typo-en-headline-lg-600" }, _l = { class: "overflow-y-auto" }, vl = { class: "mt-24 flex flex-col gap-16" }, bl = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, fl = { class: "flex items-center justify-between gap-8" }, yl = { class: "text-fm-color-neutral-gray-400 fm-typo-en-body-lg-600 break-all" }, gl = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, kl = {
+  key: 0,
+  class: "text-fm-color-neutral-gray-300 p-16 ml-16"
+}, hl = { class: "mt-24 flex flex-col gap-16" }, wl = { class: "link-product-rule-editor-sheet-marker fm-typo-en-body-lg-600" }, Sl = { class: "flex w-full justify-between gap-16" }, xl = {
+  key: 0,
+  class: "flex w-full [&>*]:w-full"
+}, Cl = { class: "break-all fm-typo-en-body-lg-400 line-clamp-1" }, Rl = { class: "flex w-full items-center justify-end gap-16" }, Fl = {
+  key: 0,
+  class: "flex gap-8 items-center justify-start"
+}, Vl = {
+  key: 1,
+  class: "flex gap-8 items-center justify-start"
+}, $l = /* @__PURE__ */ Ge({
+  __name: "LinkProductSideSheet",
+  props: {
+    modelValue: { type: Boolean },
+    catalogue: {},
+    selectedProductIds: { default: () => [] },
+    selectedProducts: { default: void 0 },
+    selectVariant: { type: Boolean, default: !1 },
+    title: {},
+    rulesSession: { default: null },
+    rulesView: { default: null },
+    selectionSession: { default: null }
+  },
+  emits: ["update:modelValue", "submit", "submitLinks", "submit-rules"],
+  setup(ie, { emit: de }) {
+    const i = ie, P = de, { t: a } = je(), ce = {
+      mounted: (e, l) => {
+        var t;
+        (t = e.querySelector("input")) == null || t.setAttribute("aria-label", l.value);
+      },
+      updated: (e, l) => {
+        var t;
+        (t = e.querySelector("input")) == null || t.setAttribute("aria-label", l.value);
+      }
+    }, S = V("normal"), C = V(null), z = V([]), Z = Ke(() => C.value), M = V([]), ee = [
+      { value: "in", label: "menu.rule_groups.condition_view.operator.in" },
+      {
+        value: "notIn",
+        label: "menu.rule_groups.condition_view.operator.not_in"
+      },
+      {
+        value: "startsWith",
+        label: "menu.rule_groups.condition_view.operator.starts_with"
+      }
+    ], f = h(() => i.rulesView ?? null), Y = h(
+      () => {
+        var e;
+        return !!i.rulesSession && ((e = f.value) == null ? void 0 : e.rulesCapability.state) === "allowed";
+      }
+    ), G = h(() => {
+      var e;
+      return ((e = f.value) == null ? void 0 : e.rules) ?? [];
+    }), le = h(() => C.value !== null), me = h(
+      () => ee.map((e) => ({ label: a(e.label), value: e.value }))
+    );
+    function pe() {
+      var e;
+      return (((e = f.value) == null ? void 0 : e.attributeOptions) ?? []).map((l) => ({
+        label: a(l.label, l.labelParams ?? {}),
+        value: l.key
+      }));
+    }
+    function _e(e) {
+      var l, t;
+      return (((t = (l = f.value) == null ? void 0 : l.attributeOptions.find(
+        (n) => n.key === e.attribute
+      )) == null ? void 0 : t.values) ?? []).map((n) => ({
+        label: n.value === null ? a("menu.link_product.rules.addon") : n.label,
+        // FmSelect needs a primitive; a value travels as its key.
+        value: re(n.value)
+      }));
+    }
+    function ve(e) {
+      var t;
+      const l = (t = f.value) == null ? void 0 : t.attributeOptions.find(
+        (n) => n.key === e.attribute
+      );
+      return e.values.map((n) => {
+        const v = l == null ? void 0 : l.values.find(
+          (O) => O.value === n
+        );
+        return (v == null ? void 0 : v.value) === null ? a("menu.link_product.rules.addon") : (v == null ? void 0 : v.label) ?? String(n);
+      }).join(a("menu.link_product.rules.value_separator"));
+    }
+    function be(e, l) {
+      return e.values[l] === null ? a("menu.link_product.rules.addon") : e.valueLabels[l] ?? "";
+    }
+    function fe(e) {
+      return e.values.map(
+        (l, t) => be(e, t)
+      ).join(a("menu.link_product.rules.value_separator"));
+    }
+    function te(e, l) {
+      var t;
+      return a("menu.link_product.rules.condition_summary", {
+        condition: F(l),
+        attribute: a(
+          e.attributeLabel,
+          e.attributeLabelParams ?? {}
+        ),
+        operator: a(
+          ((t = ee.find((n) => n.value === e.operator)) == null ? void 0 : t.label) ?? ""
+        ),
+        value: fe(e)
+      });
+    }
+    function B(e) {
+      const l = i.rulesSession;
+      if (!l) return;
+      const t = (e == null ? void 0 : e.id) ?? l.addRule();
+      t && l.openRuleEditor(t) && (M.value = [], C.value = t);
+    }
+    function A() {
+      var e;
+      (e = i.rulesSession) == null || e.closeRuleEditor(), C.value = null, R.value = /* @__PURE__ */ new Set(), M.value = [];
+    }
+    function ye() {
+      const e = C.value, l = i.rulesSession;
+      if (!e || !l) return;
+      const t = l.saveRuleEditor();
+      t.kind === "accepted" ? A() : t.kind === "rejected" && (M.value = t.issues, Z.submit(
+        async () => ({ kind: "rejected", issues: t.issues })
+      ));
+    }
+    const q = V(""), W = h(
+      () => {
+        var e;
+        return ((e = j.value) == null ? void 0 : e.ruleGroupIds) ?? [];
+      }
+    ), ge = h(() => {
+      var t;
+      const e = ((t = f.value) == null ? void 0 : t.ruleGroupOptions) ?? [], l = q.value.trim().toLowerCase();
+      return l ? e.filter(
+        (n) => n.name.toLowerCase().includes(l)
+      ) : e;
+    }), ke = h(
+      () => W.value.flatMap((e) => {
+        var t;
+        const l = (t = f.value) == null ? void 0 : t.ruleGroupOptions.find(
+          (n) => n.id === e
+        );
+        return l ? [l] : [];
+      })
+    ), R = V(/* @__PURE__ */ new Set());
+    function he(e) {
+      const l = new Set(R.value);
+      l.has(e) ? l.delete(e) : l.add(e), R.value = l;
+    }
+    function we(e) {
+      const l = i.rulesSession;
+      if (!l) return;
+      const t = W.value;
+      l.setRuleEditorGroupIds(
+        t.includes(e) ? t.filter((n) => n !== e) : [...t, e]
+      );
+    }
+    function E(e, l) {
+      var O, T;
+      const t = `conditions.${e}.${l}`, n = (O = f.value) == null ? void 0 : O.editor, v = n ? n.issues : M.value;
+      return Z.issue(((T = j.value) == null ? void 0 : T.fieldIssues) ?? {}, t) ?? v.find((Q) => Q.field === t) ?? null;
+    }
+    function D(e) {
+      return e ? a(e.code) : "";
+    }
+    function Se(e) {
+      var t;
+      const l = (t = i.rulesSession) == null ? void 0 : t.reorderRules(e.map((n) => n.id));
+      z.value = (l == null ? void 0 : l.kind) === "rejected" ? l.issues : [];
+    }
+    function xe(e) {
+      var t;
+      const l = (t = i.rulesSession) == null ? void 0 : t.duplicateRule(e);
+      z.value = (l == null ? void 0 : l.kind) === "rejected" ? l.issues : [];
+    }
+    function Ce(e) {
+      return a(Te[e]);
+    }
+    function U(e) {
+      return a("menu.link_product.rules.rule_number", { index: e + 1 });
+    }
+    function F(e) {
+      return a("menu.link_product.rules.condition_number", { index: e + 1 });
+    }
+    function Re(e) {
+      var l;
+      (l = i.rulesSession) == null || l.removeRuleEditorCondition(e);
+    }
+    function Fe() {
+      var e;
+      (e = i.rulesSession) == null || e.addRuleEditorCondition();
+    }
+    function Ve() {
+      P("submit-rules");
+    }
+    function ae() {
+      return i.selectedProducts ?? i.selectedProductIds.map((e) => ({ itemId: e }));
+    }
+    function oe(e) {
+      const l = {};
+      for (const t of e) {
+        const n = l[t.itemId] ?? [];
+        n.push(
+          t.combinationKey ? { _id: t.itemId, combinationKey: t.combinationKey } : { _id: t.itemId }
+        ), l[t.itemId] = n;
+      }
+      return l;
+    }
+    const K = V(oe(ae()));
+    function Le(e) {
+      K.value = e, i.selectionSession && i.selectionSession.setSelectedProductIds([
+        ...new Set(
+          Object.values(e).flat().map((l) => l._id)
+        )
+      ]);
+    }
+    ue(
+      () => i.modelValue,
+      (e) => {
+        var l;
+        if (e) {
+          const t = (l = i.selectionSession) == null ? void 0 : l.get(), n = (t == null ? void 0 : t.status) === "ready" ? t.value.selectedProductIds : void 0;
+          K.value = oe(
+            n ? n.map((v) => ({ itemId: v })) : ae()
+          ), S.value = Y.value && G.value.length > 0 ? "rules" : "normal";
+        } else
+          A();
+      }
+    ), ue(G, (e) => {
+      i.modelValue && Y.value && e.length > 0 && C.value === null && S.value === "normal" && (S.value = "rules");
+    });
+    const H = h(() => Object.values(K.value).flat()), j = h(() => {
+      var l, t;
+      if ((l = f.value) != null && l.editor) return f.value.editor;
+      const e = (t = f.value) == null ? void 0 : t.rules.find(
+        (n) => n.id === C.value
+      );
+      return e ? {
+        ruleId: e.id,
+        mode: "update",
+        orderFrom: e.orderFrom,
+        ruleGroupIds: e.ruleGroupIds,
+        conditions: e.conditions.map((n) => ({
+          attribute: n.attribute,
+          operator: n.operator,
+          values: n.values
+        })),
+        issues: [],
+        fieldIssues: {}
+      } : null;
+    }), Ie = h(
+      () => {
+        var e;
+        return (((e = i.catalogue) == null ? void 0 : e.groups) ?? []).map((l) => ({
+          id: l.id,
+          name: l.isSynthetic ? a("menu.tree_editor.labels.addon") : l.name,
+          items: l.products.map((t) => ({
+            _id: t.id,
+            name: t.name,
+            code: t.code,
+            codeName: t.label,
+            // `ItemSelector` reads combinations off `variant.variantCombinations`
+            // and labels them by `codeName` (mf-common ItemSelector.vue:83-107); it
+            // only maps them when `selectVariant` is on, so this is inert for the
+            // hosts that link whole products.
+            variant: {
+              variantCombinations: t.variants.map((n) => ({
+                combinationKey: n.combinationKey,
+                codeName: n.label
+              }))
+            },
+            customAttributes: t.customAttributes
+          }))
+        }));
+      }
+    );
+    function J() {
+      P("update:modelValue", !1);
+    }
+    function Ee() {
+      i.selectedProducts !== void 0 ? P(
+        "submitLinks",
+        H.value.map(
+          (e) => e.combinationKey ? { itemId: e._id, combinationKey: e.combinationKey } : { itemId: e._id }
+        )
+      ) : P(
+        "submit",
+        H.value.map((e) => e._id)
+      );
+    }
+    return (e, l) => {
+      const t = w("FmButton"), n = w("FmSwitch"), v = w("FmRadio"), O = w("FmRadioGroup"), T = w("FmCard"), Q = w("FmSearch"), Oe = w("FmMenuItem"), Ne = w("FmMenu"), X = w("FmSelect"), Pe = w("FmTextField"), ne = w("FmSideSheet");
+      return d(), x(ne, {
+        "close-button": !1,
+        "is-container": o(ze).FmForm,
+        "is-container-props": {
+          onValidationSuccess: S.value === "normal" ? Ee : Ve
+        },
+        "max-width": 760,
+        "model-value": i.modelValue,
+        "z-index": 100,
+        "onUpdate:modelValue": l[4] || (l[4] = (m) => P("update:modelValue", m))
+      }, {
+        "side-sheet-header": g(() => [
+          c(t, {
+            "aria-label": o(a)("menu.common.actions.back"),
+            class: "cursor-pointer mr-4",
+            "prepend-icon": "arrow_back",
+            variant: "tertiary",
+            onClick: J
+          }, null, 8, ["aria-label"]),
+          r("p", Ye, _(i.title ?? o(a)("menu.link_product.title")), 1),
+          Y.value ? (d(), x(n, {
+            key: 0,
+            "model-value": S.value === "rules",
+            label: o(a)("menu.link_product.rules.section_title"),
+            "onUpdate:modelValue": l[0] || (l[0] = (m) => S.value = m ? "rules" : "normal")
+          }, null, 8, ["model-value", "label"])) : N("", !0)
+        ]),
+        "side-sheet-footer": g(() => {
+          var m, k;
+          return [
+            S.value === "normal" ? (d(), p("div", Fl, [
+              c(t, {
+                label: o(a)("menu.common.actions.confirm"),
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              c(t, {
+                label: o(a)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: J
+              }, null, 8, ["label"])
+            ])) : (d(), p("div", Vl, [
+              c(t, {
+                label: o(a)("menu.common.actions.confirm"),
+                size: "lg",
+                variant: "primary",
+                disabled: ((m = f.value) == null ? void 0 : m.submit.state) !== "allowed",
+                loading: ((k = f.value) == null ? void 0 : k.status) === "submitting",
+                type: "submit"
+              }, null, 8, ["label", "disabled", "loading"]),
+              c(t, {
+                label: o(a)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: J
+              }, null, 8, ["label"])
+            ]))
+          ];
+        }),
+        default: g(() => [
+          S.value === "normal" ? (d(), p("div", qe, [
+            c(o($e), {
+              "auto-focus-search": !0,
+              "categorized-items": Ie.value,
+              data: K.value,
+              "select-variant": i.selectVariant,
+              "selected-items": H.value,
+              "show-addon": !0,
+              "show-variant": i.selectVariant,
+              "onUpdate:data": Le
+            }, null, 8, ["categorized-items", "data", "select-variant", "selected-items", "show-variant"])
+          ])) : (d(), p("div", We, [
+            r("p", He, _(o(a)("menu.link_product.rules.hint")), 1),
+            z.value.length > 0 ? (d(), p("p", Je, _(D(z.value[0] ?? null)), 1)) : N("", !0),
+            c(o(Ue), {
+              "model-value": [...G.value],
+              "item-key": "id",
+              handle: ".link-product-rule-drag-handle",
+              class: "flex flex-col gap-8",
+              "onUpdate:modelValue": Se
+            }, {
+              item: g(({ element: m, index: k }) => [
+                r("div", Qe, [
+                  r("div", Xe, [
+                    r("span", Ze, _(o(a)("menu.rule_groups.condition_view.and")), 1),
+                    r("div", el, [
+                      r("div", ll, [
+                        c(t, {
+                          class: "link-product-rule-drag-handle cursor-grab",
+                          variant: "tertiary",
+                          "prepend-icon": "drag_indicator",
+                          "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                            label: o(a)("menu.menu_setting.rule_groups.reorder_rule"),
+                            name: U(k)
+                          })
+                        }, null, 8, ["aria-label"]),
+                        r("p", tl, _(U(k)), 1)
+                      ]),
+                      r("div", al, [
+                        c(t, {
+                          variant: "tertiary",
+                          "prepend-icon": "edit",
+                          "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                            label: o(a)("menu.link_product.rules.edit_rule"),
+                            name: U(k)
+                          }),
+                          onClick: $((s) => B(m), ["stop"])
+                        }, null, 8, ["aria-label", "onClick"]),
+                        c(t, {
+                          variant: "tertiary",
+                          "prepend-icon": "file_copy",
+                          "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                            label: o(a)("menu.menu_setting.rule_groups.copy_rule"),
+                            name: U(k)
+                          }),
+                          onClick: $((s) => xe(m.id), ["stop"])
+                        }, null, 8, ["aria-label", "onClick"]),
+                        c(t, {
+                          variant: "tertiary",
+                          "prepend-icon": "delete",
+                          "text-color": "typo-error",
+                          "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                            label: o(a)("menu.menu_setting.rule_groups.remove_rule"),
+                            name: U(k)
+                          }),
+                          onClick: $((s) => {
+                            var u;
+                            return (u = i.rulesSession) == null ? void 0 : u.removeRule(m.id);
+                          }, ["stop"])
+                        }, null, 8, ["aria-label", "onClick"])
+                      ])
+                    ]),
+                    r("div", ol, [
+                      r("div", nl, _(o(a)("menu.rule_groups.condition_view.when")), 1),
+                      (d(!0), p(L, null, I(m.ruleGroupNames, (s, u) => (d(), p("div", {
+                        key: `${m.id}-group-${u}`,
+                        class: "link-product-rule-group-row flex items-center gap-8 min-w-0"
+                      }, [
+                        r("span", sl, _(F(u)), 1),
+                        r("span", ul, _(o(a)("menu.rule_groups.condition_view.in_rule_group")), 1),
+                        c(t, {
+                          variant: "plain",
+                          class: "min-w-0",
+                          label: s,
+                          title: s,
+                          onClick: $((b) => B(m), ["stop"])
+                        }, {
+                          default: g(() => [
+                            r("span", rl, _(s), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["label", "title", "onClick"])
+                      ]))), 128)),
+                      (d(!0), p(L, null, I(m.conditions, (s, u) => (d(), p("div", {
+                        key: `${m.id}-${u}`,
+                        class: "flex gap-8"
+                      }, [
+                        r("span", null, _(te(
+                          s,
+                          u + m.ruleGroupNames.length
+                        )), 1)
+                      ]))), 128)),
+                      r("div", il, [
+                        r("span", dl, _(o(a)("menu.rule_groups.condition_view.then")), 1),
+                        r("span", null, _(o(a)("menu.link_product.rules.order_from_summary", {
+                          label: o(a)("menu.link_product.rules.order_from"),
+                          value: Ce(m.orderFrom)
+                        })), 1)
+                      ])
+                    ])
+                  ]),
+                  k < G.value.length - 1 ? (d(), p("div", cl, _(o(a)("menu.link_product.rules.or")), 1)) : N("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["model-value"]),
+            G.value.length === 0 ? (d(), x(o(De), {
+              key: 1,
+              title: o(a)("menu.rule_groups.condition_view.empty_data.no_rules_added"),
+              subtitle: o(a)("menu.rule_groups.condition_view.empty_data.subtitle"),
+              action: {
+                text: o(a)("menu.link_product.rules.add_rule"),
+                callback: () => B()
+              }
+            }, null, 8, ["title", "subtitle", "action"])) : (d(), x(t, {
+              key: 2,
+              variant: "primary",
+              "prepend-icon": "add",
+              label: o(a)("menu.link_product.rules.add_rule"),
+              onClick: l[1] || (l[1] = (m) => B())
+            }, null, 8, ["label"]))
+          ])),
+          le.value ? (d(), x(ne, {
+            key: 2,
+            "model-value": le.value,
+            "max-width": 760,
+            "z-index": 101,
+            "close-button": !1,
+            "onUpdate:modelValue": A
+          }, {
+            "side-sheet-header": g(() => {
+              var m;
+              return [
+                r("div", ml, [
+                  c(t, {
+                    variant: "tertiary",
+                    "prepend-icon": "arrow_back",
+                    "aria-label": o(a)("menu.common.actions.back"),
+                    onClick: A
+                  }, null, 8, ["aria-label"]),
+                  r("p", pl, _(o(a)(
+                    ((m = j.value) == null ? void 0 : m.mode) === "create" ? "menu.link_product.rules.add_rule" : "menu.link_product.rules.edit_rule"
+                  )), 1)
+                ])
+              ];
+            }),
+            "side-sheet-footer": g(() => [
+              r("div", Rl, [
+                c(t, {
+                  label: o(a)("common.cancel"),
+                  variant: "secondary",
+                  onClick: A
+                }, null, 8, ["label"]),
+                c(t, {
+                  label: o(a)("common.save"),
+                  variant: "primary",
+                  onClick: ye
+                }, null, 8, ["label"])
+              ])
+            ]),
+            default: g(() => {
+              var m, k;
+              return [
+                r("div", _l, [
+                  c(O, {
+                    "model-value": ((m = j.value) == null ? void 0 : m.orderFrom) ?? "ALL",
+                    label: o(a)("menu.link_product.rules.availability"),
+                    "onUpdate:modelValue": l[2] || (l[2] = (s) => {
+                      var u;
+                      return (u = i.rulesSession) == null ? void 0 : u.setRuleEditorOrderFrom(
+                        s
+                      );
+                    })
+                  }, {
+                    default: g(() => [
+                      c(v, {
+                        label: o(a)("menu.link_product.rules.all"),
+                        value: "ALL"
+                      }, null, 8, ["label"]),
+                      c(v, {
+                        label: o(a)("menu.link_product.rules.pos_only"),
+                        value: "POS_ONLY"
+                      }, null, 8, ["label"]),
+                      c(v, {
+                        label: o(a)("menu.link_product.rules.none"),
+                        value: "NONE"
+                      }, null, 8, ["label"])
+                    ]),
+                    _: 1
+                  }, 8, ["model-value", "label"]),
+                  l[5] || (l[5] = r("div", { class: "mt-24 h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)),
+                  r("div", vl, [
+                    r("p", bl, _(o(a)("menu.link_product.rules.use_rule_group")), 1),
+                    (d(!0), p(L, null, I(ke.value, (s) => (d(), x(T, {
+                      key: s.id,
+                      variant: "outlined",
+                      class: "link-product-attached-rule-group p-24 flex flex-col gap-16"
+                    }, {
+                      default: g(() => [
+                        r("div", fl, [
+                          r("p", yl, _(s.name), 1),
+                          c(t, {
+                            variant: "tertiary",
+                            "prepend-icon": R.value.has(s.id) ? "expand_less" : "expand_more",
+                            "aria-expanded": R.value.has(s.id),
+                            "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                              label: o(a)(
+                                R.value.has(s.id) ? "menu.tree_editor.actions.collapse_row" : "menu.tree_editor.actions.expand_row"
+                              ),
+                              name: s.name
+                            }),
+                            onClick: $((u) => he(s.id), ["stop", "prevent"])
+                          }, null, 8, ["prepend-icon", "aria-expanded", "aria-label", "onClick"])
+                        ]),
+                        R.value.has(s.id) ? (d(), p("div", gl, [
+                          (d(!0), p(L, null, I(s.rules, (u, b) => (d(), p("div", {
+                            key: b,
+                            class: "flex flex-col gap-8"
+                          }, [
+                            (d(!0), p(L, null, I(u.conditions, (y, se) => (d(), p("span", { key: se }, _(te(y, se)), 1))), 128)),
+                            b < s.rules.length - 1 ? (d(), p("p", kl, _(o(a)("menu.link_product.rules.or")), 1)) : N("", !0)
+                          ]))), 128))
+                        ])) : N("", !0)
+                      ]),
+                      _: 2
+                    }, 1024))), 128)),
+                    c(Ne, { "close-on-click": !1 }, {
+                      "menu-button": g(() => [
+                        c(t, {
+                          variant: "plain",
+                          "prepend-icon": "add",
+                          class: "self-start",
+                          label: o(a)("menu.link_product.rules.add_rule_group")
+                        }, null, 8, ["label"])
+                      ]),
+                      default: g(() => [
+                        c(Q, {
+                          "model-value": q.value,
+                          "onUpdate:modelValue": l[3] || (l[3] = (s) => q.value = s),
+                          class: "w-[200px] px-8",
+                          placeholder: o(a)("menu.link_product.rules.filter_result")
+                        }, null, 8, ["model-value", "placeholder"]),
+                        (d(!0), p(L, null, I(ge.value, (s) => (d(), x(Oe, {
+                          key: s.id,
+                          label: s.name,
+                          "has-checkbox": "",
+                          "model-value": W.value.includes(s.id),
+                          onClick: (u) => we(s.id)
+                        }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  r("div", hl, [
+                    r("p", wl, _(o(a)("menu.rule_groups.condition_view.condition")), 1),
+                    (d(!0), p(L, null, I(((k = j.value) == null ? void 0 : k.conditions) ?? [], (s, u) => (d(), p("div", {
+                      key: u,
+                      class: "flex justify-between gap-8"
+                    }, [
+                      r("div", Sl, [
+                        c(X, {
+                          class: "flex w-full",
+                          "menu-z-index": 102,
+                          "model-value": s.attribute,
+                          items: pe(),
+                          placeholder: o(a)("menu.rule_groups.condition_view.select_item"),
+                          "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                            label: o(a)(
+                              "menu.menu_setting.rule_groups.condition.attribute"
+                            ),
+                            name: F(u)
+                          }),
+                          "onUpdate:modelValue": (b) => {
+                            var y;
+                            (y = i.rulesSession) == null || y.setRuleEditorCondition(u, {
+                              attribute: b,
+                              values: []
+                            });
+                          }
+                        }, null, 8, ["model-value", "items", "placeholder", "aria-label", "onUpdate:modelValue"]),
+                        c(X, {
+                          class: "flex w-full",
+                          "menu-z-index": 102,
+                          "model-value": s.operator,
+                          items: me.value,
+                          placeholder: o(a)("menu.rule_groups.condition_view.select_item"),
+                          "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                            label: o(a)(
+                              "menu.menu_setting.rule_groups.condition.operator"
+                            ),
+                            name: F(u)
+                          }),
+                          "error-messages": E(u, "operator") ? [D(E(u, "operator"))] : [],
+                          "onUpdate:modelValue": (b) => {
+                            var y;
+                            return (y = i.rulesSession) == null ? void 0 : y.setRuleEditorCondition(u, {
+                              operator: b
+                            });
+                          }
+                        }, null, 8, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]),
+                        o(Me)(s.operator) === "text" ? Ae((d(), p("div", xl, [
+                          c(Pe, {
+                            "model-value": String(s.values[0] ?? ""),
+                            placeholder: o(a)("menu.menu_setting.rule_groups.condition.value"),
+                            "error-messages": E(u, "values") ? [D(E(u, "values"))] : [],
+                            "onUpdate:modelValue": (b) => {
+                              var y;
+                              return (y = i.rulesSession) == null ? void 0 : y.setRuleEditorCondition(u, {
+                                values: b === "" || b == null ? [] : [String(b)]
+                              });
+                            }
+                          }, null, 8, ["model-value", "placeholder", "error-messages", "onUpdate:modelValue"])
+                        ])), [
+                          [
+                            ce,
+                            o(a)("menu.common.labels.a11y_labelled_name", {
+                              label: o(a)("menu.menu_setting.rule_groups.condition.value"),
+                              name: F(u)
+                            })
+                          ]
+                        ]) : (d(), x(X, {
+                          key: 1,
+                          class: "flex w-full",
+                          "menu-z-index": 102,
+                          "model-value": s.values.map(o(re)),
+                          items: _e(s),
+                          multiselect: "",
+                          "hide-chips": "",
+                          placeholder: o(a)("menu.rule_groups.condition_view.select_item"),
+                          "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                            label: o(a)("menu.menu_setting.rule_groups.condition.value"),
+                            name: F(u)
+                          }),
+                          "error-messages": E(u, "values") ? [D(E(u, "values"))] : [],
+                          "onUpdate:modelValue": (b) => {
+                            var y;
+                            return (y = i.rulesSession) == null ? void 0 : y.setRuleEditorCondition(u, {
+                              values: b.map(o(Be))
+                            });
+                          }
+                        }, {
+                          default: g(() => [
+                            r("div", Cl, _(ve(s)), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]))
+                      ]),
+                      c(t, {
+                        variant: "tertiary",
+                        "prepend-icon": "close",
+                        "aria-label": o(a)("menu.common.labels.a11y_labelled_name", {
+                          label: o(a)("menu.menu_setting.rule_groups.remove_condition"),
+                          name: F(u)
+                        }),
+                        onClick: (b) => Re(u)
+                      }, null, 8, ["aria-label", "onClick"])
+                    ]))), 128)),
+                    c(t, {
+                      variant: "plain",
+                      "prepend-icon": "add",
+                      label: o(a)("menu.rule_groups.condition_view.add_condition"),
+                      onClick: Fe
+                    }, null, 8, ["label"])
+                  ])
+                ])
+              ];
+            }),
+            _: 1
+          }, 8, ["model-value"])) : N("", !0)
+        ]),
+        _: 1
+      }, 8, ["is-container", "is-container-props", "model-value"]);
+    };
+  }
+});
+export {
+  Ul as A,
+  jl as O,
+  $l as _,
+  Te as a
+};