@feedmepos/mf-menu 0.32.3-beta.1 → 0.32.4-dev

package/dist/LinkProductSideSheet-B_R_2iH6.js

@@ -0,0 +1,692 @@
+import { createElementBlock as b, openBlock as i, createElementVNode as F, defineComponent as ae, ref as k, computed as z, resolveComponent as V, createBlock as U, unref as t, withCtx as B, createVNode as R, toDisplayString as T, Fragment as j, renderList as X, createCommentVNode as Y, withModifiers as oe, watch as re, renderSlot as pe } from "vue";
+import { u as le, z as ue, H as ee, a3 as ve, I as ie } from "./index.vue_vue_type_script_setup_true_lang-CFPMPQFg.js";
+import { useI18n as se, ItemSelector as fe } from "@feedmepos/mf-common";
+import { components as de, FmButtonVariant as Z } from "@feedmepos/ui-library";
+import { u as _e } from "./discardConfirm-BHni0LNu.js";
+import { u as ye } from "./menuV2-xUMdUls0.js";
+import { m as O, g as Re, h as be, b as ge, u as he, f as te } from "./RuleView.vue_vue_type_script_setup_true_lang-edNbsZTq.js";
+import { c as Ce } from "./check-C9mY6LiX.js";
+/* empty css                                                                              */
+const ce = (m, L) => {
+  const o = m.__vccOpts || m;
+  for (const [D, c] of L)
+    o[D] = c;
+  return o;
+}, ke = {};
+function Ae(m, L) {
+  return i(), b("div", null, [...L[0] || (L[0] = [
+    F("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const Fe = /* @__PURE__ */ ce(ke, [["render", Ae]]);
+var M = /* @__PURE__ */ ((m) => (m[m.Normal = 0] = "Normal", m[m.Rules = 1] = "Rules", m))(M || {});
+const xe = { class: "flex items-center gap-24" }, Ie = { key: 0 }, we = { key: 1 }, Ve = { class: "flex flex-col gap-24 h-full" }, $e = { class: "flex flex-col gap-24 overflow-y-auto flex-1" }, Se = { class: "flex flex-col gap-16" }, Ne = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, Ge = { class: "flex justify-between" }, Oe = { class: "text-fm-color-neutral-gray-400 fm-typo-en-body-lg-600" }, De = { key: 0 }, Me = {
+  key: 0,
+  class: "text-fm-color-neutral-gray-300 p-16 ml-16"
+}, Be = { class: "flex justify-end gap-16" }, Le = /* @__PURE__ */ ae({
+  __name: "CatalogLinkItemRuleForm",
+  props: {
+    isEditMode: {
+      type: Boolean,
+      default: !0
+    },
+    orderFrom: {
+      type: String,
+      required: !0
+    },
+    existingRuleGroups: {
+      type: Array,
+      required: !0
+    },
+    groupCustomRule: {
+      type: Object,
+      required: !0
+    },
+    convertCategoryIdToName: {
+      type: Function,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue", "close-form"],
+  setup(m, { emit: L }) {
+    const { t: o } = se(), D = m, c = k(!0), $ = L, q = k(D.orderFrom), g = k(""), C = k(
+      D.existingRuleGroups.reduce(
+        (r, s) => (r[s.id] = !0, r),
+        {}
+      )
+    ), I = k({}), P = z(
+      () => {
+        var r;
+        return (((r = le().state.menu.ruleGroupSettings) == null ? void 0 : r.groups) || []).map((s) => ({
+          label: s.name,
+          value: s._id
+        }));
+      }
+    ), w = z(() => {
+      const r = P.value;
+      if (g.value) {
+        const s = g.value.toLowerCase(), n = r.filter((a) => C.value[a.value]), f = r.filter(
+          (a) => !C.value[a.value] && a.label.toLowerCase().includes(s)
+        );
+        return [...n, ...f];
+      }
+      return r.sort((s, n) => {
+        const f = C.value[s.value] || !1, a = C.value[n.value] || !1;
+        return f && !a ? -1 : !f && a ? 1 : 0;
+      });
+    }), J = z(() => {
+      var n;
+      const r = Object.entries(C.value).filter(([f, a]) => a).map(([f]) => f), s = ((n = le().state.menu.ruleGroupSettings) == null ? void 0 : n.groups) || [];
+      return r.map((f) => {
+        const a = s.find((v) => v._id === f);
+        return {
+          ...a,
+          rules: (a == null ? void 0 : a.rules.map((v) => {
+            var A, S, N, y;
+            return {
+              ...v,
+              _id: v._id,
+              restaurantRule: {
+                restaurantAttributes: O(
+                  (A = v.restaurantRule) == null ? void 0 : A.restaurantAttributes
+                ),
+                restaurantCustomAttributes: O(
+                  (S = v.restaurantRule) == null ? void 0 : S.restaurantCustomAttributes
+                )
+              },
+              itemRule: {
+                itemAttributes: D.convertCategoryIdToName(
+                  O((N = v.itemRule) == null ? void 0 : N.itemAttributes)
+                ),
+                itemCustomAttributes: O((y = v.itemRule) == null ? void 0 : y.itemCustomAttributes)
+              }
+            };
+          })) || []
+        };
+      }).filter((f) => f !== null);
+    }), p = k([]);
+    function h(r) {
+      var v, A, S, N;
+      const s = ((v = r.restaurantRule) == null ? void 0 : v.restaurantAttributes.rules) ?? [], n = ((A = r.restaurantRule) == null ? void 0 : A.restaurantCustomAttributes.rules) ?? [], f = ((S = r.itemRule) == null ? void 0 : S.itemAttributes.rules) ?? [], a = ((N = r.itemRule) == null ? void 0 : N.itemCustomAttributes.rules) ?? [];
+      return [
+        ...s.map((y) => ({
+          ...y,
+          property: `${o("menu.catalog.usage.restaurant")} ${y.property}`
+        })),
+        ...n.map((y) => ({
+          ...y,
+          property: `${o("menu.catalog.usage.restaurant")} ${y.property}`
+        })),
+        ...f.map((y) => ({
+          ...y,
+          property: `${o("menu.product.title")} ${y.property}`
+        })),
+        ...a.map((y) => ({
+          ...y,
+          property: `${o("menu.product.title")} ${y.property}`
+        }))
+      ];
+    }
+    function x() {
+      var A, S, N, y, W, d, l, u;
+      const r = D.groupCustomRule, s = Object.entries(C.value).filter(([e, G]) => G).map(([e]) => e), n = [], f = [], a = [], v = [];
+      p.value.length > 0 && (p.value.forEach((e) => {
+        e.property.startsWith("restaurant_attr") ? n.push({
+          property: e.property.replace("restaurant_attr_", ""),
+          operator: e.operator,
+          value: e.value,
+          type: e.type
+        }) : e.property.startsWith("restaurant_custom") ? f.push({
+          property: e.property.replace("restaurant_custom_", ""),
+          operator: e.operator,
+          value: e.value,
+          type: e.type
+        }) : e.property.startsWith("item_attr") ? a.push({
+          property: e.property.replace("item_attr_", ""),
+          operator: e.operator,
+          value: e.value,
+          type: e.type
+        }) : e.property.startsWith("item_custom") && v.push({
+          property: e.property.replace("item_custom_", ""),
+          operator: e.operator,
+          value: e.value,
+          type: e.type
+        });
+      }), r.restaurantRule = {
+        restaurantAttributes: {
+          logic: ((S = (A = r.restaurantRule) == null ? void 0 : A.restaurantAttributes) == null ? void 0 : S.logic) ?? "AND",
+          rules: n
+        },
+        restaurantCustomAttributes: {
+          logic: ((y = (N = r.restaurantRule) == null ? void 0 : N.restaurantCustomAttributes) == null ? void 0 : y.logic) ?? "AND",
+          rules: f
+        }
+      }, r.itemRule = {
+        itemAttributes: {
+          logic: ((d = (W = r.itemRule) == null ? void 0 : W.itemAttributes) == null ? void 0 : d.logic) ?? "AND",
+          rules: a
+        },
+        itemCustomAttributes: {
+          logic: ((u = (l = r.itemRule) == null ? void 0 : l.itemCustomAttributes) == null ? void 0 : u.logic) ?? "AND",
+          rules: v
+        }
+      }), $("update:modelValue", {
+        orderFrom: q.value,
+        ruleGroupIds: s,
+        restaurantRule: r.restaurantRule,
+        itemRule: r.itemRule
+      }), _();
+    }
+    function _() {
+      c.value = !1, $("close-form");
+    }
+    return (r, s) => {
+      const n = V("FmButton"), f = V("FmRadio"), a = V("FmRadioGroup"), v = V("FmIcon"), A = V("FmCard"), S = V("FmSearch"), N = V("FmMenuItem"), y = V("FmMenu"), W = V("FmSideSheet");
+      return i(), U(W, {
+        modelValue: c.value,
+        "onUpdate:modelValue": s[3] || (s[3] = (d) => c.value = d),
+        "max-width": 760,
+        "close-button": !1,
+        "is-container": t(de).FmForm,
+        "is-container-props": {
+          onValidationSuccess: x,
+          blameFormChildOnValidationFailed: !0
+        }
+      }, {
+        "side-sheet-header": B(() => [
+          F("div", xe, [
+            R(n, {
+              variant: t(Z).Tertiary,
+              "prepend-icon": "arrow_back",
+              onClick: oe(_, ["stop"])
+            }, null, 8, ["variant"]),
+            m.isEditMode ? (i(), b("p", Ie, T(t(o)("menu.link_product.rules.edit_rule")), 1)) : (i(), b("p", we, T(t(o)("menu.link_product.rules.add_rule")), 1))
+          ])
+        ]),
+        "side-sheet-footer": B(() => [
+          F("div", Be, [
+            R(n, {
+              variant: t(Z).Secondary,
+              label: t(o)("common.cancel"),
+              onClick: oe(_, ["stop"])
+            }, null, 8, ["variant", "label"]),
+            R(n, {
+              variant: t(Z).Primary,
+              label: t(o)("common.save"),
+              type: "submit"
+            }, null, 8, ["variant", "label"])
+          ])
+        ]),
+        default: B(() => [
+          F("div", Ve, [
+            R(a, {
+              modelValue: q.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (d) => q.value = d),
+              label: t(o)("menu.link_product.rules.availability")
+            }, {
+              default: B(() => [
+                R(f, {
+                  label: "All",
+                  value: t(ue.F_ORDER_FROM).Enum.ALL
+                }, null, 8, ["value"]),
+                R(f, {
+                  label: "POS Only",
+                  value: t(ue.F_ORDER_FROM).Enum.POS_ONLY
+                }, null, 8, ["value"]),
+                R(f, {
+                  label: "None",
+                  value: t(ue.F_ORDER_FROM).Enum.NONE
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "label"]),
+            R(Fe),
+            F("div", $e, [
+              F("div", Se, [
+                F("p", Ne, T(t(o)("menu.link_product.rules.use_rule_group")), 1),
+                (i(!0), b(j, null, X(J.value, (d) => (i(), b("div", {
+                  key: d._id
+                }, [
+                  R(A, {
+                    variant: "outlined",
+                    class: "p-24 gap-24 space-y-16"
+                  }, {
+                    default: B(() => [
+                      F("div", Ge, [
+                        F("p", Oe, T(d.name), 1),
+                        R(v, {
+                          name: I.value[d._id] ? "expand_less" : "expand_more",
+                          onClick: oe((l) => I.value[d._id] = !I.value[d._id], ["stop", "prevent"])
+                        }, null, 8, ["name", "onClick"])
+                      ]),
+                      I.value[d._id] ? (i(), b("div", De, [
+                        (i(!0), b(j, null, X(d.rules, (l, u) => (i(), b("div", {
+                          key: l._id
+                        }, [
+                          (i(!0), b(j, null, X(h(l), (e, G) => (i(), U(Re, {
+                            key: G,
+                            number: G + 1,
+                            property: e.property,
+                            operator: e.operator,
+                            value: e.value
+                          }, null, 8, ["number", "property", "operator", "value"]))), 128)),
+                          u < d.rules.length - 1 ? (i(), b("p", Me, T(t(o)("menu.link_product.rules.or")), 1)) : Y("", !0)
+                        ]))), 128))
+                      ])) : Y("", !0)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]))), 128)),
+                R(y, { "close-on-click": !1 }, {
+                  "menu-button": B(() => [
+                    R(n, {
+                      variant: t(Z).Plain,
+                      "prepend-icon": "add",
+                      label: t(o)("menu.link_product.rules.add_rule_group")
+                    }, null, 8, ["variant", "label"])
+                  ]),
+                  default: B(() => [
+                    R(S, {
+                      "model-value": g.value,
+                      "onUpdate:modelValue": s[1] || (s[1] = (d) => g.value = d),
+                      class: "w-[200px]",
+                      placeholder: t(o)("menu.link_product.rules.filter_result")
+                    }, null, 8, ["model-value", "placeholder"]),
+                    (i(!0), b(j, null, X(w.value, (d) => (i(), U(N, {
+                      key: d.value,
+                      label: d.label,
+                      "has-checkbox": "",
+                      "model-value": C.value[d.value],
+                      onClick: () => {
+                        C.value[d.value] = !C.value[d.value];
+                      }
+                    }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              R(be, {
+                "model-value": m.groupCustomRule,
+                "onUpdate:modelValue": s[2] || (s[2] = (d) => {
+                  p.value = d;
+                })
+              }, null, 8, ["model-value"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props"]);
+    };
+  }
+}), me = /* @__PURE__ */ ae({
+  __name: "CatalogLinkItemRuleView",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    index: {
+      type: Number,
+      required: !0
+    },
+    convertCategoryIdToName: {
+      type: Function,
+      required: !0
+    },
+    showForm: {
+      type: Boolean,
+      default: !1
+    },
+    isDraft: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value", "delete-rule"],
+  setup(m, {
+    expose: L,
+    emit: o
+  }) {
+    const {
+      t: D
+    } = se(), c = m, $ = o, q = z(() => {
+      var p;
+      return ((p = le().state.menu.ruleGroupSettings) == null ? void 0 : p.groups) || [];
+    });
+    function g(p) {
+      return p.flatMap((h) => {
+        var r, s;
+        const x = ((r = q.value.find((n) => n._id === h)) == null ? void 0 : r.rules) || [], _ = ((s = q.value.find((n) => n._id === h)) == null ? void 0 : s.name) || "";
+        return {
+          id: h,
+          name: _,
+          rules: x.map((n) => {
+            var f, a, v, A;
+            return {
+              ...n,
+              restaurantRule: {
+                restaurantAttributes: O((f = n.restaurantRule) == null ? void 0 : f.restaurantAttributes),
+                restaurantCustomAttributes: O((a = n.restaurantRule) == null ? void 0 : a.restaurantCustomAttributes)
+              },
+              itemRule: {
+                itemAttributes: c.convertCategoryIdToName(O((v = n.itemRule) == null ? void 0 : v.itemAttributes)),
+                itemCustomAttributes: O((A = n.itemRule) == null ? void 0 : A.itemCustomAttributes)
+              }
+            };
+          })
+        };
+      });
+    }
+    const C = k(g(c.modelValue.ruleGroupIds ?? [])), I = k({
+      _id: "customRule",
+      restaurantRule: c.modelValue.restaurantRule,
+      itemRule: c.modelValue.itemRule
+    }), P = k(c.modelValue.orderFrom);
+    re(() => c.modelValue, (p) => {
+      C.value = g(p.ruleGroupIds ?? []), I.value = {
+        _id: "customRule",
+        restaurantRule: p.restaurantRule,
+        itemRule: p.itemRule
+      };
+    }, {
+      deep: !0
+    });
+    const w = k(c.showForm);
+    L({
+      showForm: w
+    }), re(() => w.value, (p, h) => {
+      c.isDraft && h === !0 && p === !1 && $("delete-rule");
+    });
+    function J(p) {
+      P.value = p.orderFrom, I.value.restaurantRule = p.restaurantRule, I.value.itemRule = p.itemRule, C.value = g(p.ruleGroupIds ?? []), $("update:model-value", p);
+    }
+    return (p, h) => w.value ? (i(), U(Le, {
+      key: 1,
+      "is-edit-mode": !m.isDraft,
+      "order-from": P.value,
+      "existing-rule-groups": C.value,
+      "group-custom-rule": I.value,
+      "convert-category-id-to-name": m.convertCategoryIdToName,
+      onCloseForm: h[2] || (h[2] = (x) => w.value = !1),
+      "onUpdate:modelValue": h[3] || (h[3] = (x) => J(x))
+    }, null, 8, ["is-edit-mode", "order-from", "existing-rule-groups", "group-custom-rule", "convert-category-id-to-name"])) : (i(), U(ge, {
+      key: 0,
+      "model-value": I.value,
+      title: `${t(D)("menu.rule_groups.condition_view.rule")} ${m.index + 1}`,
+      "is-catalog-link-item-rule-view": !0,
+      "rule-group-names": C.value.map((x) => x.name).filter((x) => x !== ""),
+      "order-from": P.value,
+      onOpenCatalogLinkItemRuleForm: h[0] || (h[0] = (x) => w.value = !0),
+      onDeleteRule: h[1] || (h[1] = (x) => p.$emit("delete-rule"))
+    }, null, 8, ["model-value", "title", "rule-group-names", "order-from"]));
+  }
+}), Ee = { class: "fm-typo-en-title-md-600 mr-auto" }, Te = {
+  key: 1,
+  class: "flex items-center gap-12"
+}, Ue = { class: "flex items-center gap-8" }, qe = { class: "text-neutral-600 fm-typo-body-sm" }, ze = {
+  key: 1,
+  class: "space-y-16"
+}, je = { class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16" }, Pe = { class: "absolute -top-[10px] left-[50px] bg-white px-2 fm-typo-en-body-lg-400 text-fm-color-typo-secondary select-none z-10" }, We = {
+  key: 0,
+  class: "flex items-center select-none"
+}, He = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Qe = { class: "flex gap-8 items-center justify-start" }, Ye = /* @__PURE__ */ ae({
+  __name: "LinkProductSideSheet",
+  props: {
+    initialValue: { default: () => [] },
+    linkItemRules: {},
+    menuItems: {},
+    categories: {},
+    noScheduler: { type: Boolean },
+    isLocalOnly: { type: Boolean, default: !1 },
+    categorizedItems: { default: () => [] },
+    selectVariant: { type: Boolean, default: !1 },
+    showVariant: { type: Boolean, default: !1 },
+    showAddon: { type: Boolean, default: !0 },
+    title: { default: void 0 },
+    useCloseBtn: { type: Boolean }
+  },
+  emits: ["submit"],
+  setup(m, { emit: L }) {
+    const o = m, D = L, { t: c } = se(), $ = k(M.Normal);
+    function q(l) {
+      $.value = l;
+    }
+    const g = k(!1), C = (l) => {
+      Ce.isBoolean(l) ? g.value = l : g.value = !g.value;
+    };
+    function I(l) {
+      return l.reduce((u, e) => (u[e._id] = [...u[e._id] ?? [], e], u), {});
+    }
+    const P = o.initialValue, w = k(I(ee(P))), J = z(() => Object.values(w.value).flatMap((l) => l)), { convertCategoryIdToName: p, convertCategoryNameToId: h } = he({
+      menuItems: z(() => o.menuItems || []),
+      categories: z(() => o.categories || [])
+    }), x = k(
+      ee(o.linkItemRules)
+    ), _ = k();
+    function r() {
+      var l;
+      return (l = x.value) == null ? void 0 : l.map((u) => {
+        var e, G, H, Q;
+        return {
+          ...u,
+          restaurantRule: {
+            restaurantAttributes: O((e = u.restaurantRule) == null ? void 0 : e.restaurantAttributes),
+            restaurantCustomAttributes: O((G = u.restaurantRule) == null ? void 0 : G.restaurantCustomAttributes)
+          },
+          itemRule: {
+            itemAttributes: p(O((H = u.itemRule) == null ? void 0 : H.itemAttributes)),
+            itemCustomAttributes: O((Q = u.itemRule) == null ? void 0 : Q.itemCustomAttributes)
+          }
+        };
+      });
+    }
+    _.value = r();
+    function s() {
+      var l;
+      return (l = _.value) == null ? void 0 : l.map((u) => {
+        var e, G, H, Q;
+        return {
+          ...u,
+          restaurantRule: {
+            restaurantAttributes: te((e = u.restaurantRule) == null ? void 0 : e.restaurantAttributes),
+            restaurantCustomAttributes: te((G = u.restaurantRule) == null ? void 0 : G.restaurantCustomAttributes)
+          },
+          itemRule: {
+            itemAttributes: te(h((H = u.itemRule) == null ? void 0 : H.itemAttributes)),
+            itemCustomAttributes: te((Q = u.itemRule) == null ? void 0 : Q.itemCustomAttributes)
+          }
+        };
+      });
+    }
+    const n = _e(
+      () => {
+        const l = s() ?? null;
+        return !ie.isEqual(I(o.initialValue), w.value) || !ie.isEqual(o.linkItemRules, l);
+      },
+      () => {
+        g.value = !1;
+      }
+    );
+    function f() {
+      $.value === M.Rules ? D("submit", {
+        mode: M.Rules,
+        linkItemRules: s() ?? []
+      }) : D("submit", {
+        mode: M.Normal,
+        items: J.value
+      }), g.value = !1;
+    }
+    re(
+      () => g.value,
+      () => {
+        w.value = I(ee(o.initialValue)), x.value = ee(o.linkItemRules), _.value = r(), a.value = null, v.value = !1, $.value = o.noScheduler && o.linkItemRules && o.linkItemRules.length > 0 ? M.Rules : M.Normal;
+      }
+    );
+    const a = k(null), v = k(!1), A = () => {
+      a.value = {
+        orderFrom: ue.F_ORDER_FROM.enum.ALL,
+        restaurantRule: {
+          restaurantAttributes: null,
+          restaurantCustomAttributes: null
+        },
+        itemRule: {
+          itemAttributes: null,
+          itemCustomAttributes: null
+        }
+      }, v.value = !0;
+    };
+    function S(l) {
+      _.value = [..._.value || [], l], a.value = null, v.value = !1;
+    }
+    function N() {
+      a.value = null, v.value = !1;
+    }
+    function y(l) {
+      if (!_.value) return;
+      const u = [..._.value];
+      u.splice(l, 1), _.value = u.length ? u : [];
+    }
+    const W = z(() => {
+      const l = o.isLocalOnly ? ye() : le();
+      return o.noScheduler && l.currentCatalog;
+    });
+    function d(l, u) {
+      if (!_.value) return;
+      const e = [..._.value];
+      e[l] = u, _.value = e;
+    }
+    return (l, u) => {
+      const e = V("fm-button"), G = V("fm-switch"), H = V("FmCard"), Q = V("fm-side-sheet");
+      return i(), b(j, null, [
+        pe(l.$slots, "default", { trigger: C }, void 0, !0),
+        R(Q, {
+          id: "group-form",
+          modelValue: g.value,
+          "onUpdate:modelValue": u[3] || (u[3] = (E) => g.value = E),
+          "close-button": m.useCloseBtn,
+          "is-container": t(de).FmForm,
+          "is-container-props": {
+            onValidationSuccess: f,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 760,
+          "onOn:clickedAway": t(n)
+        }, {
+          "side-sheet-header": B(() => [
+            m.useCloseBtn ? Y("", !0) : (i(), U(e, {
+              key: 0,
+              variant: t(Z).Tertiary,
+              class: "cursor-pointer mr-4",
+              "prepend-icon": "arrow_back",
+              onClick: C
+            }, null, 8, ["variant"])),
+            F("p", Ee, T(m.title || t(c)("menu.link_product.title")), 1),
+            W.value ? (i(), b("div", Te, [
+              F("div", Ue, [
+                R(G, {
+                  label: t(c)("menu.link_product.rules.section_title"),
+                  "model-value": $.value === t(M).Rules,
+                  "onUpdate:modelValue": u[0] || (u[0] = (E) => q(E ? t(M).Rules : t(M).Normal))
+                }, null, 8, ["label", "model-value"])
+              ])
+            ])) : Y("", !0)
+          ]),
+          "side-sheet-footer": B(() => [
+            F("div", Qe, [
+              R(e, {
+                label: t(c)("menu.common.actions.confirm"),
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              R(e, {
+                label: t(c)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: u[2] || (u[2] = () => g.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: B(() => [
+            (i(), b("div", {
+              class: "py-8 px-8 overflow-y-auto space-y-24",
+              key: $.value
+            }, [
+              $.value === t(M).Normal ? (i(), U(t(fe), {
+                key: 0,
+                "auto-focus-search": !0,
+                "categorized-items": m.categorizedItems,
+                data: w.value,
+                "select-variant": m.selectVariant,
+                "selected-items": J.value,
+                "show-variant": m.showVariant,
+                "show-addon": m.showAddon,
+                "onUpdate:data": u[1] || (u[1] = (E) => w.value = E)
+              }, null, 8, ["categorized-items", "data", "select-variant", "selected-items", "show-variant", "show-addon"])) : W.value ? (i(), b(j, { key: 1 }, [
+                F("p", qe, T(t(c)("menu.link_product.rules.hint")), 1),
+                (!_.value || _.value.length <= 0) && !v.value ? (i(), U(t(ve), {
+                  key: 0,
+                  title: t(c)("menu.rule_groups.condition_view.empty_data.no_rules_added"),
+                  subtitle: t(c)("menu.rule_groups.condition_view.empty_data.subtitle"),
+                  action: {
+                    text: t(c)("menu.link_product.rules.add_rule"),
+                    icon: "add",
+                    callback: A
+                  }
+                }, null, 8, ["title", "subtitle", "action"])) : (i(), b("div", ze, [
+                  v.value && a.value ? (i(), U(H, {
+                    key: 0,
+                    class: "p-16 space-y-16",
+                    variant: "outlined"
+                  }, {
+                    default: B(() => {
+                      var E;
+                      return [
+                        R(me, {
+                          "model-value": a.value,
+                          index: ((E = _.value) == null ? void 0 : E.length) ?? 0,
+                          convertCategoryIdToName: t(p),
+                          "show-form": !0,
+                          "is-draft": !0,
+                          onDeleteRule: N,
+                          "onUpdate:modelValue": S
+                        }, null, 8, ["model-value", "index", "convertCategoryIdToName"])
+                      ];
+                    }),
+                    _: 1
+                  })) : Y("", !0),
+                  (i(!0), b(j, null, X(_.value, (E, K) => (i(), b(j, { key: K }, [
+                    F("div", je, [
+                      F("span", Pe, T(t(c)("menu.rule_groups.condition_view.and")), 1),
+                      R(me, {
+                        "model-value": E,
+                        index: K,
+                        convertCategoryIdToName: t(p),
+                        onDeleteRule: (ne) => y(K),
+                        "onUpdate:modelValue": (ne) => d(K, ne)
+                      }, null, 8, ["model-value", "index", "convertCategoryIdToName", "onDeleteRule", "onUpdate:modelValue"])
+                    ]),
+                    _.value && _.value.length > 1 && K < _.value.length - 1 ? (i(), b("div", We, [
+                      F("span", He, T(t(c)("menu.rule_groups.condition_view.or")), 1)
+                    ])) : Y("", !0)
+                  ], 64))), 128)),
+                  R(e, {
+                    label: t(c)("menu.link_product.rules.add_rule"),
+                    onClick: A
+                  }, null, 8, ["label"])
+                ]))
+              ], 64)) : Y("", !0)
+            ]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "close-button", "is-container", "is-container-props", "onOn:clickedAway"])
+      ], 64);
+    };
+  }
+}), rt = /* @__PURE__ */ ce(Ye, [["__scopeId", "data-v-62829b37"]]);
+export {
+  Fe as H,
+  rt as L,
+  ce as _,
+  M as a
+};