@mohasinac/appkit 2.7.36 → 2.7.37

package/dist/features/seller/components/SellerSidebar.js

@@ -56,7 +56,7 @@ export function StoreSidebar({ items, groups, activeHref, storeName, storeLogoUR
                         height: "calc(100vh - var(--header-height, 3.5rem))",
                         width: "18rem",
                         transform: desktopOpen ? "translateX(0)" : "translateX(calc(-100% + 1.25rem))",
-                    }, children: [_jsxs("div", { className: "flex-1 bg-white dark:bg-slate-950 border-r border-zinc-200 dark:border-slate-700 flex flex-col overflow-hidden shadow-xl", children: [_jsx("div", { className: "px-4 py-3.5 border-b border-zinc-100 dark:border-slate-800 shrink-0", children: _jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": storeName, className: CLS_STORE_AVATAR, style: { backgroundImage: `url(${storeLogoURL})` } })) : (_jsx(Div, { className: CLS_STORE_FALLBACK, children: storeName?.[0]?.toUpperCase() })), _jsx(Text, { className: CLS_STORE_NAME, children: storeName || panelTitle })] }) }), _jsx("div", { className: "flex-1 overflow-y-auto", children: navContent })] }), _jsx("button", { type: "button", onClick: handleToggle, "aria-label": desktopOpen ? "Collapse sidebar" : "Expand sidebar", className: "w-5 shrink-0 flex items-center justify-center transition-opacity rounded-r-md shadow-md hover:opacity-85", style: { background: "linear-gradient(to bottom, var(--appkit-color-cobalt-700), var(--appkit-color-cobalt))" }, children: _jsx("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: desktopOpen ? (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" })) : (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M13 5l7 7-7 7M5 5l7 7-7 7" })) }) })] }), _jsx("div", { className: "md:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: panelTitle, children: groups ? (_jsx(GroupsContent, { groups: groups, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: close })) : (_jsx(FlatContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: close })) }) })] }));
+                    }, children: [_jsxs("div", { className: "flex-1 bg-white dark:bg-slate-950 border-r border-zinc-200 dark:border-slate-700 flex flex-col overflow-hidden shadow-xl", children: [_jsx("div", { className: "px-4 py-3.5 border-b border-zinc-100 dark:border-slate-800 shrink-0", children: _jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": storeName, className: CLS_STORE_AVATAR, style: { backgroundImage: `url(${storeLogoURL})` } })) : (_jsx(Div, { className: CLS_STORE_FALLBACK, children: storeName?.[0]?.toUpperCase() })), _jsx(Text, { className: CLS_STORE_NAME, children: storeName || panelTitle })] }) }), _jsx("div", { className: "flex-1 overflow-y-auto", children: navContent })] }), _jsx("button", { type: "button", onClick: handleToggle, "aria-label": desktopOpen ? "Collapse sidebar" : "Expand sidebar", className: "w-9 shrink-0 flex items-center justify-center cursor-pointer rounded-r-[1.25rem] shadow-lg transition-all duration-200 hover:shadow-xl hover:brightness-110 active:scale-[0.96]", style: { background: "linear-gradient(to bottom, #c2410c, #ea580c)" }, children: _jsx("svg", { className: `w-4 h-4 text-white drop-shadow-sm transition-transform duration-300 ${desktopOpen ? "" : "rotate-180"}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M15 19l-7-7 7-7" }) }) })] }), _jsx("div", { className: "md:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: panelTitle, children: groups ? (_jsx(GroupsContent, { groups: groups, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: close })) : (_jsx(FlatContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: close })) }) })] }));
     }
     return (_jsxs(_Fragment, { children: [mounted && mobileOpen &&
                 createPortal(_jsx(DrawerPanel, { title: panelTitle, onClose: close, children: navContent }), document.body), _jsx("div", { className: "md:hidden", children: _jsx(BottomSheet, { open: mobileOpen, onClose: close, title: panelTitle, children: groups ? (_jsx(GroupsContent, { groups: groups, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: close })) : (_jsx(FlatContent, { items: items, activeHref: activeHref, storeName: storeName, storeLogoURL: storeLogoURL, onItemClick: close })) }) })] }));

package/dist/features/seller/components/index.d.ts

@@ -11,6 +11,7 @@ export { SellerPreOrdersView } from "./SellerPreOrdersView";
 export type { SellerPreOrdersViewProps } from "./SellerPreOrdersView";
 export { SellerPrizeDrawsView } from "./SellerPrizeDrawsView";
 export type { SellerPrizeDrawsViewProps } from "./SellerPrizeDrawsView";
+export { PrintCenterView } from "./PrintCenterView";
 export { SellerOrdersView } from "./SellerOrdersView";
 export type { SellerOrdersViewProps } from "./SellerOrdersView";
 export { SellerOffersView } from "./SellerOffersView";

package/dist/features/seller/components/index.js

@@ -5,6 +5,7 @@ export { SellerProductsView } from "./SellerProductsView";
 export { SellerAuctionsView } from "./SellerAuctionsView";
 export { SellerPreOrdersView } from "./SellerPreOrdersView";
 export { SellerPrizeDrawsView } from "./SellerPrizeDrawsView";
+export { PrintCenterView } from "./PrintCenterView";
 export { SellerOrdersView } from "./SellerOrdersView";
 export { SellerOffersView } from "./SellerOffersView";
 export { SellerOffersPanel } from "./SellerOffersPanel";

package/dist/features/seller/schemas/firestore.d.ts

@@ -34,6 +34,7 @@ export interface OfferDocument {
     sellerNote?: string;
     expiresAt: Date;
     acceptedAt?: Date;
+    checkoutDeadline?: Date;
     respondedAt?: Date;
     createdAt: Date;
     updatedAt: Date;
@@ -59,6 +60,7 @@ export declare const OFFER_FIELDS: {
     readonly SELLER_NOTE: "sellerNote";
     readonly EXPIRES_AT: "expiresAt";
     readonly ACCEPTED_AT: "acceptedAt";
+    readonly CHECKOUT_DEADLINE: "checkoutDeadline";
     readonly RESPONDED_AT: "respondedAt";
     readonly CREATED_AT: "createdAt";
     readonly UPDATED_AT: "updatedAt";

package/dist/features/seller/schemas/firestore.js

@@ -40,6 +40,7 @@ export const OFFER_FIELDS = {
     SELLER_NOTE: "sellerNote",
     EXPIRES_AT: "expiresAt",
     ACCEPTED_AT: "acceptedAt",
+    CHECKOUT_DEADLINE: "checkoutDeadline",
     RESPONDED_AT: "respondedAt",
     CREATED_AT: "createdAt",
     UPDATED_AT: "updatedAt",

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

@@ -85,11 +85,11 @@ export declare const sellerStoreSchema: z.ZodObject<{
     createdAt: z.ZodString;
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    id: string;
-    createdAt: string;
-    updatedAt: string;
     status: "pending" | "active" | "rejected" | "suspended";
+    createdAt: string;
+    id: string;
     storeName: string;
+    updatedAt: string;
     isPublic: boolean;
     storeSlug: string;
     ownerId: string;
@@ -117,11 +117,11 @@ export declare const sellerStoreSchema: z.ZodObject<{
     isVacationMode?: boolean | undefined;
     vacationMessage?: string | undefined;
 }, {
-    id: string;
-    createdAt: string;
-    updatedAt: string;
     status: "pending" | "active" | "rejected" | "suspended";
+    createdAt: string;
+    id: string;
     storeName: string;
+    updatedAt: string;
     isPublic: boolean;
     storeSlug: string;
     ownerId: string;
@@ -168,12 +168,12 @@ export declare const payoutRecordSchema: z.ZodObject<{
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     currency: string;
-    id: string;
+    status: "pending" | "failed" | "processing" | "completed";
     createdAt: string;
+    id: string;
     updatedAt: string;
-    status: "failed" | "pending" | "processing" | "completed";
-    requestedAt: string;
     sellerName: string;
+    requestedAt: string;
     sellerEmail: string;
     amount: number;
     grossAmount: number;
@@ -185,12 +185,12 @@ export declare const payoutRecordSchema: z.ZodObject<{
     processedAt?: string | undefined;
 }, {
     currency: string;
-    id: string;
+    status: "pending" | "failed" | "processing" | "completed";
     createdAt: string;
+    id: string;
     updatedAt: string;
-    status: "failed" | "pending" | "processing" | "completed";
-    requestedAt: string;
     sellerName: string;
+    requestedAt: string;
     sellerEmail: string;
     amount: number;
     grossAmount: number;
@@ -209,19 +209,19 @@ export declare const sellerListParamsSchema: z.ZodObject<{
     perPage: z.ZodOptional<z.ZodNumber>;
     sort: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    sort?: string | undefined;
-    perPage?: number | undefined;
     status?: "pending" | "active" | "rejected" | "suspended" | undefined;
-    q?: string | undefined;
+    sort?: string | undefined;
     category?: string | undefined;
+    q?: string | undefined;
     page?: number | undefined;
-}, {
-    sort?: string | undefined;
     perPage?: number | undefined;
+}, {
     status?: "pending" | "active" | "rejected" | "suspended" | undefined;
-    q?: string | undefined;
+    sort?: string | undefined;
     category?: string | undefined;
+    q?: string | undefined;
     page?: number | undefined;
+    perPage?: number | undefined;
 }>;
 export declare const payoutListParamsSchema: z.ZodObject<{
     sellerId: z.ZodOptional<z.ZodString>;
@@ -230,15 +230,15 @@ export declare const payoutListParamsSchema: z.ZodObject<{
     perPage: z.ZodOptional<z.ZodNumber>;
     sort: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
+    status?: "pending" | "failed" | "processing" | "completed" | undefined;
     sort?: string | undefined;
-    perPage?: number | undefined;
-    status?: "failed" | "pending" | "processing" | "completed" | undefined;
     page?: number | undefined;
+    perPage?: number | undefined;
     sellerId?: string | undefined;
 }, {
+    status?: "pending" | "failed" | "processing" | "completed" | undefined;
     sort?: string | undefined;
-    perPage?: number | undefined;
-    status?: "failed" | "pending" | "processing" | "completed" | undefined;
     page?: number | undefined;
+    perPage?: number | undefined;
     sellerId?: string | undefined;
 }>;

package/dist/features/shell/FormShell.js

@@ -102,5 +102,5 @@ export function FormShell({ isOpen, onClose, title, breadcrumb, isDirty = false,
     };
     if (!isOpen)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-[2px]", style: { zIndex: "calc(var(--appkit-z-modal) - 1)" }, "aria-hidden": "true", onClick: attemptClose }), _jsxs("div", { ref: panelRef, role: "dialog", "aria-modal": "true", "aria-label": title, className: "fixed top-0 bottom-0 left-0 right-0 lg:left-[10%] lg:right-[10%] flex flex-col bg-[var(--appkit-color-surface)] shadow-2xl", style: { zIndex: "var(--appkit-z-modal)" }, children: [_jsxs("div", { className: "flex-shrink-0 sticky top-0 z-10 border-b border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-4 py-3 flex items-center gap-3", children: [previewMode ? (_jsxs("button", { type: "button", onClick: () => setPreviewMode(false), "aria-label": "Back to edit", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0 flex items-center gap-1.5 text-sm", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), _jsx("span", { className: "hidden sm:inline", children: "Back to Edit" })] })) : (_jsx("button", { type: "button", onClick: attemptClose, "aria-label": "Close", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0", children: _jsx(X, { className: "w-5 h-5" }) })), _jsxs("div", { className: "flex-1 min-w-0", children: [breadcrumb && (_jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] truncate mb-0.5", children: breadcrumb })), _jsx(Text, { className: "text-sm font-semibold text-[var(--appkit-color-text)] truncate", children: previewMode ? `Preview — ${title}` : title })] }), _jsx("div", { className: "flex items-center gap-2 flex-shrink-0", children: previewMode ? null : (_jsxs(_Fragment, { children: [previewSlot && (_jsxs("button", { type: "button", onClick: () => setPreviewMode(true), className: "flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors border border-[var(--appkit-color-border)]", children: [_jsx(Eye, { className: "w-4 h-4" }), _jsx("span", { className: "hidden sm:inline", children: "Preview" })] })), onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsx(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: publishLabel }))] })) })] }), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [sections && sections.length > 0 && !previewMode && (_jsx("nav", { "aria-label": "Form sections", className: "hidden lg:flex flex-col flex-shrink-0 w-48 border-r border-[var(--appkit-color-border)] py-4 px-3 gap-1 overflow-y-auto", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "text-left text-sm px-3 py-2 rounded-lg text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors", children: sec.label }, sec.id))) })), sections && sections.length > 0 && !previewMode && (_jsx("div", { className: "lg:hidden fixed top-[var(--form-shell-topbar-h,57px)] left-0 right-0 z-10 flex overflow-x-auto gap-1 px-4 py-2 bg-[var(--appkit-color-surface)] border-b border-[var(--appkit-color-border)]", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "flex-shrink-0 text-xs px-3 py-1.5 rounded-full border border-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)] hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)] transition-colors whitespace-nowrap", children: sec.label }, sec.id))) })), _jsx("div", { ref: bodyRef, className: classNames("flex-1 overflow-y-auto", sections && sections.length > 0 && !previewMode ? "pt-0 lg:pt-0" : ""), children: previewMode && previewSlot ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-2 bg-[var(--appkit-color-warning-surface)] border-b border-[var(--appkit-color-warning)] px-4 py-2 text-sm text-[var(--appkit-color-warning-text,var(--appkit-color-warning))]", children: [_jsx(Eye, { className: "w-4 h-4 flex-shrink-0" }), _jsx("span", { children: "Preview \u2014 not visible to buyers until published" })] }), _jsx("div", { className: "py-4", children: previewSlot() })] })) : (_jsx("div", { className: "max-w-3xl mx-auto px-4 py-6 sm:px-6", children: children })) })] }), !previewMode && renderBottomBar ? (renderBottomBar()) : !previewMode && (onSaveDraft || onPublish) ? (_jsxs("div", { className: "flex-shrink-0 sticky bottom-0 z-10 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-4 py-3 flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: attemptClose, disabled: isLoading, children: FORM_ACTION_META[FORM_ACTION_ID.DISCARD].label }), _jsxs("div", { className: "flex items-center gap-2", children: [onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsxs(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: [publishLabel, " \u2192"] }))] })] })) : null] }), showUnsaved && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 bg-black/60", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, onClick: () => setShowUnsaved(false) }), _jsxs("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90vw] max-w-sm bg-[var(--appkit-color-surface)] rounded-xl shadow-2xl p-6", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, children: [_jsxs("div", { className: "flex gap-3 mb-4", children: [_jsx("span", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-[var(--appkit-color-warning-surface)] flex items-center justify-center", children: _jsx(AlertTriangle, { className: "w-5 h-5 text-[var(--appkit-color-warning)]" }) }), _jsxs(_Fragment, { children: [_jsx(Text, { className: "font-semibold text-[var(--appkit-color-text)]", children: "Unsaved changes" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] mt-1", children: "You have unsaved changes. Leave without saving?" })] })] }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowUnsaved(false), children: "Stay" }), _jsx(Button, { variant: "danger", size: "sm", onClick: () => { setShowUnsaved(false); onClose(); }, children: "Leave" })] })] })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-[2px]", style: { zIndex: "calc(var(--appkit-z-modal) - 1)" }, "aria-hidden": "true", onClick: attemptClose }), _jsxs("div", { ref: panelRef, role: "dialog", "aria-modal": "true", "aria-label": title, className: "fixed top-0 bottom-0 left-0 right-0 lg:left-[10%] lg:right-[10%] flex flex-col bg-[var(--appkit-color-surface)] shadow-2xl", style: { zIndex: "var(--appkit-z-modal)" }, children: [_jsxs("div", { className: "flex-shrink-0 sticky top-0 z-10 border-b border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-5 py-3 flex items-center gap-3", children: [previewMode ? (_jsxs("button", { type: "button", onClick: () => setPreviewMode(false), "aria-label": "Back to edit", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0 flex items-center gap-1.5 text-sm", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), _jsx("span", { className: "hidden sm:inline", children: "Back to Edit" })] })) : (_jsx("button", { type: "button", onClick: attemptClose, "aria-label": "Close", className: "rounded-lg p-1.5 text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors flex-shrink-0", children: _jsx(X, { className: "w-5 h-5" }) })), _jsxs("div", { className: "flex-1 min-w-0", children: [breadcrumb && (_jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] truncate mb-0.5", children: breadcrumb })), _jsx(Text, { className: "text-sm font-semibold text-[var(--appkit-color-text)] truncate", children: previewMode ? `Preview — ${title}` : title })] }), _jsx("div", { className: "flex items-center gap-2 flex-shrink-0", children: previewMode ? null : (_jsxs(_Fragment, { children: [previewSlot && (_jsxs("button", { type: "button", onClick: () => setPreviewMode(true), className: "flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm text-[var(--appkit-color-text-muted)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors border border-[var(--appkit-color-border)]", children: [_jsx(Eye, { className: "w-4 h-4" }), _jsx("span", { className: "hidden sm:inline", children: "Preview" })] })), onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsx(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: publishLabel }))] })) })] }), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [sections && sections.length > 0 && !previewMode && (_jsx("nav", { "aria-label": "Form sections", className: "hidden lg:flex flex-col flex-shrink-0 w-48 border-r border-[var(--appkit-color-border)] py-4 px-3 gap-1 overflow-y-auto", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "text-left text-sm px-3 py-2 rounded-lg text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] hover:bg-[var(--appkit-color-border-subtle)] transition-colors", children: sec.label }, sec.id))) })), sections && sections.length > 0 && !previewMode && (_jsx("div", { className: "lg:hidden fixed top-[var(--form-shell-topbar-h,57px)] left-0 right-0 z-10 flex overflow-x-auto gap-1 px-5 py-2 bg-[var(--appkit-color-surface)] border-b border-[var(--appkit-color-border)]", children: sections.map((sec) => (_jsx("button", { type: "button", onClick: () => scrollToSection(sec.id), className: "flex-shrink-0 text-xs px-3 py-1.5 rounded-full border border-[var(--appkit-color-border)] text-[var(--appkit-color-text-muted)] hover:border-[var(--appkit-color-primary)] hover:text-[var(--appkit-color-primary)] transition-colors whitespace-nowrap", children: sec.label }, sec.id))) })), _jsx("div", { ref: bodyRef, className: classNames("flex-1 overflow-y-auto", sections && sections.length > 0 && !previewMode ? "pt-0 lg:pt-0" : ""), children: previewMode && previewSlot ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-2 bg-[var(--appkit-color-warning-surface)] border-b border-[var(--appkit-color-warning)] px-4 py-2 text-sm text-[var(--appkit-color-warning-text,var(--appkit-color-warning))]", children: [_jsx(Eye, { className: "w-4 h-4 flex-shrink-0" }), _jsx("span", { children: "Preview \u2014 not visible to buyers until published" })] }), _jsx("div", { className: "py-4", children: previewSlot() })] })) : (_jsx("div", { className: "max-w-3xl mx-auto px-5 py-6 sm:px-6", children: children })) })] }), !previewMode && renderBottomBar ? (renderBottomBar()) : !previewMode && (onSaveDraft || onPublish) ? (_jsxs("div", { className: "flex-shrink-0 sticky bottom-0 z-10 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] px-5 py-3 flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: attemptClose, disabled: isLoading, children: FORM_ACTION_META[FORM_ACTION_ID.DISCARD].label }), _jsxs("div", { className: "flex items-center gap-2", children: [onSaveDraft && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveDraft, disabled: isLoading || savingDraft || publishing, isLoading: savingDraft, children: saveLabel })), onPublish && (_jsxs(Button, { variant: "primary", size: "sm", onClick: handlePublish, disabled: isLoading || savingDraft || publishing, isLoading: publishing, children: [publishLabel, " \u2192"] }))] })] })) : null] }), showUnsaved && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 bg-black/60", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, onClick: () => setShowUnsaved(false) }), _jsxs("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90vw] max-w-sm bg-[var(--appkit-color-surface)] rounded-xl shadow-2xl p-6", style: { zIndex: "calc(var(--appkit-z-modal) + 5)" }, children: [_jsxs("div", { className: "flex gap-3 mb-4", children: [_jsx("span", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-[var(--appkit-color-warning-surface)] flex items-center justify-center", children: _jsx(AlertTriangle, { className: "w-5 h-5 text-[var(--appkit-color-warning)]" }) }), _jsxs(_Fragment, { children: [_jsx(Text, { className: "font-semibold text-[var(--appkit-color-text)]", children: "Unsaved changes" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] mt-1", children: "You have unsaved changes. Leave without saving?" })] })] }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowUnsaved(false), children: "Stay" }), _jsx(Button, { variant: "danger", size: "sm", onClick: () => { setShowUnsaved(false); onClose(); }, children: "Leave" })] })] })] }))] }));
 }

package/dist/features/shell/StepForm.d.ts

@@ -21,6 +21,8 @@ export interface StepFormProps<T extends object = Record<string, unknown>> {
     /** Current step index (0-based). Controlled from outside. */
     currentStep: number;
     onStepChange: (step: number) => void;
+    /** Suppress the built-in action bar. Use FormShell's renderBottomBar instead. */
+    hideActions?: boolean;
 }
 export interface StepFormActionsProps {
     currentStep: number;
@@ -41,4 +43,4 @@ export declare function StepIndicator({ steps, currentStep, onStepClick, }: {
     currentStep: number;
     onStepClick?: (index: number) => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function StepForm<T extends object = Record<string, unknown>>({ steps, values, onChange, onComplete, completeLabel, isLoading, formId, currentStep, onStepChange, }: StepFormProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function StepForm<T extends object = Record<string, unknown>>({ steps, values, onChange, onComplete, completeLabel, isLoading, formId, currentStep, onStepChange, hideActions, }: StepFormProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/features/shell/StepForm.js

@@ -10,7 +10,7 @@ export function StepFormActions({ currentStep, totalSteps, onNext, onPrev, compl
     const isFirst = currentStep === 0;
     const isLast = currentStep === totalSteps - 1;
     const nextStepLabel = `Next →`;
-    return (_jsxs("div", { className: "flex items-center justify-between gap-2 px-4 py-3 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", children: [_jsx(_Fragment, { children: !isFirst && onPrev && (_jsx(Button, { variant: "outline", size: "sm", onClick: onPrev, disabled: disabled || isLoading, children: "\u2190 Back" })) }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "text-xs text-[var(--appkit-color-text-muted)]", children: [currentStep + 1, " / ", totalSteps] }), _jsx(Button, { variant: "primary", size: "sm", onClick: onNext, disabled: disabled || isLoading, isLoading: isLoading && isLast, children: isLast ? completeLabel : nextStepLabel })] })] }));
+    return (_jsxs("div", { className: "flex items-center justify-between gap-2 px-5 py-3 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", children: [_jsx(_Fragment, { children: !isFirst && onPrev && (_jsx(Button, { variant: "outline", size: "sm", onClick: onPrev, disabled: disabled || isLoading, children: "\u2190 Back" })) }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "text-xs text-[var(--appkit-color-text-muted)]", children: [currentStep + 1, " / ", totalSteps] }), _jsx(Button, { variant: "primary", size: "sm", onClick: onNext, disabled: disabled || isLoading, isLoading: isLoading && isLast, children: isLast ? completeLabel : nextStepLabel })] })] }));
 }
 /** Step indicator bar shown above step content. */
 export function StepIndicator({ steps, currentStep, onStepClick, }) {
@@ -30,7 +30,7 @@ export function StepIndicator({ steps, currentStep, onStepClick, }) {
                             : "bg-[var(--appkit-color-border)]") }))] }, i));
         }) }));
 }
