@feedmepos/mf-menu 0.32.55 → 0.32.56

package/dist/LinkProductSideSheet-CaFKMMSd.js

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