@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/LinkProductSideSheet.vue_vue_type_script_setup_true_lang-D9jK-Fhn.js

@@ -0,0 +1,709 @@
+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-Tmjfji09.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
+};