@fluid-app/portal-sdk 0.1.89 → 0.1.91

package/dist/{src-bzRRiTN4.cjs → src-BbJs882O.cjs}

@@ -4,9 +4,8 @@ const require_ScreenHeaderContext = require("./ScreenHeaderContext-wrJlkhgN.cjs"
 const require_dist$3 = require("./dist-thaj08s5.cjs");
 const require_es = require("./es-xQF-WIMq.cjs");
 const require_dist$4 = require("./dist-BK4mvUPm.cjs");
-const require_src$1 = require("./src-Dt66UB0B.cjs");
-const require_products = require("./products-CjZof7c2.cjs");
-const require_dist$5 = require("./dist-lO2OG0T5.cjs");
+const require_products = require("./products-BKZ1siXg.cjs");
+const require_dist$5 = require("./dist-BF_4vk1z.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -90,9 +89,23 @@ const shareablesKeys = {
 	}
 };
 //#endregion
+//#region ../../shareables/core/src/api-context.tsx
+const ShareablesApiContext = (0, react.createContext)(null);
+function ShareablesApiProvider({ api, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesApiContext.Provider, {
+		value: api,
+		children
+	});
+}
+function useShareablesApi() {
+	const ctx = (0, react.useContext)(ShareablesApiContext);
+	if (!ctx) throw new Error("useShareablesApi must be used within a ShareablesApiProvider");
+	return ctx;
+}
+//#endregion
 //#region ../../shareables/core/src/hooks/use-share-link.ts
 function useShareLink(item, shareableType, contactId, locale = "en") {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	const isIdRequired = shareableType !== "MySite";
 	const isValidDatabaseId = item?.id && Number.isInteger(item.id) && item.id > 1;
@@ -110,7 +123,7 @@ function useShareLink(item, shareableType, contactId, locale = "en") {
 				...isIdRequired && item?.id && { relateableId: item.id },
 				...contactId && { contactId }
 			};
-			return await require_src$1.createShareLink(client, input);
+			return await api.share.createShareLink(input);
 		},
 		enabled: isIdRequired ? Boolean(shouldFetch && item?.id) : true,
 		staleTime: 300 * 1e3,
