@feedmepos/mf-connect 0.1.98-beta.77 → 0.1.98-beta.78

package/dist/GoalPickerPanel.vue_vue_type_script_setup_true_lang-BmskpBdL.js

@@ -0,0 +1,424 @@
+import { defineComponent as A, resolveComponent as k, openBlock as o, createBlock as p, withCtx as w, createElementVNode as c, unref as t, createVNode as x, ref as ee, computed as I, toDisplayString as h, createElementBlock as r, Fragment as L, renderList as T, createCommentVNode as f, normalizeClass as me, isRef as pe } from "vue";
+import { u as K } from "./vue-i18n-Cfu8S_JC.js";
+import { useRouter as be } from "vue-router";
+import { S as fe } from "./index-D_ix7k3A.js";
+import "./index-BDt914jM.js";
+import { n as te } from "./plugins-CO0TBKil.js";
+import { u as ne } from "./business-CjXvFAZn.js";
+import { u as U, e as ye, i as ge, p as _e, g as oe, o as ve, d as xe, c as he } from "./onboarding-XAuEF8Fv.js";
+import { R as Z } from "./app-Bb2tSOqF.js";
+const ke = ["aria-label"], M = /* @__PURE__ */ A({
+  __name: "SectionChip",
+  props: {
+    label: {},
+    tooltip: {}
+  },
+  setup(u) {
+    const { t: P } = K();
+    return (s, C) => {
+      const e = k("FmChip"), $ = k("FmTooltip");
+      return u.tooltip ? (o(), p($, {
+        key: 0,
+        variant: "plain",
+        placement: "top",
+        content: u.tooltip
+      }, {
+        default: w(() => [
+          c("button", {
+            type: "button",
+            class: "inline-flex fm-corner-radius-md",
+            "aria-label": t(P)("connect.onboarding.more_about", { section: u.label })
+          }, [
+            x(e, {
+              variant: "plain",
+              compact: "",
+              label: u.label,
+              "right-icon": "help"
+            }, null, 8, ["label"])
+          ], 8, ke)
+        ]),
+        _: 1
+      }, 8, ["content"])) : (o(), p(e, {
+        key: 1,
+        variant: "plain",
+        compact: "",
+        label: u.label
+      }, null, 8, ["label"]));
+    };
+  }
+}), Ce = { class: "flex items-center gap-16 p-24 flex-wrap" }, $e = { class: "flex flex-col gap-4 flex-1 min-w-[200px]" }, Fe = { class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary" }, Se = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Be = {
+  key: 0,
+  class: "flex flex-wrap gap-8 mt-4"
+}, Ie = { class: "flex items-center gap-4" }, Ve = {
+  key: 0,
+  class: "flex items-center gap-16 px-24 py-16 border-t border-fm-color-neutral-gray-100 flex-wrap"
+}, De = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex-1" }, Pe = {
+  key: 1,
+  class: "flex flex-col"
+}, Ge = { class: "flex flex-col gap-4 flex-1 min-w-0" }, Le = { class: "flex items-center gap-8 flex-wrap" }, Ee = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ne = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary whitespace-nowrap" }, Oe = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+}, Re = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary max-w-[62ch]"
+}, Te = { class: "flex items-center gap-4 shrink-0" }, dt = /* @__PURE__ */ A({
+  __name: "SetupCard",
+  props: {
+    mode: {},
+    placement: {}
+  },
+  emits: ["customise", "next"],
+  setup(u, { emit: P }) {
+    const s = u, C = P, { t: e } = K(), $ = be(), m = U(), E = ne(), G = `mf-connect-onboarding-collapsed:${s.placement}`, a = ee((() => {
+      try {
+        return localStorage.getItem(G) === "1";
+      } catch {
+        return !1;
+      }
+    })());
+    function y() {
+      a.value = !a.value;
+      try {
+        localStorage.setItem(G, a.value ? "1" : "0");
+      } catch {
+      }
+    }
+    const b = I(() => {
+      const i = m.catalog, v = m.state;
+      if (!i || !v) return [];
+      const V = s.mode === "goals" ? ye(i, v) : /* @__PURE__ */ new Set();
+      return m.ids(s.mode).map((d) => i.items.find((S) => S.id === d)).filter((d) => !!d).map((d) => ({
+        item: d,
+        title: s.mode === "generic" ? d.genericTitle ?? d.title : d.title,
+        done: ge(d, v, s.mode),
+        manual: "manual" in d.doneWhen,
+        recommended: V.has(d.id),
+        section: i.sections[d.section],
+        extra: d.extraSection ? i.sections[d.extraSection] : void 0
+      }));
+    }), B = I(() => b.value.length), l = I(() => b.value.filter((i) => i.done).length), F = I(() => B.value > 0 && l.value === B.value), N = I(() => m.minsLeft(s.mode)), g = I(() => F.value ? e("connect.onboarding.all_set_sub") : l.value > 0 ? e("connect.onboarding.progress_sub", { done: l.value, total: B.value, mins: N.value }) : e(
+      s.mode === "generic" ? "connect.onboarding.generic_sub" : "connect.onboarding.goals_sub",
+      { count: B.value, mins: N.value },
+      B.value
+    )), D = I(() => {
+      const i = m.catalog, v = m.state;
+      return s.mode !== "goals" || !i || !v ? [] : _e(i, v).map((V) => ({ goal: V, ...oe(i, v, V) }));
+    }), z = I(() => F.value ? e("connect.onboarding.all_set_title") : D.value.length === 1 ? e("connect.onboarding.your_goal", { goal: D.value[0].goal.title }) : D.value.length > 1 ? e("connect.onboarding.your_goals") : e("connect.onboarding.start_here")), j = (i) => !!i && !E.isPremium;
+    async function O(i) {
+      try {
+        await m.patch(i);
+      } catch {
+        te.error(e("connect.onboarding.save_error"), 3e3);
+      }
+    }
+    const le = (i) => O({ removed: { [i]: !0 } }), W = I(() => s.placement === "analytic" && s.mode === "generic"), ae = () => O(
+      W.value ? { generic: "closed" } : s.placement === "analytic" ? { analyticDismissed: !0 } : { goalsDismissed: !0 }
+    );
+    function se() {
+      W.value ? O({ generic: "closed" }) : s.placement === "analytic" ? $.push({ name: Z["$connect-GOALS"] }) : C("next");
+    }
+    const ie = (i) => O({ manualDone: { [i]: !0 } });
+    function q(i, v) {
+      const V = m.state;
+      V && $.push(xe(he(i, V, s.mode), v));
+    }
+    function ce() {
+      s.placement === "analytic" ? $.push({ name: Z["$connect-GOALS"] }) : C("customise");
+    }
+    return (i, v) => {
+      const V = k("FmCircularProgress"), d = k("FmChip"), S = k("FmButton"), re = k("FmIcon"), de = k("FmPill"), ue = k("FmCard");
+      return o(), p(ue, {
+        variant: "outlined",
+        class: "flex flex-col overflow-hidden"
+      }, {
+        default: w(() => [
+          c("div", Ce, [
+            x(V, {
+              size: "xxl",
+              class: "shrink-0",
+              "current-step": t(l),
+              "total-steps": Math.max(t(B), 1)
+            }, null, 8, ["current-step", "total-steps"]),
+            c("div", $e, [
+              c("span", Fe, h(t(z)), 1),
+              c("span", Se, h(t(g)), 1),
+              t(D).length ? (o(), r("div", Be, [
+                (o(!0), r(L, null, T(t(D), (n) => (o(), p(d, {
+                  key: n.goal.id,
+                  compact: "",
+                  variant: n.allDone ? "success" : "plain",
+                  label: t(e)("connect.onboarding.goal_progress", { goal: n.goal.title, done: n.done, total: n.total })
+                }, null, 8, ["variant", "label"]))), 128))
+              ])) : f("", !0)
+            ]),
+            c("div", Ie, [
+              x(S, {
+                variant: "tertiary",
+                label: t(e)("connect.onboarding.customise"),
+                onClick: ce
+              }, null, 8, ["label"]),
+              x(S, {
+                variant: "plain",
+                icon: t(a) ? "keyboard_arrow_down" : "keyboard_arrow_up",
+                "aria-label": t(a) ? t(e)("connect.onboarding.expand") : t(e)("connect.onboarding.collapse"),
+                "aria-expanded": !t(a),
+                onClick: y
+              }, null, 8, ["icon", "aria-label", "aria-expanded"]),
+              x(S, {
+                variant: "plain",
+                icon: "close",
+                "aria-label": t(e)("connect.onboarding.hide"),
+                onClick: ae
+              }, null, 8, ["aria-label"])
+            ])
+          ]),
+          t(a) ? f("", !0) : (o(), r(L, { key: 0 }, [
+            t(F) ? (o(), r("div", Ve, [
+              c("p", De, h(t(e)("connect.onboarding.next_line")), 1),
+              x(S, {
+                variant: "primary",
+                label: t(e)("connect.onboarding.see_next"),
+                onClick: se
+              }, null, 8, ["label"])
+            ])) : (o(), r("ul", Pe, [
+              (o(!0), r(L, null, T(t(b), (n) => {
+                var H, J, Q, X, Y;
+                return o(), r("li", {
+                  key: n.item.id,
+                  class: "group flex items-start gap-16 px-24 py-16 border-t border-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-100 focus-within:bg-fm-color-neutral-gray-100"
+                }, [
+                  x(re, {
+                    name: n.done ? "check_circle" : "radio_button_unchecked",
+                    color: n.done ? "system-success-300" : "neutral-gray-300",
+                    outline: !n.done,
+                    class: "shrink-0"
+                  }, null, 8, ["name", "color", "outline"]),
+                  c("div", Ge, [
+                    c("div", Le, [
+                      c("span", Ee, h(n.title), 1),
+                      n.done ? (o(), r("span", Oe, h((J = n.section) == null ? void 0 : J.label), 1)) : (o(), r(L, { key: 0 }, [
+                        n.recommended ? (o(), p(d, {
+                          key: 0,
+                          variant: "info",
+                          compact: "",
+                          label: t(e)("connect.onboarding.recommended")
+                        }, null, 8, ["label"])) : f("", !0),
+                        (H = n.section) != null && H.premium ? (o(), p(de, {
+                          key: 1,
+                          variant: "premium"
+                        })) : f("", !0),
+                        n.section ? (o(), p(M, {
+                          key: 2,
+                          label: n.section.label,
+                          tooltip: n.section.tooltip
+                        }, null, 8, ["label", "tooltip"])) : f("", !0),
+                        n.extra ? (o(), p(M, {
+                          key: 3,
+                          label: n.extra.label,
+                          tooltip: n.extra.tooltip
+                        }, null, 8, ["label", "tooltip"])) : f("", !0),
+                        c("span", Ne, " · " + h(t(e)("connect.onboarding.minutes", { mins: n.item.minutes })), 1)
+                      ], 64))
+                    ]),
+                    n.done ? f("", !0) : (o(), r("p", Re, h(n.item.why), 1))
+                  ]),
+                  c("div", Te, [
+                    n.done ? (o(), p(S, {
+                      key: 1,
+                      variant: "tertiary",
+                      label: t(e)("connect.onboarding.open_section", { section: (Y = n.section) == null ? void 0 : Y.label }),
+                      onClick: (R) => q(n.item, !1)
+                    }, null, 8, ["label", "onClick"])) : (o(), r(L, { key: 0 }, [
+                      j((Q = n.section) == null ? void 0 : Q.premium) ? (o(), p(S, {
+                        key: 0,
+                        variant: "primary",
+                        label: t(e)("connect.onboarding.upgrade_unlock"),
+                        onClick: v[0] || (v[0] = (R) => t(ve)(t(fe).businessId))
+                      }, null, 8, ["label"])) : f("", !0),
+                      x(S, {
+                        variant: j((X = n.section) == null ? void 0 : X.premium) ? "tertiary" : "primary",
+                        label: t(e)("connect.onboarding.set_up"),
+                        onClick: (R) => q(n.item, !0)
+                      }, null, 8, ["variant", "label", "onClick"]),
+                      n.manual ? (o(), p(S, {
+                        key: 1,
+                        variant: "secondary",
+                        label: t(e)("connect.onboarding.mark_done"),
+                        onClick: (R) => ie(n.item.id)
+                      }, null, 8, ["label", "onClick"])) : f("", !0)
+                    ], 64)),
+                    n.done ? f("", !0) : (o(), p(S, {
+                      key: 2,
+                      variant: "plain",
+                      icon: "close",
+                      class: "opacity-0 group-hover:opacity-100 focus:opacity-100 group-focus-within:opacity-100 [@media(hover:none)]:opacity-100",
+                      "aria-label": t(e)("connect.onboarding.remove", { title: n.title }),
+                      onClick: (R) => le(n.item.id)
+                    }, null, 8, ["aria-label", "onClick"]))
+                  ])
+                ]);
+              }), 128))
+            ]))
+          ], 64))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ae = { class: "flex flex-col gap-24" }, Ke = { class: "grid grid-cols-[repeat(auto-fit,minmax(320px,1fr))] xs:grid-cols-1 gap-12" }, ze = ["aria-checked", "aria-disabled", "onClick"], Me = { class: "flex flex-col gap-8 min-w-0" }, Ue = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, je = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, We = { class: "flex flex-wrap gap-8" }, qe = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, He = {
+  key: 1,
+  class: "flex"
+}, Je = { class: "flex items-center gap-12" }, Qe = /* @__PURE__ */ A({
+  __name: "GoalPicker",
+  props: {
+    modelValue: {},
+    updating: { type: Boolean }
+  },
+  emits: ["update:modelValue", "build", "cancel"],
+  setup(u, { emit: P }) {
+    const s = u, C = P, { t: e } = K(), $ = U(), m = ne(), E = I(() => {
+      const _ = $.catalog, a = $.state;
+      return !_ || !a ? [] : _.goals.map((y) => {
+        const b = oe(_, a, y), l = [
+          ...new Set(
+            [...y.coreItemIds, ...y.altItemIds].map((g) => {
+              var D;
+              return (D = _.items.find((z) => z.id === g)) == null ? void 0 : D.section;
+            }).filter((g) => !!g)
+          )
+        ].map((g) => _.sections[g]).filter((g) => !!g), F = l.filter((g) => g.premium);
+        let N = "";
+        return F.length && !m.isPremium && (N = F.length === l.length ? e("connect.onboarding.premium_nudge_all") : e("connect.onboarding.premium_nudge_some", {
+          sections: F.map((g) => g.label).join(", ")
+        })), {
+          goal: y,
+          sections: l,
+          nudge: N,
+          // Stays pickable while any of its alternatives is still to set up.
+          disabled: b.exhausted,
+          status: b.exhausted ? e("connect.onboarding.already_set_up") : b.done > 0 ? e("connect.onboarding.partly_set_up", b) : "",
+          selected: s.modelValue.includes(y.id)
+        };
+      });
+    });
+    function G(_, a) {
+      a || C(
+        "update:modelValue",
+        s.modelValue.includes(_) ? s.modelValue.filter((y) => y !== _) : [...s.modelValue, _]
+      );
+    }
+    return (_, a) => {
+      const y = k("FmIcon"), b = k("FmChip"), B = k("FmButton");
+      return o(), r("div", Ae, [
+        c("div", Ke, [
+          (o(!0), r(L, null, T(t(E), (l) => (o(), r("button", {
+            key: l.goal.id,
+            type: "button",
+            role: "checkbox",
+            "aria-checked": l.selected,
+            "aria-disabled": l.disabled,
+            class: me(["flex items-start gap-12 p-16 text-left fm-corner-radius-lg border-1 bg-fm-color-neutral-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-fm-color-primary", [
+              l.selected ? "border-fm-color-primary" : "border-fm-color-neutral-gray-200",
+              l.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
+            ]]),
+            onClick: (F) => G(l.goal.id, l.disabled)
+          }, [
+            x(y, {
+              name: l.selected ? "check_box" : "check_box_outline_blank",
+              color: l.selected ? "primary" : "neutral-gray-300",
+              class: "shrink-0",
+              "aria-hidden": "true"
+            }, null, 8, ["name", "color"]),
+            c("span", Me, [
+              c("span", Ue, h(l.goal.title), 1),
+              c("span", je, h(l.goal.sub), 1),
+              c("span", We, [
+                (o(!0), r(L, null, T(l.sections, (F) => (o(), p(M, {
+                  key: F.label,
+                  label: F.label
+                }, null, 8, ["label"]))), 128))
+              ]),
+              l.nudge ? (o(), r("span", qe, h(l.nudge), 1)) : f("", !0),
+              l.status ? (o(), r("span", He, [
+                x(b, {
+                  variant: l.disabled ? "success" : "neutral",
+                  compact: "",
+                  label: l.status
+                }, null, 8, ["variant", "label"])
+              ])) : f("", !0)
+            ])
+          ], 10, ze))), 128))
+        ]),
+        c("div", Je, [
+          x(B, {
+            variant: "primary",
+            label: u.updating ? t(e)("connect.onboarding.update") : t(e)("connect.onboarding.build"),
+            disabled: u.modelValue.length === 0,
+            onClick: a[0] || (a[0] = (l) => C("build"))
+          }, null, 8, ["label", "disabled"]),
+          u.updating ? (o(), p(B, {
+            key: 0,
+            variant: "tertiary",
+            label: t(e)("connect.onboarding.cancel"),
+            onClick: a[1] || (a[1] = (l) => C("cancel"))
+          }, null, 8, ["label"])) : f("", !0)
+        ])
+      ]);
+    };
+  }
+}), Xe = { class: "flex flex-col gap-24 p-32 xs:p-16 border-1 border-fm-color-neutral-gray-100 fm-corner-radius-lg" }, Ye = { class: "flex items-start gap-16" }, Ze = { class: "flex flex-col gap-8 flex-1" }, we = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary" }, et = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-tertiary" }, ut = /* @__PURE__ */ A({
+  __name: "GoalPickerPanel",
+  props: {
+    updating: { type: Boolean },
+    dismissible: { type: Boolean }
+  },
+  emits: ["built", "cancel", "dismiss"],
+  setup(u, { emit: P }) {
+    var G;
+    const s = u, C = P, { t: e } = K(), $ = U(), m = ee([...((G = $.state) == null ? void 0 : G.pickedGoals) ?? []]);
+    async function E() {
+      try {
+        await $.patch({
+          pickedGoals: m.value,
+          built: !0,
+          goalsDismissed: !1,
+          analyticDismissed: !1
+        }), C("built");
+      } catch {
+        te.error(e("connect.onboarding.save_error"), 3e3);
+      }
+    }
+    return (_, a) => {
+      const y = k("FmButton");
+      return o(), r("section", Xe, [
+        c("div", Ye, [
+          c("div", Ze, [
+            c("h2", we, h(t(e)("connect.onboarding.picker_title")), 1),
+            c("p", et, h(t(e)("connect.onboarding.picker_intro")), 1)
+          ]),
+          s.dismissible ? (o(), p(y, {
+            key: 0,
+            variant: "plain",
+            icon: "close",
+            "aria-label": t(e)("connect.onboarding.hide"),
+            onClick: a[0] || (a[0] = (b) => C("dismiss"))
+          }, null, 8, ["aria-label"])) : f("", !0)
+        ]),
+        x(Qe, {
+          modelValue: t(m),
+          "onUpdate:modelValue": a[1] || (a[1] = (b) => pe(m) ? m.value = b : null),
+          updating: u.updating,
+          onBuild: E,
+          onCancel: a[2] || (a[2] = (b) => C("cancel"))
+        }, null, 8, ["modelValue", "updating"])
+      ]);
+    };
+  }
+});
+export {
+  ut as _,
+  dt as a
+};

package/dist/Goals-xDLeFx_e.js

@@ -0,0 +1,247 @@
+import { defineComponent as ee, ref as P, computed as u, onMounted as te, onBeforeUnmount as oe, resolveComponent as g, openBlock as n, createElementBlock as s, Fragment as h, createVNode as p, unref as e, createElementVNode as a, toDisplayString as i, createBlock as y, createCommentVNode as f, renderList as L, withCtx as H } from "vue";
+import { h as ne } from "./moment-D7p2TMB-.js";
+import { u as ae } from "./vue-i18n-Cfu8S_JC.js";
+import { useRouter as le } from "vue-router";
+import { n as se } from "./plugins-CO0TBKil.js";
+import { u as ie, h as ce, p as re, b as de, r as me, d as ue, c as pe } from "./onboarding-XAuEF8Fv.js";
+import { _ as fe, a as ve } from "./GoalPickerPanel.vue_vue_type_script_setup_true_lang-BmskpBdL.js";
+const ye = { class: "px-24 pb-24 flex flex-col gap-24" }, _e = {
+  key: 0,
+  class: "flex justify-center py-40"
+}, ge = {
+  key: 1,
+  class: "flex flex-col items-start gap-12"
+}, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = {
+  key: 2,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, he = {
+  key: 1,
+  class: "flex flex-col gap-8"
+}, ke = { class: "fm-typo-en-title-lg-800 text-fm-color-typo-primary" }, Ce = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-tertiary" }, Fe = { class: "flex items-center gap-8 flex-wrap" }, we = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, $e = { key: 1 }, Be = {
+  key: 2,
+  class: "flex items-center gap-8"
+}, Pe = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Se = ["aria-expanded"], Ie = { class: "flex flex-col gap-4 flex-1" }, De = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ee = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Le = {
+  key: 0,
+  class: "flex flex-col"
+}, Me = { class: "flex flex-col gap-4 flex-1 min-w-0" }, Ne = { class: "flex items-center gap-8 flex-wrap" }, Ve = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ye = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Ge = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Oe = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary"
+}, Re = { class: "flex flex-col" }, je = { class: "flex flex-col gap-4 flex-1 min-w-0" }, ze = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ae = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, He = { class: "flex items-center gap-12" }, et = /* @__PURE__ */ ee({
+  __name: "Goals",
+  setup(Ue) {
+    const { t: o, locale: M } = ae(), U = le(), m = ie(), k = P(!1), b = P(!1), w = P(!1), S = P(!0), c = u(() => m.catalog), r = u(() => m.state), N = u(() => !!c.value && !!r.value && ce(c.value, r.value)), V = u(() => k.value || !N.value), I = u(() => m.ids("goals")), q = u(
+      () => I.value.length > 0 && m.doneCount("goals") === I.value.length
+    ), Y = u(
+      () => c.value && r.value ? re(c.value, r.value) : []
+    ), $ = u(() => {
+      if (!c.value || !r.value) return [];
+      const d = r.value;
+      return [...new Set(Y.value.flatMap((l) => l.coreItemIds))].filter((l) => d.removed[l]);
+    }), C = u(
+      () => c.value && r.value ? de(c.value, r.value) : []
+    ), F = u(() => {
+      if (!c.value || !r.value) return [];
+      const d = c.value.sections;
+      return me(c.value, r.value, I.value).map(({ item: l, liveSince: _ }) => {
+        var x;
+        return {
+          item: l,
+          section: ((x = d[l.section]) == null ? void 0 : x.label) ?? "",
+          liveSince: _ ? ne(_).format("D MMM YYYY") : ""
+        };
+      });
+    }), J = u(() => w.value ? F.value : F.value.slice(0, 5));
+    async function D(d) {
+      try {
+        return await m.patch(d), !0;
+      } catch {
+        return se.error(o("connect.onboarding.save_error"), 3e3), !1;
+      }
+    }
+    function B() {
+      k.value = !0;
+    }
+    function K() {
+      C.value.length ? b.value = !0 : B();
+    }
+    const Q = () => D({ removed: Object.fromEntries($.value.map((d) => [d, !1])) }), T = (d) => D({ added: { [d]: !0 }, removed: { [d]: !1 } });
+    function W(d) {
+      var _;
+      const l = (_ = c.value) == null ? void 0 : _.items.find((x) => x.id === d);
+      !l || !r.value || U.push(ue(pe(l, r.value, "goals"), !1));
+    }
+    async function G() {
+      S.value = !0, await m.read(M.value), S.value = !1;
+    }
+    const O = () => {
+      document.visibilityState === "visible" && m.read(M.value);
+    };
+    return te(() => {
+      G(), document.addEventListener("visibilitychange", O);
+    }), oe(() => document.removeEventListener("visibilitychange", O)), (d, l) => {
+      var z;
+      const _ = g("FmPageHead"), x = g("FmCircularProgress"), v = g("FmButton"), X = g("FmChip"), R = g("FmIcon"), Z = g("FmPill"), j = g("FmCard");
+      return n(), s(h, null, [
+        p(_, {
+          title: e(o)("connect.navigation.goals")
+        }, null, 8, ["title"]),
+        a("div", ye, [
+          e(S) && !e(m).loaded ? (n(), s("div", _e, [
+            p(x, { size: "xl" })
+          ])) : e(m).loaded ? e(c) ? (n(), s(h, { key: 3 }, [
+            e(V) ? (n(), y(fe, {
+              key: String(e(k)),
+              updating: e(N),
+              onBuilt: l[0] || (l[0] = (t) => k.value = !1),
+              onCancel: l[1] || (l[1] = (t) => k.value = !1)
+            }, null, 8, ["updating"])) : (n(), s("div", he, [
+              a("h2", ke, i(e(o)("connect.onboarding.list_title")), 1),
+              a("p", Ce, i(e(o)("connect.onboarding.list_intro")), 1)
+            ])),
+            e(V) ? f("", !0) : (n(), s(h, { key: 2 }, [
+              a("div", Fe, [
+                a("span", we, i(e(o)("connect.onboarding.scoped_to")), 1),
+                (n(!0), s(h, null, L(e(Y), (t) => (n(), y(X, {
+                  key: t.id,
+                  variant: "neutral",
+                  compact: "",
+                  label: t.title
+                }, null, 8, ["label"]))), 128)),
+                p(v, {
+                  variant: "tertiary",
+                  label: e(o)("connect.onboarding.change_goals"),
+                  onClick: B
+                }, null, 8, ["label"])
+              ]),
+              (z = e(r)) != null && z.goalsDismissed ? (n(), s("div", $e, [
+                p(v, {
+                  variant: "secondary",
+                  label: e(o)("connect.onboarding.show_list"),
+                  onClick: l[2] || (l[2] = (t) => D({ goalsDismissed: !1 }))
+                }, null, 8, ["label"])
+              ])) : (n(), y(ve, {
+                key: 0,
+                mode: "goals",
+                placement: "goals",
+                onCustomise: B,
+                onNext: K
+              })),
+              e($).length ? (n(), s("div", Be, [
+                a("span", Pe, i(e(o)("connect.onboarding.removed", { count: e($).length }, e($).length)), 1),
+                p(v, {
+                  variant: "tertiary",
+                  size: "md",
+                  label: e(o)("connect.onboarding.add_back"),
+                  onClick: Q
+                }, null, 8, ["label"])
+              ])) : f("", !0),
+              e(C).length ? (n(), y(j, {
+                key: 3,
+                variant: "outlined",
+                class: "flex flex-col overflow-hidden"
+              }, {
+                default: H(() => [
+                  a("button", {
+                    type: "button",
+                    class: "flex items-center gap-12 px-24 py-16 text-left",
+                    "aria-expanded": e(b),
+                    onClick: l[3] || (l[3] = (t) => b.value = !e(b))
+                  }, [
+                    a("span", Ie, [
+                      a("span", De, i(e(o)("connect.onboarding.alternatives", { count: e(C).length }, e(C).length)), 1),
+                      a("span", Ee, i(e(o)("connect.onboarding.alternatives_hint")), 1)
+                    ]),
+                    p(R, {
+                      name: e(b) ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                    }, null, 8, ["name"])
+                  ], 8, Se),
+                  e(b) ? (n(), s("ul", Le, [
+                    (n(!0), s(h, null, L(e(C), (t) => {
+                      var E, A;
+                      return n(), s("li", {
+                        key: t.item.id,
+                        class: "flex items-center gap-12 px-24 py-16 border-t border-fm-color-neutral-gray-100"
+                      }, [
+                        a("div", Me, [
+                          a("span", Ne, [
+                            a("span", Ve, i(t.item.title), 1),
+                            (E = e(c).sections[t.item.section]) != null && E.premium ? (n(), y(Z, {
+                              key: 0,
+                              variant: "premium"
+                            })) : f("", !0)
+                          ]),
+                          a("span", Ye, i((A = e(c).sections[t.item.section]) == null ? void 0 : A.label) + " · " + i(e(o)("connect.onboarding.minutes", { mins: t.item.minutes })) + " · " + i(t.item.altBlurb ?? t.item.why), 1)
+                        ]),
+                        p(v, {
+                          variant: "secondary",
+                          label: e(o)("connect.onboarding.add"),
+                          onClick: (qe) => T(t.item.id)
+                        }, null, 8, ["label", "onClick"])
+                      ]);
+                    }), 128))
+                  ])) : f("", !0)
+                ]),
+                _: 1
+              })) : f("", !0),
+              e(q) ? (n(), y(j, {
+                key: 4,
+                variant: "outlined",
+                class: "flex flex-col gap-16 p-24"
+              }, {
+                default: H(() => [
+                  a("span", Ge, i(e(o)("connect.onboarding.recap_title")), 1),
+                  e(F).length ? f("", !0) : (n(), s("p", Oe, i(e(o)("connect.onboarding.recap_empty")), 1)),
+                  a("ul", Re, [
+                    (n(!0), s(h, null, L(e(J), (t) => (n(), s("li", {
+                      key: t.item.id,
+                      class: "flex items-center gap-12 py-12 border-t border-fm-color-neutral-gray-100 first:border-t-0"
+                    }, [
+                      p(R, {
+                        name: "check_circle",
+                        color: "system-success-300"
+                      }),
+                      a("div", je, [
+                        a("span", ze, i(t.item.title), 1),
+                        a("span", Ae, i(t.liveSince ? e(o)("connect.onboarding.live_since", { section: t.section, date: t.liveSince }) : t.section), 1)
+                      ]),
+                      p(v, {
+                        variant: "tertiary",
+                        label: e(o)("connect.onboarding.open_section", { section: t.section }),
+                        onClick: (E) => W(t.item.id)
+                      }, null, 8, ["label", "onClick"])
+                    ]))), 128))
+                  ]),
+                  a("div", He, [
+                    e(F).length > 5 ? (n(), y(v, {
+                      key: 0,
+                      variant: "tertiary",
+                      label: e(w) ? e(o)("connect.onboarding.show_less") : e(o)("connect.onboarding.show_all", { count: e(F).length }),
+                      onClick: l[4] || (l[4] = (t) => w.value = !e(w))
+                    }, null, 8, ["label"])) : f("", !0),
+                    p(v, {
+                      variant: "secondary",
+                      label: e(o)("connect.onboarding.pick_goals"),
+                      onClick: B
+                    }, null, 8, ["label"])
+                  ])
+                ]),
+                _: 1
+              })) : f("", !0)
+            ], 64))
+          ], 64)) : (n(), s("p", xe, i(e(o)("connect.onboarding.unavailable")), 1)) : (n(), s("div", ge, [
+            a("p", be, i(e(m).error ? e(o)("connect.onboarding.load_error") : e(o)("connect.onboarding.unavailable")), 1),
+            e(m).error ? (n(), y(v, {
+              key: 0,
+              variant: "secondary",
+              label: e(o)("connect.onboarding.retry"),
+              onClick: G
+            }, null, 8, ["label"])) : f("", !0)
+          ]))
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  et as default
+};