@mohasinac/appkit 4.70.0 → 4.71.2

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

@@ -1,6 +1,9 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface FulfillmentViewProps {
     currentUserId?: string;
     currentUserName?: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function FulfillmentView({ currentUserId, }: FulfillmentViewProps): React.JSX.Element;
+export declare function FulfillmentView({ currentUserId, pageRegionCards, }: FulfillmentViewProps): React.JSX.Element;

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

@@ -12,6 +12,7 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { useToast } from "../../../ui/components/toast-context.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 function statusBadgeVariant(status) {
     if (status === "confirmed")
         return "warning";
@@ -21,7 +22,7 @@ function statusBadgeVariant(status) {
         return "success";
     return "default";
 }
-export function FulfillmentView({ currentUserId, }) {
+export function FulfillmentView({ currentUserId, pageRegionCards = [], }) {
     const [mode, setMode] = useState("scan");
     const [orders, setOrders] = useState([]);
     const [scanValue, setScanValue] = useState("");
@@ -114,7 +115,7 @@ export function FulfillmentView({ currentUserId, }) {
     const visibleOrders = filterMine
         ? orders.filter((o) => o.assignedWorkerId === currentUserId)
         : orders;
-    return (_jsxs(Stack, { gap: "md", padding: "md", children: [_jsxs(Row, { align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsx(Heading, { level: 3, children: "Pick & Pack" }), _jsxs(Row, { gap: "xs", children: [_jsx(Button, { onClick: () => setMode("scan"), variant: mode === "scan" ? "primary" : "secondary", size: "sm", children: "Scan Mode" }), _jsx(Button, { onClick: () => setMode("list"), variant: mode === "list" ? "primary" : "secondary", size: "sm", children: "List Mode" })] })] }), mode === "scan" && (_jsxs(Stack, { gap: "md", children: [_jsx(BarcodeField, { autoFocus: true, value: scanValue, onChange: setScanValue, onScan: handleScan, helperText: "Point scanner at an item sticker or type the barcode and press Enter." }), scanError && (_jsx(Text, { color: "error", size: "sm", children: scanError })), scanResult && (_jsxs(Stack, { surface: "card", padding: "md", rounded: "md", gap: "sm", children: [_jsx(Text, { size: "xs", color: "muted", children: "Scanned item" }), _jsx(Heading, { level: 5, children: scanResult.product.title ?? scanResult.product.id }), _jsxs(Row, { gap: "md", wrap: true, children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Order" }), _jsxs(Text, { size: "sm", weight: "medium", children: ["#", scanResult.order.id] })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Buyer" }), _jsx(Text, { size: "sm", weight: "medium", children: scanResult.order.userName })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Status" }), _jsx(Badge, { variant: statusBadgeVariant(scanResult.order.status), children: scanResult.order.status })] })] }), _jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: "primary", onClick: confirmPick, isLoading: isConfirming, children: "Confirm Pick" }), _jsx(Button, { variant: "secondary", onClick: () => {
+    return (_jsxs(Stack, { gap: "md", padding: "md", children: [_jsxs(Row, { align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsx(Heading, { level: 3, children: "Pick & Pack" }), _jsxs(Row, { gap: "xs", children: [_jsx(Button, { onClick: () => setMode("scan"), variant: mode === "scan" ? "primary" : "secondary", size: "sm", children: "Scan Mode" }), _jsx(Button, { onClick: () => setMode("list"), variant: mode === "list" ? "primary" : "secondary", size: "sm", children: "List Mode" })] })] }), _jsx(AdminComposableRegion, { pageId: "store-fulfillment", initialCards: pageRegionCards }), mode === "scan" && (_jsxs(Stack, { gap: "md", children: [_jsx(BarcodeField, { autoFocus: true, value: scanValue, onChange: setScanValue, onScan: handleScan, helperText: "Point scanner at an item sticker or type the barcode and press Enter." }), scanError && (_jsx(Text, { color: "error", size: "sm", children: scanError })), scanResult && (_jsxs(Stack, { surface: "card", padding: "md", rounded: "md", gap: "sm", children: [_jsx(Text, { size: "xs", color: "muted", children: "Scanned item" }), _jsx(Heading, { level: 5, children: scanResult.product.title ?? scanResult.product.id }), _jsxs(Row, { gap: "md", wrap: true, children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Order" }), _jsxs(Text, { size: "sm", weight: "medium", children: ["#", scanResult.order.id] })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Buyer" }), _jsx(Text, { size: "sm", weight: "medium", children: scanResult.order.userName })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Status" }), _jsx(Badge, { variant: statusBadgeVariant(scanResult.order.status), children: scanResult.order.status })] })] }), _jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: "primary", onClick: confirmPick, isLoading: isConfirming, children: "Confirm Pick" }), _jsx(Button, { variant: "secondary", onClick: () => {
                                             setScanResult(null);
                                             setScanValue("");
                                             setScanError(null);

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { type PhysicalLocationParts } from "../../../utils/physical-location";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 interface PrintCenterStore {
     id: string;
     storeName: string;
@@ -44,6 +45,8 @@ interface PrintCenterViewProps {
     brandName?: string;
     initialProducts?: PrintCenterProduct[];
     initialOrders?: PrintCenterOrder[];
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function PrintCenterView({ store, brandName, initialProducts, initialOrders, }: PrintCenterViewProps): React.JSX.Element;
+export declare function PrintCenterView({ store, isAdmin, brandName, initialProducts, initialOrders, pageRegionCards, }: PrintCenterViewProps): React.JSX.Element;
 export {};

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

@@ -9,6 +9,9 @@ import { formatPhysicalLocation, } from "../../../utils/physical-location.js";
 import { LabelPageStyle, LabelSheet, ProductLabel, PrintScaleWarning, } from "../../print/components/labels.js";
 import { LabelProfilePicker } from "../../print/components/LabelProfilePicker.js";
 import { LABEL_PROFILES, documentPageCss, labelPageCss, } from "../../../_internal/shared/features/print/label-profiles.js";
+import { formatMoney } from "../../../utils/number.formatter.js";
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /*
  * 🛑 THE LOCAL `ProductLabel` IS GONE. It was `w-[200px]`, rendered a barcode
  * at `width: 2` (a 0.53 mm module — twice the density needed) with a fixed
@@ -22,9 +25,9 @@ import { LABEL_PROFILES, documentPageCss, labelPageCss, } from "../../../_intern
  * and `label-profiles.ts` for why the fit check refuses rather than scales.
  */
 function PackingSlip({ order, brandName }) {
-    return (_jsxs(Stack, { surface: "card", padding: "md", rounded: "sm", className: "break-inside-avoid mb-4 max-w-[480px]", children: [_jsxs(Row, { justify: "between", className: "mb-2", children: [_jsx(Heading, { level: 5, children: brandName }), _jsxs(Text, { size: "xs", color: "muted", children: ["#", order.id] })] }), _jsx(Text, { size: "xs", color: "muted", children: new Date(order.createdAt).toLocaleDateString("en-IN") }), order.buyerDisplayName && _jsx(Text, { size: "sm", weight: "medium", children: order.buyerDisplayName }), order.buyerCity && _jsx(Text, { size: "xs", color: "muted", children: order.buyerCity }), formatPhysicalLocation(order.physicalLocation) && (_jsxs(Text, { size: "xs", color: "muted", children: ["Staging: ", formatPhysicalLocation(order.physicalLocation)] })), _jsx(Stack, { border: "top", padding: "t-xs", className: "mt-3", children: order.items.map((item, i) => (_jsxs(Row, { justify: "between", padding: "y-2xs", className: "border-b last:border-b-0", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "medium", children: item.productName }), item.barcodeId && _jsx(Text, { size: "xs", color: "muted", children: item.barcodeId })] }), _jsxs(Stack, { className: "text-right", children: [_jsxs(Text, { size: "xs", children: ["\u00D7", item.quantity] }), _jsxs(Text, { size: "xs", color: "muted", children: ["\u20B9", item.price.toLocaleString("en-IN")] })] })] }, i))) })] }));
+    return (_jsxs(Stack, { surface: "card", padding: "md", rounded: "sm", className: "break-inside-avoid mb-4 max-w-[480px]", children: [_jsxs(Row, { justify: "between", className: "mb-2", children: [_jsx(Heading, { level: 5, children: brandName }), _jsxs(Text, { size: "xs", color: "muted", children: ["#", order.id] })] }), _jsx(Text, { size: "xs", color: "muted", children: new Date(order.createdAt).toLocaleDateString("en-IN") }), order.buyerDisplayName && _jsx(Text, { size: "sm", weight: "medium", children: order.buyerDisplayName }), order.buyerCity && _jsx(Text, { size: "xs", color: "muted", children: order.buyerCity }), formatPhysicalLocation(order.physicalLocation) && (_jsxs(Text, { size: "xs", color: "muted", children: ["Staging: ", formatPhysicalLocation(order.physicalLocation)] })), _jsx(Stack, { border: "top", padding: "t-xs", className: "mt-3", children: order.items.map((item, i) => (_jsxs(Row, { justify: "between", padding: "y-2xs", className: "border-b last:border-b-0", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "medium", children: item.productName }), item.barcodeId && _jsx(Text, { size: "xs", color: "muted", children: item.barcodeId })] }), _jsxs(Stack, { className: "text-right", children: [_jsxs(Text, { size: "xs", children: ["\u00D7", item.quantity] }), _jsx(Text, { size: "xs", color: "muted", children: formatMoney(item.price) })] })] }, i))) })] }));
 }
-export function PrintCenterView({ store, brandName = "LetItRip", initialProducts = [], initialOrders = [], }) {
+export function PrintCenterView({ store, isAdmin, brandName = `${getBrandName()}`, initialProducts = [], initialOrders = [], pageRegionCards = [], }) {
     const [tab, setTab] = useState("labels");
     const [selectedProducts, setSelectedProducts] = useState(new Set());
     const [selectedOrders, setSelectedOrders] = useState(new Set());
@@ -55,7 +58,7 @@ export function PrintCenterView({ store, brandName = "LetItRip", initialProducts
         return next;
     });
     const printSelected = () => window.print();
-    return (_jsxs(Stack, { gap: "md", padding: "md", children: [_jsx(LabelPageStyle, { css: tab === "labels" ? labelPageCss(profile) : documentPageCss() }), _jsxs(Stack, { className: "no-print", children: [_jsxs(Heading, { level: 3, children: ["Print Center", store ? ` — ${store.storeName}` : ""] }), _jsxs(Row, { gap: "xs", className: "mt-3", children: [_jsx(Button, { onClick: () => setTab("labels"), variant: tab === "labels" ? "primary" : "secondary", size: "sm", children: "Product Labels" }), _jsx(Button, { onClick: () => setTab("slips"), variant: tab === "slips" ? "primary" : "secondary", size: "sm", children: "Packing Slips" })] })] }), tab === "labels" && (_jsxs(_Fragment, { children: [_jsxs(Stack, { className: "no-print", gap: "sm", children: [_jsx(LabelProfilePicker, { value: profileId, onChange: setProfileId, longestCodeLength: longestCodeLength }), _jsx(PrintScaleWarning, {}), _jsxs(Stack, { gap: "sm", children: [initialProducts.length === 0 ? (_jsx(Text, { color: "muted", children: "No products available." })) : (initialProducts.map((p) => (_jsx(FieldCheckbox, { name: `product-${p.id}`, label: p.name, checked: selectedProducts.has(p.id), onChange: () => toggleProduct(p.id) }, p.id)))), _jsxs(Button, { onClick: printSelected, disabled: selectedProducts.size === 0, children: ["Print Selected (", selectedProducts.size, ")"] })] })] }), _jsx(LabelSheet, { profile: profile, children: chosenProducts.map((p) => (_jsx(ProductLabel, { profile: profile, product: {
+    return (_jsxs(Stack, { gap: "md", padding: "md", children: [_jsx(LabelPageStyle, { css: tab === "labels" ? labelPageCss(profile) : documentPageCss() }), _jsxs(Stack, { className: "no-print", children: [_jsxs(Heading, { level: 3, children: ["Print Center", store ? ` — ${store.storeName}` : ""] }), _jsxs(Row, { gap: "xs", className: "mt-3", children: [_jsx(Button, { onClick: () => setTab("labels"), variant: tab === "labels" ? "primary" : "secondary", size: "sm", children: "Product Labels" }), _jsx(Button, { onClick: () => setTab("slips"), variant: tab === "slips" ? "primary" : "secondary", size: "sm", children: "Packing Slips" })] })] }), _jsx(AdminComposableRegion, { pageId: isAdmin ? "admin-print-center" : "store-fulfillment-print-center", initialCards: pageRegionCards }), tab === "labels" && (_jsxs(_Fragment, { children: [_jsxs(Stack, { className: "no-print", gap: "sm", children: [_jsx(LabelProfilePicker, { value: profileId, onChange: setProfileId, longestCodeLength: longestCodeLength }), _jsx(PrintScaleWarning, {}), _jsxs(Stack, { gap: "sm", children: [initialProducts.length === 0 ? (_jsx(Text, { color: "muted", children: "No products available." })) : (initialProducts.map((p) => (_jsx(FieldCheckbox, { name: `product-${p.id}`, label: p.name, checked: selectedProducts.has(p.id), onChange: () => toggleProduct(p.id) }, p.id)))), _jsxs(Button, { onClick: printSelected, disabled: selectedProducts.size === 0, children: ["Print Selected (", selectedProducts.size, ")"] })] })] }), _jsx(LabelSheet, { profile: profile, children: chosenProducts.map((p) => (_jsx(ProductLabel, { profile: profile, product: {
                                 barcodeId: p.barcodeId,
                                 name: p.name,
                                 price: p.price,

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

@@ -1,5 +1,8 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface SellerAddressesViewProps {
     apiBase?: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerAddressesView({ apiBase, }: SellerAddressesViewProps): React.JSX.Element;
+export declare function SellerAddressesView({ apiBase, pageRegionCards, }: SellerAddressesViewProps): React.JSX.Element;

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

@@ -21,6 +21,7 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../constants/index.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __O = {
     xAuto: "overflow-x-auto",
 };
@@ -64,7 +65,7 @@ function AddressCard({ address, onEdit, onDelete, onSetDefault, }) {
 // ---------------------------------------------------------------------------
 // Main Component
 // ---------------------------------------------------------------------------
-export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES, }) {
+export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES, pageRegionCards = [], }) {
     const [addresses, setAddresses] = useState([]);
     const [listView, setListView] = useState("table");
     const [isLoading, setIsLoading] = useState(true);
@@ -180,7 +181,7 @@ export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES
     };
     const set = (key, value) => setDraft((p) => ({ ...p, [key]: value }));
     const setField = (key) => (value) => set(key, value);
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(StickyToolbar, { offset: "header", tone: "default", border: true, padding: "md", children: _jsxs(Row, { justify: "between", children: [_jsxs(Stack, { gap: "none", children: [_jsx(Heading, { level: 2, size: "base", weight: "semibold", color: "primary", children: "Pickup Addresses" }), _jsx(Text, { size: "xs", color: "muted", className: "mt-0.5", children: "Manage your store's pickup and return locations" })] }), _jsxs(Row, { gap: "sm", align: "center", children: [_jsx(TextLink, { href: String(ROUTES.STORE.ADDRESSES_NEW), children: "Open full page \u2192" }), _jsxs(Button, { gap: "sm", size: "sm", onClick: openAdd, children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx(Span, { children: "Add Address" })] })] })] }) }), _jsxs(Div, { paddingX: "x-md-lg", className: "max-w-2xl", padding: "y-lg", children: [errorMessage && (_jsx(Div, { textSize: "sm", className: "mb-4 border border-error/20", color: "error", surface: "danger-surface", padding: "inline", rounded: "xl", children: errorMessage })), isLoading ? (_jsx(Row, { justify: "center", padding: "y-4xl", children: _jsx(Div, { className: "h-6 w-6 animate-spin border-2 border-[var(--appkit-color-primary)] border-t-transparent", rounded: "full" }) })) : addresses.length === 0 ? (_jsxs(Stack, { border: "default", className: "border-2 border-dashed", padding: "y-4xl", align: "center", gap: "3", rounded: "xl", children: [_jsx(MapPin, { className: "h-8 w-8 text-[var(--appkit-color-text-muted)]" }), _jsx(Text, { size: "sm", color: "muted", children: "No pickup addresses yet" }), _jsx(Button, { size: "sm", variant: "outline", onClick: openAdd, children: "Add your first address" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Row, { justify: "end", className: "mb-2", children: [_jsx(Button, { size: "sm", variant: listView === "table" ? "primary" : "ghost", onClick: () => setListView("table"), children: "Table" }), _jsx(Button, { size: "sm", variant: listView === "cards" ? "primary" : "ghost", onClick: () => setListView("cards"), children: "Cards" })] }), listView === "cards" ? (_jsx(Grid, { gap: "sm", children: addresses.map((addr) => (_jsx(Div, { className: deletingId === addr.id ? "opacity-50 pointer-events-none" : "", children: _jsx(AddressCard, { address: addr, onEdit: () => openEdit(addr), onDelete: () => handleDelete(addr), onSetDefault: () => void handleSetDefault(addr) }) }, addr.id))) })) : (_jsx(Div, { className: `${__O.xAuto}`, rounded: "lg", border: "default", children: _jsxs(Table, { size: "sm", children: [_jsx(Thead, { surface: "muted", children: _jsxs(Tr, { children: [_jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "Label" }), _jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "Name" }), _jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "City" }), _jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "Phone" }), _jsx(Th, { className: "text-right", padding: "sm", weight: "semibold", children: "Actions" })] }) }), _jsx(Tbody, { children: addresses.map((addr) => {
+    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(StickyToolbar, { offset: "header", tone: "default", border: true, padding: "md", children: _jsxs(Row, { justify: "between", children: [_jsxs(Stack, { gap: "none", children: [_jsx(Heading, { level: 2, size: "base", weight: "semibold", color: "primary", children: "Pickup Addresses" }), _jsx(Text, { size: "xs", color: "muted", className: "mt-0.5", children: "Manage your store's pickup and return locations" })] }), _jsxs(Row, { gap: "sm", align: "center", children: [_jsx(TextLink, { href: String(ROUTES.STORE.ADDRESSES_NEW), children: "Open full page \u2192" }), _jsxs(Button, { gap: "sm", size: "sm", onClick: openAdd, children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx(Span, { children: "Add Address" })] })] })] }) }), _jsx(Div, { paddingX: "x-md-lg", className: "max-w-2xl", padding: "t-md", children: _jsx(AdminComposableRegion, { pageId: "store-addresses", initialCards: pageRegionCards }) }), _jsxs(Div, { paddingX: "x-md-lg", className: "max-w-2xl", padding: "y-lg", children: [errorMessage && (_jsx(Div, { textSize: "sm", className: "mb-4 border border-error/20", color: "error", surface: "danger-surface", padding: "inline", rounded: "xl", children: errorMessage })), isLoading ? (_jsx(Row, { justify: "center", padding: "y-4xl", children: _jsx(Div, { className: "h-6 w-6 animate-spin border-2 border-[var(--appkit-color-primary)] border-t-transparent", rounded: "full" }) })) : addresses.length === 0 ? (_jsxs(Stack, { border: "default", className: "border-2 border-dashed", padding: "y-4xl", align: "center", gap: "3", rounded: "xl", children: [_jsx(MapPin, { className: "h-8 w-8 text-[var(--appkit-color-text-muted)]" }), _jsx(Text, { size: "sm", color: "muted", children: "No pickup addresses yet" }), _jsx(Button, { size: "sm", variant: "outline", onClick: openAdd, children: "Add your first address" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Row, { justify: "end", className: "mb-2", children: [_jsx(Button, { size: "sm", variant: listView === "table" ? "primary" : "ghost", onClick: () => setListView("table"), children: "Table" }), _jsx(Button, { size: "sm", variant: listView === "cards" ? "primary" : "ghost", onClick: () => setListView("cards"), children: "Cards" })] }), listView === "cards" ? (_jsx(Grid, { gap: "sm", children: addresses.map((addr) => (_jsx(Div, { className: deletingId === addr.id ? "opacity-50 pointer-events-none" : "", children: _jsx(AddressCard, { address: addr, onEdit: () => openEdit(addr), onDelete: () => handleDelete(addr), onSetDefault: () => void handleSetDefault(addr) }) }, addr.id))) })) : (_jsx(Div, { className: `${__O.xAuto}`, rounded: "lg", border: "default", children: _jsxs(Table, { size: "sm", children: [_jsx(Thead, { surface: "muted", children: _jsxs(Tr, { children: [_jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "Label" }), _jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "Name" }), _jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "City" }), _jsx(Th, { className: "text-left", padding: "sm", weight: "semibold", children: "Phone" }), _jsx(Th, { className: "text-right", padding: "sm", weight: "semibold", children: "Actions" })] }) }), _jsx(Tbody, { children: addresses.map((addr) => {
                                                 const isBanned = addr.banStatus === "banned";
                                                 return (_jsxs(Tr, { className: `border-t border-[var(--appkit-color-border)] ${deletingId === addr.id ? "opacity-50" : ""}`, children: [_jsx(Td, { padding: "sm", children: _jsxs(Row, { gap: "xs", align: "center", children: [_jsx(Span, { children: addr.label }), isBanned && _jsx(Badge, { variant: "danger", size: "sm", children: "Banned" })] }) }), _jsx(Td, { padding: "sm", children: addr.fullName }), _jsxs(Td, { padding: "sm", children: [addr.city, ", ", addr.state] }), _jsx(Td, { className: "tabular-nums", padding: "sm", children: addr.phone }), _jsx(Td, { className: "text-right", padding: "sm", children: isBanned ? (_jsx(Span, { size: "xs", color: "muted", title: "Contact support to resolve address ban", children: "Contact support" })) : (_jsxs(Row, { justify: "end", gap: "xs", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => openEdit(addr), children: ROW_ACTION_META[ROW_ACTION_ID.EDIT].label }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => handleDelete(addr), children: ROW_ACTION_META[ROW_ACTION_ID.DELETE].label })] })) })] }, addr.id));
                                             }) })] }) }))] }))] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: editingId ? "Edit Address" : "Add Address", footer: 

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

@@ -1,7 +1,10 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface SellerAnalyticsAlertsViewProps {
     labels?: {
         title?: string;
     };
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerAnalyticsAlertsView({ labels, }: SellerAnalyticsAlertsViewProps): React.JSX.Element;
+export declare function SellerAnalyticsAlertsView({ labels, pageRegionCards, }: SellerAnalyticsAlertsViewProps): React.JSX.Element;

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

@@ -24,6 +24,7 @@ import { buildSectionsFromSchema, visibleValues } from "../../shell/build-sectio
 import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
 import { QuickEditMenu } from "../../admin/components/QuickEditMenu.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
 };
@@ -158,7 +159,7 @@ const EMPTY_DRAFT = {
 function ChannelChips({ selected, onToggle, }) {
     return (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { color: "muted", size: "xs", weight: "medium", children: "Notify via" }), _jsx(Row, { gap: "sm", wrap: true, children: CHANNEL_OPTIONS.map((ch) => (_jsx(Button, { variant: selected.includes(ch.value) ? "primary" : "outline", type: "button", onClick: () => onToggle(ch.value), rounded: "full", paddingX: "sm", paddingY: "xs", textSize: "xs", children: ch.label }, ch.value))) })] }));
 }
-export function SellerAnalyticsAlertsView({ labels = {}, }) {
+export function SellerAnalyticsAlertsView({ labels = {}, pageRegionCards = [], }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const [showForm, setShowForm] = useState(false);
@@ -251,7 +252,7 @@ export function SellerAnalyticsAlertsView({ labels = {}, }) {
         }
         createMutation.mutate(parsed.data);
     };
-    return (_jsxs(Stack, { gap: "lg", children: [_jsxs(Row, { justify: "between", children: [_jsx(Heading, { level: 2, size: "base", weight: "semibold", color: "primary", children: labels.title ?? "Analytics Alerts" }), _jsx(Button, { size: "sm", onClick: () => setShowForm((v) => !v), children: showForm ? "Cancel" : "+ New Alert" })] }), _jsx(Text, { size: "sm", color: "muted", children: "Get notified when a key metric crosses a threshold. Alerts check the metric over the selected window and fire through your chosen channels." }), showForm && (_jsxs(Section, { className: `${__P.p5} space-y-[1rem]`, rounded: "xl", border: "default", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "primary", children: "Create Alert" }), _jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: (partial) => setDraft((prev) => ({ ...prev, ...partial })), onSubmit: submitAlert, schema: analyticsAlertCreateSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: createMutation.isPending, submitLabel: "Create alert", onCancel: () => setShowForm(false), 
+    return (_jsxs(Stack, { gap: "lg", children: [_jsxs(Row, { justify: "between", children: [_jsx(Heading, { level: 2, size: "base", weight: "semibold", color: "primary", children: labels.title ?? "Analytics Alerts" }), _jsx(Button, { size: "sm", onClick: () => setShowForm((v) => !v), children: showForm ? "Cancel" : "+ New Alert" })] }), _jsx(Text, { size: "sm", color: "muted", children: "Get notified when a key metric crosses a threshold. Alerts check the metric over the selected window and fire through your chosen channels." }), _jsx(AdminComposableRegion, { pageId: "store-analytics-alerts", initialCards: pageRegionCards }), showForm && (_jsxs(Section, { className: `${__P.p5} space-y-[1rem]`, rounded: "xl", border: "default", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "primary", children: "Create Alert" }), _jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: (partial) => setDraft((prev) => ({ ...prev, ...partial })), onSubmit: submitAlert, schema: analyticsAlertCreateSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: createMutation.isPending, submitLabel: "Create alert", onCancel: () => setShowForm(false), 
                                 /*
                                  * This panel is one card inside a longer analytics page, not the
                                  * page's own form — a viewport-pinned Save would claim the

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

@@ -1,5 +1,6 @@
 import React from "react";
 import type { StackedViewShellProps } from "../../../ui/components/StackedViewShell";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface SellerAnalyticsViewProps extends Omit<StackedViewShellProps, "sections"> {
     labels?: {
         title?: string;
@@ -11,5 +12,7 @@ export interface SellerAnalyticsViewProps extends Omit<StackedViewShellProps, "s
     renderCharts?: () => React.ReactNode;
     renderTopProducts?: () => React.ReactNode;
     isLoading?: boolean;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerAnalyticsView({ labels, renderDateRange, renderStats, renderCharts, renderTopProducts, isLoading, ...rest }: SellerAnalyticsViewProps): React.JSX.Element;
+export declare function SellerAnalyticsView({ labels, renderDateRange, renderStats, renderCharts, renderTopProducts, isLoading, pageRegionCards, ...rest }: SellerAnalyticsViewProps): React.JSX.Element;

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

@@ -5,10 +5,11 @@ import { StackedViewShell } from "../../../ui/components/StackedViewShell.js";
 import { DateInput } from "../../../ui/components/DateInput.js";
 import { Label, Text } from "../../../ui/components/Typography.js";
 import { Row } from "../../../ui/components/Layout.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 function DefaultDateRange({ from, to, onChange, labels, }) {
     return (_jsxs(Row, { gap: "md", align: "center", wrap: true, children: [_jsxs(Label, { layout: "flex", gap: "md", className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: [_jsx(Text, { size: "sm", variant: "secondary", children: labels.dateFrom ?? "From" }), _jsx(DateInput, { value: from, onChange: (v) => onChange(v, to), className: "text-[length:var(--appkit-text-sm)] py-[var(--appkit-space-1-5)] px-[var(--appkit-space-3)]" })] }), _jsxs(Label, { layout: "flex", gap: "md", className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: [_jsx(Text, { size: "sm", variant: "secondary", children: labels.dateTo ?? "To" }), _jsx(DateInput, { value: to, onChange: (v) => onChange(from, v), className: "text-[length:var(--appkit-text-sm)] py-[var(--appkit-space-1-5)] px-[var(--appkit-space-3)]" })] })] }));
 }
-export function SellerAnalyticsView({ labels = {}, renderDateRange, renderStats, renderCharts, renderTopProducts, isLoading = false, ...rest }) {
+export function SellerAnalyticsView({ labels = {}, renderDateRange, renderStats, renderCharts, renderTopProducts, isLoading = false, pageRegionCards = [], ...rest }) {
     const [from, setFrom] = React.useState("");
     const [to, setTo] = React.useState("");
     const handleDateChange = (f, t) => {
@@ -24,5 +25,6 @@ export function SellerAnalyticsView({ labels = {}, renderDateRange, renderStats,
             statsSection,
             chartsSection,
             topProducts,
+            _jsx(AdminComposableRegion, { pageId: "store-analytics", initialCards: pageRegionCards }, "page-region"),
         ] }));
 }

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

@@ -0,0 +1,18 @@
+/**
+ * SellerArtAndStickersView — seller browse/manage of art & sticker listings.
+ *
+ * A named wrapper over `SellerListingTypeView`; everything this type does
+ * differently is one entry in `SELLER_LISTING_TYPE_SPECS`.
+ *
+ * 🛑 ONE view, not two. `SellerArtView` and `SellerStickersView` were separate
+ * files for two separate union members; 1.34 merged the types, so the second
+ * wrapper had nothing left to distinguish it.
+ */
+import React from "react";
+import { type SellerListingTypeViewProps } from "./SellerListingTypeView";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export type SellerArtAndStickersViewProps = SellerListingTypeViewProps & {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+};
+export declare function SellerArtAndStickersView({ pageRegionCards, ...props }: SellerArtAndStickersViewProps): React.JSX.Element;

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

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { SellerListingTypeView, } from "./SellerListingTypeView.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function SellerArtAndStickersView({ pageRegionCards = [], ...props }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SellerListingTypeView, { type: "art-and-stickers", ...props }), _jsx(AdminComposableRegion, { pageId: "store-art", initialCards: pageRegionCards })] }));
+}

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

@@ -1,5 +1,8 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface SellerBidsViewProps {
     endpoint?: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerBidsView({ endpoint }: SellerBidsViewProps): React.JSX.Element;
+export declare function SellerBidsView({ endpoint, pageRegionCards }: SellerBidsViewProps): React.JSX.Element;

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

@@ -11,7 +11,7 @@ import { FilterChipGroup } from "../../../ui/components/FilterChipGroup.js";
 import { RecordDetailModal } from "../../../ui/components/RecordDetailModal.js";
 import { Span, Text } from "../../../ui/components/Typography.js";
 import { useToast } from "../../../ui/components/toast-context.js";
-import { buildBidDetailFields, bidStatusBadge } from "../../auctions/components/bid-detail-fields.js";
+import { buildBidDetailFields, bidStatusBadge } from "../../collector-drops/components/bid-detail-fields.js";
 import { RecordStatusTimeline } from "../../status-history/components/RecordStatusTimeline.js";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
@@ -24,6 +24,7 @@ import { DataTable } from "../../admin/components/DataTable.js";
 import { DataListingView } from "../../admin/components/DataListingView.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../constants/index.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const DEFAULT_SORT = "-bidDate";
 const SORT_OPTIONS = [
     { value: sortBy("bidDate", "DESC"), label: "Newest" },
@@ -40,7 +41,7 @@ const STATUS_BADGE = {
     lost: "default",
     cancelled: "danger",
 };
-export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
+export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS, pageRegionCards = [] }) {
     const [detail, setDetail] = useState(null);
     const { showToast } = useToast();
     const [collapsedGroups, setCollapsedGroups] = useState(new Set());
@@ -55,7 +56,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
     const columns = [
         {
             key: "productTitle",
-            header: "Auction",
+            header: "Collector Drop",
             render: (row) => (_jsxs(Stack, { gap: "none", children: [_jsx(Text, { className: "line-clamp-1", color: "primary", size: "sm", weight: "medium", children: row.productTitle }), _jsx(Text, { className: "font-mono", color: "faint", size: "xs", children: row.productId })] })),
         },
         {
@@ -104,7 +105,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
         portal: "seller",
         title: "Bids",
         searchPlaceholder: "Search by bidder name",
-        emptyLabel: "No bids found for your auctions",
+        emptyLabel: "No bids found for your collector drops",
         filterKeys: ["status"],
         defaultSort: DEFAULT_SORT,
         queryKey: ["seller", "bids", "listing"],
@@ -114,7 +115,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
         columns,
         mapRows: (response) => toRecordArray(response.items).map((item, idx) => ({
             id: toStringValue(item.id, `bid-${idx}`),
-            productTitle: toStringValue(item.productTitle, "Unknown auction"),
+            productTitle: toStringValue(item.productTitle, "Unknown collector drop"),
             productId: toStringValue(item.productId, ""),
             userName: toStringValue(item.userName, "—"),
             bidAmount: Number(item.bidAmount ?? 0),
@@ -130,7 +131,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
         buildBulkActions: (selection) => [
             buildBulkAction(ACTIONS.SELLER["cancel-bid"], () => void bulkCancel(selection)),
         ],
-        // Grid/list view groups bids by auction with collapsible sections
+        // Grid/list view groups bids by collector drop with collapsible sections
         // (S-STORE-4-B); table view shows the flat per-bid list via `columns`.
         renderCards: (rows, _view, selection, isLoading) => {
             const groups = new Map();
@@ -142,7 +143,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
             }
             const groupedRows = Array.from(groups.entries()).map(([id, g]) => ({ id, ...g }));
             if (groupedRows.length === 0 && !isLoading) {
-                return _jsx(Text, { size: "sm", color: "muted", children: "No bids found for your auctions." });
+                return _jsx(Text, { size: "sm", color: "muted", children: "No bids found for your collector drops." });
             }
             return (_jsx(Stack, { gap: "3", children: groupedRows.map((group) => {
                     const collapsed = collapsedGroups.has(group.id);
@@ -155,7 +156,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
         },
     };
     const detailBadge = detail ? bidStatusBadge(detail.status) : null;
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(RecordDetailModal, { isOpen: detail !== null, onClose: () => setDetail(null), title: detail?.productTitle || "Bid", badges: detailBadge ? [{ label: detailBadge.label }] : undefined, fields: detail ? buildBidDetailFields(detail.raw, "seller") : undefined, footer: detail ? (
+    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminComposableRegion, { pageId: "store-bids", initialCards: pageRegionCards }), _jsx(RecordDetailModal, { isOpen: detail !== null, onClose: () => setDetail(null), title: detail?.productTitle || "Bid", badges: detailBadge ? [{ label: detailBadge.label }] : undefined, fields: detail ? buildBidDetailFields(detail.raw, "seller") : undefined, footer: detail ? (
                 // The full page — a modal cannot be linked, bookmarked or reloaded
                 // into, which is the whole reason the page exists.
                 _jsx(TextLink, { href: String(ROUTES.STORE.BID_DETAIL(detail.id)), children: "Open full page \u2192" })) : undefined, extra: 

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

@@ -1,7 +1,10 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface SellerBundlesViewProps {
     /** Plain string with an `{id}` placeholder — safe to build in a Server Component page.tsx. */
     editHrefTemplate: string;
     newHref: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerBundlesView({ editHrefTemplate, newHref }: SellerBundlesViewProps): React.JSX.Element;
+export declare function SellerBundlesView({ editHrefTemplate, newHref, pageRegionCards }: SellerBundlesViewProps): React.JSX.Element;

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

@@ -16,10 +16,12 @@ import { toRecordArray, toRelativeDate, toStringValue, } from "../../admin/hooks
 import { useOptimisticRowFlag } from "../../admin/hooks/useOptimisticRowFlag.js";
 import { apiClient } from "../../../http/index.js";
 import { DataListingView } from "../../admin/components/DataListingView.js";
+import { formatMoney } from "../../../utils/number.formatter.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 function formatPrice(value) {
     if (typeof value !== "number" || value <= 0)
         return "—";
-    return `₹${value.toLocaleString("en-IN")}`;
+    return formatMoney(value);
 }
 const COLUMNS = [
     {
@@ -45,7 +47,7 @@ const COLUMNS = [
     },
     { key: "updatedAt", header: "Updated", className: "w-28" },
 ];
-export function SellerBundlesView({ editHrefTemplate, newHref }) {
+export function SellerBundlesView({ editHrefTemplate, newHref, pageRegionCards = [] }) {
     /*
      * 🛑 `isActive` was a READ-ONLY badge here, and the update schema was built
      * to take it on its own — shipping-config's even says so in a comment: "a
@@ -153,5 +155,5 @@ export function SellerBundlesView({ editHrefTemplate, newHref }) {
                         { id: "out_of_stock", label: "Sold out" },
                     ], value: pendingFilters.bundleStockStatus || "", onChange: (v) => setPendingFilters((p) => ({ ...p, bundleStockStatus: v })) })] })),
     };
-    return _jsx(DataListingView, { config: config });
+    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminComposableRegion, { pageId: "store-bundles", initialCards: pageRegionCards })] }));
 }

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

@@ -11,5 +11,9 @@
  */
 import React from "react";
 import { type SellerListingTypeViewProps } from "./SellerListingTypeView";
-export type SellerClassifiedViewProps = SellerListingTypeViewProps;
-export declare function SellerClassifiedView(props: SellerClassifiedViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export type SellerClassifiedViewProps = SellerListingTypeViewProps & {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+};
+export declare function SellerClassifiedView({ pageRegionCards, ...props }: SellerClassifiedViewProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { SellerListingTypeView, } from "./SellerListingTypeView.js";
-export function SellerClassifiedView(props) {
-    return _jsx(SellerListingTypeView, { type: "classified", ...props });
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function SellerClassifiedView({ pageRegionCards = [], ...props }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SellerListingTypeView, { type: "classified", ...props }), _jsx(AdminComposableRegion, { pageId: "store-classified", initialCards: pageRegionCards })] }));
 }

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

@@ -18,6 +18,7 @@
  * a toast). One surface each.
  */
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface CouponEditorDraft {
     [key: string]: unknown;
     code: string;
@@ -38,5 +39,7 @@ export interface SellerCouponEditorViewProps {
     initial?: Partial<CouponEditorDraft>;
     onSave: (draft: CouponEditorDraft, couponId?: string) => Promise<void>;
     onCancel?: () => void;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerCouponEditorView({ couponId, initial, onSave, onCancel, }: SellerCouponEditorViewProps): React.JSX.Element;
+export declare function SellerCouponEditorView({ couponId, initial, onSave, onCancel, pageRegionCards, }: SellerCouponEditorViewProps): React.JSX.Element;

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

@@ -34,6 +34,7 @@ import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 import { sellerCouponFormSchema } from "../schemas/coupon-form.js";
 import { ProductInlineSelect } from "./ProductInlineSelect.js";
 import { CategoryChipPicker } from "./CategoryChipPicker.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __O = {
     hidden: "overflow-hidden",
 };
@@ -56,7 +57,7 @@ const TYPE_OPTIONS = [
     { value: "fixed", label: "Fixed amount off (e.g. ₹50)" },
     { value: "free_shipping", label: "Free shipping" },
 ];
-export function SellerCouponEditorView({ couponId, initial, onSave, onCancel, }) {
+export function SellerCouponEditorView({ couponId, initial, onSave, onCancel, pageRegionCards = [], }) {
     const isEdit = Boolean(couponId);
     const { showToast } = useToast();
     const [draft, setDraft] = React.useState({
@@ -115,7 +116,7 @@ export function SellerCouponEditorView({ couponId, initial, onSave, onCancel, })
             setSaving(false);
         }
     };
-    return (_jsxs(Stack, { gap: "none", className: `max-w-lg mx-auto border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] ${__O.hidden}`, rounded: "xl", shadow: "sm", children: [_jsx(Div, { className: "h-[3px] w-full [background:linear-gradient(to_right,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_55%,var(--appkit-color-secondary-400)_100%)]", "aria-hidden": "true" }), _jsx(Div, { border: "bottom", paddingY: "y-md-lg", padding: "x-lg", children: _jsxs(Row, { justify: "between", gap: "3", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text)]", size: "lg", weight: "semibold", children: isEdit ? "Edit Coupon" : "Create Coupon" }), isEdit && (_jsx(Badge, { variant: draft.isActive ? "success" : "default", children: draft.isActive ? "Active" : "Inactive" }))] }) }), _jsx(Stack, { gap: "5", padding: "lg", children: _jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: patch, onSubmit: () => void handleSubmit(), schema: sellerCouponFormSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: saving, submitLabel: isEdit ? "Save changes" : "Create coupon", onCancel: onCancel, cancelLabel: "Cancel" })] }) })] }));
+    return (_jsxs(Stack, { gap: "none", className: `max-w-lg mx-auto border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] ${__O.hidden}`, rounded: "xl", shadow: "sm", children: [_jsx(Div, { className: "h-[3px] w-full [background:linear-gradient(to_right,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_55%,var(--appkit-color-secondary-400)_100%)]", "aria-hidden": "true" }), _jsx(Div, { border: "bottom", paddingY: "y-md-lg", padding: "x-lg", children: _jsxs(Row, { justify: "between", gap: "3", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text)]", size: "lg", weight: "semibold", children: isEdit ? "Edit Coupon" : "Create Coupon" }), isEdit && (_jsx(Badge, { variant: draft.isActive ? "success" : "default", children: draft.isActive ? "Active" : "Inactive" }))] }) }), _jsxs(Stack, { gap: "5", padding: "lg", children: [_jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: patch, onSubmit: () => void handleSubmit(), schema: sellerCouponFormSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: saving, submitLabel: isEdit ? "Save changes" : "Create coupon", onCancel: onCancel, cancelLabel: "Cancel" })] }), _jsx(AdminComposableRegion, { pageId: "store-coupons-id-edit", initialCards: pageRegionCards })] })] }));
 }
 /**
  * The coupon code input.

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

@@ -11,5 +11,9 @@
  */
 import React from "react";
 import { type SellerListingTypeViewProps } from "./SellerListingTypeView";
-export type SellerDigitalCodesViewProps = SellerListingTypeViewProps;
-export declare function SellerDigitalCodesView(props: SellerDigitalCodesViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export type SellerDigitalCodesViewProps = SellerListingTypeViewProps & {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+};
+export declare function SellerDigitalCodesView({ pageRegionCards, ...props }: SellerDigitalCodesViewProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { SellerListingTypeView, } from "./SellerListingTypeView.js";
-export function SellerDigitalCodesView(props) {
-    return _jsx(SellerListingTypeView, { type: "digital-code", ...props });
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+export function SellerDigitalCodesView({ pageRegionCards = [], ...props }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SellerListingTypeView, { type: "digital-code", ...props }), _jsx(AdminComposableRegion, { pageId: "store-digital-codes", initialCards: pageRegionCards })] }));
 }

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

@@ -1,2 +1,7 @@
 import React from "react";
-export declare function SellerFeaturesView(): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface SellerFeaturesViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function SellerFeaturesView({ pageRegionCards }?: SellerFeaturesViewProps): React.JSX.Element;

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

@@ -18,6 +18,7 @@ import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { usePanelUrlSync } from "../../../react/hooks/use-panel-url-sync.js";
 import { AdminFeatureEditorView } from "../../admin/components/AdminFeatureEditorView.js";
 import { MAX_STORE_CUSTOM_FEATURES } from "../../products/schemas/product-features.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const TOAST = {
     ENABLED: "Feature enabled.",
     DISABLED: "Feature disabled.",
@@ -29,7 +30,7 @@ const LIST_CLASS = "divide-y divide-zinc-200 divide-[var(--appkit-color-border)]
 function unwrap(res) {
     return (res?.data ?? res);
 }
-export function SellerFeaturesView() {
+export function SellerFeaturesView({ pageRegionCards = [] } = {}) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const { openCreatePanel, openEditPanel, closePanel, isCreateOpen, isEditOpen, editId, } = usePanelUrlSync();
@@ -63,8 +64,12 @@ export function SellerFeaturesView() {
                 ERROR_MESSAGES.PRODUCT_FEATURES.UPDATE_FAILED, "error");
         }
     };
-    return (_jsxs(Stack, { gap: "md", paddingX: "x-sm-md", className: "min-h-screen", padding: "y-md", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Div, { children: [_jsx(Heading, { level: 1, size: "lg", weight: "semibold", color: "primary", children: "Custom feature badges" }), _jsxs(Text, { className: "mt-0.5", color: "muted", size: "xs", children: [features.length, " of ", limit, " used. Platform features are always available on top of your custom ones."] })] }), _jsxs(Button, { gap: "sm", size: "sm", onClick: openCreatePanel, disabled: isFull, children: [_jsx(Plus, { className: "h-4 w-4" }), "Add Feature"] })] }), isFull && (_jsxs(Text, { as: "div", className: CAP_BANNER_CLASS, children: ["You have reached the ", limit, "-feature limit for your store. Delete an existing feature before adding a new one."] })), featuresQuery.isLoading ? (_jsxs(Stack, { gap: "sm", children: [_jsx(Skeleton, { variant: "rectangular", height: "48px" }), _jsx(Skeleton, { variant: "rectangular", height: "48px" }), _jsx(Skeleton, { variant: "rectangular", height: "48px" })] })) : features.length === 0 ? (_jsx(Div, { className: EMPTY_STATE_CLASS, children: "You haven't created any custom features yet." })) : (_jsx(Stack, { as: "ul", gap: "none", className: LIST_CLASS, children: features.map((f) => (_jsxs(Row, { as: "li", className: ROW_CLASS, gap: "sm", children: [_jsxs(Button, { variant: "ghost", type: "button", onClick: () => openEditPanel(f.id), paddingX: "none", paddingY: "none", className: "flex-1 text-left", children: [_jsx(Text, { as: "div", size: "sm", weight: "medium", color: "primary", children: f.label }), _jsxs(Text, { as: "div", className: "mt-0.5", color: "muted", size: "xs", children: [f.category, " \u00B7 ", f.productTypes.join(" · ")] })] }), _jsx(Toggle, { checked: f.isActive, onChange: (checked) => toggleActive(f, checked), "aria-label": "Active" })] }, f.id))) })), _jsx(SideDrawer, { isOpen: isCreateOpen || isEditOpen, onClose: closePanel, title: isCreateOpen ? "Add Feature" : "Edit Feature", mode: isCreateOpen ? "create" : "edit", children: (isCreateOpen || isEditOpen) && (_jsx(AdminFeatureEditorView, { featureId: editId ?? undefined, fixedScope: "store", embedded: true, endpointOverride: {
+    return (_jsxs(Stack, { gap: "md", paddingX: "x-sm-md", className: "min-h-screen", padding: "y-md", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Div, { children: [_jsx(Heading, { level: 1, size: "lg", weight: "semibold", color: "primary", children: "Custom feature badges" }), _jsxs(Text, { className: "mt-0.5", color: "muted", size: "xs", children: [features.length, " of ", limit, " used. Platform features are always available on top of your custom ones."] })] }), _jsxs(Button, { gap: "sm", size: "sm", onClick: openCreatePanel, disabled: isFull, children: [_jsx(Plus, { className: "h-4 w-4" }), "Add Feature"] })] }), _jsx(AdminComposableRegion, { pageId: "store-features", initialCards: pageRegionCards }), isFull && (_jsxs(Text, { as: "div", className: CAP_BANNER_CLASS, children: ["You have reached the ", limit, "-feature limit for your store. Delete an existing feature before adding a new one."] })), featuresQuery.isLoading ? (_jsxs(Stack, { gap: "sm", children: [_jsx(Skeleton, { variant: "rectangular", height: "48px" }), _jsx(Skeleton, { variant: "rectangular", height: "48px" }), _jsx(Skeleton, { variant: "rectangular", height: "48px" })] })) : features.length === 0 ? (_jsx(Div, { className: EMPTY_STATE_CLASS, children: "You haven't created any custom features yet." })) : (_jsx(Stack, { as: "ul", gap: "none", className: LIST_CLASS, children: features.map((f) => (_jsxs(Row, { as: "li", className: ROW_CLASS, gap: "sm", children: [_jsxs(Button, { variant: "ghost", type: "button", onClick: () => openEditPanel(f.id), paddingX: "none", paddingY: "none", className: "flex-1 text-left", children: [_jsx(Text, { as: "div", size: "sm", weight: "medium", color: "primary", children: f.label }), _jsxs(Text, { as: "div", className: "mt-0.5", color: "muted", size: "xs", children: [f.category, " \u00B7 ", f.productTypes.join(" · ")] })] }), _jsx(Toggle, { checked: f.isActive, onChange: (checked) => toggleActive(f, checked), "aria-label": "Active" })] }, f.id))) })), _jsx(SideDrawer, { isOpen: isCreateOpen || isEditOpen, onClose: closePanel, title: isCreateOpen ? "Add Feature" : "Edit Feature", mode: isCreateOpen ? "create" : "edit", children: (isCreateOpen || isEditOpen) && (_jsx(AdminFeatureEditorView, { featureId: editId ?? undefined, fixedScope: "store", embedded: true, endpointOverride: {
                         create: SELLER_ENDPOINTS.FEATURES,
                         byId: SELLER_ENDPOINTS.FEATURE_BY_ID,
-                    }, onSaved: onSaved, onDeleted: onSaved })) })] }));
+                    }, onSaved: onSaved, onDeleted: onSaved, 
+                    // Same page-id as the dedicated /store/features/new and
+                    // /store/features/[id]/edit routes — same logical screen,
+                    // reached from the list instead of a full navigation.
+                    pageId: editId ? "store-features-id-edit" : "store-features-new" })) })] }));
 }

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

@@ -1,4 +1,5 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 interface GoogleConfigDraft {
     placeId: string;
     businessName: string;
@@ -10,6 +11,8 @@ interface GoogleConfigDraft {
 export interface SellerGoogleReviewsViewProps {
     onSave?: (data: Partial<GoogleConfigDraft>) => Promise<void>;
     onSync?: () => Promise<void>;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function SellerGoogleReviewsView({ onSave, onSync, }: SellerGoogleReviewsViewProps): React.JSX.Element;
+export declare function SellerGoogleReviewsView({ onSave, onSync, pageRegionCards, }: SellerGoogleReviewsViewProps): React.JSX.Element;
 export {};