@fluid-app/portal-sdk 0.1.154 → 0.1.156

package/dist/{MySiteScreen-gl8KGOrU.mjs → MySiteScreen-BEbj9K8U.mjs}

@@ -1,7 +1,6 @@
 import { r as __exportAll } from "./es-Bstiidl5.mjs";
-import { a as mysite_links_bulk_reorder, c as mysite_links_list, d as mysite_profile_update, f as mysite_settings_update, i as mysite_favorites_list, l as mysite_links_update, n as mysite_favorites_create, o as mysite_links_create, p as mysite_themes_list, r as mysite_favorites_destroy, s as mysite_links_destroy, t as mysite_favorites_bulk_reorder, u as mysite_profile_show } from "./portal_tenant_mysite-NSJTd8ff.mjs";
-import { n as usePortalTenantClient } from "./PortalTenantClientProvider-_VXOs0t4.mjs";
-import { B as Label, Gt as BreadcrumbPage, Ht as BreadcrumbItem, Kt as BreadcrumbSeparator, Q as DialogContent, T as Separator, Ut as BreadcrumbLink, Vt as Breadcrumb, Wt as BreadcrumbList, X as Dialog, _t as CardAction, an as Button, bt as CardHeader, et as DialogFooter, fn as useZodForm, gt as Card, it as DialogTitle, j as Input, pn as cn, qt as Badge, s as Textarea, tt as DialogHeader, vt as CardContent, xt as CardTitle, y as Skeleton } from "./src-BsT7Sq_P.mjs";
+import { n as useMySiteApi } from "./mysite-api-context-C7eiw7TO.mjs";
+import { B as Label, Gt as BreadcrumbPage, Ht as BreadcrumbItem, Kt as BreadcrumbSeparator, Q as DialogContent, T as Separator, Ut as BreadcrumbLink, Vt as Breadcrumb, Wt as BreadcrumbList, X as Dialog, _t as CardAction, an as Button, bt as CardHeader, et as DialogFooter, fn as useZodForm, gt as Card, it as DialogTitle, j as Input, pn as cn, s as Textarea, tt as DialogHeader, vt as CardContent, xt as CardTitle, y as Skeleton } from "./src-BsT7Sq_P.mjs";
 import { r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-DjSO5A8k.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DTdo1dEH.mjs";
 import { a as verticalListSortingStrategy, c as PointerSensor, d as useSensors, f as CSS, i as useSortable, l as closestCenter, n as arrayMove, o as DndContext, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor } from "./sortable.esm-CzzU6kIR.mjs";
@@ -10,462 +9,139 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft, Camera, Check, ChevronRight, Copy, Eye, GripVertical, LayoutGrid, Link2, LoaderCircle, Palette, Pencil, Plus, Trash2, User, Users } from "lucide-react";
 import { z } from "zod";
-//#region src/mysite/create-portal-mysite-adapter.ts
-/**
-* BFF MySiteProfile → old /me.json MeProfile shape.
-* Fields not available in the BFF (views, leads, affiliate_id) are zeroed out.
-*/
-function mapProfileToMe(profile) {
-	return {
-		id: profile.id,
-		affiliate_id: null,
-		company: null,
-		mysite_url: profile.mysite_url ?? null,
-		mysite_views: 0,
-		mysite_leads: 0,
-		mysite_theme_id: profile.theme_id ?? null,
-		mysite_theme: null,
-		bio: profile.bio ?? null,
-		facebook: null,
-		instagram: null,
-		twitter: null,
-		youtube: null,
-		pinterest: null,
-		tiktok: null,
-		linkedin: null,
-		whatsapp: null,
-		wechat: null
-	};
-}
-/** BFF Link → old MySiteLink shape (must pass Zod: { id, url, text, order, clicks? }) */
-function mapBffLink(link) {
-	return {
-		id: link.id,
-		url: link.url ?? "",
-		text: link.title ?? "",
-		order: link.position ?? 0,
-		clicks: 0
-	};
+//#region ../../mysite/ui/src/portal/hooks/use-mysite-portal.ts
+const PORTAL_MYSITE_KEYS = {
+	profile: () => ["portal-mysite", "profile"],
+	links: () => ["portal-mysite", "links"],
+	favorites: () => ["portal-mysite", "favorites"],
+	themes: () => ["portal-mysite", "themes"]
+};
+function usePortalMySiteProfile() {
+	const api = useMySiteApi();
+	return useQuery({
+		queryKey: PORTAL_MYSITE_KEYS.profile(),
+		queryFn: () => api.fetchProfile()
+	});
 }
-/** BFF Favorite → old MySiteFavorite shape (must pass Zod favoriteSchema) */
-function mapBffFavorite(fav) {
-	return {
-		id: fav.id,
-		favoriteable_id: fav.product_id,
-		favoriteable_type: "Product",
-		order: fav.position ?? 0,
-		user_company_id: void 0,
-		created_at: fav.created_at,
-		favoriteable: {
-			id: fav.product_id,
-			title: fav.product_name ?? null,
-			name: fav.product_name ?? null,
-			image_url: fav.product_image_url ?? null,
-			type: "Product"
+function usePortalUpdateProfile(options) {
+	const api = useMySiteApi();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: (body) => api.updateProfile(body),
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.profile() });
+			options?.onSuccess?.();
 		}
-	};
-}
-/** BFF Theme → old MysiteTheme shape (must pass Zod themeSchema) */
-function mapBffTheme(theme) {
-	const now = (/* @__PURE__ */ new Date()).toISOString();
-	return {
-		id: theme.id,
-		name: theme.name ?? "Untitled",
-		description: null,
-		public: true,
-		company_id: null,
-		created_at: now,
-		updated_at: now,
-		image_url: theme.preview_url ?? null,
-		application_theme_template_id: null
-	};
+	});
 }