-export function StepForm({ steps, values, onChange, onComplete, completeLabel = "Publish Now", isLoading = false, formId, currentStep, onStepChange, }) {
+export function StepForm({ steps, values, onChange, onComplete, completeLabel = "Publish Now", isLoading = false, formId, currentStep, onStepChange, hideActions = false, }) {
     const [stepErrors, setStepErrors] = useState({});
     const [stepError, setStepError] = useState(null);
     // Persist step to localStorage if formId provided
@@ -78,5 +78,5 @@ export function StepForm({ steps, values, onChange, onComplete, completeLabel =
     return (_jsxs("div", { className: "flex flex-col", children: [_jsx(StepIndicator, { steps: steps, currentStep: currentStep, onStepClick: (i) => { if (i < currentStep) {
                     setStepError(null);
                     onStepChange(i);
-                } } }), _jsx("div", { className: "flex-1", children: currentStepDef?.render({ values, onChange, errors: stepErrors }) }), stepError && (_jsx(Text, { className: "mt-3 text-sm text-[var(--appkit-color-error)]", children: stepError })), _jsx(StepFormActions, { currentStep: currentStep, totalSteps: steps.length, onNext: () => void goNext(), onPrev: currentStep > 0 ? goPrev : undefined, completeLabel: completeLabel, isLoading: isLoading && isLast, disabled: isLoading })] }));
+                } } }), _jsx("div", { className: "flex-1", children: currentStepDef?.render({ values, onChange, errors: stepErrors }) }), !hideActions && stepError && (_jsx(Text, { className: "mt-3 text-sm text-[var(--appkit-color-error)]", children: stepError })), !hideActions && (_jsx(StepFormActions, { currentStep: currentStep, totalSteps: steps.length, onNext: () => void goNext(), onPrev: currentStep > 0 ? goPrev : undefined, completeLabel: completeLabel, isLoading: isLoading && isLast, disabled: isLoading }))] }));
 }

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

