@fluid-app/portal-sdk 0.1.154 → 0.1.156

package/dist/{MySiteScreen-CdsAyh7a.cjs → MySiteScreen-D8YvEYwH.cjs}

@@ -1,6 +1,5 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_portal_tenant_mysite = require("./portal_tenant_mysite-PDI1nxcm.cjs");
-const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-C4Gnq5tJ.cjs");
+const require_mysite_api_context = require("./mysite-api-context-BTt-_urb.cjs");
 const require_src = require("./src-Bm9zqmV3.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-DRIKmM2G.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-r22AeKGk.cjs");
@@ -11,473 +10,139 @@ let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let zod = require("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 = require_mysite_api_context.useMySiteApi();
+	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	return (0, _tanstack_react_query.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 require_portal_tenant_mysite.mysite_profile_show(bffClient)).profile ?? {});
-		if (endpoint === "/mysite/themes") return ((await require_portal_tenant_mysite.mysite_themes_list(bffClient)).themes ?? []).map(mapBffTheme);
-		if (LINKS_LIST.test(endpoint)) return ((await require_portal_tenant_mysite.mysite_links_list(bffClient)).links ?? []).map(mapBffLink);
-		if (FAVORITES_LIST.test(endpoint)) return ((await require_portal_tenant_mysite.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 require_portal_tenant_mysite.mysite_links_create(bffClient, { link: {
-				title: b?.text ?? "",
-				url: b?.url ?? ""
-			} })).link ?? {});
-		}
-		if (FAVORITES_LIST.test(endpoint)) {
-			const b = body;
-			return mapBffFavorite((await require_portal_tenant_mysite.mysite_favorites_create(bffClient, { favorite: { product_id: b?.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 require_portal_tenant_mysite.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 require_portal_tenant_mysite.mysite_settings_update(bffClient, { settings: { theme_id: uc.theme_id } })).settings ?? {}
-			};
-			if (uc?.username !== void 0) {
-				const profile = (await require_portal_tenant_mysite.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 require_portal_tenant_mysite.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 [];
-			const sortedIds = [...items].sort((a, b2) => a.order - b2.order).map((l) => l.id);
-			return ((await require_portal_tenant_mysite.mysite_links_bulk_reorder(bffClient, { ordered_ids: sortedIds })).links ?? []).map(mapBffLink);
-		}
-		if (FAVORITES_REORDER.test(endpoint)) {
-			const items = body?.favorites ?? [];
-			if (items.length === 0) return [];
-			const sortedIds = [...items].sort((a, b2) => a.order - b2.order).map((f) => f.id);
-			return ((await require_portal_tenant_mysite.mysite_favorites_bulk_reorder(bffClient, { ordered_ids: sortedIds })).favorites ?? []).map(mapBffFavorite);
-		}
-		return bffClient.patch(endpoint, body, options);
-	}
-	async function del(endpoint, options) {
-		const linkMatch = endpoint.match(LINK_SINGLE);
-		if (linkMatch) {
-			const linkId = Number(linkMatch[1]);
-			return require_portal_tenant_mysite.mysite_links_destroy(bffClient, linkId);
-		}
-		const favMatch = endpoint.match(FAVORITE_SINGLE);
-		if (favMatch) {
-			const favId = Number(favMatch[1]);
-			return require_portal_tenant_mysite.mysite_favorites_destroy(bffClient, favId);
+function usePortalUpdateSettings(options) {
+	const api = require_mysite_api_context.useMySiteApi();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	return (0, _tanstack_react_query.useMutation)({
+		mutationFn: (body) => api.updateSettings(body),
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.profile() });
+			options?.onSuccess?.();
 		}
-		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 = require_PortalTenantClientProvider.usePortalTenantClient();
-	return (0, react.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 = zod.z.object({
-	id: zod.z.number(),
-	url: zod.z.string(),
-	text: zod.z.string(),
-	order: zod.z.number(),
-	clicks: zod.z.number().optional().default(0)
-});
-const linksResponseSchema = zod.z.array(linkSchema);
-const favoriteableSchema = zod.z.object({
-	id: zod.z.number(),
-	title: zod.z.string().nullable().optional(),
-	name: zod.z.string().nullable().optional(),
-	image_url: zod.z.string().nullable().optional(),
-	type: zod.z.string().optional()
-}).passthrough();
-const favoriteSchema = zod.z.object({
-	id: zod.z.number(),
-	favoriteable_id: zod.z.number().optional(),
-	favoriteable_type: zod.z.string(),
-	order: zod.z.number(),
-	user_company_id: zod.z.number().optional(),
-	created_at: zod.z.string().optional(),
-	favoriteable: favoriteableSchema.nullable()
-}).passthrough();
-const favoritesResponseSchema = zod.z.array(favoriteSchema);
-const mysiteUpdateResponseSchema = zod.z.object({ id: zod.z.number() }).passthrough();
-const profileUpdateResponseSchema = zod.z.object({
-	id: zod.z.number(),
-	bio: zod.z.string().nullable(),
-	facebook: zod.z.string().nullable(),
-	twitter: zod.z.string().nullable(),
-	instagram: zod.z.string().nullable(),
-	youtube: zod.z.string().nullable(),
-	pinterest: zod.z.string().nullable(),
-	tiktok: zod.z.string().nullable(),
-	linkedin: zod.z.string().nullable(),
-	whatsapp: zod.z.string().nullable(),
-	wechat: zod.z.string().nullable(),
-	image_url: zod.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 = zod.z.object({
-	id: zod.z.number(),
-	name: zod.z.string(),
-	description: zod.z.string().nullable(),
-	public: zod.z.boolean(),
-	company_id: zod.z.number().nullable(),
-	created_at: zod.z.string().datetime(),
-	updated_at: zod.z.string().datetime(),
-	image_url: zod.z.string().nullable(),
-	application_theme_template_id: zod.z.number().nullable()
-});
-const mysiteThemesSchema = zod.z.array(themeSchema);
-const legacyThemeTemplateSchema = zod.z.object({
-	id: zod.z.number(),
-	name: zod.z.string(),
-	content: zod.z.string().nullable(),
-	stylesheet: zod.z.string().nullable(),
-	head: zod.z.string().nullable(),
-	status: zod.z.string()
-});
-zod.z.object({ data: zod.z.object({ legacy_theme: zod.z.object({
-	id: zod.z.number(),
-	name: zod.z.string(),
-	description: zod.z.string().nullable(),
-	image_url: zod.z.string().nullable(),
-	public: zod.z.boolean(),
-	company_id: zod.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 = require_mysite_api_context.useMySiteApi();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.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 = require_mysite_api_context.useMySiteApi();
 	return (0, _tanstack_react_query.useQuery)({
-		queryKey: MYSITE_KEYS.themes(),
-		queryFn: () => getMysiteThemes(client)
-	});
-}
-function useUpdateMySite(client, options) {
-	return (0, _tanstack_react_query.useMutation)({
-		mutationFn: (data) => updateMySite(client, data),
-		onSuccess: () => options?.onProfileRefetch?.()
-	});
-}
-function useUpdateProfile(client, options) {
-	return (0, _tanstack_react_query.useMutation)({
-		mutationFn: (data) => updateProfile(client, data),
-		onSuccess: () => options?.onProfileRefetch?.()
+		queryKey: PORTAL_MYSITE_KEYS.themes(),
+		queryFn: () => api.listThemes()
 	});
 }
 //#endregion
@@ -802,6 +467,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__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
 				onClick: () => onSelectTheme(theme),
@@ -811,8 +477,8 @@ function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "bg-muted relative aspect-[4/3] w-full",
 					children: [
-						theme.image_url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-							src: theme.image_url,
+						imageUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+							src: imageUrl,
 							alt: theme.name,
 							loading: "lazy",
 							className: "absolute inset-0 h-full w-full object-cover"
@@ -841,6 +507,79 @@ function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending,
 	})] });
 }
 //#endregion
+//#region ../../mysite/ui/src/shared/schemas/mysite.schema.ts
+const linkSchema = zod.z.object({
+	id: zod.z.number(),
+	url: zod.z.string(),
+	text: zod.z.string(),
+	order: zod.z.number(),
+	clicks: zod.z.number().optional().default(0)
+});
+zod.z.array(linkSchema);
+const favoriteableSchema = zod.z.object({
+	id: zod.z.number(),
+	title: zod.z.string().nullable().optional(),
+	name: zod.z.string().nullable().optional(),
+	image_url: zod.z.string().nullable().optional(),
+	type: zod.z.string().optional()
+}).passthrough();
+const favoriteSchema = zod.z.object({
+	id: zod.z.number(),
+	favoriteable_id: zod.z.number().optional(),
+	favoriteable_type: zod.z.string(),
+	order: zod.z.number(),
+	user_company_id: zod.z.number().optional(),
+	created_at: zod.z.string().optional(),
+	favoriteable: favoriteableSchema.nullable()
+}).passthrough();
+zod.z.array(favoriteSchema);
+zod.z.object({ id: zod.z.number() }).passthrough();
+zod.z.object({
+	id: zod.z.number(),
+	bio: zod.z.string().nullable(),
+	facebook: zod.z.string().nullable(),
+	twitter: zod.z.string().nullable(),
+	instagram: zod.z.string().nullable(),
+	youtube: zod.z.string().nullable(),
+	pinterest: zod.z.string().nullable(),
+	tiktok: zod.z.string().nullable(),
+	linkedin: zod.z.string().nullable(),
+	whatsapp: zod.z.string().nullable(),
+	wechat: zod.z.string().nullable(),
+	image_url: zod.z.string().nullable()
+});
+//#endregion
+//#region ../../mysite/ui/src/shared/schemas/mysite-theme.schema.ts
+const themeSchema = zod.z.object({
+	id: zod.z.number(),
+	name: zod.z.string(),
+	description: zod.z.string().nullable(),
+	public: zod.z.boolean(),
+	company_id: zod.z.number().nullable(),
+	created_at: zod.z.string().datetime(),
+	updated_at: zod.z.string().datetime(),
+	image_url: zod.z.string().nullable(),
+	application_theme_template_id: zod.z.number().nullable()
+});
+zod.z.array(themeSchema);
+const legacyThemeTemplateSchema = zod.z.object({
+	id: zod.z.number(),
+	name: zod.z.string(),
+	content: zod.z.string().nullable(),
+	stylesheet: zod.z.string().nullable(),
+	head: zod.z.string().nullable(),
+	status: zod.z.string()
+});
+zod.z.object({ data: zod.z.object({ legacy_theme: zod.z.object({
+	id: zod.z.number(),
+	name: zod.z.string(),
+	description: zod.z.string().nullable(),
+	image_url: zod.z.string().nullable(),
+	public: zod.z.boolean(),
+	company_id: zod.z.number().nullable(),
+	template: legacyThemeTemplateSchema
+}) }) });
+//#endregion
 //#region ../../mysite/ui/src/shared/utils.ts
 function normalizeUrl(value) {
 	const trimmed = value.trim();
@@ -853,10 +592,16 @@ function normalizeUrl(value) {
 var import_dist = require_dist$3.require_dist$1();
 var import_dist$1 = require_dist$3.require_dist();
 var import_dist$2 = require_dist$3.require_dist$2();
-const buttonSchema = zod.z.object({
+zod.z.object({
 	text: zod.z.string().min(1, "Button text is required"),
 	url: zod.z.string().transform(normalizeUrl).pipe(zod.z.string().url("Must be a valid URL"))
 });
+//#endregion
+//#region ../../mysite/ui/src/portal/components/PortalButtonsEditor.tsx
+const buttonSchema = zod.z.object({
+	title: zod.z.string().min(1, "Button text is required"),
+	url: zod.z.string().transform(normalizeUrl).pipe(zod.z.string().url("Must be a valid URL"))
+});
 function SortableButtonCard({ link, onEdit, onDelete }) {
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, import_dist$1.useSortable)({ id: link.id });
 	const style = {
@@ -881,17 +626,12 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-foreground truncate font-medium",
-					children: link.text
+					children: link.title
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-muted-foreground truncate text-sm",
 					children: truncatedUrl
 				})]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Badge, {
-				variant: "secondary",
-				className: "hidden shrink-0 sm:inline-flex",
-				children: [link.clicks ?? 0, " clicks"]
-			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex shrink-0 items-center gap-1",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -913,26 +653,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] = (0, react.useState)(false);
 	const [editingLink, setEditingLink] = (0, react.useState)(null);
 	const [isDeleteDialogOpen, setIsDeleteDialogOpen] = (0, react.useState)(false);
 	const [deletingLink, setDeletingLink] = (0, react.useState)(null);
 	const { register, handleSubmit: handleButtonSubmit, reset: resetButtonForm, formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting } } = require_src.useZodForm(buttonSchema, { defaultValues: {
-		text: "",
+		title: "",
 		url: ""
 	} });
 	const sensors = (0, import_dist.useSensors)((0, import_dist.useSensor)(import_dist.PointerSensor), (0, import_dist.useSensor)(import_dist.KeyboardSensor, { coordinateGetter: import_dist$1.sortableKeyboardCoordinates }));
 	const handleOpenAddDialog = (0, react.useCallback)(() => {
 		setEditingLink(null);
 		resetButtonForm({
-			text: "",
+			title: "",
 			url: ""
 		});
 		setIsAddEditDialogOpen(true);
@@ -940,7 +684,7 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 	const handleOpenEditDialog = (0, react.useCallback)((link) => {
 		setEditingLink(link);
 		resetButtonForm({
-			text: link.text,
+			title: link.title,
 			url: link.url
 		});
 		setIsAddEditDialogOpen(true);
@@ -949,14 +693,17 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 		setIsAddEditDialogOpen(false);
 		setEditingLink(null);
 		resetButtonForm({
-			text: "",
+			title: "",
 			url: ""
 		});
 	}, [resetButtonForm]);
 	const onButtonSubmit = (0, react.useCallback)((data) => {
 		if (editingLink) updateLinkMutation.mutate({
 			linkId: editingLink.id,
-			data
+			body: {
+				title: data.title,
+				url: data.url
+			}
 		}, {
 			onSuccess: () => {
 				onToast?.("Button updated", "success");
@@ -967,7 +714,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();
@@ -1015,12 +765,9 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 		const { active, over } = event;
 		if (over && active.id !== over.id) {
 			const reordered = (0, import_dist$1.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: () => {
@@ -1067,7 +814,6 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 						className: "min-w-0 flex-1 space-y-2",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-3 w-48" })]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "hidden h-5 w-16 sm:block" }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex gap-1",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-8 w-8" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-8 w-8" })]
@@ -1112,18 +858,18 @@ function MySiteButtonsEditor({ onBack, onRefreshPreview, client, userId, onToast
 						className: "space-y-2",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
-								htmlFor: "text",
+								htmlFor: "title",
 								children: "Button Text"
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsx)("p", {
+							buttonErrors.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "text-destructive text-sm",
-								children: buttonErrors.text.message
+								children: buttonErrors.title.message
 							})
 						]
 					}),
@@ -1182,7 +928,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."
 					]
 				}),
@@ -1203,16 +949,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 } = (0, import_dist$1.useSortable)({ id: favorite.id });
 	const style = {
 		transform: import_dist$2.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref: setNodeRef,
 		style,
@@ -1240,15 +985,12 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 					children: "N/A"
 				})
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-foreground truncate font-medium",
 					children: title
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-muted-foreground truncate text-sm",
-					children: type
-				})]
+				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex shrink-0 items-center gap-1",
@@ -1264,10 +1006,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] = (0, react.useState)(false);
 	const [deletingFavorite, setDeletingFavorite] = (0, react.useState)(null);
 	const sensors = (0, import_dist.useSensors)((0, import_dist.useSensor)(import_dist.PointerSensor), (0, import_dist.useSensor)(import_dist.KeyboardSensor, { coordinateGetter: import_dist$1.sortableKeyboardCoordinates }));
@@ -1301,12 +1047,9 @@ function MySiteFavoritesEditor({ onBack, onRefreshPreview, client, affiliateId,
 		const { active, over } = event;
 		if (over && active.id !== over.id) {
 			const reordered = (0, import_dist$1.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: () => {
@@ -1381,7 +1124,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."
 					]
 				}),
@@ -1403,92 +1146,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 = (0, _tanstack_react_query.useQueryClient)();
-	const { data: meProfile, isLoading: isProfileLoading } = (0, _tanstack_react_query.useQuery)({
-		queryKey: ["sdk-mysite", "me"],
-		queryFn: () => client.get("/me.json")
-	});
-	const updateProfileMutation = useUpdateProfile(client);
-	const initialFormState = (0, react.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] = (0, react.useState)(() => initialFormState);
+function MySiteProfileForm({ onBack, onToast, onUploadPhoto, avatarUrl, userName, userInitial }) {
+	const { data: profile, isLoading: isProfileLoading } = usePortalMySiteProfile();
+	const updateProfileMutation = usePortalUpdateProfile();
+	const [formState, setFormState] = (0, react.useState)(() => ({
+		display_name: "",
+		bio: ""
+	}));
 	const profileSyncedRef = (0, react.useRef)(false);
 	(0, react.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 = (0, react.useCallback)((field, value) => {
 		setFormState((s) => ({
 			...s,
@@ -1497,20 +1172,11 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 	}, []);
 	const handleSave = (0, react.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: () => {
@@ -1520,7 +1186,6 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 	}, [
 		formState,
 		updateProfileMutation,
-		queryClient,
 		onToast
 	]);
 	const fileInputRef = (0, react.useRef)(null);
@@ -1542,7 +1207,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");
 				},
@@ -1570,7 +1235,7 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 			children: "Loading..."
 		})
 	});
-	const displayAvatarUrl = previewUrl || avatarUrl;
+	const displayAvatarUrl = previewUrl || avatarUrl || profile?.avatar_url;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4 p-4 sm:space-y-6 sm:p-6",
 		children: [
@@ -1619,6 +1284,25 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 					})]
 				})]
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
+				className: "p-4 sm:p-6",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: "text-foreground mb-4 text-base font-semibold sm:text-lg",
+					children: "Display Name"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
+						htmlFor: "profile-display-name",
+						children: "Name shown on your MySite"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
+						id: "profile-display-name",
+						type: "text",
+						value: formState.display_name,
+						onChange: (e) => handleFieldChange("display_name", e.target.value),
+						placeholder: "Your display name"
+					})]
+				})]
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
 				className: "p-4 sm:p-6",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
