@mohasinac/appkit 2.7.27 → 2.7.31

package/dist/_internal/shared/features/products/schema.d.ts

@@ -28,20 +28,20 @@ export declare const productInputSchema: z.ZodObject<{
     title: string;
     category: string;
     price: number;
-    tags: string[];
-    images: string[];
     stockQuantity: number;
     availableQuantity: number;
     mainImage: string;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    features?: string[] | undefined;
+    images: string[];
+    tags: string[];
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
     seoKeywords?: string[] | undefined;
     brandSlug?: string | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -53,10 +53,6 @@ export declare const productInputSchema: z.ZodObject<{
     price: number;
     mainImage: string;
     currency?: string | undefined;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    tags?: string[] | undefined;
-    features?: string[] | undefined;
-    images?: string[] | undefined;
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
@@ -64,8 +60,12 @@ export declare const productInputSchema: z.ZodObject<{
     brandSlug?: string | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
+    images?: string[] | undefined;
+    tags?: string[] | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -100,21 +100,21 @@ export declare const productUpdateSchema: z.ZodObject<{
     currency?: string | undefined;
     title?: string | undefined;
     category?: string | undefined;
-    price?: number | undefined;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    tags?: string[] | undefined;
-    features?: string[] | undefined;
-    images?: string[] | undefined;
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
     seoKeywords?: string[] | undefined;
     brandSlug?: string | undefined;
+    price?: number | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
     mainImage?: string | undefined;
+    images?: string[] | undefined;
+    tags?: string[] | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -124,21 +124,21 @@ export declare const productUpdateSchema: z.ZodObject<{
     currency?: string | undefined;
     title?: string | undefined;
     category?: string | undefined;
-    price?: number | undefined;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    tags?: string[] | undefined;
-    features?: string[] | undefined;
-    images?: string[] | undefined;
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
     seoKeywords?: string[] | undefined;
     brandSlug?: string | undefined;
+    price?: number | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
     mainImage?: string | undefined;
+    images?: string[] | undefined;
+    tags?: string[] | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -183,25 +183,25 @@ export declare const auctionInputSchema: z.ZodObject<{
     currency: string;
     title: string;
     category: string;
-    price: number;
-    tags: string[];
     listingType: "auction";
-    images: string[];
+    price: number;
     stockQuantity: number;
     availableQuantity: number;
     mainImage: string;
+    images: string[];
+    tags: string[];
     auctionEndDate: string;
     startingBid: number;
     autoExtendable: boolean;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    features?: string[] | undefined;
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
     seoKeywords?: string[] | undefined;
     brandSlug?: string | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -215,16 +215,12 @@ export declare const auctionInputSchema: z.ZodObject<{
 }, {
     title: string;
     category: string;
-    price: number;
     listingType: "auction";
+    price: number;
     mainImage: string;
     auctionEndDate: string;
     startingBid: number;
     currency?: string | undefined;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    tags?: string[] | undefined;
-    features?: string[] | undefined;
-    images?: string[] | undefined;
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
@@ -232,8 +228,12 @@ export declare const auctionInputSchema: z.ZodObject<{
     brandSlug?: string | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
+    images?: string[] | undefined;
+    tags?: string[] | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -281,25 +281,25 @@ export declare const preOrderInputSchema: z.ZodObject<{
     currency: string;
     title: string;
     category: string;
-    price: number;
-    tags: string[];
     listingType: "pre-order";
-    preOrderProductionStatus: "upcoming" | "in_production" | "ready_to_ship";
-    images: string[];
+    price: number;
     stockQuantity: number;
     availableQuantity: number;
     mainImage: string;
+    images: string[];
+    tags: string[];
     preOrderDeliveryDate: string;
+    preOrderProductionStatus: "upcoming" | "in_production" | "ready_to_ship";
     preOrderCancellable: boolean;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    features?: string[] | undefined;
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
     seoKeywords?: string[] | undefined;
     brandSlug?: string | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
@@ -310,16 +310,11 @@ export declare const preOrderInputSchema: z.ZodObject<{
 }, {
     title: string;
     category: string;
-    price: number;
     listingType: "pre-order";
+    price: number;
     mainImage: string;
     preOrderDeliveryDate: string;
     currency?: string | undefined;
-    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    tags?: string[] | undefined;
-    preOrderProductionStatus?: "upcoming" | "in_production" | "ready_to_ship" | undefined;
-    features?: string[] | undefined;
-    images?: string[] | undefined;
     description?: string | undefined;
     seoTitle?: string | undefined;
     seoDescription?: string | undefined;
@@ -327,13 +322,18 @@ export declare const preOrderInputSchema: z.ZodObject<{
     brandSlug?: string | undefined;
     stockQuantity?: number | undefined;
     availableQuantity?: number | undefined;
+    images?: string[] | undefined;
+    tags?: string[] | undefined;
+    features?: string[] | undefined;
     shippingInfo?: string | undefined;
     returnPolicy?: string | undefined;
+    condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
     insurance?: boolean | undefined;
     insuranceCost?: number | undefined;
     shippingPaidBy?: "seller" | "buyer" | undefined;
     preOrderDepositPercent?: number | undefined;
     preOrderMaxQuantity?: number | undefined;
+    preOrderProductionStatus?: "upcoming" | "in_production" | "ready_to_ship" | undefined;
     preOrderCancellable?: boolean | undefined;
     allowOffers?: boolean | undefined;
     minOfferPercent?: number | undefined;
@@ -342,11 +342,11 @@ export declare const setFeaturedSchema: z.ZodObject<{
     productId: z.ZodString;
     featured: z.ZodBoolean;
 }, "strip", z.ZodTypeAny, {
-    productId: string;
     featured: boolean;
-}, {
     productId: string;
+}, {
     featured: boolean;
+    productId: string;
 }>;
 export declare const setStatusSchema: z.ZodObject<{
     productId: z.ZodString;

package/dist/_internal/shared/features/promotions/schema.d.ts

@@ -79,7 +79,7 @@ export declare const createCouponSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     code: string;
     type: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y";
-    scope: "admin" | "seller";
+    scope: "seller" | "admin";
     name: string;
     discount: {
         value: number;
@@ -105,7 +105,7 @@ export declare const createCouponSchema: z.ZodObject<{
 }, {
     code: string;
     type: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y";
-    scope: "admin" | "seller";
+    scope: "seller" | "admin";
     name: string;
     discount: {
         value: number;
@@ -189,7 +189,7 @@ export declare const updateCouponSchema: z.ZodObject<Omit<{
     }>>>;
 }, "code">, "strip", z.ZodTypeAny, {
     type?: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y" | undefined;
-    scope?: "admin" | "seller" | undefined;
+    scope?: "seller" | "admin" | undefined;
     name?: string | undefined;
     sellerId?: string | undefined;
     discount?: {
@@ -214,7 +214,7 @@ export declare const updateCouponSchema: z.ZodObject<Omit<{
     } | undefined;
 }, {
     type?: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y" | undefined;
-    scope?: "admin" | "seller" | undefined;
+    scope?: "seller" | "admin" | undefined;
     name?: string | undefined;
     sellerId?: string | undefined;
     discount?: {

package/dist/_internal/shared/features/reviews/schema.d.ts

@@ -11,9 +11,9 @@ export declare const createReviewSchema: z.ZodObject<{
     storeId: string;
     title: string;
     body: string;
+    images: string[];
     productId: string;
     rating: number;
-    images: string[];
     orderId?: string | undefined;
 }, {
     storeId: string;

package/dist/_internal/shared/media/limits.js

@@ -84,6 +84,7 @@ export const PDF_MAGIC = "%PDF-";
 // Known-but-rejected video formats. Mapping returns a user-actionable
 // conversion hint so the upload error can say "convert your .avi to .mp4"
 // rather than the generic "invalid type" response.
+const HINT_HEVC = "HEVC (H.265) video is accepted but doesn't preview in most browsers — please convert to MP4 (H.264) or WebM for in-browser playback";
 export const VIDEO_CONVERSION_HINTS = {
     "video/x-msvideo": "AVI is not supported — please convert to MP4 or WebM",
     "video/avi": "AVI is not supported — please convert to MP4 or WebM",
@@ -94,9 +95,9 @@ export const VIDEO_CONVERSION_HINTS = {
     // SB-UNI-Z4 2026-05-13 — HEVC / H.265 + HEIC/HEIF preview hint. The bytes
     // upload fine via the signed-URL flow; the issue is in-browser preview —
     // most browsers can't decode HEVC inline without an OS codec license.
-    "video/hevc": "HEVC (H.265) video is accepted but doesn't preview in most browsers — please convert to MP4 (H.264) or WebM for in-browser playback",
-    "video/x-hevc": "HEVC (H.265) video is accepted but doesn't preview in most browsers — please convert to MP4 (H.264) or WebM for in-browser playback",
-    "video/H265": "HEVC (H.265) video is accepted but doesn't preview in most browsers — please convert to MP4 (H.264) or WebM for in-browser playback",
+    "video/hevc": HINT_HEVC,
+    "video/x-hevc": HINT_HEVC,
+    "video/H265": HINT_HEVC,
     "image/heic": "HEIC image is accepted but doesn't preview in most browsers — please convert to JPEG or WebP for inline preview",
     "image/heif": "HEIF image is accepted but doesn't preview in most browsers — please convert to JPEG or WebP for inline preview",
 };

package/dist/client.d.ts

@@ -77,6 +77,10 @@ export type { UserSidebarProps, UserNavItem, UserNavGroup } from "./features/acc
 export { CouponsIndexListing } from "./features/promotions/components/CouponsIndexListing";
 export type { CouponsIndexListingProps } from "./features/promotions/components/CouponsIndexListing";
 export { NotificationBell } from "./features/account/components/NotificationBell";
+export { NotificationPreferencesPanel } from "./features/account/components/NotificationPreferencesPanel";
+export type { NotificationPreferencesPanelProps } from "./features/account/components/NotificationPreferencesPanel";
+export { AuctionBidsTable } from "./features/auctions/components/AuctionBidsTable";
+export type { AuctionBidsTableProps, AuctionWithBids } from "./features/auctions/components/AuctionBidsTable";
 export { ProtectedRoute, AuthStatusPanel, ForgotPasswordView, LoginForm, RegisterForm, ResetPasswordView, VerifyEmailView } from "./features/auth/index";
 export type { AuthGuardUser, ForgotPasswordViewProps, LoginFormProps, LoginFormValues, RegisterFormProps, RegisterFormValues, ResetPasswordViewProps, VerifyEmailViewProps, } from "./features/auth/index";
 export { useLogout, useLogin, useGoogleLogin, useRegister, useForgotPassword, useResetPassword, useVerifyEmail, useChangePassword, useChangeEmail } from "./features/auth/index";

package/dist/client.js

@@ -136,6 +136,8 @@ export { ADMIN_ENDPOINTS } from "./constants/index";
 export { UserSidebar } from "./features/account/components/UserSidebar";
 export { CouponsIndexListing } from "./features/promotions/components/CouponsIndexListing";
 export { NotificationBell } from "./features/account/components/NotificationBell";
+export { NotificationPreferencesPanel } from "./features/account/components/NotificationPreferencesPanel";
+export { AuctionBidsTable } from "./features/auctions/components/AuctionBidsTable";
 export { ProtectedRoute, AuthStatusPanel, ForgotPasswordView, LoginForm, RegisterForm, ResetPasswordView, VerifyEmailView } from "./features/auth/index";
 export { useLogout, useLogin, useGoogleLogin, useRegister, useForgotPassword, useResetPassword, useVerifyEmail, useChangePassword, useChangeEmail } from "./features/auth/index";
 export { CartView, CartItemRow, CartSummary, CartDrawer, CheckoutView, CheckoutSuccessView, CheckoutAddressStep, useGuestCart, useCartCount, useAddToCart, useCart, useGuestCartMerge, useCartQuery } from "./features/cart/index";

package/dist/configs/next.js

@@ -156,6 +156,10 @@ export function defineNextConfig(override = {}) {
             "./node_modules/string_decoder/**",
             // Crypto / TLS utilities (used by firebase-admin token verification):
             "./node_modules/node-forge/**",
+            // html-entities: required by @google-cloud/storage/nodejs-common/util.js
+            // at cold start; not statically traced by Vercel. Missing this causes
+            // /api/media/sign (and any route using getAdminStorage()) to 500.
+            "./node_modules/html-entities/**",
         ],
     };
     const mergedOutputFileTracingIncludes = {

package/dist/constants/api-endpoints.d.ts

@@ -132,6 +132,8 @@ export declare const ADMIN_ENDPOINTS: {
     readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
     readonly SCAMMERS: "/api/admin/scammers";
     readonly SCAMMER_BY_ID: (id: string) => string;
+    readonly ADDRESSES: "/api/admin/addresses";
+    readonly ADDRESS_BY_ID: (id: string) => string;
 };
 export declare const CHAT_ENDPOINTS: {
     readonly LIST: "/api/chat";
@@ -430,6 +432,8 @@ export declare const API_ENDPOINTS: {
         readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
         readonly SCAMMERS: "/api/admin/scammers";
         readonly SCAMMER_BY_ID: (id: string) => string;
+        readonly ADDRESSES: "/api/admin/addresses";
+        readonly ADDRESS_BY_ID: (id: string) => string;
     };
     readonly CHAT: {
         readonly LIST: "/api/chat";
@@ -730,6 +734,8 @@ export declare const API_ROUTES: {
         readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
         readonly SCAMMERS: "/api/admin/scammers";
         readonly SCAMMER_BY_ID: (id: string) => string;
+        readonly ADDRESSES: "/api/admin/addresses";
+        readonly ADDRESS_BY_ID: (id: string) => string;
     };
     readonly CHAT: {
         readonly LIST: "/api/chat";

package/dist/constants/api-endpoints.js

@@ -151,6 +151,8 @@ export const ADMIN_ENDPOINTS = {
     SUPPORT_TICKET_BY_ID: (id) => `/api/admin/support-tickets/${id}`,
     SCAMMERS: "/api/admin/scammers",
     SCAMMER_BY_ID: (id) => `/api/admin/scammers/${id}`,
+    ADDRESSES: "/api/admin/addresses",
+    ADDRESS_BY_ID: (id) => `/api/admin/addresses/${id}`,
 };
 // ---------------------------------------------------------------------------
 // Chat

package/dist/constants/field-names.d.ts

@@ -13,6 +13,7 @@ export declare const PRODUCT_FIELDS: {
     readonly DESCRIPTION: "description";
     readonly SLUG: "slug";
     readonly CATEGORY: "category";
+    readonly CATEGORY_SLUGS: "categorySlugs";
     readonly CATEGORY_SLUG: "categorySlug";
     readonly SUBCATEGORY: "subcategory";
     readonly BRAND: "brand";

package/dist/constants/field-names.js

@@ -16,6 +16,7 @@ export const PRODUCT_FIELDS = {
     DESCRIPTION: "description",
     SLUG: "slug",
     CATEGORY: "category",
+    CATEGORY_SLUGS: "categorySlugs",
     CATEGORY_SLUG: "categorySlug",
     SUBCATEGORY: "subcategory",
     BRAND: "brand",

package/dist/constants/table-keys.d.ts

@@ -41,6 +41,12 @@ export declare const TABLE_KEYS: {
     readonly IS_PART_OF_BUNDLE: "isPartOfBundle";
     readonly SUBLISTING_CATEGORY: "sublistingCategory";
     readonly FEATURES: "features";
+    readonly CITY: "city";
+    readonly ACCEPTS_SHIPPING: "acceptsShipping";
+    readonly NEGOTIABLE: "negotiable";
+    readonly DELIVERY_METHOD: "deliveryMethod";
+    readonly SPECIES: "species";
+    readonly JURISDICTION: "jurisdiction";
 };
 export type TableKey = (typeof TABLE_KEYS)[keyof typeof TABLE_KEYS];
 export declare const VIEW_MODE: {

package/dist/constants/table-keys.js

@@ -41,6 +41,15 @@ export const TABLE_KEYS = {
     IS_PART_OF_BUNDLE: "isPartOfBundle",
     SUBLISTING_CATEGORY: "sublistingCategory",
     FEATURES: "features",
+    // Classified-specific
+    CITY: "city",
+    ACCEPTS_SHIPPING: "acceptsShipping",
+    NEGOTIABLE: "negotiable",
+    // Digital-code-specific
+    DELIVERY_METHOD: "deliveryMethod",
+    // Live-item-specific
+    SPECIES: "species",
+    JURISDICTION: "jurisdiction",
 };
 export const VIEW_MODE = {
     GRID: "grid",

package/dist/core/hooks/useSyncManager.js

@@ -66,6 +66,14 @@ export function useSyncManager(userId) {
     useEffect(() => {
         if (!userId)
             return; // Guest — keep ops in queue, don't sync
+        async function invalidateAfterSync(hadCartOps, hadWishlistOps) {
+            if (hadCartOps) {
+                await queryClient.invalidateQueries({ queryKey: ["cart"] });
+            }
+            if (hadWishlistOps) {
+                await queryClient.invalidateQueries({ queryKey: ["wishlist", userId] });
+            }
+        }
         const sync = async () => {
             if (isSyncing.current)
                 return;
@@ -74,14 +82,7 @@ export function useSyncManager(userId) {
                 const hadCartOps = getCartOps().length > 0;
                 const hadWishlistOps = getWishlistOps().length > 0;
                 await Promise.all([replayCartOps(), replayWishlistOps()]);
-                if (hadCartOps) {
-                    await queryClient.invalidateQueries({ queryKey: ["cart"] });
-                }
-                if (hadWishlistOps) {
-                    await queryClient.invalidateQueries({
-                        queryKey: ["wishlist", userId],
-                    });
-                }
+                await invalidateAfterSync(hadCartOps, hadWishlistOps);
             }
             finally {
                 isSyncing.current = false;

package/dist/features/about/components/FeesView.js

@@ -53,11 +53,14 @@ export async function FeesView({ heroBannerClass = DEFAULT_HERO_CLASS, } = {}) {
         { label: t("netPayoutLabel"), example: "= ₹917.40", highlight: true },
     ];
     void ROUTES; // ROUTES imported for future CTA links if needed
-    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "feesview-div-100", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.sm} text-center`, "data-section": "feesview-div-101", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.sm} py-10 md:py-12 lg:py-16 space-y-12`, "data-section": "feesview-div-102", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-6", children: t("tableTitle") }), _jsx("div", { className: `overflow-x-auto rounded-xl border ${themed.border}`, "data-section": "feesview-div-103", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: themed.bgSecondary, children: _jsxs("tr", { children: [_jsx("th", { className: "py-3 px-4 text-left font-semibold", children: t("colFeeType") }), _jsx("th", { className: "py-3 px-4 text-left font-semibold", children: t("colRate") }), _jsx("th", { className: "py-3 px-4 text-left font-semibold", children: t("colPaidBy") }), _jsx("th", { className: "py-3 px-4 text-left font-semibold hidden md:table-cell", children: t("colNote") })] }) }), _jsx("tbody", { className: "divide-y divide-neutral-100 dark:divide-neutral-800", children: FEE_ROWS.map((row) => (_jsxs("tr", { className: `${themed.bgPrimary} hover:bg-neutral-50 dark:hover:bg-neutral-800/50`, children: [_jsx("td", { className: "py-3 px-4 font-medium", children: row.category }), _jsx("td", { className: "py-3 px-4 font-semibold text-violet-700 dark:text-violet-400", children: row.rate }), _jsx("td", { className: "py-3 px-4", children: _jsx(Caption, { children: row.who }) }), _jsx("td", { className: "py-3 px-4 text-neutral-500 dark:text-neutral-400 hidden md:table-cell text-xs", children: row.note })] }, row.category))) })] }) }), _jsx(Caption, { className: "mt-3 block text-neutral-500", children: t("tableNote") })] }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("payoutExampleTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6", children: t("payoutExampleSubtitle") }), _jsxs("div", { className: `rounded-xl border ${themed.border} ${themed.bgPrimary} p-5 max-w-sm`, "data-section": "feesview-div-104", children: [_jsx(Heading, { level: 3, className: "text-base mb-4", children: t("payoutExampleProduct") }), _jsx("div", { className: "space-y-2", "data-section": "feesview-div-105", children: OFFER_PAYOUT_ROWS.map((row, i) => (_jsxs("div", { className: `flex justify-between text-sm ${row.highlight
-                                                ? "border-t border-neutral-200 dark:border-neutral-700 pt-2 mt-2 font-bold"
-                                                : ""}`, "data-section": "feesview-div-106", children: [_jsx(Text, { className: row.highlight
-                                                        ? "font-bold"
-                                                        : "text-neutral-600 dark:text-neutral-400", children: row.label }), _jsx(Text, { className: row.highlight
-                                                        ? "font-bold text-green-700 dark:text-green-400"
-                                                        : "", children: row.example })] }, i))) })] })] }), _jsxs(Section, { className: `rounded-xl border ${themed.border} p-5 ${themed.bgSecondary}`, children: [_jsx(Heading, { level: 3, className: "text-base mb-2", children: t("disclaimerTitle") }), _jsx(Caption, { className: "leading-relaxed", children: t("disclaimerText") })] })] })] }));
+    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "feesview-div-100", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.sm} text-center`, "data-section": "feesview-div-101", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.sm} py-10 md:py-12 lg:py-16 space-y-12`, "data-section": "feesview-div-102", children: [renderFeeTableSection(t, themed, FEE_ROWS), renderPayoutExampleSection(t, themed, OFFER_PAYOUT_ROWS), renderDisclaimerSection(t, themed)] })] }));
+}
+function renderFeeTableSection(t, themed, rows) {
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-6", children: t("tableTitle") }), _jsx("div", { className: `overflow-x-auto rounded-xl border ${themed.border}`, "data-section": "feesview-div-103", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: themed.bgSecondary, children: _jsxs("tr", { children: [_jsx("th", { className: "py-3 px-4 text-left font-semibold", children: t("colFeeType") }), _jsx("th", { className: "py-3 px-4 text-left font-semibold", children: t("colRate") }), _jsx("th", { className: "py-3 px-4 text-left font-semibold", children: t("colPaidBy") }), _jsx("th", { className: "py-3 px-4 text-left font-semibold hidden md:table-cell", children: t("colNote") })] }) }), _jsx("tbody", { className: "divide-y divide-neutral-100 dark:divide-neutral-800", children: rows.map((row) => (_jsxs("tr", { className: `${themed.bgPrimary} hover:bg-neutral-50 dark:hover:bg-neutral-800/50`, children: [_jsx("td", { className: "py-3 px-4 font-medium", children: row.category }), _jsx("td", { className: "py-3 px-4 font-semibold text-violet-700 dark:text-violet-400", children: row.rate }), _jsx("td", { className: "py-3 px-4", children: _jsx(Caption, { children: row.who }) }), _jsx("td", { className: "py-3 px-4 text-neutral-500 dark:text-neutral-400 hidden md:table-cell text-xs", children: row.note })] }, row.category))) })] }) }), _jsx(Caption, { className: "mt-3 block text-neutral-500", children: t("tableNote") })] }));
+}
+function renderPayoutExampleSection(t, themed, rows) {
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("payoutExampleTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6", children: t("payoutExampleSubtitle") }), _jsxs("div", { className: `rounded-xl border ${themed.border} ${themed.bgPrimary} p-5 max-w-sm`, "data-section": "feesview-div-104", children: [_jsx(Heading, { level: 3, className: "text-base mb-4", children: t("payoutExampleProduct") }), _jsx("div", { className: "space-y-2", "data-section": "feesview-div-105", children: rows.map((row, i) => (_jsxs("div", { className: `flex justify-between text-sm ${row.highlight ? "border-t border-neutral-200 dark:border-neutral-700 pt-2 mt-2 font-bold" : ""}`, "data-section": "feesview-div-106", children: [_jsx(Text, { className: row.highlight ? "font-bold" : "text-neutral-600 dark:text-neutral-400", children: row.label }), _jsx(Text, { className: row.highlight ? "font-bold text-green-700 dark:text-green-400" : "", children: row.example })] }, i))) })] })] }));
+}
+function renderDisclaimerSection(t, themed) {
+    return (_jsxs(Section, { className: `rounded-xl border ${themed.border} p-5 ${themed.bgSecondary}`, children: [_jsx(Heading, { level: 3, className: "text-base mb-2", children: t("disclaimerTitle") }), _jsx(Caption, { className: "leading-relaxed", children: t("disclaimerText") })] }));
 }

package/dist/features/about/components/HelpPageView.js

@@ -59,5 +59,14 @@ export async function HelpPageView({ heroBannerClass = DEFAULT_HERO_CLASS, } = {
             iconColor: "text-rose-600 dark:text-rose-400",
         },
     ];
-    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "helppageview-div-107", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.md} text-center`, "data-section": "helppageview-div-108", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.md} py-10 md:py-12 lg:py-16 space-y-14`, "data-section": "helppageview-div-109", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-6 text-center", children: t("browseTopics") }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", "data-section": "helppageview-div-110", children: TOPICS.map(({ icon: Icon, title, desc, href, color, iconColor }) => (_jsxs(TextLink, { href: href, className: `group rounded-xl border p-5 transition-shadow hover:shadow-md ${color} no-underline`, children: [_jsx("div", { className: `w-10 h-10 rounded-lg bg-white/60 dark:bg-white/10 ${flex.center} mb-3`, "data-section": "helppageview-div-111", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsxs("div", { className: `${flex.row} justify-between items-start`, "data-section": "helppageview-div-112", children: [_jsxs("div", { "data-section": "helppageview-div-113", children: [_jsx(Text, { className: "font-semibold mb-1", children: title }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: desc })] }), _jsx(ChevronRight, { className: "w-4 h-4 mt-1 flex-shrink-0 opacity-40 group-hover:opacity-80 transition-opacity" })] })] }, href))) })] }), _jsxs(Section, { className: `rounded-2xl p-6 border ${themed.border} ${themed.bgSecondary} flex flex-col sm:flex-row items-center gap-4`, children: [_jsxs("div", { className: "flex-1", "data-section": "helppageview-div-114", children: [_jsx(Heading, { level: 3, className: "mb-1 text-base", children: t("trackOrderTitle") }), _jsx(Text, { variant: "secondary", className: "text-sm", children: t("trackOrderText") })] }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.TRACK_ORDER), className: "flex-shrink-0", children: t("trackOrderCta") })] }), _jsxs(Section, { className: `rounded-2xl p-8 text-center border ${themed.border} ${themed.bgSecondary}`, children: [_jsx(MessageCircle, { className: "w-10 h-10 mx-auto mb-3 text-primary/70" }), _jsx(Heading, { level: 2, className: "mb-3", children: t("contactTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("contactText") }), _jsxs(Stack, { gap: "sm", className: "flex-row flex-wrap justify-center gap-4", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.CONTACT), children: t("contactCta") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.FAQS), variant: "muted", children: t("faqCta") })] })] })] })] }));
+    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "helppageview-div-107", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.md} text-center`, "data-section": "helppageview-div-108", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.md} py-10 md:py-12 lg:py-16 space-y-14`, "data-section": "helppageview-div-109", children: [renderTopicsGrid(t, flex, TOPICS), renderTrackOrderSection(t, themed), renderContactCtaSection(t, themed)] })] }));
+}
+function renderTopicsGrid(t, flex, topics) {
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-6 text-center", children: t("browseTopics") }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", "data-section": "helppageview-div-110", children: topics.map(({ icon: Icon, title, desc, href, color, iconColor }) => (_jsxs(TextLink, { href: href, className: `group rounded-xl border p-5 transition-shadow hover:shadow-md ${color} no-underline`, children: [_jsx("div", { className: `w-10 h-10 rounded-lg bg-white/60 dark:bg-white/10 ${flex.center} mb-3`, "data-section": "helppageview-div-111", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsxs("div", { className: `${flex.row} justify-between items-start`, "data-section": "helppageview-div-112", children: [_jsxs("div", { "data-section": "helppageview-div-113", children: [_jsx(Text, { className: "font-semibold mb-1", children: title }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: desc })] }), _jsx(ChevronRight, { className: "w-4 h-4 mt-1 flex-shrink-0 opacity-40 group-hover:opacity-80 transition-opacity" })] })] }, href))) })] }));
+}
+function renderTrackOrderSection(t, themed) {
+    return (_jsxs(Section, { className: `rounded-2xl p-6 border ${themed.border} ${themed.bgSecondary} flex flex-col sm:flex-row items-center gap-4`, children: [_jsxs("div", { className: "flex-1", "data-section": "helppageview-div-114", children: [_jsx(Heading, { level: 3, className: "mb-1 text-base", children: t("trackOrderTitle") }), _jsx(Text, { variant: "secondary", className: "text-sm", children: t("trackOrderText") })] }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.TRACK_ORDER), className: "flex-shrink-0", children: t("trackOrderCta") })] }));
+}
+function renderContactCtaSection(t, themed) {
+    return (_jsxs(Section, { className: `rounded-2xl p-8 text-center border ${themed.border} ${themed.bgSecondary}`, children: [_jsx(MessageCircle, { className: "w-10 h-10 mx-auto mb-3 text-primary/70" }), _jsx(Heading, { level: 2, className: "mb-3", children: t("contactTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("contactText") }), _jsxs(Stack, { gap: "sm", className: "flex-row flex-wrap justify-center gap-4", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.CONTACT), children: t("contactCta") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.FAQS), variant: "muted", children: t("faqCta") })] })] }));
 }

package/dist/features/about/components/HowAuctionsWorkView.js

@@ -83,5 +83,14 @@ export async function HowAuctionsWorkView({ heroBannerClass = DEFAULT_HERO_CLASS
             desc: t("diagramStep5Desc"),
         },
     ];
-    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "howauctionsworkview-div-115", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.md} text-center`, "data-section": "howauctionsworkview-div-116", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.md} py-10 md:py-12 lg:py-16 space-y-14`, "data-section": "howauctionsworkview-div-117", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8 text-center", children: t("stepsTitle") }), _jsx(Stack, { gap: "md", className: "gap-5", children: STEPS.map(({ number, icon, title, text }) => (_jsxs("div", { className: `flex items-start gap-4 p-5 rounded-xl border ${themed.border} ${themed.bgPrimary}`, "data-section": "howauctionsworkview-div-118", children: [_jsx("div", { className: `flex-shrink-0 w-10 h-10 rounded-full bg-primary/10 dark:bg-primary/15 ${flex.center} text-xl`, "data-section": "howauctionsworkview-div-119", children: icon }), _jsxs("div", { "data-section": "howauctionsworkview-div-120", children: [_jsxs(Text, { className: "font-semibold mb-0.5", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] })] }, number))) })] }), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🔨 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), _jsx(Section, { children: _jsx("div", { className: "grid gap-5 md:grid-cols-2", "data-section": "howauctionsworkview-div-121", children: INFO_CARDS.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs("div", { className: `rounded-xl border p-5 ${color}`, "data-section": "howauctionsworkview-div-122", children: [_jsx("div", { className: `w-10 h-10 rounded-lg bg-white/60 dark:bg-white/10 ${flex.center} mb-3`, "data-section": "howauctionsworkview-div-123", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "font-semibold mb-1", children: title }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] }, title))) }) }), _jsxs(Section, { className: `rounded-2xl p-8 text-center ${themed.bgSecondary} border ${themed.border}`, children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs("div", { className: `${flex.center} gap-4 flex-wrap`, "data-section": "howauctionsworkview-div-124", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.AUCTIONS), children: t("ctaBrowse") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK), variant: "muted", children: t("ctaOrders") })] })] })] })] }));
+    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "howauctionsworkview-div-115", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.md} text-center`, "data-section": "howauctionsworkview-div-116", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.md} py-10 md:py-12 lg:py-16 space-y-14`, "data-section": "howauctionsworkview-div-117", children: [renderAuctionStepsSection(t, themed, flex, STEPS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🔨 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderAuctionInfoCardsSection(flex, INFO_CARDS), renderAuctionCtaSection(t, themed, flex)] })] }));
+}
+function renderAuctionStepsSection(t, themed, flex, steps) {
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8 text-center", children: t("stepsTitle") }), _jsx(Stack, { gap: "md", className: "gap-5", children: steps.map(({ number, icon, title, text }) => (_jsxs("div", { className: `flex items-start gap-4 p-5 rounded-xl border ${themed.border} ${themed.bgPrimary}`, "data-section": "howauctionsworkview-div-118", children: [_jsx("div", { className: `flex-shrink-0 w-10 h-10 rounded-full bg-primary/10 dark:bg-primary/15 ${flex.center} text-xl`, "data-section": "howauctionsworkview-div-119", children: icon }), _jsxs("div", { "data-section": "howauctionsworkview-div-120", children: [_jsxs(Text, { className: "font-semibold mb-0.5", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] })] }, number))) })] }));
+}
+function renderAuctionInfoCardsSection(flex, cards) {
+    return (_jsx(Section, { children: _jsx("div", { className: "grid gap-5 md:grid-cols-2", "data-section": "howauctionsworkview-div-121", children: cards.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs("div", { className: `rounded-xl border p-5 ${color}`, "data-section": "howauctionsworkview-div-122", children: [_jsx("div", { className: `w-10 h-10 rounded-lg bg-white/60 dark:bg-white/10 ${flex.center} mb-3`, "data-section": "howauctionsworkview-div-123", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "font-semibold mb-1", children: title }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] }, title))) }) }));
+}
+function renderAuctionCtaSection(t, themed, flex) {
+    return (_jsxs(Section, { className: `rounded-2xl p-8 text-center ${themed.bgSecondary} border ${themed.border}`, children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs("div", { className: `${flex.center} gap-4 flex-wrap`, "data-section": "howauctionsworkview-div-124", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.AUCTIONS), children: t("ctaBrowse") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK), variant: "muted", children: t("ctaOrders") })] })] }));
 }

package/dist/features/about/components/HowCheckoutWorksView.js

@@ -69,5 +69,14 @@ export async function HowCheckoutWorksView({ heroBannerClass = DEFAULT_HERO_CLAS
             desc: t("diagramStep5Desc"),
         },
     ];
-    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "howcheckoutworksview-div-125", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.md} text-center`, "data-section": "howcheckoutworksview-div-126", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.md} py-10 md:py-12 lg:py-16 space-y-14`, "data-section": "howcheckoutworksview-div-127", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8 text-center", children: t("stepsTitle") }), _jsx(Stack, { gap: "md", className: "gap-5", children: STEPS.map(({ number, icon, title, text }) => (_jsxs("div", { className: `flex items-start gap-4 p-5 rounded-xl border ${themed.border} ${themed.bgPrimary}`, "data-section": "howcheckoutworksview-div-128", children: [_jsx("div", { className: `flex-shrink-0 w-10 h-10 rounded-full bg-primary/10 dark:bg-primary/15 ${flex.center} text-xl`, "data-section": "howcheckoutworksview-div-129", children: icon }), _jsxs("div", { "data-section": "howcheckoutworksview-div-130", children: [_jsxs(Text, { className: "font-semibold mb-0.5", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] })] }, number))) })] }), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🗺️ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), _jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-3 text-center", children: t("paymentMethodsTitle") }), _jsx(Text, { variant: "secondary", className: "text-center mb-8 max-w-xl mx-auto", children: t("paymentMethodsSubtitle") }), _jsx("div", { className: "grid gap-5 md:grid-cols-3", "data-section": "howcheckoutworksview-div-131", children: PAYMENT_METHODS.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs("div", { className: `rounded-xl border p-5 ${color}`, "data-section": "howcheckoutworksview-div-132", children: [_jsx("div", { className: `w-10 h-10 rounded-lg bg-white/60 dark:bg-white/10 ${flex.center} mb-3`, "data-section": "howcheckoutworksview-div-133", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "font-semibold mb-1", children: title }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] }, title))) })] }), _jsxs(Section, { className: `rounded-2xl p-8 text-center ${themed.bgSecondary} border ${themed.border}`, children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs("div", { className: `${flex.center} gap-4 flex-wrap`, "data-section": "howcheckoutworksview-div-134", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.PRODUCTS), children: t("ctaBrowse") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK), variant: "muted", children: t("ctaOrders") })] })] })] })] }));
+    return (_jsxs("div", { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", "data-section": "howcheckoutworksview-div-125", children: [_jsx(Section, { className: `${heroBannerClass} text-white py-14 md:py-16 lg:py-20`, children: _jsxs("div", { className: `${page.container.md} text-center`, "data-section": "howcheckoutworksview-div-126", children: [_jsx(Heading, { level: 1, variant: "none", className: "mb-4 text-white", children: t("title") }), _jsx(Text, { variant: "none", className: "text-white/80 max-w-2xl mx-auto", children: t("subtitle") })] }) }), _jsxs("div", { className: `${page.container.md} py-10 md:py-12 lg:py-16 space-y-14`, "data-section": "howcheckoutworksview-div-127", children: [renderCheckoutStepsSection(t, themed, flex, STEPS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🗺️ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderPaymentMethodsSection(t, flex, PAYMENT_METHODS), renderCheckoutCtaSection(t, themed, flex)] })] }));
+}
+function renderCheckoutStepsSection(t, themed, flex, steps) {
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8 text-center", children: t("stepsTitle") }), _jsx(Stack, { gap: "md", className: "gap-5", children: steps.map(({ number, icon, title, text }) => (_jsxs("div", { className: `flex items-start gap-4 p-5 rounded-xl border ${themed.border} ${themed.bgPrimary}`, "data-section": "howcheckoutworksview-div-128", children: [_jsx("div", { className: `flex-shrink-0 w-10 h-10 rounded-full bg-primary/10 dark:bg-primary/15 ${flex.center} text-xl`, "data-section": "howcheckoutworksview-div-129", children: icon }), _jsxs("div", { "data-section": "howcheckoutworksview-div-130", children: [_jsxs(Text, { className: "font-semibold mb-0.5", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] })] }, number))) })] }));
+}
+function renderPaymentMethodsSection(t, flex, methods) {
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-3 text-center", children: t("paymentMethodsTitle") }), _jsx(Text, { variant: "secondary", className: "text-center mb-8 max-w-xl mx-auto", children: t("paymentMethodsSubtitle") }), _jsx("div", { className: "grid gap-5 md:grid-cols-3", "data-section": "howcheckoutworksview-div-131", children: methods.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs("div", { className: `rounded-xl border p-5 ${color}`, "data-section": "howcheckoutworksview-div-132", children: [_jsx("div", { className: `w-10 h-10 rounded-lg bg-white/60 dark:bg-white/10 ${flex.center} mb-3`, "data-section": "howcheckoutworksview-div-133", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "font-semibold mb-1", children: title }), _jsx(Text, { variant: "secondary", className: "text-sm leading-relaxed", children: text })] }, title))) })] }));
+}
+function renderCheckoutCtaSection(t, themed, flex) {
+    return (_jsxs(Section, { className: `rounded-2xl p-8 text-center ${themed.bgSecondary} border ${themed.border}`, children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs("div", { className: `${flex.center} gap-4 flex-wrap`, "data-section": "howcheckoutworksview-div-134", children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.PRODUCTS), children: t("ctaBrowse") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK), variant: "muted", children: t("ctaOrders") })] })] }));
 }