@feedmepos/mf-menu 1.0.1-dev.1 → 1.0.1-dev.2

package/dist/LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CgTDkHle.js

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