@classytic/commerce-sdk 0.1.2 → 0.2.1

package/dist/content/hooks/media.js

@@ -0,0 +1,153 @@
+"use client";
+
+import { useMutationWithOptimistic, useMutationWithTransition } from "../../core/react/mutation.factory.js";
+import { mediaApi } from "../api/media.js";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+
+//#region src/content/hooks/media.ts
+/**
+* Media Hooks — Upload, list, update, delete
+*/
+const MEDIA_KEYS = {
+	all: ["media"],
+	lists: () => [...MEDIA_KEYS.all, "list"],
+	list: (params) => [...MEDIA_KEYS.lists(), params],
+	details: () => [...MEDIA_KEYS.all, "detail"],
+	detail: (id) => [...MEDIA_KEYS.details(), id],
+	folders: () => [...MEDIA_KEYS.all, "folders"]
+};
+/** List media with filtering */
+function useMediaList(params = {}, options = {}) {
+	const { enabled = true, staleTime = 120 * 1e3, gcTime = 300 * 1e3, refetchOnWindowFocus = false } = options;
+	return useQuery({
+		queryKey: MEDIA_KEYS.list(params),
+		queryFn: () => mediaApi.list({ params }),
+		enabled,
+		staleTime,
+		gcTime,
+		refetchOnWindowFocus
+	});
+}
+/** Get single media by ID */
+function useMediaDetail(id, options = {}) {
+	const { enabled = true, staleTime = 120 * 1e3, gcTime = 300 * 1e3 } = options;
+	return useQuery({
+		queryKey: MEDIA_KEYS.detail(id),
+		queryFn: () => mediaApi.get({ id }),
+		enabled: enabled && !!id,
+		staleTime,
+		gcTime
+	});
+}
+/** Get allowed folders */
+function useMediaFolders(options = {}) {
+	const { enabled = true, staleTime = 600 * 1e3, gcTime = 900 * 1e3 } = options;
+	return useQuery({
+		queryKey: MEDIA_KEYS.folders(),
+		queryFn: () => mediaApi.getFolders(),
+		enabled,
+		staleTime,
+		gcTime
+	});
+}
+/** Upload multiple media files */
+function useMediaUpload() {
+	const mutation = useMutationWithTransition({
+		mutationFn: async ({ files, folder }) => {
+			return (await mediaApi.uploadMultiple({
+				files,
+				folder
+			})).data;
+		},
+		invalidateQueries: [MEDIA_KEYS.lists()],
+		messages: {
+			success: "Media uploaded successfully",
+			error: "Failed to upload media"
+		}
+	});
+	return {
+		upload: (params) => mutation.mutate(params),
+		uploadAsync: (params) => mutation.mutateAsync(params),
+		isUploading: mutation.isPending,
+		error: mutation.error
+	};
+}
+/** Bulk delete media with optimistic update */
+function useMediaBulkDelete() {
+	const mutation = useMutationWithOptimistic({
+		mutationFn: (ids) => mediaApi.bulkDelete({ ids }),
+		queryKeys: [MEDIA_KEYS.lists()],
+		optimisticUpdate: (old, ids) => {
+			const data = old;
+			if (!data?.docs) return old;
+			return {
+				...data,
+				docs: data.docs.filter((item) => !ids.includes(item._id)),
+				total: (data.total || 0) - ids.length
+			};
+		},
+		messages: {
+			success: "Items deleted successfully",
+			error: "Failed to delete media"
+		}
+	});
+	return {
+		bulkDelete: (ids) => mutation.mutate(ids),
+		bulkDeleteAsync: (ids) => mutation.mutateAsync(ids),
+		isDeleting: mutation.isPending,
+		error: mutation.error
+	};
+}
+/** Move media to different folder */
+function useMediaMove() {
+	const mutation = useMutationWithTransition({
+		mutationFn: (data) => mediaApi.moveToFolder({ data }),
+		invalidateQueries: [MEDIA_KEYS.lists()],
+		messages: {
+			success: "Files moved successfully",
+			error: "Failed to move media"
+		}
+	});
+	return {
+		move: (data) => mutation.mutate(data),
+		moveAsync: (data) => mutation.mutateAsync(data),
+		isMoving: mutation.isPending,
+		error: mutation.error
+	};
+}
+/** Update media metadata with optimistic update */
+function useMediaUpdate() {
+	const queryClient = useQueryClient();
+	const mutation = useMutationWithOptimistic({
+		mutationFn: ({ id, data }) => mediaApi.updateMedia({
+			id,
+			data
+		}),
+		queryKeys: [MEDIA_KEYS.lists()],
+		onSuccess: (_data, { id }) => {
+			queryClient.invalidateQueries({ queryKey: MEDIA_KEYS.detail(id) });
+		},
+		messages: {
+			success: "Media updated successfully",
+			error: "Failed to update media"
+		}
+	});
+	return {
+		update: (params) => mutation.mutate(params),
+		updateAsync: (params) => mutation.mutateAsync(params),
+		isUpdating: mutation.isPending,
+		error: mutation.error
+	};
+}
+function getMediaVariantUrl(media, variantName) {
+	return media.variants?.find((v) => v.name === variantName)?.url || media.url;
+}
+function getMediaThumbnailUrl(media) {
+	return getMediaVariantUrl(media, "thumbnail");
+}
+function getMediaMediumUrl(media) {
+	return getMediaVariantUrl(media, "medium");
+}
+
+//#endregion
+export { MEDIA_KEYS, getMediaMediumUrl, getMediaThumbnailUrl, getMediaVariantUrl, useMediaBulkDelete, useMediaDetail, useMediaFolders, useMediaList, useMediaMove, useMediaUpdate, useMediaUpload };

