@feedmepos/mf-connect 0.1.98-beta.73 → 0.1.98-beta.74

package/dist/GoalPickerPanel.vue_vue_type_script_setup_true_lang-DzV35QnL.js

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

package/dist/Goals-BNspliQP.js

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