-const LINKS_LIST = /^\/users\/\d+\/links\.json$/;
-const LINK_SINGLE = /^\/users\/\d+\/links\/(\d+)\.json$/;
-const LINKS_REORDER = /^\/users\/\d+\/links\/bulk_reorder\.json$/;
-const FAVORITES_LIST = /^\/user_companies\/\d+\/favorites\.json$/;
-const FAVORITE_SINGLE = /^\/user_companies\/\d+\/favorites\/(\d+)\.json$/;
-const FAVORITES_REORDER = /^\/user_companies\/\d+\/favorites\/bulk_reorder\.json$/;
-/**
-* Creates a FetchClient adapter that translates legacy mysite API calls
-* to portal-tenant MySite BFF endpoints.
-*
-* @param bffClient - A FetchClient pointed at the tenant BFF origin
-*   (e.g. https://acme.portal.fluid.app, **without** /api suffix — the
-*   generated namespace functions already include /api/mysite/... paths).
-*/
-function createPortalMySiteAdapter(bffClient) {
-	async function get(endpoint, params, options) {
-		if (endpoint === "/me.json") return mapProfileToMe((await mysite_profile_show(bffClient)).profile ?? {});
-		if (endpoint === "/mysite/themes") return ((await mysite_themes_list(bffClient)).themes ?? []).map(mapBffTheme);
-		if (LINKS_LIST.test(endpoint)) return ((await mysite_links_list(bffClient)).links ?? []).map(mapBffLink);
-		if (FAVORITES_LIST.test(endpoint)) return ((await mysite_favorites_list(bffClient)).favorites ?? []).map(mapBffFavorite);
-		return bffClient.get(endpoint, params, options);
-	}
-	async function post(endpoint, body, options) {
-		if (LINKS_LIST.test(endpoint)) {
-			const b = body;
-			return mapBffLink((await mysite_links_create(bffClient, { link: {
-				title: b?.text ?? "",
-				url: b?.url ?? ""
-			} })).link ?? {});
-		}
-		if (FAVORITES_LIST.test(endpoint)) return mapBffFavorite((await mysite_favorites_create(bffClient, { favorite: { product_id: body?.favorite?.favoriteable_id ?? 0 } })).favorite ?? {});
-		return bffClient.post(endpoint, body, options);
-	}
-	async function put(endpoint, body, options) {
-		if (endpoint === "/me.json") {
-			const b = body;
-			return mapProfileToMe((await mysite_profile_update(bffClient, { profile: {
-				display_name: b?.display_name ?? void 0,
-				bio: b?.bio ?? void 0,
-				avatar_url: b?.image_url ?? b?.avatar_url ?? void 0
-			} })).profile ?? {});
-		}
-		if (endpoint === "/mysite.json") {
-			const uc = body?.user_company;
-			if (uc?.theme_id !== void 0) return {
-				id: 0,
-				...(await mysite_settings_update(bffClient, { settings: { theme_id: uc.theme_id } })).settings ?? {}
-			};
-			if (uc?.username !== void 0) {
-				const profile = (await mysite_profile_update(bffClient, { profile: { slug: uc.username } })).profile ?? {};
-				return {
-					id: profile.id ?? 0,
-					...profile
-				};
-			}
-			return { id: 0 };
-		}
-		const linkMatch = endpoint.match(LINK_SINGLE);
-		if (linkMatch) {
-			const linkId = Number(linkMatch[1]);
-			const b = body;
-			return mapBffLink((await mysite_links_update(bffClient, linkId, { link: {
-				title: b?.text,
-				url: b?.url
-			} })).link ?? {});
-		}
-		return bffClient.put(endpoint, body, options);
-	}
-	async function patch(endpoint, body, options) {
-		if (LINKS_REORDER.test(endpoint)) {
-			const items = body?.links ?? [];
-			if (items.length === 0) return [];
-			return ((await mysite_links_bulk_reorder(bffClient, { ordered_ids: [...items].sort((a, b2) => a.order - b2.order).map((l) => l.id) })).links ?? []).map(mapBffLink);
-		}
-		if (FAVORITES_REORDER.test(endpoint)) {
-			const items = body?.favorites ?? [];
-			if (items.length === 0) return [];
-			return ((await mysite_favorites_bulk_reorder(bffClient, { ordered_ids: [...items].sort((a, b2) => a.order - b2.order).map((f) => f.id) })).favorites ?? []).map(mapBffFavorite);
+function usePortalUpdateSettings(options) {
+	const api = useMySiteApi();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: (body) => api.updateSettings(body),
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.profile() });
+			options?.onSuccess?.();
 		}
-		return bffClient.patch(endpoint, body, options);
-	}
-	async function del(endpoint, options) {
-		const linkMatch = endpoint.match(LINK_SINGLE);
-		if (linkMatch) return mysite_links_destroy(bffClient, Number(linkMatch[1]));
-		const favMatch = endpoint.match(FAVORITE_SINGLE);
-		if (favMatch) return mysite_favorites_destroy(bffClient, Number(favMatch[1]));
-		return bffClient.delete(endpoint, options);
-	}
-	return {
-		request: bffClient.request,
-		requestWithFormData: bffClient.requestWithFormData,
-		get,
-		post,
-		put,
-		patch,
-		delete: del
-	};
-}
-//#endregion
-//#region src/mysite/use-portal-mysite-client.ts
-/**
-* Hook that returns a FetchClient adapter translating legacy mysite API
-* calls to the portal-tenant MySite BFF.
-*
-* The adapter wraps the shared portal-tenant FetchClient so that existing
-* mysite-ui hooks and components (which call `/me.json`, `/users/{id}/links.json`,
-* etc.) work transparently against the BFF endpoints.
-*/
-function usePortalMySiteClient() {
-	const bffClient = usePortalTenantClient();
-	return useMemo(() => createPortalMySiteAdapter(bffClient), [bffClient]);
-}
-//#endregion
-//#region ../../mysite/ui/src/shared/query-keys.ts
-const MYSITE_KEYS = {
-	links: (userId) => [
-		"mysite",
-		"links",
-		userId
-	],
-	favorites: (affiliateId) => [
-		"mysite",
-		"favorites",
-		affiliateId
-	],
-	themes: () => ["mysite", "themes"],
-	defaultMySite: () => ["mysite", "default"],
-	defaultMySiteFavorites: () => [
-		"mysite",
-		"default",
-		"favorites"
-	]
-};
-//#endregion
-//#region ../../mysite/ui/src/shared/schemas/mysite.schema.ts
-const linkSchema = z.object({
-	id: z.number(),
-	url: z.string(),
-	text: z.string(),
-	order: z.number(),
-	clicks: z.number().optional().default(0)
-});
-const linksResponseSchema = z.array(linkSchema);
-const favoriteableSchema = z.object({
-	id: z.number(),
-	title: z.string().nullable().optional(),
-	name: z.string().nullable().optional(),
-	image_url: z.string().nullable().optional(),
-	type: z.string().optional()
-}).passthrough();
-const favoriteSchema = z.object({
-	id: z.number(),
-	favoriteable_id: z.number().optional(),
-	favoriteable_type: z.string(),
-	order: z.number(),
-	user_company_id: z.number().optional(),
-	created_at: z.string().optional(),
-	favoriteable: favoriteableSchema.nullable()
-}).passthrough();
-const favoritesResponseSchema = z.array(favoriteSchema);
-const mysiteUpdateResponseSchema = z.object({ id: z.number() }).passthrough();
-const profileUpdateResponseSchema = z.object({
-	id: z.number(),
-	bio: z.string().nullable(),
-	facebook: z.string().nullable(),
-	twitter: z.string().nullable(),
-	instagram: z.string().nullable(),
-	youtube: z.string().nullable(),
-	pinterest: z.string().nullable(),
-	tiktok: z.string().nullable(),
-	linkedin: z.string().nullable(),
-	whatsapp: z.string().nullable(),
-	wechat: z.string().nullable(),
-	image_url: z.string().nullable()
-});
-//#endregion
-//#region ../../mysite/ui/src/admin/networking/mysite.api.ts
-async function getUserLinks(client, userId) {
-	const response = await client.get(`/users/${userId}/links.json`);
-	return linksResponseSchema.parse(response);
-}
-async function createUserLink(client, userId, data) {
-	const response = await client.post(`/users/${userId}/links.json`, data);
-	const result = linkSchema.safeParse(response);
-	return result.success ? result.data : response;
-}
-async function updateUserLink(client, userId, linkId, data) {
-	const response = await client.put(`/users/${userId}/links/${linkId}.json`, data);
-	const result = linkSchema.safeParse(response);
-	return result.success ? result.data : response;
-}
-async function deleteUserLink(client, userId, linkId) {
-	return client.delete(`/users/${userId}/links/${linkId}.json`);
-}
-async function reorderUserLinks(client, userId, links) {
-	const response = await client.patch(`/users/${userId}/links/bulk_reorder.json`, { links });
-	const reorderResult = linksResponseSchema.safeParse(response);
-	return reorderResult.success ? reorderResult.data : response;
-}
-async function getUserFavorites(client, affiliateId) {
-	const response = await client.get(`/user_companies/${affiliateId}/favorites.json`);
-	return favoritesResponseSchema.parse(response);
-}
-async function deleteFavorite(client, affiliateId, favoriteId) {
-	return client.delete(`/user_companies/${affiliateId}/favorites/${favoriteId}.json`);
-}
-async function reorderFavorites(client, affiliateId, favorites, countryId, languageIso) {
-	const response = await client.patch(`/user_companies/${affiliateId}/favorites/bulk_reorder.json`, {
-		favorites,
-		country_id: countryId,
-		language_iso: languageIso
 	});
-	const reorderFavResult = favoritesResponseSchema.safeParse(response);
-	return reorderFavResult.success ? reorderFavResult.data : response;
-}
-async function updateMySite(client, data) {
-	const response = await client.put("/mysite.json", { user_company: data });
-	const mysiteResult = mysiteUpdateResponseSchema.safeParse(response);
-	return mysiteResult.success ? mysiteResult.data : response;
 }