@@ -132,12 +145,12 @@ function useShareLink(item, shareableType, contactId, locale = "en") {
 //#endregion
 //#region ../../shareables/core/src/hooks/use-product-media-counts.ts
 function useProductMediaCount(productId) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: shareablesKeys.productMedia.count(productId),
 		queryFn: async () => {
 			try {
-				return ((await require_src$1.getProductMedia(client, productId)).media || []).length;
+				return ((await api.productMedia.getProductMedia(productId)).media || []).length;
 			} catch (error) {
 				console.warn(`Failed to fetch media count for product ${productId}:`, error);
 				return 0;
@@ -151,12 +164,11 @@ function useProductMediaCount(productId) {
 //#endregion
 //#region ../../shareables/core/src/hooks/use-media-mutations.ts
 const useCreateMediaMutation = (options) => {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const repContext = useRepContext();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: (payload) => {
-			return require_src$1.createMedia(client, payload, repContext);
+			return api.media.createMedia(payload);
 		},
 		onSuccess: (data) => {
 			queryClient.invalidateQueries({ queryKey: shareablesKeys.media.all });
@@ -179,11 +191,11 @@ function isCancellationError(error) {
 //#endregion
 //#region ../../shareables/core/src/hooks/use-playlist-mutations.ts
 const useAddItemToPlaylistMutation = (options) => {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: ({ playlistId, data }) => {
-			return require_src$1.addItemToPlaylist(client, playlistId, { items: [data] });
+			return api.playlists.addItemToPlaylist(playlistId, { items: [data] });
 		},
 		onMutate: async ({ playlistId, newItem }) => {
 			await queryClient.cancelQueries({ queryKey: shareablesKeys.playlists.detail(playlistId) });
@@ -215,11 +227,11 @@ const useAddItemToPlaylistMutation = (options) => {
 	});
 };
 const useRemoveItemsFromPlaylistMutation = (options) => {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: ({ playlistId, itemIds }) => {
-			return require_src$1.removeItemsFromPlaylist(client, playlistId, { item_ids: itemIds });
+			return api.playlists.removeItemsFromPlaylist(playlistId, { item_ids: itemIds });
 		},
 		onMutate: async ({ playlistId, itemIds }) => {
 			await queryClient.cancelQueries({ queryKey: shareablesKeys.playlists.detail(playlistId) });
@@ -256,11 +268,11 @@ const useRemoveItemsFromPlaylistMutation = (options) => {
 	});
 };
 const useCreatePlaylistMutation = (options) => {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: (input) => {
-			return require_src$1.createPlaylist(client, input);
+			return api.playlists.createPlaylist(input);
 		},
 		onSuccess: (createdPlaylist) => {
 			queryClient.invalidateQueries({ queryKey: shareablesKeys.playlists.all });
@@ -274,11 +286,11 @@ const useCreatePlaylistMutation = (options) => {
 	});
 };
 const useUpdatePlaylistMutation = (options) => {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: ({ playlistId, data }) => {
-			return require_src$1.updatePlaylist(client, playlistId, data);
+			return api.playlists.updatePlaylist(playlistId, data);
 		},
 		onSuccess: (_, { playlistId }) => {
 			queryClient.invalidateQueries({ queryKey: shareablesKeys.playlists.all });
@@ -1097,6 +1109,7 @@ var MarketingAssetsGrid_default = react.default.memo(MarketingAssetsGrid);
 //#endregion
 //#region ../../shareables/ui/src/components/screens/ProductDetailScreen.tsx
 function ProductDetailScreen({ productId, countryCode, onNavigate, onBack }) {
+	const api = useShareablesApi();
 	const client = useShareablesClient();
 	const { navigate, showToast, onFileDownload } = useShareablesUI();
 	const [activeTab, setActiveTab] = (0, react.useState)("All");
@@ -1111,7 +1124,7 @@ function ProductDetailScreen({ productId, countryCode, onNavigate, onBack }) {
 			"public",
 			productId
 		],
-		queryFn: () => require_src$1.getProductMedia(client, Number(productId))
+		queryFn: () => api.productMedia.getProductMedia(Number(productId))
 	});
 	const { shareLink, loading: shareLinkLoading, error: shareLinkError } = useShareLink({ id: Number(productId) }, "Product");
 	const product = productResponse?.product;
@@ -1289,7 +1302,7 @@ function getMediaKindLabel(kind) {
 	}
 }
 function MediaListingScreen({ onNavigate }) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const repContext = useRepContext();
 	const { navigate, readOnly } = useShareablesUI();
 	require_ScreenHeaderContext.useScreenHeaderActions((0, react.useMemo)(() => readOnly ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -1318,12 +1331,12 @@ function MediaListingScreen({ onNavigate }) {
 	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, error } = (0, _tanstack_react_query.useInfiniteQuery)({
 		queryKey: shareablesKeys.media.list(debouncedSearch, sortDesc, repContext),
 		queryFn: async ({ pageParam = 1 }) => {
-			return (await require_src$1.getMedia(client, {
+			return (await api.media.getMedia({
 				page: pageParam,
 				per_page: PAGE_SIZE$2,
 				search_query: debouncedSearch || void 0,
 				sorted_by: sortDesc ? "title_desc" : "title_asc"
-			}, repContext)).media;
+			})).media;
 		},
 		getNextPageParam: (lastPage, allPages) => lastPage.length === PAGE_SIZE$2 ? allPages.length + 1 : void 0,
 		initialPageParam: 1
@@ -1473,13 +1486,13 @@ function getBadgeLabel(kind) {
 	}
 }
 function MediaDetailScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const repContext = useRepContext();
 	const { navigate, showToast, onFileDownload } = useShareablesUI();
 	const [isDescriptionExpanded, setIsDescriptionExpanded] = (0, react.useState)(false);
 	const { data: mediaResponse, isLoading } = (0, _tanstack_react_query.useQuery)({
 		queryKey: shareablesKeys.media.detail(Number(mediaId), repContext),
-		queryFn: () => require_src$1.getMediaById(client, Number(mediaId), void 0, repContext)
+		queryFn: () => api.media.getMediaById(Number(mediaId))
 	});
 	const { shareLink, loading: shareLinkLoading, error: shareLinkError } = useShareLink({ id: Number(mediaId) }, "Medium");
 	const mediaItem = mediaResponse?.media;
@@ -6929,7 +6942,7 @@ function BulkSelectionBar({ selectedCount, totalCount, onSelectAll, onClearSelec
 const PAGE_SIZE$1 = 12;
 const GRID_CLASS$1 = "grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4";
 function PlaylistsListingScreen(_props) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const { navigate, showToast, user, onToggleFavorite, onDeletePlaylist, readOnly } = useShareablesUI();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	require_ScreenHeaderContext.useScreenHeaderActions((0, react.useMemo)(() => readOnly ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -6958,7 +6971,7 @@ function PlaylistsListingScreen(_props) {
 	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, isFetched, error } = (0, _tanstack_react_query.useInfiniteQuery)({
 		queryKey,
 		queryFn: async ({ pageParam }) => {
-			const response = await require_src$1.getPlaylists(client, {
+			const response = await api.playlists.getPlaylists({
 				"filter[title]": debouncedSearch || void 0,
 				"page[cursor]": pageParam,
 				"page[limit]": PAGE_SIZE$1,
@@ -7429,7 +7442,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 //#region ../../shareables/ui/src/components/screens/PlaylistDetailScreen.tsx
 const DEFAULT_IMAGE$1 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function PlaylistDetailScreen({ playlistId, onNavigate }) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const { navigate, showToast, onDeletePlaylist, user, readOnly } = useShareablesUI();
 	const [isDescriptionExpanded, setIsDescriptionExpanded] = (0, react.useState)(false);
 	const [selectedPlaylistItemIndex, setSelectedPlaylistItemIndex] = (0, react.useState)(0);
@@ -7437,7 +7450,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 	const [isDeleting, setIsDeleting] = (0, react.useState)(false);
 	const { data: playlistResponse, isLoading } = (0, _tanstack_react_query.useQuery)({
 		queryKey: shareablesKeys.playlists.detail(Number(playlistId)),
-		queryFn: () => require_src$1.getPlaylistById(client, Number(playlistId))
+		queryFn: () => api.playlists.getPlaylistById(Number(playlistId))
 	});
 	const { shareLink, loading: shareLinkLoading, error: shareLinkError } = useShareLink({ id: Number(playlistId) }, "Library");
 	const playlist = playlistResponse?.playlist;
@@ -8289,8 +8302,7 @@ function computeOrderedItems(items) {
 }
 function PlaylistItemsSection({ playlistId }) {
 	const { showToast, filePickerClient } = useShareablesUI();
-	const shareablesApiClient = useShareablesClient();
-	const repContext = useRepContext();
+	const api = useShareablesApi();
 	const [filePickerOpen, setFilePickerOpen] = (0, react.useState)(false);
 	const { items: contextItems, updateItems, addItem, removeItem } = usePlaylistItems();
 	const tableItems = contextItems;
@@ -8409,13 +8421,12 @@ function PlaylistItemsSection({ playlistId }) {
 				loading: () => "",
 				dismiss: () => {}
 			},
-			shareablesClient: { media: { list: (filters) => require_src$1.getMedia(shareablesApiClient, filters ?? {}, repContext) } }
+			shareablesClient: { media: { list: (filters) => api.media.getMedia(filters ?? {}) } }
 		};
 	}, [
 		filePickerClient,
 		showToast,
-		shareablesApiClient,
-		repContext
+		api
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "border-border bg-card rounded-lg border p-4",
@@ -8567,7 +8578,7 @@ function PlaylistOpenGraphPreview({ playlist, playlistShareBaseUrl }) {
 //#endregion
 //#region ../../shareables/ui/src/components/screens/PlaylistCreateScreen.tsx
 function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onBack, hideHeader, renderHeaderSlot }) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const { showToast, navigate, user } = useShareablesUI();
 	const { items: contextItems } = usePlaylistItems();
 	const { form, updateField, validateForm } = usePlaylistForm();
@@ -8673,7 +8684,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 				relateable_id: item.relateable.id,
 				order: index + 1
 			}));
-			await require_src$1.addItemToPlaylist(client, newPlaylistId, { items: itemsData });
+			await api.playlists.addItemToPlaylist(newPlaylistId, { items: itemsData });
 		} catch (itemError) {
 			console.error("Error adding items to playlist:", itemError);
 			showToast({
@@ -8691,7 +8702,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 		createMutation,
 		updateMutation,
 		showToast,
-		client,
+		api,
 		user?.id
 	]);
 	const isSaving = createMutation.isPending || updateMutation.isPending;
@@ -8728,7 +8739,7 @@ function PlaylistFormContent({ playlistId, playlist, isEditMode, itemsToUse, onB
 	] });
 }
 function PlaylistCreateScreen({ playlistId, onBack, hideHeader, renderHeaderSlot }) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const isEditMode = !!playlistId;
 	const { data: playlistResponse, isLoading } = (0, _tanstack_react_query.useQuery)({
 		queryKey: playlistId ? shareablesKeys.playlists.detail(parseInt(playlistId, 10)) : [
@@ -8736,7 +8747,7 @@ function PlaylistCreateScreen({ playlistId, onBack, hideHeader, renderHeaderSlot
 			"detail",
 			null
 		],
-		queryFn: () => require_src$1.getPlaylistById(client, parseInt(playlistId, 10)),
+		queryFn: () => api.playlists.getPlaylistById(parseInt(playlistId, 10)),
 		enabled: isEditMode
 	});
 	const playlist = playlistResponse?.playlist;
@@ -8773,7 +8784,7 @@ function formatFileSize(bytes) {
 }
 const DEFAULT_IMAGE = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function FilesListingScreen({ onNavigate }) {
-	const client = useShareablesClient();
+	const api = useShareablesApi();
 	const renderImage = useRenderImage();
 	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 		className: "text-lg",
@@ -8794,7 +8805,7 @@ function FilesListingScreen({ onNavigate }) {
 	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, error } = (0, _tanstack_react_query.useInfiniteQuery)({
 		queryKey: ["shareables-files", debouncedSearch],
 		queryFn: async ({ pageParam = 1 }) => {
-			return await require_src$1.getFileResources(client, {
+			return await api.fileResources.getFileResources({
 				search_query: debouncedSearch || void 0,
 				pageParam: pageParam.toString(),
 				pageSize: PAGE_SIZE.toString()
@@ -9010,6 +9021,12 @@ Object.defineProperty(exports, "ProductsApp", {
 		return ProductsApp;
 	}
 });
+Object.defineProperty(exports, "ShareablesApiProvider", {
+	enumerable: true,
+	get: function() {
+		return ShareablesApiProvider;
+	}
+});
 Object.defineProperty(exports, "ShareablesApp", {
 	enumerable: true,
 	get: function() {
@@ -9029,4 +9046,4 @@ Object.defineProperty(exports, "ShareablesUIProvider", {
 	}
 });
 
-//# sourceMappingURL=src-bzRRiTN4.cjs.map
+//# sourceMappingURL=src-BbJs882O.cjs.map