@fluid-app/portal-sdk 0.1.119 → 0.1.120

package/dist/{MySiteScreen-BvLsBrYD.mjs → MySiteScreen-B5qaPzcW.mjs}

@@ -9,28 +9,337 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod";
 import { ArrowLeft, Camera, Check, ChevronRight, Copy, Eye, GripVertical, LayoutGrid, Link2, LoaderCircle, Palette, Pencil, Plus, Trash2, User, Users } from "lucide-react";
-//#region src/mysite/use-mysite-config.ts
+//#region ../../api-clients/portal-tenant-mysite/src/namespaces/portal_tenant_mysite.ts
 /**
-* Hook that derives a FetchClient from the portal SDK's FluidProvider context.
+* Get MySite profile for the current user
+* Returns the member's MySite profile.
 *
-* Maps FluidSDKConfig fields to a FetchClient suitable for MySite API endpoints.
-* Follows the same pattern as useContactsConfig.
+* @param client - Fetch client instance
+
+*/
+async function mysite_profile_show(client) {
+	return client.get(`/api/mysite/profile`);
+}
+/**
+* Update MySite profile
+* Updates the member's MySite profile fields.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_profile_update(client, body) {
+	return client.put(`/api/mysite/profile`, body);
+}
+/**
+* List available MySite themes
+* Returns available MySite themes.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function mysite_themes_list(client, params) {
+	return client.get(`/api/mysite/themes`, params);
+}
+/**
+* Update MySite settings
+* Updates the member's MySite settings.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_settings_update(client, body) {
+	return client.put(`/api/mysite/settings`, body);
+}
+/**
+* List MySite links for the current user
+* Returns the member's MySite links, ordered by position.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function mysite_links_list(client, params) {
+	return client.get(`/api/mysite/links`, params);
+}
+/**
+* Create a MySite link
+* Adds a new link to the member's MySite.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_links_create(client, body) {
+	return client.post(`/api/mysite/links`, body);
+}
+/**
+* Update a MySite link
+* Updates an existing MySite link.
+*
+* @param client - Fetch client instance
+* @param id - id
+* @param body - body
+*/
+async function mysite_links_update(client, id, body) {
+	return client.put(`/api/mysite/links/${id}`, body);
+}
+/**
+* Delete a MySite link
+* Removes a link from the member's MySite.
+*
+* @param client - Fetch client instance
+* @param id - id
+*/
+async function mysite_links_destroy(client, id) {
+	return client.delete(`/api/mysite/links/${id}`);
+}
+/**
+* Reorder MySite links
+* Reorders MySite links by providing an ordered list of IDs.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_links_bulk_reorder(client, body) {
+	return client.patch(`/api/mysite/links/bulk`, body);
+}
+/**
+* List MySite favorite products
+* Returns the member's MySite favorite products.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function mysite_favorites_list(client, params) {
+	return client.get(`/api/mysite/favorites`, params);
+}
+/**
+* Add a product to MySite favorites
+* Adds a product to the member's MySite favorites.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_favorites_create(client, body) {
+	return client.post(`/api/mysite/favorites`, body);
+}
+/**
+* Remove a product from MySite favorites
+* Removes a product from the member's MySite favorites.
+*
+* @param client - Fetch client instance
+* @param id - id
+*/
+async function mysite_favorites_destroy(client, id) {
+	return client.delete(`/api/mysite/favorites/${id}`);
+}
+/**
+* Reorder MySite favorites
+* Reorders MySite favorites by providing an ordered list of IDs.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_favorites_bulk_reorder(client, body) {
+	return client.patch(`/api/mysite/favorites/bulk`, body);
+}
+//#endregion
+//#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
+	};
+}
+/** 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"
+		}
+	};
+}
+/** 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);
+		}
+		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 a raw BFF 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 useMySiteConfig() {
+function usePortalMySiteClient() {
 	const { config } = useFluidContext();
-	return { client: useMemo(() => {
-		return createFetchClient({
-			baseUrl: config.baseUrl.replace(/\/+$/, ""),
+	return useMemo(() => {
+		const baseUrl = config.baseUrl.replace(/\/+$/, "").replace(/\/api$/, "");
+		const csrfToken = typeof document !== "undefined" ? document.querySelector("meta[name=\"csrf-token\"]")?.getAttribute("content") : null;
+		return createPortalMySiteAdapter(createFetchClient({
+			baseUrl,
 			getAuthToken: config.getAuthToken,
 			onAuthError: config.onAuthError,
-			defaultHeaders: config.defaultHeaders
-		});
+			defaultHeaders: {
+				...config.defaultHeaders,
+				...csrfToken ? { "X-CSRF-Token": csrfToken } : {}
+			}
+		}));
 	}, [
 		config.baseUrl,
 		config.getAuthToken,
 		config.onAuthError,
 		config.defaultHeaders
-	]) };
+	]);
 }
 //#endregion
 //#region ../../mysite/ui/src/shared/query-keys.ts
@@ -1553,6 +1862,7 @@ function MySiteMainView({ client }) {
 		queryKey: ["sdk-mysite", "me"],
 		queryFn: () => client.get("/me.json")
 	});
+	const queryClient = useQueryClient();
 	const { data: themes = [] } = useMySiteThemes(client);
 	const updateMySiteMutation = useUpdateMySite(client);
 	const [previewKey, setPreviewKey] = useState(0);
@@ -1591,7 +1901,8 @@ function MySiteMainView({ client }) {
 				onError: () => reject(/* @__PURE__ */ new Error("Failed"))
 			});
 		});
-	}, [updateMySiteMutation]);
+		await queryClient.refetchQueries({ queryKey: ["sdk-mysite", "me"] });
+	}, [updateMySiteMutation, queryClient]);
 	const handleEditSection = useCallback((section) => {
 		cancelScheduled();
 		setEditingSection(section);
@@ -1756,7 +2067,7 @@ var MySiteScreen_exports = /* @__PURE__ */ __exportAll({
 	mySiteScreenPropertySchema: () => mySiteScreenPropertySchema
 });
 function MySiteScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const { client } = useMySiteConfig();
+	const client = usePortalMySiteClient();
 	const { currentSlug, navigate } = useAppNavigation();
 	const isProfileView = (currentSlug.split("/")[1] ?? null) === "profile";
 	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
@@ -1794,4 +2105,4 @@ const mySiteScreenPropertySchema = {
 //#endregion
 export { MySiteScreen_exports as n, mySiteScreenPropertySchema as r, MySiteScreen as t };
 
-//# sourceMappingURL=MySiteScreen-BvLsBrYD.mjs.map
+//# sourceMappingURL=MySiteScreen-B5qaPzcW.mjs.map