-async function updateProfile(client, data) {
-	const response = await client.put("/me.json", data);
-	const profileResult = profileUpdateResponseSchema.safeParse(response);
-	return profileResult.success ? profileResult.data : response;
-}
-//#endregion
-//#region ../../mysite/ui/src/shared/schemas/mysite-theme.schema.ts
-const themeSchema = z.object({
-	id: z.number(),
-	name: z.string(),
-	description: z.string().nullable(),
-	public: z.boolean(),
-	company_id: z.number().nullable(),
-	created_at: z.string().datetime(),
-	updated_at: z.string().datetime(),
-	image_url: z.string().nullable(),
-	application_theme_template_id: z.number().nullable()
-});
-const mysiteThemesSchema = z.array(themeSchema);
-const legacyThemeTemplateSchema = z.object({
-	id: z.number(),
-	name: z.string(),
-	content: z.string().nullable(),
-	stylesheet: z.string().nullable(),
-	head: z.string().nullable(),
-	status: z.string()
-});
-z.object({ data: z.object({ legacy_theme: z.object({
-	id: z.number(),
-	name: z.string(),
-	description: z.string().nullable(),
-	image_url: z.string().nullable(),
-	public: z.boolean(),
-	company_id: z.number().nullable(),
-	template: legacyThemeTemplateSchema
-}) }) });
-//#endregion
-//#region ../../mysite/ui/src/admin/networking/mysite-theme.api.ts
-async function getMysiteThemes(client) {
-	const response = await client.get("/mysite/themes");
-	return mysiteThemesSchema.parse(response);
-}
-//#endregion
-//#region ../../mysite/ui/src/admin/hooks/use-mysite.ts
-function useUserLinks(client, userId) {
+function usePortalLinks() {
+	const api = useMySiteApi();
 	return useQuery({
-		queryKey: MYSITE_KEYS.links(userId ?? 0),
-		queryFn: () => getUserLinks(client, userId),
-		enabled: !!userId
+		queryKey: PORTAL_MYSITE_KEYS.links(),
+		queryFn: () => api.listLinks()
 	});
 }
-function useCreateLink(client, userId) {
+function usePortalCreateLink() {
+	const api = useMySiteApi();
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: (data) => {
-			if (!userId) return Promise.reject(/* @__PURE__ */ new Error("User not loaded"));
-			return createUserLink(client, userId, data);
-		},
+		mutationFn: (body) => api.createLink(body),
 		onSuccess: () => {
-			if (userId) queryClient.invalidateQueries({ queryKey: MYSITE_KEYS.links(userId) });
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.links() });
 		}
 	});
 }
-function useUpdateLink(client, userId) {
+function usePortalUpdateLink() {
+	const api = useMySiteApi();
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: ({ linkId, data }) => {
-			if (!userId) return Promise.reject(/* @__PURE__ */ new Error("User not loaded"));
-			return updateUserLink(client, userId, linkId, data);
-		},
+		mutationFn: ({ linkId, body }) => api.updateLink(linkId, body),
 		onSuccess: () => {
-			if (userId) queryClient.invalidateQueries({ queryKey: MYSITE_KEYS.links(userId) });
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.links() });
 		}
 	});
 }
-function useDeleteLink(client, userId) {
+function usePortalDeleteLink() {
+	const api = useMySiteApi();
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: (linkId) => {
-			if (!userId) return Promise.reject(/* @__PURE__ */ new Error("User not loaded"));
-			return deleteUserLink(client, userId, linkId);
-		},
+		mutationFn: (linkId) => api.deleteLink(linkId),
 		onSuccess: () => {
-			if (userId) queryClient.invalidateQueries({ queryKey: MYSITE_KEYS.links(userId) });
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.links() });
 		}
 	});
 }
