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

package/dist/Scheduler-JRjozwP_.js

@@ -0,0 +1,637 @@
+import { defineComponent as te, computed as x, ref as Z, shallowRef as ee, h as z, withModifiers as xe, onUnmounted as Ve, resolveComponent as v, openBlock as n, createBlock as F, unref as l, withCtx as y, createElementBlock as c, toDisplayString as f, Fragment as L, createElementVNode as b, createVNode as s, createCommentVNode as _, mergeProps as Le, renderList as T, createTextVNode as Se } from "vue";
+import { useI18n as Pe, formatTimeOfDay as le } from "@feedmepos/mf-common";
+import { useDialog as Ue, components as ae, FmButtonVariant as Te } from "@feedmepos/ui-library";
+import { _ as $e } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Me } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-D9jK-Fhn.js";
+import { _ as $ } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { _ as De } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { u as Ee } from "./useActionFeedback-DoFeBFpl.js";
+import { u as Ie } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Ae, u as Re, a as ze } from "./provide-Tmjfji09.js";
+const Be = {
+  key: 0,
+  class: "flex flex-1 justify-end"
+}, je = {
+  key: 0,
+  role: "alert",
+  class: "text-fm-color-typo-secondary"
+}, Ne = { class: "flex justify-end" }, Ge = { class: "w-[320px]" }, Oe = { class: "space-y-0 py-8" }, He = {
+  key: 0,
+  class: "grid grid-cols-4 gap-8 pl-32 pt-4"
+}, Ke = {
+  key: 0,
+  class: "flex flex-col items-start gap-16 pl-32 pt-12"
+}, qe = {
+  key: 0,
+  class: "-mt-16 space-y-16"
+}, Qe = {
+  key: 0,
+  class: "flex items-center"
+}, We = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, Je = { class: "flex flex-1 flex-wrap items-center gap-4" }, Xe = { class: "sr-only" }, Ye = { class: "-mt-14" }, Ze = {
+  key: 0,
+  class: "space-y-8"
+}, el = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ll = { class: "flex gap-8" }, al = /* @__PURE__ */ te({
+  __name: "SchedulerList",
+  props: {
+    sdk: {}
+  },
+  setup(B) {
+    const w = B, { locale: C, t: e } = Pe(), A = Ae(), se = Ue(), { run: j } = Ee(), S = Re(w.sdk.scheduler.list), k = x(
+      () => S.value.status === "ready" ? S.value.value : null
+    ), oe = x(() => {
+      var a;
+      return ((a = k.value) == null ? void 0 : a.query) ?? "";
+    }), ne = x(() => {
+      var a;
+      return [...((a = k.value) == null ? void 0 : a.rows) ?? []];
+    }), V = Z(!1), M = Z(!1), u = ee(
+      w.sdk.scheduler.editor()
+    ), P = ee(
+      u.value.get()
+    );
+    let R = u.value.subscribe(
+      (a) => {
+        P.value = a;
+      }
+    );
+    const o = x(
+      () => P.value.status === "ready" ? P.value.value : null
+    ), D = Ie(() => u.value), N = x(
+      () => o.value ? D.issue(o.value.fieldIssues, "name") ?? o.value.nameIssue : null
+    ), G = x(
+      () => o.value ? D.issue(o.value.fieldIssues, "periods") ?? o.value.periodIssue : null
+    ), ue = (a) => z(
+      "div",
+      { class: "relative -top-[2px] fm-typo-en-body-lg-400 tracking-normal" },
+      z("span", a.message)
+    ), re = [
+      "monday",
+      "tuesday",
+      "wednesday",
+      "thursday",
+      "friday",
+      "saturday",
+      "sunday"
+    ];
+    function U(a) {
+      return {
+        monday: e("menu.scheduler.days.monday"),
+        tuesday: e("menu.scheduler.days.tuesday"),
+        wednesday: e("menu.scheduler.days.wednesday"),
+        thursday: e("menu.scheduler.days.thursday"),
+        friday: e("menu.scheduler.days.friday"),
+        saturday: e("menu.scheduler.days.saturday"),
+        sunday: e("menu.scheduler.days.sunday")
+      }[a];
+    }
+    function O(a) {
+      R(), u.value.dispose(), u.value = w.sdk.scheduler.editor(a), P.value = u.value.get(), R = u.value.subscribe(
+        (t) => {
+          P.value = t;
+        }
+      );
+    }
+    function H() {
+      var a;
+      ((a = k.value) == null ? void 0 : a.create.state) === "allowed" && (O(), V.value = !0);
+    }
+    function de(a) {
+      O(a.id), V.value = !0;
+    }
+    function ie(a) {
+      return a.periods.length ? a.periods.map(
+        (t) => e("menu.scheduler.table.period_range", {
+          start: le(
+            t.start,
+            C.value
+          ).toLocaleLowerCase(C.value),
+          end: le(t.end, C.value).toLocaleLowerCase(
+            C.value
+          )
+        })
+      ).join(e("menu.scheduler.table.list_separator")) : e("menu.scheduler.dialog.sections.period.all_day");
+    }
+    function ce(a) {
+      const t = a.repeatPresentation;
+      switch (t.kind) {
+        case "daily":
+          return e("menu.scheduler.repeat.daily");
+        case "weekdays":
+          return e("menu.scheduler.repeat.weekdays");
+        case "weekends":
+          return e("menu.scheduler.repeat.weekends");
+        case "except":
+          return e("menu.scheduler.repeat.except", {
+            day: U(t.day)
+          });
+        case "range":
+          return e("menu.scheduler.repeat.range", {
+            start: U(t.start),
+            end: U(t.end)
+          });
+        case "days":
+          return t.days.map(U).join(e("menu.scheduler.repeat.list_separator"));
+      }
+    }
+    function me(a) {
+      u.value.setLinkedProductIds(a), M.value = !1;
+    }
+    async function pe() {
+      var t;
+      (await j(
+        () => D.submit(() => u.value.submit()),
+        {
+          showLoading: () => {
+            var h;
+            return ((h = o.value) == null ? void 0 : h.status) === "submitting";
+          },
+          successMessage: e("menu.scheduler.actions.saved", {
+            name: ((t = o.value) == null ? void 0 : t.name.trim()) ?? ""
+          })
+        }
+      )).kind === "success" && (V.value = !1);
+    }
+    function ve(a) {
+      a.remove.state === "allowed" && se.open({
+        title: e("menu.scheduler.dialogs.remove.title"),
+        contentComponent: ue,
+        contentComponentProps: {
+          message: e("menu.scheduler.dialogs.remove.message", {
+            name: a.name
+          })
+        },
+        // The legacy confirmation's body starts 12px below the header.
+        contentClass: "pt-12 pb-8",
+        primaryActions: {
+          text: e("menu.common.actions.remove"),
+          close: !0,
+          variant: Te.Destructive
+        },
+        secondaryActions: {
+          text: e("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await j(() => w.sdk.scheduler.remove(a.id), {
+          successMessage: e("menu.scheduler.actions.removed", {
+            name: a.name
+          })
+        });
+      });
+    }
+    const ye = x(() => [
+      {
+        accessorKey: "name",
+        header: () => e("menu.scheduler.table.columns.name"),
+        enableSorting: !1
+      },
+      {
+        id: "repeat",
+        header: () => e("menu.scheduler.table.columns.repeat"),
+        cell: (a) => ce(a.row.original),
+        enableSorting: !1
+      },
+      {
+        id: "period",
+        header: () => e("menu.scheduler.table.columns.period"),
+        cell: (a) => ie(a.row.original),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "linkedProductCount",
+        header: () => e("menu.scheduler.table.columns.products"),
+        cell: (a) => {
+          const t = a.row.original.linkedProductCount;
+          return e("menu.scheduler.table.products_linked", { count: t }, t);
+        },
+        enableSorting: !1
+      },
+      {
+        id: "actions",
+        size: 52,
+        header: "",
+        cell: (a) => z(ae.FmButton, {
+          icon: "delete",
+          variant: "tertiary",
+          textColor: "neutral-gray-400",
+          disabled: a.row.original.remove.state !== "allowed",
+          "aria-label": e("menu.scheduler.table.delete.accessibility_label", {
+            name: a.row.original.name
+          }),
+          onClick: xe(
+            () => ve(a.row.original),
+            ["stop", "prevent"]
+          )
+        })
+      }
+    ]);
+    return Ve(() => {
+      R(), u.value.dispose(), w.sdk.scheduler.search("");
+    }), (a, t) => {
+      const h = v("FmButton"), be = v("FmCircularProgress"), he = v("FmSearch"), ge = v("FmTable"), K = v("FmTextField"), E = v("FmRadio"), q = v("FmRadioGroup"), ke = v("FmCheckbox"), fe = v("FmHelperText"), Q = v("FmTimePicker"), _e = v("FmSwitch"), Fe = v("FmIcon"), we = v("FmTooltip"), W = v("FmSelect"), Ce = v("FmSideSheet");
+      return n(), F(De, {
+        "data-visual-root": "scheduler",
+        heading: l(e)("menu.scheduler.title")
+      }, {
+        "append-heading": y(() => [
+          k.value ? (n(), c("div", Be, [
+            k.value.totalCount > 0 ? (n(), F(h, {
+              key: 0,
+              disabled: k.value.create.state !== "allowed",
+              label: l(e)("menu.scheduler.empty.action"),
+              "prepend-icon": "add",
+              onClick: H
+            }, null, 8, ["disabled", "label"])) : _("", !0)
+          ])) : _("", !0)
+        ]),
+        default: y(() => {
+          var J, X, Y;
+          return [
+            l(S).status === "error" ? (n(), c("p", je, f(l(A)(l(S).error.message)), 1)) : l(S).status === "loading" ? (n(), F(be, { key: 1 })) : k.value && k.value.totalCount === 0 ? (n(), F(l($e), {
+              key: 2,
+              action: { text: l(e)("menu.scheduler.empty.action"), callback: H },
+              title: l(e)("menu.scheduler.empty.title"),
+              subtitle: l(e)("menu.scheduler.empty.subtitle")
+            }, null, 8, ["action", "title", "subtitle"])) : k.value ? (n(), c(L, { key: 3 }, [
+              b("div", Ne, [
+                b("div", Ge, [
+                  s(he, {
+                    autofocus: "",
+                    "aria-label": l(e)("menu.scheduler.accessibility.search"),
+                    class: "mb-8",
+                    "model-value": oe.value,
+                    placeholder: l(e)("menu.scheduler.table.search.placeholder"),
+                    "onUpdate:modelValue": w.sdk.scheduler.search
+                  }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
+                ])
+              ]),
+              s(ge, {
+                "column-defs": ye.value,
+                "hide-footer": "",
+                "page-size": Math.max(k.value.rows.length, 1),
+                "pin-header-row": "",
+                "row-data": ne.value,
+                "shrink-at": !1,
+                onRowClick: t[0] || (t[0] = (g) => de(g.original))
+              }, null, 8, ["column-defs", "page-size", "row-data"])
+            ], 64)) : _("", !0),
+            s(Ce, {
+              modelValue: V.value,
+              "onUpdate:modelValue": t[9] || (t[9] = (g) => V.value = g),
+              header: ((J = o.value) == null ? void 0 : J.mode) === "update" ? l(e)("menu.scheduler.dialog.update.title") : l(e)("menu.scheduler.dialog.add.title"),
+              "is-container": l(ae).FmForm,
+              "is-container-props": { onValidationSuccess: pe },
+              "max-width": 560
+            }, {
+              "side-sheet-footer": y(() => {
+                var g, i;
+                return [
+                  b("div", ll, [
+                    s(h, {
+                      disabled: ((g = o.value) == null ? void 0 : g.submit.state) !== "allowed",
+                      label: ((i = o.value) == null ? void 0 : i.mode) === "update" ? l(e)("menu.scheduler.dialog.update.action") : l(e)("menu.scheduler.dialog.add.action"),
+                      size: "lg",
+                      type: "submit",
+                      variant: "primary"
+                    }, null, 8, ["disabled", "label"]),
+                    s(h, {
+                      label: l(e)("menu.scheduler.dialog.actions.cancel"),
+                      size: "lg",
+                      variant: "tertiary",
+                      onClick: t[8] || (t[8] = (m) => V.value = !1)
+                    }, null, 8, ["label"])
+                  ])
+                ];
+              }),
+              default: y(() => {
+                var g;
+                return [
+                  b("div", Oe, [
+                    s($, {
+                      title: l(e)("menu.scheduler.dialog.sections.detail.title")
+                    }, {
+                      default: y(() => {
+                        var i;
+                        return [
+                          s(K, Le({
+                            "error-messages": N.value ? [l(A)(N.value)] : [],
+                            label: l(e)("menu.scheduler.dialog.sections.detail.name.label"),
+                            "model-value": ((i = o.value) == null ? void 0 : i.name) ?? "",
+                            placeholder: l(e)("menu.scheduler.dialog.sections.detail.name.placeholder")
+                          }, l(D).field("name", u.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["title"]),
+                    s($, {
+                      class: "mb-8",
+                      title: l(e)("menu.scheduler.dialog.sections.availability.title")
+                    }, {
+                      default: y(() => {
+                        var i, m;
+                        return [
+                          b("div", null, [
+                            s(q, {
+                              "model-value": ((i = o.value) == null ? void 0 : i.repeat) ?? "daily",
+                              "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value.setRepeat(r))
+                            }, {
+                              default: y(() => [
+                                s(E, {
+                                  value: "daily",
+                                  label: l(e)("menu.scheduler.dialog.sections.availability.daily")
+                                }, null, 8, ["label"]),
+                                s(E, {
+                                  value: "weekly",
+                                  label: l(e)("menu.scheduler.dialog.sections.availability.weekly")
+                                }, null, 8, ["label"])
+                              ]),
+                              _: 1
+                            }, 8, ["model-value"]),
+                            ((m = o.value) == null ? void 0 : m.repeat) === "weekly" ? (n(), c("div", He, [
+                              (n(), c(L, null, T(re, (r) => {
+                                var p;
+                                return s(ke, {
+                                  key: r,
+                                  "model-value": [...((p = o.value) == null ? void 0 : p.weekDays) ?? []],
+                                  value: r,
+                                  label: U(r),
+                                  "onUpdate:modelValue": t[2] || (t[2] = (d) => u.value.setWeekDays(d))
+                                }, null, 8, ["model-value", "value", "label"]);
+                              }), 64))
+                            ])) : _("", !0)
+                          ])
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["title"]),
+                    s($, {
+                      class: "-mt-4",
+                      title: l(e)("menu.scheduler.dialog.sections.period.title")
+                    }, {
+                      default: y(() => {
+                        var i, m, r;
+                        return [
+                          s(q, {
+                            "model-value": ((i = o.value) == null ? void 0 : i.periodMode) ?? "all",
+                            "onUpdate:modelValue": t[3] || (t[3] = (p) => u.value.setPeriodMode(p))
+                          }, {
+                            default: y(() => [
+                              s(E, {
+                                label: l(e)("menu.scheduler.dialog.sections.period.all_day"),
+                                value: "all"
+                              }, null, 8, ["label"]),
+                              s(E, {
+                                label: l(e)("menu.scheduler.dialog.sections.period.custom"),
+                                value: "custom"
+                              }, null, 8, ["label"])
+                            ]),
+                            _: 1
+                          }, 8, ["model-value"]),
+                          ((m = o.value) == null ? void 0 : m.periodMode) === "custom" ? (n(), c("div", Ke, [
+                            G.value ? (n(), F(fe, {
+                              key: 0,
+                              class: "text-red-500 text-sm leading-5 tracking-normal",
+                              role: "alert",
+                              state: "none",
+                              text: l(A)(G.value)
+                            }, null, 8, ["text"])) : _("", !0),
+                            (n(!0), c(L, null, T(((r = o.value) == null ? void 0 : r.periods) ?? [], (p, d) => (n(), c("div", {
+                              key: d,
+                              class: "flex w-full items-center gap-8"
+                            }, [
+                              s(Q, {
+                                class: "flex-1",
+                                "aria-label": l(e)("menu.scheduler.accessibility.period_start", {
+                                  number: d + 1
+                                }),
+                                locale: l(C),
+                                "model-value": p.start,
+                                "onUpdate:modelValue": (I) => u.value.updatePeriod(d, "start", I)
+                              }, null, 8, ["aria-label", "locale", "model-value", "onUpdate:modelValue"]),
+                              b("span", null, f(l(e)("menu.scheduler.dialog.sections.period.separator")), 1),
+                              s(Q, {
+                                class: "flex-1",
+                                "aria-label": l(e)("menu.scheduler.accessibility.period_end", {
+                                  number: d + 1
+                                }),
+                                locale: l(C),
+                                "model-value": p.end,
+                                "onUpdate:modelValue": (I) => u.value.updatePeriod(d, "end", I)
+                              }, null, 8, ["aria-label", "locale", "model-value", "onUpdate:modelValue"]),
+                              s(h, {
+                                "aria-label": l(e)("menu.scheduler.accessibility.remove_period", {
+                                  number: d + 1
+                                }),
+                                icon: "close",
+                                variant: "tertiary",
+                                onClick: (I) => u.value.removePeriod(d)
+                              }, null, 8, ["aria-label", "onClick"])
+                            ]))), 128)),
+                            s(h, {
+                              label: l(e)("menu.scheduler.dialog.sections.period.add"),
+                              "prepend-icon": "add",
+                              variant: "secondary",
+                              onClick: t[4] || (t[4] = (p) => u.value.addPeriod())
+                            }, null, 8, ["label"])
+                          ])) : _("", !0)
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["title"]),
+                    ((g = o.value) == null ? void 0 : g.autoLink.state) === "allowed" ? (n(), F($, {
+                      key: 0,
+                      title: l(e)("menu.scheduler.dialog.sections.autolink.title")
+                    }, {
+                      default: y(() => {
+                        var i;
+                        return [
+                          s(_e, {
+                            label: l(e)("menu.scheduler.dialog.sections.autolink.label"),
+                            "label-placement": "right",
+                            "model-value": o.value.autoLinkEnabled,
+                            sublabel: l(e)("menu.scheduler.dialog.sections.autolink.sublabel"),
+                            "onUpdate:modelValue": t[5] || (t[5] = (m) => u.value.setAutoLinkEnabled(m))
+                          }, null, 8, ["label", "model-value", "sublabel"]),
+                          o.value.autoLinkEnabled ? (n(), c("div", qe, [
+                            (i = o.value.autoLinkFilters) != null && i.length ? (n(), c("div", Qe, [
+                              b("span", null, f(l(e)("menu.scheduler.dialog.sections.autolink.filter_message")), 1),
+                              s(we, {
+                                content: l(e)("menu.scheduler.dialog.sections.autolink.tooltip"),
+                                variant: "plain",
+                                "z-index": 999
+                              }, {
+                                default: y(() => [
+                                  s(Fe, {
+                                    name: "help",
+                                    outline: "",
+                                    class: "ml-4"
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["content"])
+                            ])) : (n(), c("p", We, f(l(e)("menu.scheduler.dialog.sections.autolink.all_items")), 1)),
+                            (n(!0), c(L, null, T(o.value.autoLinkFilters ?? [], (m, r) => {
+                              var p;
+                              return n(), c("div", {
+                                key: r,
+                                class: "flex w-full items-center gap-8"
+                              }, [
+                                b("div", Je, [
+                                  s(W, {
+                                    "aria-label": l(e)("menu.scheduler.accessibility.filter_type", {
+                                      number: r + 1
+                                    }),
+                                    items: [
+                                      {
+                                        label: l(e)(
+                                          "menu.scheduler.dialog.sections.filter.types.code"
+                                        ),
+                                        value: "code"
+                                      },
+                                      {
+                                        label: l(e)(
+                                          "menu.scheduler.dialog.sections.filter.types.category"
+                                        ),
+                                        value: "category"
+                                      }
+                                    ],
+                                    "model-value": m.type,
+                                    "onUpdate:modelValue": (d) => u.value.setAutoLinkFilterType(
+                                      r,
+                                      d
+                                    )
+                                  }, null, 8, ["aria-label", "items", "model-value", "onUpdate:modelValue"]),
+                                  b("span", null, f(l(e)("menu.scheduler.dialog.sections.filter.matches")), 1),
+                                  m.type === "category" ? (n(), F(W, {
+                                    key: 0,
+                                    "aria-label": l(e)("menu.scheduler.accessibility.filter_category", {
+                                      number: r + 1
+                                    }),
+                                    items: (((p = o.value) == null ? void 0 : p.autoLinkCategoryOptions) ?? []).map(
+                                      (d) => ({
+                                        label: d.kind === "addon" ? l(e)("menu.tree_editor.labels.addon") : d.name,
+                                        value: d.id
+                                      })
+                                    ),
+                                    "model-value": [...m.values],
+                                    multiselect: "",
+                                    placeholder: l(e)(
+                                      "menu.scheduler.dialog.sections.filter.placeholder.category"
+                                    ),
+                                    "onUpdate:modelValue": (d) => u.value.setAutoLinkFilterValues(
+                                      r,
+                                      d ?? []
+                                    )
+                                  }, null, 8, ["aria-label", "items", "model-value", "placeholder", "onUpdate:modelValue"])) : (n(), F(K, {
+                                    key: 1,
+                                    class: "flex-1",
+                                    "model-value": m.values.join(", "),
+                                    "onUpdate:modelValue": (d) => u.value.setAutoLinkCodeFilterInput(r, d)
+                                  }, {
+                                    label: y(() => [
+                                      Se(f(l(e)("menu.scheduler.dialog.sections.filter.types.code")) + " ", 1),
+                                      b("span", Xe, f(l(e)("menu.scheduler.accessibility.filter_code", {
+                                        number: r + 1
+                                      })), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["model-value", "onUpdate:modelValue"]))
+                                ]),
+                                s(h, {
+                                  "aria-label": l(e)("menu.scheduler.accessibility.remove_filter", {
+                                    number: r + 1
+                                  }),
+                                  icon: "delete",
+                                  variant: "secondary",
+                                  onClick: (d) => u.value.removeAutoLinkFilter(r)
+                                }, null, 8, ["aria-label", "onClick"])
+                              ]);
+                            }), 128)),
+                            s(h, {
+                              label: l(e)("menu.scheduler.dialog.sections.filter.add"),
+                              "prepend-icon": "add",
+                              variant: "secondary",
+                              onClick: t[6] || (t[6] = (m) => u.value.addAutoLinkFilter())
+                            }, null, 8, ["label"])
+                          ])) : _("", !0)
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["title"])) : _("", !0),
+                    b("div", Ye, [
+                      s($, {
+                        title: l(e)("menu.scheduler.dialog.sections.products.title")
+                      }, {
+                        "append-title": y(() => [
+                          s(h, {
+                            "border-color": "primary",
+                            label: l(e)("menu.scheduler.dialog.sections.products.link"),
+                            "prepend-icon": "link",
+                            size: "md",
+                            "text-color": "primary",
+                            variant: "secondary",
+                            onClick: t[7] || (t[7] = (i) => M.value = !0)
+                          }, null, 8, ["label"])
+                        ]),
+                        default: y(() => {
+                          var i, m;
+                          return [
+                            (i = o.value) != null && i.linkedProductGroups.length ? (n(), c("div", Ze, [
+                              (n(!0), c(L, null, T(((m = o.value) == null ? void 0 : m.linkedProductGroups) ?? [], (r) => (n(), c("div", {
+                                key: r.id ?? "uncategorised"
+                              }, [
+                                b("p", el, f(r.isSynthetic ? l(e)("menu.tree_editor.labels.addon") : r.name), 1),
+                                (n(!0), c(L, null, T(r.products, (p) => (n(), c("div", {
+                                  key: p.id,
+                                  class: "flex items-center justify-between border-b border-fm-color-neutral-gray-200 px-16 py-12"
+                                }, [
+                                  b("span", null, f(p.name), 1),
+                                  s(h, {
+                                    "aria-label": l(e)("menu.scheduler.accessibility.remove_product", {
+                                      name: p.name
+                                    }),
+                                    icon: "delete",
+                                    "text-color": "neutral-gray-400",
+                                    variant: "tertiary",
+                                    onClick: (d) => u.value.unlinkProduct(p.id)
+                                  }, null, 8, ["aria-label", "onClick"])
+                                ]))), 128))
+                              ]))), 128))
+                            ])) : _("", !0)
+                          ];
+                        }),
+                        _: 1
+                      }, 8, ["title"])
+                    ])
+                  ])
+                ];
+              }),
+              _: 1
+            }, 8, ["modelValue", "header", "is-container", "is-container-props"]),
+            s(Me, {
+              modelValue: M.value,
+              "onUpdate:modelValue": t[10] || (t[10] = (g) => M.value = g),
+              catalogue: ((X = o.value) == null ? void 0 : X.productCatalogue) ?? null,
+              "selected-product-ids": ((Y = o.value) == null ? void 0 : Y.linkedProductIds) ?? [],
+              title: l(e)("menu.scheduler.dialog.sections.products.link"),
+              onSubmit: me
+            }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
+          ];
+        }),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), pl = /* @__PURE__ */ te({
+  __name: "Scheduler",
+  setup(B) {
+    const w = ze();
+    return (C, e) => (n(), F(al, { sdk: l(w) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  pl as default
+};