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

package/dist/{EffectSheet.vue_vue_type_style_index_0_lang-CsychcNd.js → EffectSheet.vue_vue_type_style_index_0_lang-BrBy93g0.js}

@@ -1,10 +1,10 @@
 import { defineComponent as B, ref as O, onMounted as Q, computed as G, resolveComponent as x, openBlock as d, createElementBlock as b, renderSlot as W, toDisplayString as V, createCommentVNode as f, createBlock as u, unref as e, isRef as q, createVNode as w, normalizeClass as Z, watch as X, withCtx as h, resolveDynamicComponent as P, Fragment as _, createElementVNode as k, createTextVNode as ee } from "vue";
-import { z as te, h as le } from "./app-Qg5rsLCS.js";
-import { Z as r } from "./zod-lj0bd2h4.js";
-import { j as oe, i as ae } from "./index-BmElc5NY.js";
-import { u as I } from "./vue-i18n-BkZRNKBM.js";
-import { s as g } from "./effect-B1bo4EpE.js";
-import { p as ne } from "./plugins-Bhi51Nbd.js";
+import { z as te, h as le } from "./app-BUdfgxte.js";
+import { Z as r } from "./zod-DK9AcJ_Q.js";
+import { j as oe, i as ae } from "./index-kwMMiU8Z.js";
+import { u as I } from "./vue-i18n-Bud-ZmQ_.js";
+import { s as g } from "./effect-Dx3ZJxHs.js";
+import { p as ne } from "./plugins-t_9JTEIa.js";
 const ie = { class: "flex flex-col gap-8" }, de = {
   key: 0,
   class: "fm-typo-en-body-lg-600"

package/dist/{Experience-DBoDu8Cm.js → Experience-F4_hPy4x.js}

@@ -1,21 +1,21 @@
 import { defineComponent as q, ref as E, computed as G, onMounted as Y, resolveComponent as m, openBlock as d, createElementBlock as C, Fragment as v, createVNode as s, unref as o, createElementVNode as n, withCtx as b, renderList as z, createBlock as k, resolveDynamicComponent as J, toDisplayString as w, h as x } from "vue";
 import { _ as Q } from "./campaign-CpzFl8Vr.js";
 import { useDialog as W, components as F } from "@feedmepos/ui-library";
-import { p as Z } from "./plugins-Bhi51Nbd.js";
-import { u as ee } from "./loading-TDsYUHLu.js";
-import { u as te } from "./business-BLk60Wa-.js";
-import { u as oe } from "./campaign-DWP1aWZz.js";
-import { b as B, c as N, a as ae } from "./campaign-CGE8f5UN.js";
-import { c as ne, p as re } from "./duplicateCampaign-DS6X_uLQ.js";
-import { u as ie } from "./vue-i18n-BkZRNKBM.js";
+import { p as Z } from "./plugins-t_9JTEIa.js";
+import { u as ee } from "./loading-DbSZrkUs.js";
+import { u as te } from "./business-CjYxENvr.js";
+import { u as oe } from "./campaign-CNYzUQiR.js";
+import { b as B, c as N, a as ae } from "./campaign-yvttY7Iz.js";
+import { c as ne, p as re } from "./duplicateCampaign-CCr4vLrU.js";
+import { u as ie } from "./vue-i18n-Bud-ZmQ_.js";
 import { _ as se } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
-import { _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-CCT9ozoB.js";
-import { u as le } from "./template-zkPMQqZM.js";
-import "./index-ClWk2SqX.js";
-import { u as me } from "./onboardingSetup-BOLuQWax.js";
+import { _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-pI1jnJn4.js";
+import { u as le } from "./template-DNh14IvS.js";
+import "./index-Bru3cF21.js";
+import { u as me } from "./onboardingSetup-jyeouaTv.js";
 import { useRouter as pe } from "vue-router";
-import { c as f } from "./index-Swe7a4_X.js";
-import { R as ue } from "./app-Qg5rsLCS.js";
+import { c as f } from "./index-Dwrv-CFH.js";
+import { R as ue } from "./app-BUdfgxte.js";
 const de = { class: "px-24 flex flex-col gap-y-16" }, fe = { class: "flex items-center justify-between w-full" }, ge = { class: "flex gap-8 overflow-x-auto" }, ye = { class: "space-y-8" }, _e = { class: "flex w-full gap-4 items-center" }, he = { class: "space-y-4" }, we = { class: "fm-typo-en-body-lg-600" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ce = { class: "flex items-center gap-8" }, ve = { class: "flex flex-col gap-16 text-center" }, be = { class: "fm-typo-en-title-sm-800" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, He = /* @__PURE__ */ q({
   __name: "Experience",
   setup(Fe) {

package/dist/{FileSaver.min-daHPgPSL.js → FileSaver.min-C-nhkwVc.js}

@@ -1,4 +1,4 @@
-import { c as s } from "./app-Qg5rsLCS.js";
+import { c as s } from "./app-BUdfgxte.js";
 var E = { exports: {} };
 (function(h, j) {
   (function(p, i) {

package/dist/{Game-BiUvjTES.js → Game-Cfe5gux2.js}

@@ -1,21 +1,21 @@
 import { defineComponent as J, ref as A, computed as Q, onMounted as X, resolveComponent as m, openBlock as f, createElementBlock as P, Fragment as R, createVNode as r, unref as o, withCtx as b, createElementVNode as n, toDisplayString as g, renderList as Z, createBlock as V, resolveDynamicComponent as ee, h as l } from "vue";
 import { _ as te } from "./campaign-CpzFl8Vr.js";
 import { useDialog as oe, components as y } from "@feedmepos/ui-library";
-import { c as ae, p as ne } from "./plugins-Bhi51Nbd.js";
-import { u as ie } from "./loading-TDsYUHLu.js";
-import { u as re } from "./business-BLk60Wa-.js";
-import { u as se } from "./campaign-DWP1aWZz.js";
-import { b as T, c as U, a as le } from "./campaign-CGE8f5UN.js";
-import { c as ce, p as me } from "./duplicateCampaign-DS6X_uLQ.js";
+import { c as ae, p as ne } from "./plugins-t_9JTEIa.js";
+import { u as ie } from "./loading-DbSZrkUs.js";
+import { u as re } from "./business-CjYxENvr.js";
+import { u as se } from "./campaign-CNYzUQiR.js";
+import { b as T, c as U, a as le } from "./campaign-yvttY7Iz.js";
+import { c as ce, p as me } from "./duplicateCampaign-CCr4vLrU.js";
 import { _ as de } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
-import { _ as ue } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-CCT9ozoB.js";
-import { u as pe } from "./template-zkPMQqZM.js";
-import { u as fe } from "./vue-i18n-BkZRNKBM.js";
-import { _ as ge } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-CSXVvOb5.js";
-import "./index-ClWk2SqX.js";
+import { _ as ue } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-pI1jnJn4.js";
+import { u as pe } from "./template-DNh14IvS.js";
+import { u as fe } from "./vue-i18n-Bud-ZmQ_.js";
+import { _ as ge } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-DLskCbGj.js";
+import "./index-Bru3cF21.js";
 import { useRouter as ye } from "vue-router";
-import { c as h } from "./index-Swe7a4_X.js";
-import { R as _e } from "./app-Qg5rsLCS.js";
+import { c as h } from "./index-Dwrv-CFH.js";
+import { R as _e } from "./app-BUdfgxte.js";
 const he = { class: "flex items-center" }, we = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Ce = { class: "px-24 flex flex-col gap-y-16" }, ve = { class: "flex items-center justify-between w-full" }, xe = { class: "flex gap-8 overflow-x-auto" }, be = { class: "space-y-8" }, ke = { class: "flex w-full gap-4 items-center" }, Fe = { class: "space-y-4" }, Se = { class: "fm-typo-en-body-lg-600" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Re = { class: "flex items-center gap-8" }, Ve = { class: "flex flex-col gap-16 text-center" }, Le = { class: "fm-typo-en-title-sm-800" }, Be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xe = /* @__PURE__ */ J({
   __name: "Game",
   setup(Ee) {

package/dist/{GiftCardSetup-BPGb-CL2.js → GiftCardSetup-CGJCg8-o.js}

@@ -1,17 +1,17 @@
 import { defineComponent as rt, computed as p, ref as d, onMounted as ct, resolveComponent as x, openBlock as u, createElementBlock as m, unref as e, createBlock as J, createCommentVNode as g, createElementVNode as n, createVNode as r, toDisplayString as s, withCtx as P, isRef as b, Fragment as R, renderList as K, normalizeClass as Y, withDirectives as it, withKeys as dt, vModelText as ut, createTextVNode as de } from "vue";
-import { u as mt } from "./loading-TDsYUHLu.js";
+import { u as mt } from "./loading-DbSZrkUs.js";
 import { u as ft } from "./app-wDQR6dpb.js";
-import { n as E, f as L } from "./plugins-Bhi51Nbd.js";
-import "./index-ClWk2SqX.js";
-import { g as ue } from "./index-p9YHYXPf.js";
-import { c as pt } from "./index-Swe7a4_X.js";
-import { S as Fe } from "./index-C33MgGOl.js";
-import { a as vt } from "./MessageInput.vue_vue_type_script_setup_true_lang-ChOoxM8X.js";
+import { n as E, f as L } from "./plugins-t_9JTEIa.js";
+import "./index-Bru3cF21.js";
+import { g as ue } from "./index-D8i3eZnu.js";
+import { c as pt } from "./index-Dwrv-CFH.js";
+import { S as Fe } from "./index-U9Y--r1N.js";
+import { a as vt } from "./MessageInput.vue_vue_type_script_setup_true_lang-BfLVofJG.js";
 import { J as gt } from "./JsonViewer-v8_C7l5N.js";
-import { r as Q, s as Te, t as yt, u as bt, v as _t, G as W, w as xt, x as Ct, y as ke, z as me, A as ht } from "./index-D4nk586_.js";
-import { u as At } from "./vue-i18n-BkZRNKBM.js";
+import { r as Q, s as Te, t as yt, u as bt, v as _t, G as W, w as xt, x as Ct, y as ke, z as me, A as ht } from "./index-D3wRc-GN.js";
+import { u as At } from "./vue-i18n-Bud-ZmQ_.js";
 import { useRouter as Dt, useRoute as Mt } from "vue-router";
-import { R as Et } from "./app-Qg5rsLCS.js";
+import { R as Et } from "./app-BUdfgxte.js";
 var we = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "feedmedev.vip", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc", voucherAppUrl: "https://voucher.feedmedev.cc/" };
 const Ft = { class: "px-24 pb-40" }, Tt = { class: "flex items-start gap-12 py-24" }, kt = { class: "flex flex-col gap-4" }, wt = { class: "fm-typo-en-title-md-800 text-fm-color-typo-primary" }, St = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nt = { class: "flex flex-col gap-16 max-w-[860px]" }, Ut = { class: "flex gap-12" }, Vt = { class: "flex flex-col gap-4" }, It = { class: "fm-typo-en-body-lg-600" }, Pt = { class: "flex gap-12" }, Rt = { class: "flex flex-col gap-4" }, Lt = { class: "fm-typo-en-body-lg-600" }, Gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ht = { class: "flex flex-wrap items-start gap-12" }, $t = ["src"], Ot = ["aria-label", "title", "onClick"], Xt = { class: "absolute bottom-4 left-4 px-8 py-2 rounded-sm bg-fm-color-neutral-white fm-typo-en-body-sm-600" }, Bt = { class: "flex gap-12" }, zt = { class: "flex flex-col gap-4" }, jt = { class: "fm-typo-en-body-lg-600" }, Jt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Kt = { class: "flex flex-col gap-8" }, Wt = ["onClick"], Zt = {
   key: 0,

package/dist/GoalPickerPanel.vue_vue_type_script_setup_true_lang-DTHFJbl8.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-Bud-ZmQ_.js";
+import { useRouter as be } from "vue-router";
+import { S as fe } from "./index-U9Y--r1N.js";
+import "./index-Bru3cF21.js";
+import { n as te } from "./plugins-t_9JTEIa.js";
+import { u as ne } from "./business-CjYxENvr.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-BLU2SSrI.js";
+import { R as Z } from "./app-BUdfgxte.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
+};