-function useReorderLinks(client, userId) {
+function usePortalReorderLinks() {
+	const api = useMySiteApi();
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: ({ payload }) => {
-			if (!userId) return Promise.reject(/* @__PURE__ */ new Error("User not loaded"));
-			return reorderUserLinks(client, userId, payload);
-		},
+		mutationFn: ({ orderedIds }) => api.reorderLinks(orderedIds),
 		onMutate: async ({ optimisticItems }) => {
-			if (!userId) return;
-			await queryClient.cancelQueries({ queryKey: MYSITE_KEYS.links(userId) });
-			const previousData = queryClient.getQueryData(MYSITE_KEYS.links(userId));
-			queryClient.setQueryData(MYSITE_KEYS.links(userId), optimisticItems);
+			await queryClient.cancelQueries({ queryKey: PORTAL_MYSITE_KEYS.links() });
+			const previousData = queryClient.getQueryData(PORTAL_MYSITE_KEYS.links());
+			queryClient.setQueryData(PORTAL_MYSITE_KEYS.links(), optimisticItems);
 			return { previousData };
 		},
 		onError: (_err, _vars, context) => {
-			if (userId && context?.previousData) queryClient.setQueryData(MYSITE_KEYS.links(userId), context.previousData);
+			if (context?.previousData) queryClient.setQueryData(PORTAL_MYSITE_KEYS.links(), context.previousData);
 		},
 		onSettled: () => {
-			if (userId) queryClient.invalidateQueries({ queryKey: MYSITE_KEYS.links(userId) });
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.links() });
 		}
 	});
 }
-function useUserFavorites(client, affiliateId) {
+function usePortalFavorites() {
+	const api = useMySiteApi();
 	return useQuery({
-		queryKey: MYSITE_KEYS.favorites(affiliateId ?? 0),
-		queryFn: () => getUserFavorites(client, affiliateId),
-		enabled: !!affiliateId
+		queryKey: PORTAL_MYSITE_KEYS.favorites(),
+		queryFn: () => api.listFavorites()
 	});
 }
-function useDeleteFavorite(client, affiliateId) {
+function usePortalDeleteFavorite() {
+	const api = useMySiteApi();
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: (favoriteId) => {
-			if (!affiliateId) return Promise.reject(/* @__PURE__ */ new Error("User not loaded"));
-			return deleteFavorite(client, affiliateId, favoriteId);
-		},
+		mutationFn: (favoriteId) => api.deleteFavorite(favoriteId),
 		onSuccess: () => {
-			if (affiliateId) queryClient.invalidateQueries({ queryKey: MYSITE_KEYS.favorites(affiliateId) });
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.favorites() });
 		}
 	});
 }
-function useReorderFavorites(client, affiliateId) {
+function usePortalReorderFavorites() {
+	const api = useMySiteApi();
 	const queryClient = useQueryClient();
 	return useMutation({
-		mutationFn: ({ payload }) => {
-			if (!affiliateId) return Promise.reject(/* @__PURE__ */ new Error("User not loaded"));
-			return reorderFavorites(client, affiliateId, payload);
-		},
+		mutationFn: ({ orderedIds }) => api.reorderFavorites(orderedIds),
 		onMutate: async ({ optimisticItems }) => {
-			if (!affiliateId) return;
-			await queryClient.cancelQueries({ queryKey: MYSITE_KEYS.favorites(affiliateId) });
-			const previousData = queryClient.getQueryData(MYSITE_KEYS.favorites(affiliateId));
-			queryClient.setQueryData(MYSITE_KEYS.favorites(affiliateId), optimisticItems);
+			await queryClient.cancelQueries({ queryKey: PORTAL_MYSITE_KEYS.favorites() });
+			const previousData = queryClient.getQueryData(PORTAL_MYSITE_KEYS.favorites());
+			queryClient.setQueryData(PORTAL_MYSITE_KEYS.favorites(), optimisticItems);
 			return { previousData };
 		},
 		onError: (_err, _vars, context) => {
-			if (affiliateId && context?.previousData) queryClient.setQueryData(MYSITE_KEYS.favorites(affiliateId), context.previousData);
+			if (context?.previousData) queryClient.setQueryData(PORTAL_MYSITE_KEYS.favorites(), context.previousData);
 		},
 		onSettled: () => {
-			if (affiliateId) queryClient.invalidateQueries({ queryKey: MYSITE_KEYS.favorites(affiliateId) });
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.favorites() });
 		}
 	});
 }
