@mohasinac/appkit 2.4.10 → 2.5.0

package/dist/features/blog/actions/blog-actions.d.ts

@@ -16,13 +16,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
@@ -35,13 +35,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -51,13 +51,13 @@ export declare const createBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -69,42 +69,42 @@ export declare const createBlogPostSchema: z.ZodObject<{
     metaTitle: z.ZodOptional<z.ZodString>;
     metaDescription: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
+    status: "draft" | "published" | "archived";
     title: string;
     content: string;
-    status: "draft" | "published" | "archived";
     category: "news" | "tips" | "guides" | "updates" | "community";
-    additionalImages: {
-        url: string;
-        type: "video" | "image" | "file";
-        alt?: string | undefined;
-        thumbnailUrl?: string | undefined;
-    }[];
-    tags: string[];
     slug: string;
+    tags: string[];
     isFeatured: boolean;
     excerpt: string;
     contentImages: {
+        type: "video" | "image" | "file";
         url: string;
+        alt?: string | undefined;
+        thumbnailUrl?: string | undefined;
+    }[];
+    additionalImages: {
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
     readTimeMinutes: number;
+    publishedAt?: string | undefined;
     coverImage?: {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
         url: string;
         type: "image";
     } | null | undefined;
-    publishedAt?: string | undefined;
+    authorId?: string | undefined;
     authorName?: string | undefined;
+    authorAvatar?: string | undefined;
     metaTitle?: string | undefined;
     metaDescription?: string | undefined;
-    authorId?: string | undefined;
-    authorAvatar?: string | undefined;
 }, {
     title: string;
     content: string;
@@ -112,33 +112,33 @@ export declare const createBlogPostSchema: z.ZodObject<{
     slug: string;
     excerpt: string;
     status?: "draft" | "published" | "archived" | undefined;
+    tags?: string[] | undefined;
+    publishedAt?: string | undefined;
+    isFeatured?: boolean | undefined;
     coverImage?: string | {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined;
-    additionalImages?: {
-        url: string;
+    contentImages?: {
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
-    tags?: string[] | undefined;
-    publishedAt?: string | undefined;
-    isFeatured?: boolean | undefined;
-    authorName?: string | undefined;
-    metaTitle?: string | undefined;
-    metaDescription?: string | undefined;
-    contentImages?: {
-        url: string;
+    additionalImages?: {
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     authorId?: string | undefined;
+    authorName?: string | undefined;
     authorAvatar?: string | undefined;
     readTimeMinutes?: number | undefined;
+    metaTitle?: string | undefined;
+    metaDescription?: string | undefined;
 }>;
 export declare const updateBlogPostSchema: z.ZodObject<{
     title: z.ZodOptional<z.ZodString>;
@@ -155,13 +155,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
@@ -174,13 +174,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>>;
@@ -190,13 +190,13 @@ export declare const updateBlogPostSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>>;
@@ -208,76 +208,76 @@ export declare const updateBlogPostSchema: z.ZodObject<{
     metaTitle: z.ZodOptional<z.ZodOptional<z.ZodString>>;
     metaDescription: z.ZodOptional<z.ZodOptional<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
+    status?: "draft" | "published" | "archived" | undefined;
     title?: string | undefined;
     content?: string | undefined;
-    status?: "draft" | "published" | "archived" | undefined;
     category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
+    slug?: string | undefined;
+    tags?: string[] | undefined;
+    publishedAt?: string | undefined;
+    isFeatured?: boolean | undefined;
     coverImage?: {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
         url: string;
         type: "image";
     } | null | undefined;
-    additionalImages?: {
-        url: string;
+    excerpt?: string | undefined;
+    contentImages?: {
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
-    tags?: string[] | undefined;
-    slug?: string | undefined;
-    publishedAt?: string | undefined;
-    isFeatured?: boolean | undefined;
-    authorName?: string | undefined;
-    excerpt?: string | undefined;
-    metaTitle?: string | undefined;
-    metaDescription?: string | undefined;
-    contentImages?: {
-        url: string;
+    additionalImages?: {
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     authorId?: string | undefined;
+    authorName?: string | undefined;
     authorAvatar?: string | undefined;
     readTimeMinutes?: number | undefined;
+    metaTitle?: string | undefined;
+    metaDescription?: string | undefined;
 }, {
+    status?: "draft" | "published" | "archived" | undefined;
     title?: string | undefined;
     content?: string | undefined;
-    status?: "draft" | "published" | "archived" | undefined;
     category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
+    slug?: string | undefined;
+    tags?: string[] | undefined;
+    publishedAt?: string | undefined;
+    isFeatured?: boolean | undefined;
     coverImage?: string | {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined;
-    additionalImages?: {
-        url: string;
+    excerpt?: string | undefined;
+    contentImages?: {
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
-    tags?: string[] | undefined;
-    slug?: string | undefined;
-    publishedAt?: string | undefined;
-    isFeatured?: boolean | undefined;
-    authorName?: string | undefined;
-    excerpt?: string | undefined;
-    metaTitle?: string | undefined;
-    metaDescription?: string | undefined;
-    contentImages?: {
-        url: string;
+    additionalImages?: {
         type: "video" | "image" | "file";
+        url: string;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     authorId?: string | undefined;
+    authorName?: string | undefined;
     authorAvatar?: string | undefined;
     readTimeMinutes?: number | undefined;
+    metaTitle?: string | undefined;
+    metaDescription?: string | undefined;
 }>;
 export type CreateBlogPostInput = z.infer<typeof createBlogPostSchema>;
 export type UpdateBlogPostInput = z.infer<typeof updateBlogPostSchema>;

package/dist/features/blog/components/BlogPostView.d.ts

@@ -27,6 +27,8 @@ export interface BlogPostViewProps {
     renderError?: (error: Error | null) => React.ReactNode;
     /** Render a related post card */
     renderRelatedCard?: (post: BlogPost, index: number) => React.ReactNode;
+    /** TS12/VD10 — Render an author bio block (above the article content) */
+    renderAuthorBio?: (post: BlogPost) => React.ReactNode;
     className?: string;
 }
-export declare function BlogPostView({ slug, initialData, labels, renderImage, renderContent, renderBackButton, renderLoading, renderError, renderRelatedCard, className, }: BlogPostViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlogPostView({ slug, initialData, labels, renderImage, renderContent, renderBackButton, renderLoading, renderError, renderRelatedCard, renderAuthorBio, className, }: BlogPostViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/blog/components/BlogPostView.js

@@ -7,6 +7,7 @@ import { BlogCard } from "./BlogListView";
 import { getMediaUrl } from "../../media/types/index";
 import { getDefaultLocale } from "../../../core/baseline-resolver";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter";
+import { ROUTES } from "../../../next/routing/route-map";
 const CATEGORY_BADGE = {
     news: "bg-blue-100 text-blue-800",
     tips: "bg-emerald-100 text-emerald-800",
@@ -14,7 +15,7 @@ const CATEGORY_BADGE = {
     updates: "bg-purple-100 text-purple-800",
     community: "bg-orange-100 text-orange-800",
 };
-export function BlogPostView({ slug, initialData, labels = {}, renderImage, renderContent, renderBackButton, renderLoading, renderError, renderRelatedCard, className = "", }) {
+export function BlogPostView({ slug, initialData, labels = {}, renderImage, renderContent, renderBackButton, renderLoading, renderError, renderRelatedCard, renderAuthorBio, className = "", }) {
     const { post, related, isLoading, error } = useBlogPost(slug, {
         initialData,
     });
@@ -36,5 +37,5 @@ export function BlogPostView({ slug, initialData, labels = {}, renderImage, rend
         })
         : "";
     const coverImageUrl = getMediaUrl(post.coverImage);
-    return (_jsxs(Div, { className: `min-h-screen ${className}`, children: [coverImageUrl && (_jsxs(Div, { className: "relative h-72 md:h-96 overflow-hidden", children: [renderImage ? (renderImage(post)) : (_jsx(Div, { role: "img", "aria-label": post.title, className: "h-full w-full bg-cover bg-center", style: { backgroundImage: `url(${coverImageUrl})` } })), _jsx(Div, { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" })] })), _jsxs(Div, { className: "max-w-3xl mx-auto px-4 py-12", children: [_jsxs(Div, { className: "mb-8", children: [_jsxs(Row, { className: "gap-2 mb-4", children: [_jsx(Span, { className: `inline-block px-2 py-0.5 rounded-full text-xs font-medium capitalize ${CATEGORY_BADGE[post.category] ?? ""}`, children: post.category }), post.isFeatured && (_jsx(Span, { className: "bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded-full text-xs font-medium", children: labels.featured ?? "Featured" }))] }), _jsx(Heading, { level: 1, className: "text-3xl font-bold mb-4", children: post.title }), post.excerpt && (_jsx(Text, { className: "text-lg text-neutral-500 mb-6", children: post.excerpt })), _jsxs(Row, { wrap: true, gap: "md", className: "text-sm text-neutral-400", children: [post.authorName && (_jsxs(Span, { children: [labels.author ?? "By", " ", _jsx(Span, { className: "font-medium text-neutral-700", children: post.authorName })] })), post.readTimeMinutes != null && (_jsxs(Span, { children: [post.readTimeMinutes, " ", labels.readTime ?? "min read"] })), date && (_jsxs(Span, { children: [labels.publishedOn ?? "Published", " ", date] })), post.views != null && (_jsxs(Span, { children: [post.views, " ", labels.viewsLabel ?? "views"] }))] })] }), post.tags && post.tags.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mb-8", children: post.tags.map((tag) => (_jsxs(Span, { className: "inline-block px-3 py-1 rounded-full bg-neutral-100 text-neutral-600 text-xs font-medium", children: ["#", tag] }, tag))) })), _jsx(Div, { className: "bg-white dark:bg-slate-900 rounded-xl border border-neutral-200 dark:border-slate-700 p-8 mb-12", children: renderContent ? (renderContent(post)) : (_jsx(RichText, { html: normalizeRichTextHtml(post.content ?? ""), proseClass: "prose max-w-none dark:prose-invert", className: "text-neutral-800 dark:text-neutral-100" })) }), related.length > 0 && (_jsxs(Div, { children: [_jsx(Heading, { level: 2, className: "text-xl font-semibold mb-6", children: labels.relatedTitle ?? "Related Posts" }), _jsx(Div, { className: "grid sm:grid-cols-3 gap-6", children: related.map((rel, i) => renderRelatedCard ? (_jsx(React.Fragment, { children: renderRelatedCard(rel, i) }, rel.id)) : (_jsx(BlogCard, { post: rel }, rel.id))) })] })), renderBackButton && (_jsx(Div, { className: "mt-10 pt-8 border-t border-neutral-200", children: renderBackButton() }))] })] }));
+    return (_jsxs(Div, { className: `min-h-screen ${className}`, children: [coverImageUrl && (_jsxs(Div, { className: "relative h-72 md:h-96 overflow-hidden", children: [renderImage ? (renderImage(post)) : (_jsx(Div, { role: "img", "aria-label": post.title, className: "h-full w-full bg-cover bg-center", style: { backgroundImage: `url(${coverImageUrl})` } })), _jsx(Div, { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" })] })), _jsxs(Div, { className: "max-w-3xl mx-auto px-4 py-12", children: [_jsxs(Div, { className: "mb-8", children: [_jsxs(Row, { className: "gap-2 mb-4", children: [_jsx(Span, { className: `inline-block px-2 py-0.5 rounded-full text-xs font-medium capitalize ${CATEGORY_BADGE[post.category] ?? ""}`, children: post.category }), post.isFeatured && (_jsx(Span, { className: "bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded-full text-xs font-medium", children: labels.featured ?? "Featured" }))] }), _jsx(Heading, { level: 1, className: "text-3xl font-bold mb-4", children: post.title }), post.excerpt && (_jsx(Text, { className: "text-lg text-neutral-500 mb-6", children: post.excerpt })), _jsxs(Row, { wrap: true, gap: "md", className: "text-sm text-neutral-400", children: [post.authorName && (_jsxs(Span, { children: [labels.author ?? "By", " ", _jsx(Span, { className: "font-medium text-neutral-700", children: post.authorName })] })), post.readTimeMinutes != null && (_jsxs(Span, { children: [post.readTimeMinutes, " ", labels.readTime ?? "min read"] })), date && (_jsxs(Span, { children: [labels.publishedOn ?? "Published", " ", date] })), post.views != null && (_jsxs(Span, { children: [post.views, " ", labels.viewsLabel ?? "views"] }))] })] }), post.tags && post.tags.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mb-8", children: post.tags.map((tag) => (_jsxs(Span, { className: "inline-block px-3 py-1 rounded-full bg-neutral-100 text-neutral-600 text-xs font-medium", children: ["#", tag] }, tag))) })), renderAuthorBio && (_jsx(Div, { className: "mb-6", children: renderAuthorBio(post) })), _jsx(Div, { className: "bg-white dark:bg-slate-900 rounded-xl border border-neutral-200 dark:border-slate-700 p-8 mb-12", children: renderContent ? (renderContent(post)) : (_jsx(RichText, { html: normalizeRichTextHtml(post.content ?? ""), proseClass: "prose max-w-none dark:prose-invert", className: "text-neutral-800 dark:text-neutral-100" })) }), related.length > 0 && (_jsxs(Div, { children: [_jsx(Heading, { level: 2, className: "text-xl font-semibold mb-6", children: labels.relatedTitle ?? "Related Posts" }), _jsx(Div, { className: "grid sm:grid-cols-3 gap-6", children: related.map((rel, i) => renderRelatedCard ? (_jsx(React.Fragment, { children: renderRelatedCard(rel, i) }, rel.id)) : (_jsx(BlogCard, { post: rel, href: String(ROUTES.BLOG.ARTICLE(rel.slug)) }, rel.id))) })] })), renderBackButton && (_jsx(Div, { className: "mt-10 pt-8 border-t border-neutral-200", children: renderBackButton() }))] })] }));
 }

package/dist/features/blog/schemas/index.d.ts

@@ -29,15 +29,15 @@ export declare const blogPostSchema: z.ZodObject<{
         source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
         youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -46,8 +46,8 @@ export declare const blogPostSchema: z.ZodObject<{
         url: string;
         type: "image";
     }, string>]>>>, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -56,8 +56,8 @@ export declare const blogPostSchema: z.ZodObject<{
         url: string;
         type: "image";
     } | null, string | {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -71,15 +71,15 @@ export declare const blogPostSchema: z.ZodObject<{
         source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
         youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -93,15 +93,15 @@ export declare const blogPostSchema: z.ZodObject<{
         source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
         youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -123,12 +123,13 @@ export declare const blogPostSchema: z.ZodObject<{
     updatedAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    title: string;
     status: "draft" | "published" | "archived";
+    title: string;
     category: "news" | "tips" | "guides" | "updates" | "community";
+    slug: string;
     coverImage: {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -137,81 +138,80 @@ export declare const blogPostSchema: z.ZodObject<{
         url: string;
         type: "image";
     } | null;
-    additionalImages: {
-        url: string;
+    contentImages: {
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }[];
-    slug: string;
-    contentImages: {
-        url: string;
+    additionalImages: {
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }[];
-    content?: string | undefined;
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
+    content?: string | undefined;
     tags?: string[] | undefined;
     publishedAt?: string | undefined;
     isFeatured?: boolean | undefined;
-    authorName?: string | undefined;
-    excerpt?: string | undefined;
-    metaTitle?: string | undefined;
-    metaDescription?: string | undefined;
     views?: number | undefined;
+    excerpt?: string | undefined;
     authorId?: string | undefined;
+    authorName?: string | undefined;
     authorAvatar?: string | undefined;
     readTimeMinutes?: number | undefined;
+    metaTitle?: string | undefined;
+    metaDescription?: string | undefined;
 }, {
     id: string;
-    title: string;
     status: "draft" | "published" | "archived";
+    title: string;
     category: "news" | "tips" | "guides" | "updates" | "community";
     slug: string;
-    content?: string | undefined;
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
+    content?: string | undefined;
+    tags?: string[] | undefined;
+    publishedAt?: string | undefined;
+    isFeatured?: boolean | undefined;
     coverImage?: string | {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     } | null | undefined;
-    additionalImages?: {
-        url: string;
+    views?: number | undefined;
+    excerpt?: string | undefined;
+    contentImages?: {
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }[] | undefined;
-    tags?: string[] | undefined;
-    publishedAt?: string | undefined;
-    isFeatured?: boolean | undefined;
-    authorName?: string | undefined;
-    excerpt?: string | undefined;
-    metaTitle?: string | undefined;
-    metaDescription?: string | undefined;
-    views?: number | undefined;
-    contentImages?: {
-        url: string;
+    additionalImages?: {
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }[] | undefined;
     authorId?: string | undefined;
+    authorName?: string | undefined;
     authorAvatar?: string | undefined;
     readTimeMinutes?: number | undefined;
+    metaTitle?: string | undefined;
+    metaDescription?: string | undefined;
 }>;
 /** Base Zod schema for list-query parameters. */
 export declare const blogListParamsSchema: z.ZodObject<{
@@ -224,18 +224,18 @@ export declare const blogListParamsSchema: z.ZodObject<{
     featured: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
+    perPage?: number | undefined;
     q?: string | undefined;
-    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     page?: number | undefined;
-    perPage?: number | undefined;
-    tags?: string | undefined;
+    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     featured?: boolean | undefined;
+    tags?: string | undefined;
 }, {
     sort?: string | undefined;
+    perPage?: number | undefined;
     q?: string | undefined;
-    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     page?: number | undefined;
-    perPage?: number | undefined;
-    tags?: string | undefined;
+    category?: "news" | "tips" | "guides" | "updates" | "community" | undefined;
     featured?: boolean | undefined;
+    tags?: string | undefined;
 }>;

package/dist/features/bundles/components/AdminBundleEditorView.d.ts

@@ -0,0 +1,8 @@
+import { type BundleFormValue } from "./BundleForm";
+import type { BundleDocument } from "../schemas/firestore";
+export interface AdminBundleEditorViewProps {
+    bundle: BundleDocument;
+    onSubmit: (value: BundleFormValue) => Promise<void> | void;
+    onCancel?: () => void;
+}
+export declare function AdminBundleEditorView({ bundle, onSubmit, onCancel, }: AdminBundleEditorViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/bundles/components/AdminBundleEditorView.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container, Heading, Section, Stack, Text } from "../../../ui";
+import { BundleForm } from "./BundleForm";
+export function AdminBundleEditorView({ bundle, onSubmit, onCancel, }) {
+    return (_jsx(Section, { children: _jsx(Container, { children: _jsxs(Stack, { className: "gap-6", children: [_jsx(Heading, { level: 1, children: "Edit bundle (admin)" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted,#6b7280)]", children: ["Store: ", bundle.storeName, " \u00B7 ", bundle.storeId] }), _jsx(BundleForm, { storeId: bundle.storeId, storeName: bundle.storeName, initial: bundle, onSubmit: onSubmit, onCancel: onCancel, submitLabel: "Save changes" })] }) }) }));
+}

package/dist/features/bundles/components/BundleDetailPageView.d.ts

@@ -0,0 +1,9 @@
+import type { BundleDocument } from "../schemas/firestore";
+export interface BundleDetailPageViewProps {
+    bundle: BundleDocument;
+    /** Fires after the user accepts the non-refundable consent modal. */
+    onBuy: (bundle: BundleDocument) => Promise<void> | void;
+    /** Optional override for the buy CTA (e.g. "Sign in to buy"). */
+    buyDisabledReason?: string;
+}
+export declare function BundleDetailPageView({ bundle, onBuy, buyDisabledReason, }: BundleDetailPageViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/bundles/components/BundleDetailPageView.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BundleDetailPageView — SB3-I. Public detail page for a single bundle.
+ */
+import { useState } from "react";
+import Link from "next/link";
+import { Alert, Badge, Button, Container, Div, Heading, Row, Section, Stack, Text, } from "../../../ui";
+import { NonRefundableConsentModal } from "../../products/components/NonRefundableConsentModal";
+import { ROUTES } from "../../../next/routing/route-map";
+function formatRupees(paise) {
+    return `₹${(paise / 100).toLocaleString("en-IN")}`;
+}
+function savingsPct(b) {
+    if (!b.bundleOriginalTotal)
+        return 0;
+    const off = Math.max(0, b.bundleOriginalTotal - b.bundlePrice);
+    return Math.round((off / b.bundleOriginalTotal) * 100);
+}
+export function BundleDetailPageView({ bundle, onBuy, buyDisabledReason, }) {
+    const [consentOpen, setConsentOpen] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const oos = bundle.status === "out_of_stock";
+    const off = savingsPct(bundle);
+    const handleBuyClick = () => {
+        if (oos || buyDisabledReason)
+            return;
+        setConsentOpen(true);
+    };
+    const handleConfirm = async () => {
+        setConsentOpen(false);
+        setBusy(true);
+        try {
+            await onBuy(bundle);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsx(Section, { children: _jsxs(Container, { children: [_jsxs(Stack, { className: "gap-6", children: [_jsxs(Stack, { className: "gap-1", children: [_jsxs(Row, { className: "text-sm text-[var(--appkit-color-text-muted,#6b7280)] gap-2", children: [_jsx(Link, { href: String(ROUTES.PUBLIC.BUNDLES), children: "Bundles" }), _jsx("span", { children: "\u00B7" }), _jsx(Text, { children: bundle.storeName })] }), _jsx(Heading, { level: 1, children: bundle.title }), bundle.description && (_jsx(Text, { className: "text-[var(--appkit-color-text-muted,#6b7280)]", children: bundle.description }))] }), _jsxs(Div, { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsx(Div, { className: "aspect-video rounded-lg overflow-hidden bg-zinc-100 dark:bg-zinc-800", children: bundle.images?.[0] && (
+                                    /* eslint-disable-next-line @next/next/no-img-element */
+                                    _jsx("img", { src: bundle.images[0], alt: bundle.title, className: "h-full w-full object-cover" })) }), _jsxs(Stack, { className: "gap-4", children: [off > 0 && (_jsxs(Badge, { variant: "success", children: ["Save ", off, "% on this bundle"] })), _jsxs(Row, { className: "items-baseline gap-3", children: [_jsx(Heading, { level: 2, children: formatRupees(bundle.bundlePrice) }), bundle.bundleOriginalTotal > bundle.bundlePrice && (_jsx(Text, { className: "line-through text-[var(--appkit-color-text-muted,#6b7280)]", children: formatRupees(bundle.bundleOriginalTotal) }))] }), _jsxs(Text, { className: "text-sm text-[var(--appkit-color-text-muted,#6b7280)]", children: [bundle.bundleItems.length, " items \u00B7 ships together \u00B7 non-refundable"] }), bundle.maxPerUser != null && (_jsxs(Badge, { variant: "secondary", children: ["Limit: ", bundle.maxPerUser, " per customer"] })), oos ? (_jsx(Alert, { variant: "warning", children: "This bundle is currently unavailable \u2014 one or more items have sold out." })) : buyDisabledReason ? (_jsx(Alert, { variant: "info", children: buyDisabledReason })) : null, _jsx(Button, { type: "button", variant: "primary", size: "lg", disabled: oos || !!buyDisabledReason || busy, onClick: handleBuyClick, children: busy ? "Processing…" : "Buy Bundle" })] })] }), bundle.video?.url && (_jsx(Div, { className: "aspect-video rounded-lg overflow-hidden bg-black", children: _jsx("video", { src: bundle.video.url, controls: true, className: "h-full w-full" }) })), _jsxs(Stack, { className: "gap-3", children: [_jsx(Heading, { level: 2, children: "What's in this bundle" }), _jsx(Div, { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: bundle.bundleItems.map((it) => (_jsxs(Stack, { className: `rounded-lg border border-zinc-200 dark:border-zinc-700 overflow-hidden ${it.isSold ? "opacity-60" : ""}`, children: [_jsxs(Div, { className: "relative aspect-square bg-zinc-100 dark:bg-zinc-800", children: [it.images?.[0] && (
+                                                    /* eslint-disable-next-line @next/next/no-img-element */
+                                                    _jsx("img", { src: it.images[0], alt: it.title, className: "h-full w-full object-cover" })), it.isSold && (_jsx(Div, { className: "absolute inset-0 grid place-items-center bg-black/50", children: _jsx(Badge, { variant: "danger", children: "Sold" }) }))] }), _jsxs(Stack, { className: "gap-1 p-2", children: [_jsx(Text, { className: "text-xs font-medium truncate", children: it.title }), _jsxs(Row, { className: "items-center gap-1 text-xs text-[var(--appkit-color-text-muted,#6b7280)]", children: [_jsx(Badge, { variant: "secondary", children: it.listingType === "pre-order" ? "Pre-order" : "Standard" }), _jsxs(Text, { children: ["\u00D7", it.quantity] })] })] })] }, it.productId))) })] })] }), _jsx(NonRefundableConsentModal, { open: consentOpen, listingType: "bundle", itemTitle: bundle.title, priceLabel: formatRupees(bundle.bundlePrice), onCancel: () => setConsentOpen(false), onConfirm: handleConfirm })] }) }));
+}

package/dist/features/bundles/components/BundleForm.d.ts

@@ -0,0 +1,12 @@
+import type { BundleDocument } from "../schemas/firestore";
+export type BundleFormValue = Partial<BundleDocument>;
+export interface BundleFormProps {
+    storeId: string;
+    storeName: string;
+    initial?: BundleFormValue;
+    isReadonly?: boolean;
+    onSubmit: (value: BundleFormValue) => Promise<void> | void;
+    onCancel?: () => void;
+    submitLabel?: string;
+}
+export declare function BundleForm({ storeId, storeName, initial, isReadonly, onSubmit, onCancel, submitLabel, }: BundleFormProps): import("react/jsx-runtime").JSX.Element;