@@ -1638,28 +1322,6 @@ function MySiteProfileForm({ client, onBack, onToast, onUploadPhoto, avatarUrl,
 					})]
 				})]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
-				className: "p-4 sm:p-6",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-					className: "text-foreground mb-4 text-base font-semibold sm:text-lg",
-					children: "Social Media Links"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "space-y-4",
-					children: socialFields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
-							htmlFor: `profile-${field.name}`,
-							children: field.label
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -1700,7 +1362,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 } = require_AppNavigationContext.useAppNavigation();
 	const [animPhase, setAnimPhase] = (0, react.useState)("idle");
 	const [editingSection, setEditingSection] = (0, react.useState)(null);
@@ -1724,27 +1386,23 @@ function MySiteMainView({ client }) {
 		"exit-fade-out",
 		"exit-slide"
 	].includes(animPhase);
-	const { data: meProfile, isLoading: isUserLoading } = (0, _tanstack_react_query.useQuery)({
-		queryKey: ["sdk-mysite", "me"],
-		queryFn: () => client.get("/me.json")
-	});
-	const queryClient = (0, _tanstack_react_query.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] = (0, react.useState)(0);
 	const refreshPreview = (0, react.useCallback)(() => setPreviewKey((k) => k + 1), []);
 	const [selectedThemeId, setSelectedThemeId] = (0, react.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 = (0, react.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();
@@ -1757,18 +1415,17 @@ function MySiteMainView({ client }) {
 	}, [
 		resolvedThemeId,
 		selectedThemeId,
-		updateMySiteMutation,
+		updateSettingsMutation,
 		refreshPreview
 	]);
 	const handleUpdateSlug = (0, react.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 = (0, react.useCallback)((section) => {
 		cancelScheduled();
 		setEditingSection(section);
@@ -1797,7 +1454,7 @@ function MySiteMainView({ client }) {
 		if (editingSection === "content") return "MySite Content";
 		return "";
 	}, [editingSection]);
-	if (isUserLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	if (isProfileLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex h-full overflow-hidden px-2 py-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "w-full px-4 2xl:w-2/3 2xl:shrink-0",
@@ -1837,19 +1494,15 @@ function MySiteMainView({ client }) {
 					themes,
 					selectedThemeId: resolvedThemeId,
 					onSelectTheme: handleSelectTheme,
-					isPending: updateMySiteMutation.isPending,
+					isPending: updateSettingsMutation.isPending,
 					onBack: handleBackClick
-				}) : showEditContent && editingSection === "buttons" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteButtonsEditor, {
+				}) : showEditContent && editingSection === "buttons" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalButtonsEditor, {
 					onBack: handleBackClick,
 					onRefreshPreview: refreshPreview,
-					client,
-					userId: meProfile?.id,
 					onToast: defaultToast$1
-				}) : showEditContent && editingSection === "content" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteFavoritesEditor, {
+				}) : showEditContent && editingSection === "content" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalFavoritesEditor, {
 					onBack: handleBackClick,
 					onRefreshPreview: refreshPreview,
-					client,
-					affiliateId: meProfile?.affiliate_id,
 					onToast: defaultToast$1
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1906,7 +1559,7 @@ function MySiteMainView({ client }) {
 				mysiteUrl,
 				themeName,
 				previewKey,
-				isUpdating: updateMySiteMutation.isPending,
+				isUpdating: updateSettingsMutation.isPending,
 				onPreview: handlePreview
 			})
 		})]