-function useMySiteThemes(client) {
+function usePortalMySiteThemes() {
+	const api = useMySiteApi();
 	return useQuery({
-		queryKey: MYSITE_KEYS.themes(),
-		queryFn: () => getMysiteThemes(client)
-	});
-}
-function useUpdateMySite(client, options) {
-	return useMutation({
-		mutationFn: (data) => updateMySite(client, data),
-		onSuccess: () => options?.onProfileRefetch?.()
-	});
-}
-function useUpdateProfile(client, options) {
-	return useMutation({
-		mutationFn: (data) => updateProfile(client, data),
-		onSuccess: () => options?.onProfileRefetch?.()
+		queryKey: PORTAL_MYSITE_KEYS.themes(),
+		queryFn: () => api.listThemes()
 	});
 }
 //#endregion
@@ -790,6 +466,7 @@ function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending,
 		className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 		children: themes.map((theme) => {
 			const isSelected = theme.id === selectedThemeId;
+			const imageUrl = theme.preview_url ?? theme.image_url;
 			return /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				onClick: () => onSelectTheme(theme),
@@ -799,8 +476,8 @@ function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending,
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "bg-muted relative aspect-[4/3] w-full",
 					children: [
-						theme.image_url ? /* @__PURE__ */ jsx("img", {
-							src: theme.image_url,
+						imageUrl ? /* @__PURE__ */ jsx("img", {
+							src: imageUrl,
 							alt: theme.name,
 							loading: "lazy",
 							className: "absolute inset-0 h-full w-full object-cover"
@@ -829,6 +506,79 @@ function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending,
 	})] });
 }
 //#endregion
+//#region ../../mysite/ui/src/shared/schemas/mysite.schema.ts
+const linkSchema = z.object({
+	id: z.number(),
+	url: z.string(),
+	text: z.string(),
+	order: z.number(),
+	clicks: z.number().optional().default(0)
+});
+z.array(linkSchema);
+const favoriteableSchema = z.object({
+	id: z.number(),
+	title: z.string().nullable().optional(),
+	name: z.string().nullable().optional(),
+	image_url: z.string().nullable().optional(),
+	type: z.string().optional()
+}).passthrough();
+const favoriteSchema = z.object({
+	id: z.number(),
+	favoriteable_id: z.number().optional(),
+	favoriteable_type: z.string(),
+	order: z.number(),
+	user_company_id: z.number().optional(),
+	created_at: z.string().optional(),
+	favoriteable: favoriteableSchema.nullable()
+}).passthrough();
+z.array(favoriteSchema);
+z.object({ id: z.number() }).passthrough();
+z.object({
+	id: z.number(),
+	bio: z.string().nullable(),
+	facebook: z.string().nullable(),
+	twitter: z.string().nullable(),
+	instagram: z.string().nullable(),
+	youtube: z.string().nullable(),
+	pinterest: z.string().nullable(),
+	tiktok: z.string().nullable(),
+	linkedin: z.string().nullable(),
+	whatsapp: z.string().nullable(),
+	wechat: z.string().nullable(),
+	image_url: z.string().nullable()
+});
+//#endregion
+//#region ../../mysite/ui/src/shared/schemas/mysite-theme.schema.ts
+const themeSchema = z.object({
+	id: z.number(),
+	name: z.string(),
+	description: z.string().nullable(),
+	public: z.boolean(),
+	company_id: z.number().nullable(),
+	created_at: z.string().datetime(),
+	updated_at: z.string().datetime(),
+	image_url: z.string().nullable(),
+	application_theme_template_id: z.number().nullable()
+});
+z.array(themeSchema);
+const legacyThemeTemplateSchema = z.object({
+	id: z.number(),
+	name: z.string(),
+	content: z.string().nullable(),
+	stylesheet: z.string().nullable(),
+	head: z.string().nullable(),
+	status: z.string()
+});
+z.object({ data: z.object({ legacy_theme: z.object({
+	id: z.number(),
+	name: z.string(),
+	description: z.string().nullable(),
+	image_url: z.string().nullable(),
+	public: z.boolean(),
+	company_id: z.number().nullable(),
+	template: legacyThemeTemplateSchema
+}) }) });
+//#endregion
 //#region ../../mysite/ui/src/shared/utils.ts
 function normalizeUrl(value) {
 	const trimmed = value.trim();
@@ -836,10 +586,14 @@ function normalizeUrl(value) {
 	if (/^https?:\/\//i.test(trimmed)) return trimmed;
 	return `https://${trimmed}`;
 }
+z.object({
+	text: z.string().min(1, "Button text is required"),
+	url: z.string().transform(normalizeUrl).pipe(z.string().url("Must be a valid URL"))
+});
 //#endregion
-//#region ../../mysite/ui/src/portal/components/ButtonsEditor.tsx
+//#region ../../mysite/ui/src/portal/components/PortalButtonsEditor.tsx
 const buttonSchema = z.object({
-	text: z.string().min(1, "Button text is required"),
+	title: z.string().min(1, "Button text is required"),
 	url: z.string().transform(normalizeUrl).pipe(z.string().url("Must be a valid URL"))
 });
 function SortableButtonCard({ link, onEdit, onDelete }) {
@@ -866,17 +620,12 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "text-foreground truncate font-medium",
-					children: link.text
+					children: link.title
 				}), /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground truncate text-sm",
 					children: truncatedUrl
 				})]
 			}),
-			/* @__PURE__ */ jsxs(Badge, {
-				variant: "secondary",
-				className: "hidden shrink-0 sm:inline-flex",
-				children: [link.clicks ?? 0, " clicks"]
-			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex shrink-0 items-center gap-1",
 				children: [/* @__PURE__ */ jsx(Button, {
@@ -898,26 +647,30 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 		]
 	});
 }
-function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast }) {
+/**
+* Portal-specific buttons editor that uses MySiteApi context.
+* No client/userId props needed — data comes from context.
+*/
+function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 	"use no memo";
-	const { data: links = [], isLoading } = useUserLinks(client, userId);
-	const createLinkMutation = useCreateLink(client, userId);
-	const updateLinkMutation = useUpdateLink(client, userId);
-	const deleteLinkMutation = useDeleteLink(client, userId);
-	const reorderLinksMutation = useReorderLinks(client, userId);
+	const { data: links = [], isLoading } = usePortalLinks();
+	const createLinkMutation = usePortalCreateLink();
+	const updateLinkMutation = usePortalUpdateLink();
+	const deleteLinkMutation = usePortalDeleteLink();
+	const reorderLinksMutation = usePortalReorderLinks();
 	const [isAddEditDialogOpen, setIsAddEditDialogOpen] = useState(false);
 	const [editingLink, setEditingLink] = useState(null);
 	const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
 	const [deletingLink, setDeletingLink] = useState(null);
 	const { register, handleSubmit: handleButtonSubmit, reset: resetButtonForm, formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting } } = useZodForm(buttonSchema, { defaultValues: {
-		text: "",
+		title: "",
 		url: ""
 	} });
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
 	const handleOpenAddDialog = useCallback(() => {
 		setEditingLink(null);
 		resetButtonForm({
-			text: "",
+			title: "",
 			url: ""
 		});
 		setIsAddEditDialogOpen(true);
@@ -925,7 +678,7 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 	const handleOpenEditDialog = useCallback((link) => {
 		setEditingLink(link);
 		resetButtonForm({
-			text: link.text,
+			title: link.title,
 			url: link.url
 		});
 		setIsAddEditDialogOpen(true);
@@ -934,14 +687,17 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 		setIsAddEditDialogOpen(false);
 		setEditingLink(null);
 		resetButtonForm({
-			text: "",
+			title: "",
 			url: ""
 		});
 	}, [resetButtonForm]);
 	const onButtonSubmit = useCallback((data) => {
 		if (editingLink) updateLinkMutation.mutate({
 			linkId: editingLink.id,
-			data
+			body: {
+				title: data.title,
+				url: data.url
+			}
 		}, {
 			onSuccess: () => {
 				onToast?.("Button updated", "success");
@@ -952,7 +708,10 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 				onToast?.("Failed to update button", "error");
 			}
 		});
-		else createLinkMutation.mutate(data, {
+		else createLinkMutation.mutate({
+			title: data.title,
+			url: data.url
+		}, {
 			onSuccess: () => {
 				onToast?.("Button created", "success");
 				handleCloseAddEditDialog();
@@ -1000,12 +759,9 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 		const { active, over } = event;
 		if (over && active.id !== over.id) {
 			const reordered = arrayMove(links, links.findIndex((l) => l.id === active.id), links.findIndex((l) => l.id === over.id));
-			const payload = reordered.map((link, index) => ({
-				id: link.id,
-				order: index + 1
-			}));
+			const orderedIds = reordered.map((link) => link.id);
 			reorderLinksMutation.mutate({
-				payload,
+				orderedIds,
 				optimisticItems: reordered
 			}, {
 				onSuccess: () => {
@@ -1052,7 +808,6 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 						className: "min-w-0 flex-1 space-y-2",
 						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-48" })]
 					}),
-					/* @__PURE__ */ jsx(Skeleton, { className: "hidden h-5 w-16 sm:block" }),
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex gap-1",
 						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" })]
@@ -1097,18 +852,18 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 						className: "space-y-2",
 						children: [
 							/* @__PURE__ */ jsx(Label, {
-								htmlFor: "text",
+								htmlFor: "title",
 								children: "Button Text"
 							}),
 							/* @__PURE__ */ jsx(Input, {
-								id: "text",
+								id: "title",
 								placeholder: "Enter button text...",
-								...register("text"),
-								className: buttonErrors.text ? "border-destructive" : ""
+								...register("title"),
+								className: buttonErrors.title ? "border-destructive" : ""
 							}),
-							buttonErrors.text && /* @__PURE__ */ jsx("p", {
+							buttonErrors.title && /* @__PURE__ */ jsx("p", {
 								className: "text-destructive text-sm",
-								children: buttonErrors.text.message
+								children: buttonErrors.title.message
 							})
 						]
 					}),
@@ -1167,7 +922,7 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 					className: "text-muted-foreground",
 					children: [
 						"Are you sure you want to delete the button \"",
-						deletingLink?.text,
+						deletingLink?.title,
 						"\"? This action cannot be undone."
 					]
 				}),
@@ -1188,16 +943,15 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 	] });
 }
 //#endregion
-//#region ../../mysite/ui/src/portal/components/FavoritesEditor.tsx
+//#region ../../mysite/ui/src/portal/components/PortalFavoritesEditor.tsx
 function SortableFavoriteCard({ favorite, onDelete }) {
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: favorite.id });
 	const style = {
 		transform: CSS.Transform.toString(transform),
 		transition
 	};
-	const title = favorite.favoriteable?.title ?? favorite.favoriteable?.name ?? "Untitled";
-	const imageUrl = favorite.favoriteable?.image_url;
-	const type = favorite.favoriteable_type.replace(/([A-Z])/g, " $1").trim();
+	const title = favorite.product_name ?? "Untitled";
+	const imageUrl = favorite.product_image_url;
 	return /* @__PURE__ */ jsxs("div", {
 		ref: setNodeRef,
 		style,
@@ -1225,15 +979,12 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 					children: "N/A"
 				})
 			}),
-			/* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ jsx("p", {
+				children: /* @__PURE__ */ jsx("p", {
 					className: "text-foreground truncate font-medium",
 					children: title
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground truncate text-sm",
-					children: type
-				})]
+				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex shrink-0 items-center gap-1",
@@ -1249,10 +1000,14 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 		]
 	});
 }