@@ -32,8 +32,8 @@ export declare const storeListItemSchema: z.ZodObject<{
     averageRating: z.ZodOptional<z.ZodNumber>;
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    id: string;
     status: string;
+    id: string;
     storeName: string;
     isPublic: boolean;
     storeSlug: string;
@@ -48,8 +48,8 @@ export declare const storeListItemSchema: z.ZodObject<{
     totalReviews?: number | undefined;
     averageRating?: number | undefined;
 }, {
-    id: string;
     status: string;
+    id: string;
     storeName: string;
     isPublic: boolean;
     storeSlug: string;
@@ -72,14 +72,14 @@ export declare const storeListParamsSchema: z.ZodObject<{
     filters: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
-    pageSize?: number | undefined;
     category?: string | undefined;
     page?: number | undefined;
+    pageSize?: number | undefined;
     filters?: string | undefined;
 }, {
     sort?: string | undefined;
-    pageSize?: number | undefined;
     category?: string | undefined;
     page?: number | undefined;
+    pageSize?: number | undefined;
     filters?: string | undefined;
 }>;

package/dist/index.d.ts

@@ -42,6 +42,13 @@ export { DropdownTrigger } from "./ui/index";
 export { FormFieldSpan } from "./ui/index";
 export { FormGrid } from "./ui/index";
 export { FormGroup } from "./ui/index";
+export type { FormShellStep, FormShellContextValue } from "./ui/index";
+export type { FieldInputProps } from "./ui/index";
+export { FieldInput } from "./ui/index";
+export type { FieldSelectProps } from "./ui/index";
+export { FieldSelect } from "./ui/index";
+export type { FieldCheckboxProps } from "./ui/index";
+export { FieldCheckbox } from "./ui/index";
 export { GRID_MAP } from "./ui/index";
 export { ImageGallery } from "./ui/index";
 export { ImageLightbox } from "./ui/index";
@@ -286,7 +293,7 @@ export { AppError } from "./errors/index";
 export { AuthenticationError } from "./errors/index";
 export { AuthorizationError } from "./errors/index";
 export { DatabaseError } from "./errors/index";
-export { ERROR_CODES } from "./errors/index";
+export { ERROR_CODES, BID_ERROR_CODES, OFFER_ERROR_CODES } from "./errors/index";
 export { ERROR_MESSAGES } from "./errors/index";
 export { NotFoundError } from "./errors/index";
 export { ValidationError } from "./errors/index";
@@ -373,6 +380,7 @@ export { useSiteSettings } from "./core/index";
 export type { ActionMiddleware } from "./core/index";
 export type { ActionMiddlewareContext } from "./core/index";
 export type { ActionResult } from "./core/index";
+export { handleActionError } from "./utils/action-response";
 export type { CacheEntry } from "./core/index";
 export type { CacheOptions } from "./core/index";
 export type { CopilotFeedback } from "./core/index";

package/dist/index.js

@@ -134,6 +134,9 @@ export { FormGrid } from "./ui/index";
 // [CLIENT-SSR]-Runs in both SSR and browser â€" React component or hook that does not depend on browser-only APIs.
 // FormGroup - Shared export for form group.
 export { FormGroup } from "./ui/index";
+export { FieldInput } from "./ui/index";
+export { FieldSelect } from "./ui/index";
+export { FieldCheckbox } from "./ui/index";
 // [CLIENT-SSR]-Runs in both SSR and browser â€" React component or hook that does not depend on browser-only APIs.
 // GRID_MAP - Constant used across modules.
 export { GRID_MAP } from "./ui/index";
@@ -493,7 +496,7 @@ export { AuthorizationError } from "./errors/index";
 export { DatabaseError } from "./errors/index";
 // [UTIL]-Pure utility â€" no framework or runtime dependency; safe to import from any environment.
 // ERROR_CODES - Constant used across modules.
-export { ERROR_CODES } from "./errors/index";
+export { ERROR_CODES, BID_ERROR_CODES, OFFER_ERROR_CODES } from "./errors/index";
 // [UTIL]-Pure utility â€" no framework or runtime dependency; safe to import from any environment.
 // ERROR_MESSAGES - Constant used across modules.
 export { ERROR_MESSAGES } from "./errors/index";
@@ -706,6 +709,8 @@ export { unitOfWork } from "./core/index";
 // [CLIENT-SSR]-Runs in both SSR and browser â€" React component or hook that does not depend on browser-only APIs.
 // useSiteSettings - React hook for use site settings.
 export { useSiteSettings } from "./core/index";
+// handleActionError - Maps domain errors to structured { ok: false, error, code } responses.
+export { handleActionError } from "./utils/action-response";
 // ./security/index
 // [CLIENT-SSR]-Runs in both SSR and browser â€" React component or hook that does not depend on browser-only APIs.
 // ADDRESS_PII_FIELDS - Constant used across modules.

package/dist/next/routing/route-map.d.ts

@@ -183,6 +183,8 @@ export declare const DEFAULT_ROUTE_MAP: {
         readonly LIVE_ITEMS: "/store/live";
         readonly LIVE_ITEMS_NEW: "/store/live/new";
         readonly LIVE_ITEMS_EDIT: (id: string) => string;
+        readonly PRINT_CENTER: "/store/print-center";
+        readonly INVENTORY_PRINT: "/store/inventory/print";
     };
     readonly ADMIN: {
         readonly DASHBOARD: "/admin/dashboard";
@@ -263,6 +265,7 @@ export declare const DEFAULT_ROUTE_MAP: {
         readonly SCAMMER_BY_ID: (id: string) => string;
         readonly SETTINGS_ACTIONS: "/admin/settings/actions";
         readonly SETTINGS_NAVIGATION: "/admin/settings/navigation";
+        readonly PRINT_CENTER: "/admin/print-center";
     };
     readonly DEMO: {
         readonly SEED: "/demo/seed";
@@ -445,6 +448,8 @@ export declare const ROUTES: {
         readonly LIVE_ITEMS: "/store/live";
         readonly LIVE_ITEMS_NEW: "/store/live/new";
         readonly LIVE_ITEMS_EDIT: (id: string) => string;
+        readonly PRINT_CENTER: "/store/print-center";
+        readonly INVENTORY_PRINT: "/store/inventory/print";
     };
     readonly ADMIN: {
         readonly DASHBOARD: "/admin/dashboard";
@@ -525,6 +530,7 @@ export declare const ROUTES: {
         readonly SCAMMER_BY_ID: (id: string) => string;
         readonly SETTINGS_ACTIONS: "/admin/settings/actions";
         readonly SETTINGS_NAVIGATION: "/admin/settings/navigation";
+        readonly PRINT_CENTER: "/admin/print-center";
     };
     readonly DEMO: {
         readonly SEED: "/demo/seed";
@@ -587,6 +593,8 @@ export declare const SELLER_ROUTES: {
     readonly LIVE_ITEMS: "/store/live";
     readonly LIVE_ITEMS_NEW: "/store/live/new";
     readonly LIVE_ITEMS_EDIT: (id: string) => string;
+    readonly PRINT_CENTER: "/store/print-center";
+    readonly INVENTORY_PRINT: "/store/inventory/print";
 };
 export declare const PUBLIC_ROUTES: readonly ["/", string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, "/unauthorized", "/auth/login", "/auth/register", "/auth/forgot-password", "/auth/reset-password", "/auth/verify-email"];
 export declare const PROTECTED_ROUTES: readonly [string, string, string, string, string, string, string];

package/dist/next/routing/route-map.js

@@ -173,6 +173,8 @@ export const DEFAULT_ROUTE_MAP = {
         LIVE_ITEMS: "/store/live",
         LIVE_ITEMS_NEW: "/store/live/new",
         LIVE_ITEMS_EDIT: (id) => `/store/live/${id}/edit`,
+        PRINT_CENTER: "/store/print-center",
+        INVENTORY_PRINT: "/store/inventory/print",
     },
     ADMIN: {
         DASHBOARD: "/admin/dashboard",
@@ -255,6 +257,7 @@ export const DEFAULT_ROUTE_MAP = {
         SCAMMER_BY_ID: (id) => `/admin/scammers/${id}`,
         SETTINGS_ACTIONS: "/admin/settings/actions",
         SETTINGS_NAVIGATION: "/admin/settings/navigation",
+        PRINT_CENTER: "/admin/print-center",
     },
     DEMO: {
         SEED: "/demo/seed",