package/dist/content/index.d.ts

@@ -1,309 +1,7 @@
-import { q as MediaQueryParams, l as Media, i as MediaFolder, r as BulkDeleteResult, p as MoveFilesPayload, s as MoveFilesResult, o as UpdateMediaPayload, b as CMSPage, c as CMSPagePayload } from '../media-CNLJK93J.js';
-export { A as AboutPageContent, B as BulkDeletePayload, f as CMSContentBySlug, a as CMSMetadata, C as CMSPageStatus, h as CMSSlug, d as ContactPageContent, F as FAQPageContent, H as HomePageContent, M as MediaApi, j as MediaDimensions, k as MediaVariant, P as PolicyPageContent, R as ReturnsPageContent, e as ShippingPageContent, S as SizeGuidePageContent, n as UploadMultiplePayload, U as UploadPayload, V as VariantName, g as getCmsPage, m as mediaApi, u as updateCmsPage } from '../media-CNLJK93J.js';
-import * as _tanstack_react_query from '@tanstack/react-query';
-import { P as PaginatedResponse, A as ApiResponse } from '../api-factory-B_h4RKBm.js';
-
-declare const MEDIA_KEYS: {
-    all: readonly ["media"];
-    lists: () => readonly ["media", "list"];
-    list: (params: MediaQueryParams) => readonly ["media", "list", MediaQueryParams];
-    details: () => readonly ["media", "detail"];
-    detail: (id: string) => readonly ["media", "detail", string];
-    folders: () => readonly ["media", "folders"];
-};
-interface UseMediaListOptions {
-    enabled?: boolean;
-    staleTime?: number;
-    gcTime?: number;
-    refetchOnWindowFocus?: boolean;
-}
-interface UseMediaUploadReturn {
-    upload: (params: {
-        files: (File | Blob)[];
-        folder?: MediaFolder;
-    }) => void;
-    uploadAsync: (params: {
-        files: (File | Blob)[];
-        folder?: MediaFolder;
-    }) => Promise<Media[]>;
-    isUploading: boolean;
-    error: Error | null;
-}
-interface UseMediaBulkDeleteReturn {
-    bulkDelete: (ids: string[]) => void;
-    bulkDeleteAsync: (ids: string[]) => Promise<BulkDeleteResult>;
-    isDeleting: boolean;
-    error: Error | null;
-}
-interface UseMediaMoveReturn {
-    move: (data: MoveFilesPayload) => void;
-    moveAsync: (data: MoveFilesPayload) => Promise<MoveFilesResult>;
-    isMoving: boolean;
-    error: Error | null;
-}
-interface UseMediaUpdateReturn {
-    update: (params: {
-        id: string;
-        data: UpdateMediaPayload;
-    }) => void;
-    updateAsync: (params: {
-        id: string;
-        data: UpdateMediaPayload;
-    }) => Promise<Media>;
-    isUpdating: boolean;
-    error: Error | null;
-}
-/**
- * Hook to get media list with folder filtering
- *
- * @param token - Auth token (required)
- * @param params - Query params (folder, search, limit, etc.)
- * @param options - React Query options
- *
- * @example
- * ```tsx
- * function MediaLibrary() {
- *   const { data, isLoading } = useMediaList(token, {
- *     folder: 'products',
- *     limit: 20,
- *   });
- *
- *   if (isLoading) return <Spinner />;
- *
- *   return (
- *     <div className="grid">
- *       {data?.docs?.map(media => (
- *         <img key={media._id} src={media.variants?.thumbnail?.url || media.url} />
- *       ))}
- *     </div>
- *   );
- * }
- * ```
- */
-declare function useMediaList(token: string | null, params?: MediaQueryParams, options?: UseMediaListOptions): _tanstack_react_query.UseQueryResult<PaginatedResponse<Media>, Error>;
-/**
- * Hook to get single media by ID
- *
- * @param token - Auth token (required)
- * @param id - Media ID
- * @param options - React Query options
- *
- * @example
- * ```tsx
- * function MediaDetail({ id }) {
- *   const { data, isLoading } = useMediaDetail(token, id);
- *
- *   if (isLoading) return <Spinner />;
- *
- *   return (
- *     <div>
- *       <img src={data?.data?.url} alt={data?.data?.alt} />
- *       <p>{data?.data?.title}</p>
- *     </div>
- *   );
- * }
- * ```
- */
-declare function useMediaDetail(token: string | null, id: string | null, options?: UseMediaListOptions): _tanstack_react_query.UseQueryResult<ApiResponse<Media>, Error>;
-/**
- * Hook to get allowed folders
- *
- * @param token - Auth token (required)
- * @param options - React Query options
- *
- * @example
- * ```tsx
- * function FolderSelector() {
- *   const { data, isLoading } = useMediaFolders(token);
- *
- *   return (
- *     <Select>
- *       {data?.data?.map(folder => (
- *         <SelectItem key={folder} value={folder}>{folder}</SelectItem>
- *       ))}
- *     </Select>
- *   );
- * }
- * ```
- */
-declare function useMediaFolders(token: string | null, options?: UseMediaListOptions): _tanstack_react_query.UseQueryResult<ApiResponse<MediaFolder[]>, Error>;
-/**
- * Hook to upload multiple media files
- *
- * @param token - Auth token (required)
- *
- * @example
- * ```tsx
- * function MediaUploader() {
- *   const { upload, isUploading } = useMediaUpload(token);
- *
- *   const handleFiles = (e) => {
- *     const files = Array.from(e.target.files);
- *     upload({ files, folder: 'products' });
- *   };
- *
- *   return (
- *     <input type="file" multiple onChange={handleFiles} disabled={isUploading} />
- *   );
- * }
- * ```
- */
-declare function useMediaUpload(token: string): UseMediaUploadReturn;
-/**
- * Hook to bulk delete media with optimistic updates
- *
- * @param token - Auth token (required)
- *
- * @example
- * ```tsx
- * function MediaManager({ selectedIds }) {
- *   const { bulkDelete, isDeleting } = useMediaBulkDelete(token);
- *
- *   return (
- *     <Button
- *       variant="destructive"
- *       onClick={() => bulkDelete(selectedIds)}
- *       disabled={isDeleting}
- *     >
- *       Delete Selected
- *     </Button>
- *   );
- * }
- * ```
- */
-declare function useMediaBulkDelete(token: string): UseMediaBulkDeleteReturn;
-/**
- * Hook to move media to different folder
- *
- * @param token - Auth token (required)
- *
- * @example
- * ```tsx
- * function MoveDialog({ selectedIds }) {
- *   const { move, isMoving } = useMediaMove(token);
- *
- *   const handleMove = (folder) => {
- *     move({ ids: selectedIds, targetFolder: folder });
- *   };
- *
- *   return <FolderSelect onSelect={handleMove} disabled={isMoving} />;
- * }
- * ```
- */
-declare function useMediaMove(token: string): UseMediaMoveReturn;
-/**
- * Hook to update media metadata
- *
- * @param token - Auth token (required)
- *
- * @example
- * ```tsx
- * function MediaEdit({ media }) {
- *   const { update, isUpdating } = useMediaUpdate(token);
- *   const [alt, setAlt] = useState(media.alt);
- *
- *   const handleSave = () => {
- *     update({ id: media._id, data: { alt } });
- *   };
- *
- *   return (
- *     <>
- *       <Input value={alt} onChange={e => setAlt(e.target.value)} />
- *       <Button onClick={handleSave} disabled={isUpdating}>Save</Button>
- *     </>
- *   );
- * }
- * ```
- */
-declare function useMediaUpdate(token: string): UseMediaUpdateReturn;
-/**
- * Get variant URL by name, falls back to original URL
- */
-declare function getMediaVariantUrl(media: Media, variantName: string): string;
-/**
- * Get thumbnail URL
- */
-declare function getMediaThumbnailUrl(media: Media): string;
-/**
- * Get medium URL
- */
-declare function getMediaMediumUrl(media: Media): string;
-
-declare const CMS_KEYS: {
-    all: readonly ["cms"];
-    page: (slug: string) => readonly ["cms", string];
-};
-interface QueryOptions {
-    enabled?: boolean;
-    staleTime?: number;
-}
-interface UseCMSPageReturn {
-    page: CMSPage | null;
-    isLoading: boolean;
-    isFetching: boolean;
-    error: Error | null;
-    refetch: () => void;
-}
-interface UseCMSUpdateReturn {
-    updatePage: (params: {
-        slug: string;
-        data: CMSPagePayload;
-    }) => Promise<CMSPage>;
-    isUpdating: boolean;
-}
-/**
- * Fetch CMS page by slug
- *
- * @param slug - Page slug (e.g., 'about', 'terms', 'privacy')
- * @param options - Query options
- *
- * @example
- * ```tsx
- * function AboutPage() {
- *   const { page, isLoading } = useCMSPage('about');
- *
- *   if (isLoading) return <Skeleton />;
- *   if (!page) return <StaticAboutPage />;
- *
- *   return (
- *     <article>
- *       <h1>{page.title}</h1>
- *       <div dangerouslySetInnerHTML={{ __html: page.content }} />
- *     </article>
- *   );
- * }
- * ```
- */
-declare function useCMSPage(slug: string, options?: QueryOptions): UseCMSPageReturn;
-/**
- * Update CMS page (admin)
- * Backend auto-creates if page doesn't exist
- *
- * @param token - Admin token
- *
- * @example
- * ```tsx
- * function CMSEditor({ slug }) {
- *   const { page } = useCMSPage(slug);
- *   const { updatePage, isUpdating } = useCMSUpdate(token);
- *
- *   const handleSave = async (content: string) => {
- *     await updatePage({
- *       slug,
- *       data: { content, title: page?.title },
- *     });
- *   };
- *
- *   return (
- *     <Editor
- *       content={page?.content || ''}
- *       onSave={handleSave}
- *       isSaving={isUpdating}
- *     />
- *   );
- * }
- * ```
- */
-declare function useCMSUpdate(token: string): UseCMSUpdateReturn;
-
-export { BulkDeleteResult, CMSPage, CMSPagePayload, CMS_KEYS, MEDIA_KEYS, Media, MediaFolder, MediaQueryParams, MoveFilesPayload, MoveFilesResult, UpdateMediaPayload, type UseCMSPageReturn, type UseCMSUpdateReturn, type UseMediaBulkDeleteReturn, type UseMediaListOptions, type UseMediaMoveReturn, type UseMediaUpdateReturn, type UseMediaUploadReturn, getMediaMediumUrl, getMediaThumbnailUrl, getMediaVariantUrl, useCMSPage, useCMSUpdate, useMediaBulkDelete, useMediaDetail, useMediaFolders, useMediaList, useMediaMove, useMediaUpdate, useMediaUpload };
+import { AboutPageContent, CMSContentBySlug, CMSMetadata, CMSPage, CMSPagePayload, CMSPageStatus, CMSSlug, ContactPageContent, FAQPageContent, HomePageContent, PolicyPageContent, ReturnsPageContent, ShippingPageContent, SizeGuidePageContent } from "./types/cms.js";
+import { CmsApi, cmsApi } from "./api/cms.js";
+import { BulkDeletePayload, BulkDeleteResult, Media, MediaDimensions, MediaFolder, MediaQueryParams, MediaVariant, MoveFilesPayload, MoveFilesResult, UpdateMediaPayload, UploadMultiplePayload, UploadPayload, VariantName } from "./types/media.js";
+import { MediaApi, mediaApi } from "./api/media.js";
+import { MEDIA_KEYS, UseMediaBulkDeleteReturn, UseMediaListOptions, UseMediaMoveReturn, UseMediaUpdateReturn, UseMediaUploadReturn, getMediaMediumUrl, getMediaThumbnailUrl, getMediaVariantUrl, useMediaBulkDelete, useMediaDetail, useMediaFolders, useMediaList, useMediaMove, useMediaUpdate, useMediaUpload } from "./hooks/media.js";
+import { CMS_KEYS, UseCMSPageReturn, UseCMSUpdateReturn, useCMSPage, useCMSUpdate } from "./hooks/cms.js";
+export { type AboutPageContent, type BulkDeletePayload, type BulkDeleteResult, type CMSContentBySlug, type CMSMetadata, type CMSPage, type CMSPagePayload, type CMSPageStatus, type CMSSlug, CMS_KEYS, CmsApi, type ContactPageContent, type FAQPageContent, type HomePageContent, MEDIA_KEYS, type Media, MediaApi, type MediaDimensions, type MediaFolder, type MediaQueryParams, type MediaVariant, type MoveFilesPayload, type MoveFilesResult, type PolicyPageContent, type ReturnsPageContent, type ShippingPageContent, type SizeGuidePageContent, type UpdateMediaPayload, type UploadMultiplePayload, type UploadPayload, type UseCMSPageReturn, type UseCMSUpdateReturn, type UseMediaBulkDeleteReturn, type UseMediaListOptions, type UseMediaMoveReturn, type UseMediaUpdateReturn, type UseMediaUploadReturn, type VariantName, cmsApi, getMediaMediumUrl, getMediaThumbnailUrl, getMediaVariantUrl, mediaApi, useCMSPage, useCMSUpdate, useMediaBulkDelete, useMediaDetail, useMediaFolders, useMediaList, useMediaMove, useMediaUpdate, useMediaUpload };