-function MySiteFavoritesEditor({ onBack, onRefreshPreview, client, affiliateId, onToast }) {
-	const { data: favorites = [], isLoading } = useUserFavorites(client, affiliateId);
-	const deleteFavoriteMutation = useDeleteFavorite(client, affiliateId);
-	const reorderFavoritesMutation = useReorderFavorites(client, affiliateId);
+/**
+* Portal-specific favorites editor that uses MySiteApi context.
+* No client/affiliateId props needed — data comes from context.
+*/
+function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
+	const { data: favorites = [], isLoading } = usePortalFavorites();
+	const deleteFavoriteMutation = usePortalDeleteFavorite();
+	const reorderFavoritesMutation = usePortalReorderFavorites();
 	const [isDeleteFavoriteDialogOpen, setIsDeleteFavoriteDialogOpen] = useState(false);
 	const [deletingFavorite, setDeletingFavorite] = useState(null);
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
@@ -1286,12 +1041,9 @@ function MySiteFavoritesEditor({ onBack, onRefreshPreview, client, affiliateId,
 		const { active, over } = event;
 		if (over && active.id !== over.id) {
 			const reordered = arrayMove(favorites, favorites.findIndex((f) => f.id === active.id), favorites.findIndex((f) => f.id === over.id));
-			const payload = reordered.map((fav, index) => ({
-				id: fav.id,
-				order: index + 1
-			}));
+			const orderedIds = reordered.map((fav) => fav.id);
 			reorderFavoritesMutation.mutate({
-				payload,
+				orderedIds,
 				optimisticItems: reordered
 			}, {
 				onSuccess: () => {
@@ -1366,7 +1118,7 @@ function MySiteFavoritesEditor({ onBack, onRefreshPreview, client, affiliateId,
 					className: "text-muted-foreground",
 					children: [
 						"Are you sure you want to remove \"",
-						deletingFavorite?.favoriteable?.title ?? deletingFavorite?.favoriteable?.name ?? "this item",
+						deletingFavorite?.product_name ?? "this item",
 						"\" from your MySite? This action cannot be undone."
 					]
 				}),
@@ -1388,92 +1140,24 @@ function MySiteFavoritesEditor({ onBack, onRefreshPreview, client, affiliateId,
 }
 //#endregion
 //#region ../../mysite/ui/src/portal/components/MySiteProfileForm.tsx
-const socialFields = [
-	{
-		name: "linkedin",
-		label: "LinkedIn",
-		placeholder: "https://linkedin.com/in/username"
-	},
-	{
-		name: "facebook",
-		label: "Facebook",
-		placeholder: "https://facebook.com/username"
-	},
-	{
-		name: "twitter",
-		label: "X (Twitter)",
-		placeholder: "https://x.com/username"
-	},
-	{
-		name: "instagram",
-		label: "Instagram",
-		placeholder: "https://instagram.com/username"
-	},
-	{
-		name: "youtube",
-		label: "YouTube",
-		placeholder: "https://youtube.com/@channel"
-	},
-	{
-		name: "pinterest",
-		label: "Pinterest",
-		placeholder: "https://pinterest.com/username"
-	},
-	{
-		name: "tiktok",
-		label: "TikTok",
-		placeholder: "https://tiktok.com/@username"
-	},
-	{
-		name: "whatsapp",
-		label: "WhatsApp",
-		placeholder: "Phone number or link"
-	},
-	{
-		name: "wechat",
-		label: "WeChat",
-		placeholder: "WeChat ID"
-	}
-];
-function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl, userName, userInitial }) {
-	const queryClient = useQueryClient();
-	const { data: meProfile, isLoading: isProfileLoading } = useQuery({
-		queryKey: ["sdk-mysite", "me"],
-		queryFn: () => client.get("/me.json")
-	});
-	const updateProfileMutation = useUpdateProfile(client);
-	const initialFormState = useMemo(() => ({
-		bio: meProfile?.bio ?? "",
-		linkedin: meProfile?.linkedin ?? "",
-		facebook: meProfile?.facebook ?? "",
-		twitter: meProfile?.twitter ?? "",
-		instagram: meProfile?.instagram ?? "",
-		youtube: meProfile?.youtube ?? "",
-		pinterest: meProfile?.pinterest ?? "",
-		tiktok: meProfile?.tiktok ?? "",
-		whatsapp: meProfile?.whatsapp ?? "",
-		wechat: meProfile?.wechat ?? ""
-	}), [meProfile?.id]);
-	const [formState, setFormState] = useState(() => initialFormState);
+function MySiteProfileForm({ onBack, onToast, onUploadPhoto, avatarUrl, userName, userInitial }) {
+	const { data: profile, isLoading: isProfileLoading } = usePortalMySiteProfile();
+	const updateProfileMutation = usePortalUpdateProfile();
+	const [formState, setFormState] = useState(() => ({
+		display_name: "",
+		bio: ""
+	}));
 	const profileSyncedRef = useRef(false);
 	useEffect(() => {
-		if (meProfile && !profileSyncedRef.current) {
+		if (profile && !profileSyncedRef.current) {
 			profileSyncedRef.current = true;
 			setFormState({
-				bio: meProfile.bio ?? "",
-				linkedin: meProfile.linkedin ?? "",
-				facebook: meProfile.facebook ?? "",
-				twitter: meProfile.twitter ?? "",
-				instagram: meProfile.instagram ?? "",
-				youtube: meProfile.youtube ?? "",
-				pinterest: meProfile.pinterest ?? "",
-				tiktok: meProfile.tiktok ?? "",
-				whatsapp: meProfile.whatsapp ?? "",
-				wechat: meProfile.wechat ?? ""
+				display_name: profile.display_name ?? "",
+				bio: profile.bio ?? ""
 			});
 		}
-	}, [meProfile]);
-	const isDirty = formState.bio !== initialFormState.bio || formState.linkedin !== initialFormState.linkedin || formState.facebook !== initialFormState.facebook || formState.twitter !== initialFormState.twitter || formState.instagram !== initialFormState.instagram || formState.youtube !== initialFormState.youtube || formState.pinterest !== initialFormState.pinterest || formState.tiktok !== initialFormState.tiktok || formState.whatsapp !== initialFormState.whatsapp || formState.wechat !== initialFormState.wechat;
+	}, [profile]);
+	const isDirty = formState.display_name !== (profile?.display_name ?? "") || formState.bio !== (profile?.bio ?? "");
 	const handleFieldChange = useCallback((field, value) => {
 		setFormState((s) => ({
 			...s,
@@ -1482,20 +1166,11 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 	}, []);
 	const handleSave = useCallback(() => {
 		updateProfileMutation.mutate({
-			bio: formState.bio,
-			linkedin: formState.linkedin,
-			facebook: formState.facebook,
-			twitter: formState.twitter,
-			instagram: formState.instagram,
-			youtube: formState.youtube,
-			pinterest: formState.pinterest,
-			tiktok: formState.tiktok,
-			whatsapp: formState.whatsapp,
-			wechat: formState.wechat
+			display_name: formState.display_name,
+			bio: formState.bio
 		}, {
 			onSuccess: () => {
 				profileSyncedRef.current = false;
-				queryClient.invalidateQueries({ queryKey: ["sdk-mysite", "me"] });
 				onToast?.("Profile updated successfully", "success");
 			},
 			onError: () => {
@@ -1505,7 +1180,6 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 	}, [
 		formState,
 		updateProfileMutation,
-		queryClient,
 		onToast
 	]);
 	const fileInputRef = useRef(null);
@@ -1527,7 +1201,7 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 		setIsUploadingPhoto(true);
 		try {
 			const imageUrl = await onUploadPhoto(file);
-			updateProfileMutation.mutate({ image_url: imageUrl }, {
+			updateProfileMutation.mutate({ avatar_url: imageUrl }, {
 				onSuccess: () => {
 					onToast?.("Profile photo updated", "success");
 				},
@@ -1555,7 +1229,7 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 			children: "Loading..."
 		})
 	});
-	const displayAvatarUrl = previewUrl || avatarUrl;
+	const displayAvatarUrl = previewUrl || avatarUrl || profile?.avatar_url;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4 p-4 sm:space-y-6 sm:p-6",
 		children: [
@@ -1604,6 +1278,25 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 					})]
 				})]
 			}),
+			/* @__PURE__ */ jsxs(Card, {
+				className: "p-4 sm:p-6",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-foreground mb-4 text-base font-semibold sm:text-lg",
+					children: "Display Name"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "profile-display-name",
+						children: "Name shown on your MySite"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "profile-display-name",
+						type: "text",
+						value: formState.display_name,
+						onChange: (e) => handleFieldChange("display_name", e.target.value),
+						placeholder: "Your display name"
+					})]
+				})]
+			}),
 			/* @__PURE__ */ jsxs(Card, {
 				className: "p-4 sm:p-6",
 				children: [/* @__PURE__ */ jsx("h2", {
@@ -1623,28 +1316,6 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 					})]
 				})]
 			}),
