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

package/dist/LinkProductSideSheet.vue_vue_type_script_setup_true_lang-0tCpJlOf.js

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