package/dist/content/index.js

@@ -1,6 +1,6 @@
-"use client";
-export { CMS_KEYS, MEDIA_KEYS, MediaApi, getCmsPage, getMediaMediumUrl, getMediaThumbnailUrl, getMediaVariantUrl, mediaApi, updateCmsPage, useCMSPage, useCMSUpdate, useMediaBulkDelete, useMediaDetail, useMediaFolders, useMediaList, useMediaMove, useMediaUpdate, useMediaUpload } from '../chunk-ERQ52WHY.js';
-import '../chunk-U3XT35GZ.js';
-import '../chunk-IHCBBLLW.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import { CmsApi, cmsApi } from "./api/cms.js";
+import { MediaApi, mediaApi } from "./api/media.js";
+import { MEDIA_KEYS, getMediaMediumUrl, getMediaThumbnailUrl, getMediaVariantUrl, useMediaBulkDelete, useMediaDetail, useMediaFolders, useMediaList, useMediaMove, useMediaUpdate, useMediaUpload } from "./hooks/media.js";
+import { CMS_KEYS, useCMSPage, useCMSUpdate } from "./hooks/cms.js";
+
+export { CMS_KEYS, CmsApi, MEDIA_KEYS, MediaApi, cmsApi, getMediaMediumUrl, getMediaThumbnailUrl, getMediaVariantUrl, mediaApi, useCMSPage, useCMSUpdate, useMediaBulkDelete, useMediaDetail, useMediaFolders, useMediaList, useMediaMove, useMediaUpdate, useMediaUpload };