-			/* @__PURE__ */ jsxs(Card, {
-				className: "p-4 sm:p-6",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-foreground mb-4 text-base font-semibold sm:text-lg",
-					children: "Social Media Links"
-				}), /* @__PURE__ */ jsx("div", {
-					className: "space-y-4",
-					children: socialFields.map((field) => /* @__PURE__ */ jsxs("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ jsx(Label, {
-							htmlFor: `profile-${field.name}`,
-							children: field.label
-						}), /* @__PURE__ */ jsx(Input, {
-							id: `profile-${field.name}`,
-							type: "text",
-							value: formState[field.name],
-							onChange: (e) => handleFieldChange(field.name, e.target.value),
-							placeholder: field.placeholder
-						})]
-					}, field.name))
-				})]
-			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ jsx(Button, {
@@ -1685,7 +1356,7 @@ function defaultToast$1(message, type) {
 	if (type === "error") console.warn("[MySite]", message);
 	else console.info("[MySite]", message);
 }
-function MySiteMainView({ client }) {
+function MySiteMainView() {
 	const { navigate } = useAppNavigation();
 	const [animPhase, setAnimPhase] = useState("idle");
 	const [editingSection, setEditingSection] = useState(null);
@@ -1709,27 +1380,23 @@ function MySiteMainView({ client }) {
 		"exit-fade-out",
 		"exit-slide"
 	].includes(animPhase);
-	const { data: meProfile, isLoading: isUserLoading } = useQuery({
-		queryKey: ["sdk-mysite", "me"],
-		queryFn: () => client.get("/me.json")
-	});
-	const queryClient = useQueryClient();
-	const { data: themes = [] } = useMySiteThemes(client);
-	const updateMySiteMutation = useUpdateMySite(client);
+	const { data: profile, isLoading: isProfileLoading } = usePortalMySiteProfile();
+	const { data: themes = [] } = usePortalMySiteThemes();
+	const updateSettingsMutation = usePortalUpdateSettings();
 	const [previewKey, setPreviewKey] = useState(0);
 	const refreshPreview = useCallback(() => setPreviewKey((k) => k + 1), []);
 	const [selectedThemeId, setSelectedThemeId] = useState(null);
-	const resolvedThemeId = selectedThemeId ?? meProfile?.mysite_theme_id ?? meProfile?.mysite_theme?.id ?? themes.find((t) => t.name === "Default")?.id ?? themes[0]?.id ?? null;
+	const resolvedThemeId = selectedThemeId ?? profile?.theme_id ?? themes.find((t) => t.name === "Default")?.id ?? themes[0]?.id ?? null;
 	const themeName = themes.find((t) => t.id === resolvedThemeId)?.name ?? "Default";
-	const mysiteUrl = meProfile?.mysite_url ?? "";
+	const mysiteUrl = profile?.mysite_url ?? "";
 	const displayUrl = mysiteUrl ? mysiteUrl.replace(/^https?:\/\//, "") : "";
-	const views = meProfile?.mysite_views ?? 0;
-	const leads = meProfile?.mysite_leads ?? 0;
+	const views = profile?.mysite_views ?? 0;
+	const leads = profile?.mysite_leads ?? 0;
 	const handleSelectTheme = useCallback((theme) => {
 		if (theme.id === resolvedThemeId) return;
 		const previousThemeId = selectedThemeId;
 		setSelectedThemeId(theme.id);
-		updateMySiteMutation.mutate({ theme_id: theme.id }, {
+		updateSettingsMutation.mutate({ theme_id: theme.id }, {
 			onSuccess: () => {
 				defaultToast$1(`Theme changed to "${theme.name}"`, "success");
 				refreshPreview();
@@ -1742,18 +1409,17 @@ function MySiteMainView({ client }) {
 	}, [
 		resolvedThemeId,
 		selectedThemeId,
-		updateMySiteMutation,
+		updateSettingsMutation,
 		refreshPreview
 	]);
 	const handleUpdateSlug = useCallback(async (slug) => {
 		await new Promise((resolve, reject) => {
-			updateMySiteMutation.mutate({ username: slug }, {
+			updateSettingsMutation.mutate({ slug }, {
 				onSuccess: () => resolve(),
 				onError: () => reject(/* @__PURE__ */ new Error("Failed"))
 			});
 		});
-		await queryClient.refetchQueries({ queryKey: ["sdk-mysite", "me"] });
-	}, [updateMySiteMutation, queryClient]);
+	}, [updateSettingsMutation]);
 	const handleEditSection = useCallback((section) => {
 		cancelScheduled();
 		setEditingSection(section);
@@ -1782,7 +1448,7 @@ function MySiteMainView({ client }) {
 		if (editingSection === "content") return "MySite Content";
 		return "";
 	}, [editingSection]);
-	if (isUserLoading) return /* @__PURE__ */ jsxs("div", {
+	if (isProfileLoading) return /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full overflow-hidden px-2 py-6",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "w-full px-4 2xl:w-2/3 2xl:shrink-0",
@@ -1822,19 +1488,15 @@ function MySiteMainView({ client }) {
 					themes,
 					selectedThemeId: resolvedThemeId,
 					onSelectTheme: handleSelectTheme,
-					isPending: updateMySiteMutation.isPending,
+					isPending: updateSettingsMutation.isPending,
 					onBack: handleBackClick
-				}) : showEditContent && editingSection === "buttons" ? /* @__PURE__ */ jsx(MySiteButtonsEditor, {
+				}) : showEditContent && editingSection === "buttons" ? /* @__PURE__ */ jsx(PortalButtonsEditor, {
 					onBack: handleBackClick,
 					onRefreshPreview: refreshPreview,
-					client,
-					userId: meProfile?.id,
 					onToast: defaultToast$1
-				}) : showEditContent && editingSection === "content" ? /* @__PURE__ */ jsx(MySiteFavoritesEditor, {
+				}) : showEditContent && editingSection === "content" ? /* @__PURE__ */ jsx(PortalFavoritesEditor, {
 					onBack: handleBackClick,
 					onRefreshPreview: refreshPreview,
-					client,
-					affiliateId: meProfile?.affiliate_id,
 					onToast: defaultToast$1
 				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsxs("div", {
@@ -1891,7 +1553,7 @@ function MySiteMainView({ client }) {
 				mysiteUrl,
 				themeName,
 				previewKey,
-				isUpdating: updateMySiteMutation.isPending,
+				isUpdating: updateSettingsMutation.isPending,
 				onPreview: handlePreview
 			})
 		})]
@@ -1903,10 +1565,9 @@ function defaultToast(message, type) {
 	if (type === "error") console.warn("[MySite]", message);
 	else console.info("[MySite]", message);
 }
-function MySiteProfileView({ client }) {
+function MySiteProfileView() {
 	const { navigate } = useAppNavigation();
 	return /* @__PURE__ */ jsx(MySiteProfileForm, {
-		client,
 		onBack: () => navigate("my-site"),
 		onToast: defaultToast
 	});
@@ -1918,7 +1579,6 @@ var MySiteScreen_exports = /* @__PURE__ */ __exportAll({
 	mySiteScreenPropertySchema: () => mySiteScreenPropertySchema
 });
 function MySiteScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const client = usePortalMySiteClient();
 	const { currentSlug, navigate } = useAppNavigation();
 	const isProfileView = (currentSlug.split("/")[1] ?? null) === "profile";
 	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
@@ -1941,7 +1601,7 @@ function MySiteScreen({ background, textColor, accentColor, padding, borderRadiu
 	return /* @__PURE__ */ jsx("div", {
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
-		children: isProfileView ? /* @__PURE__ */ jsx(MySiteProfileView, { client }) : /* @__PURE__ */ jsx(MySiteMainView, { client })
+		children: isProfileView ? /* @__PURE__ */ jsx(MySiteProfileView, {}) : /* @__PURE__ */ jsx(MySiteMainView, {})
 	});
 }
 const mySiteScreenPropertySchema = {
@@ -1956,4 +1616,4 @@ const mySiteScreenPropertySchema = {
 //#endregion
 export { MySiteScreen_exports as n, mySiteScreenPropertySchema as r, MySiteScreen as t };
 
-//# sourceMappingURL=MySiteScreen-gl8KGOrU.mjs.map
+//# sourceMappingURL=MySiteScreen-BEbj9K8U.mjs.map