@@ -1918,10 +1571,9 @@ function defaultToast(message, type) {
 	if (type === "error") console.warn("[MySite]", message);
 	else console.info("[MySite]", message);
 }
-function MySiteProfileView({ client }) {
+function MySiteProfileView() {
 	const { navigate } = require_AppNavigationContext.useAppNavigation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteProfileForm, {
-		client,
 		onBack: () => navigate("my-site"),
 		onToast: defaultToast
 	});
@@ -1929,7 +1581,6 @@ function MySiteProfileView({ client }) {
 //#endregion
 //#region src/screens/MySiteScreen/index.tsx
 function MySiteScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const client = usePortalMySiteClient();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const isProfileView = (currentSlug.split("/")[1] ?? null) === "profile";
 	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
@@ -1952,7 +1603,7 @@ function MySiteScreen({ background, textColor, accentColor, padding, borderRadiu
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
-		children: isProfileView ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteProfileView, { client }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteMainView, { client })
+		children: isProfileView ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteProfileView, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteMainView, {})
 	});
 }
 const mySiteScreenPropertySchema = {
@@ -1978,4 +1629,4 @@ Object.defineProperty(exports, "mySiteScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=MySiteScreen-CdsAyh7a.cjs.map
+//# sourceMappingURL=MySiteScreen-D8YvEYwH.cjs.map