@mohasinac/appkit 4.70.0 → 4.71.2

package/dist/features/stores/components/StoreCreateForm.js

@@ -32,13 +32,22 @@ import { Div } from "../../../ui/components/Div.js";
 import { Stack } from "../../../ui/components/Layout.js";
 import { Text } from "../../../ui/components/Typography.js";
 import { FormShellContext, FormErrorSummary, useFormShellState } from "../../../ui/forms/index.js";
-import { SectionForm, buildSectionsFromSchema, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, buildSectionsFromSchema, useFieldVisibility, useSectionFormNav } from "../../shell/index.js";
 import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
 import { loadCategoryOptions } from "../../categories/utils/load-category-options.js";
 import { storeCreateSchema } from "../schemas/store-create.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { toUserMessage } from "../../../errors/error-display-map.js";
 import { useTranslations } from "next-intl";
+import { useEditMode } from "../../../_internal/client/edit-mode/EditModeProvider.js";
+/**
+ * Admin field-visibility surface id for this form — a stable, hand-chosen
+ * string (`useFieldVisibility`'s own "not route-derived" rule), the first
+ * real proof case for the Phase 3B mechanism. An admin browsing this page
+ * with Phase 3's edit mode on sees every field plus a hide/show toggle; a
+ * real seller filling the form out sees only what's currently visible.
+ */
+const FIELD_VISIBILITY_SURFACE_ID = "store-create";
 export function StoreCreateForm({ onSubmit, onCreated }) {
     const t = useTranslations();
     const [values, setValues] = React.useState({
@@ -48,6 +57,8 @@ export function StoreCreateForm({ onSubmit, onCreated }) {
     });
     const [isPending, setIsPending] = React.useState(false);
     const { shellCtx, setFieldError, clearErrors, markSubmitAttempted } = useFormShellState(storeCreateSchema);
+    const { editMode } = useEditMode();
+    const { fields: visibilityFields, setVisible: setFieldVisible } = useFieldVisibility(FIELD_VISIBILITY_SURFACE_ID);
     const handleChange = React.useCallback((partial) => {
         setValues((prev) => Object.assign({}, prev, partial));
     }, []);
@@ -65,7 +76,10 @@ export function StoreCreateForm({ onSubmit, onCreated }) {
         renderers: {
             storeCategory: ({ values: v, onChange }) => (_jsx(PaginatedSelect, { name: "storeCategory", value: v.storeCategory || null, onChange: (val) => onChange({ storeCategory: val ?? "" }), loadOptions: loadCategoryOptions, placeholder: "Search categories\u2026 (optional)", searchPlaceholder: "Type a category name\u2026", noResultsText: "No categories found", ariaLabel: "Main category" })),
         },
-    }), []);
+        fieldVisibility: visibilityFields,
+        editMode,
+        onToggleFieldVisibility: setFieldVisible,
+    }), [visibilityFields, editMode, setFieldVisible]);
     // Declared AFTER `sections`, because it takes them — it derives the ordered
     // open/closed set from the sections that are currently visible.
     const nav = useSectionFormNav(sections, values);

package/dist/features/stores/components/StoreDetailLayoutView.d.ts

@@ -3,7 +3,7 @@ import type { ReactNode } from "react";
 export declare const getStoreBySlug: (slug: string) => Promise<import("..").StoreDocument | null>;
 export interface StoreDetailLayoutViewProps {
     storeSlug: string;
-    /** The current active tab value: "products" | "auctions" | "reviews" | "about" */
+    /** The current active tab value: "products" | "collector-drops" | "reviews" | "about" */
     activeTab: string;
     children: ReactNode;
     /**

package/dist/features/stores/components/StoreDetailLayoutView.js

@@ -6,6 +6,7 @@ import { safeRead } from "../../../errors/safe-read.js";
 import { Container } from "../../../ui/components/Layout.js";
 import { Main, Section } from "../../../ui/components/Semantic.js";
 import { Text } from "../../../ui/components/Typography.js";
+import { DetailViewShell } from "../../../ui/components/DetailViewShell.js";
 import { getSellerTrustStatus } from "../../scams/actions/scam-actions.js";
 import { StoreHeader } from "./StoreHeader.js";
 import { StoreNavTabs } from "./StoreNavTabs.js";
@@ -37,5 +38,10 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, sc
     // something in them, in what order", and computing that twice is the
     // duplicated-predicate shape Root Cause #73 warns about.
     const { dropdownTabs, tabs } = await resolveStoreTabs(storeSlug, storeId, settings);
-    return (_jsxs(Main, { children: [_jsx(StoreHeader, { store: toStoreDetail(store), trust: trust }), _jsxs(Container, { size: "xl", className: "mt-6", children: [_jsx(StoreNavTabs, { dropdownTabs: dropdownTabs, dropdownPlaceholder: "Browse listings", tabs: tabs, activeValue: activeTab }), _jsx(Section, { padding: "t-lg", children: children })] })] }));
+    return (_jsx(Main, { children: _jsx(DetailViewShell, { layout: "hub", mainSlots: [
+                /* Projected, not cast: the raw document carries secrets, and the cast
+                    also skipped the stats flattening StoreHeader's counters rely on. */
+                () => _jsx(StoreHeader, { store: toStoreDetail(store), trust: trust }),
+                () => (_jsxs(Container, { size: "xl", className: "mt-6", children: [_jsx(StoreNavTabs, { dropdownTabs: dropdownTabs, dropdownPlaceholder: "Browse listings", tabs: tabs, activeValue: activeTab }), _jsx(Section, { padding: "t-lg", children: children })] })),
+            ] }) }));
 }

package/dist/features/stores/components/StoreDigitalCodesPageView.d.ts

@@ -1,8 +1,11 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 type SearchParams = Record<string, string | string[]>;
 export interface StoreDigitalCodesPageViewProps {
     storeSlug: string;
     searchParams?: SearchParams;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function StoreDigitalCodesPageView({ storeSlug, searchParams }: StoreDigitalCodesPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StoreDigitalCodesPageView({ storeSlug, searchParams, pageRegionCards }: StoreDigitalCodesPageViewProps): Promise<React.JSX.Element | null>;
 export {};

package/dist/features/stores/components/StoreDigitalCodesPageView.js

@@ -1,13 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
 import { sortBy } from "../../../constants/sort.js";
 import { listStoreProducts } from "../../../_internal/server/features/products/list-public.js";
 import { getStoreBySlug } from "./StoreDetailLayoutView.js";
 import { StoreDigitalCodesListing } from "./StoreDigitalCodesListing.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const LISTING_TYPES = ["digital-code"];
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-export async function StoreDigitalCodesPageView({ storeSlug, searchParams }) {
+export async function StoreDigitalCodesPageView({ storeSlug, searchParams, pageRegionCards = [] }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
     if (typeof storeId !== "string" || !storeId)
@@ -20,5 +21,5 @@ export async function StoreDigitalCodesPageView({ storeSlug, searchParams }) {
         pageSize: DEFAULT_PAGE_SIZE,
         sorts: DEFAULT_SORT,
     });
-    return _jsx(StoreDigitalCodesListing, { storeId: storeId, initialData: result ?? undefined });
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "stores-storeslug-digital-codes", initialCards: pageRegionCards }), _jsx(StoreDigitalCodesListing, { storeId: storeId, initialData: result ?? undefined })] }));
 }

package/dist/features/stores/components/StoreFinanceGuideView.d.ts

@@ -1,3 +1,7 @@
 import React from "react";
-export type StoreFinanceGuideViewProps = Record<string, never>;
-export declare function StoreFinanceGuideView(_props: StoreFinanceGuideViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface StoreFinanceGuideViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function StoreFinanceGuideView({ pageRegionCards }: StoreFinanceGuideViewProps): React.JSX.Element;

package/dist/features/stores/components/StoreFinanceGuideView.js

@@ -8,6 +8,8 @@ import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { Stack } from "../../../ui/components/Layout.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
 const LIST_DISC = "list-disc leading-relaxed";
 const SECTION_BODY = "space-y-4 text-[length:var(--appkit-text-sm)] text-[var(--appkit-color-text-muted)]";
@@ -18,7 +20,7 @@ function GuideSection({ title, children, }) {
 }
 // -- Section 1: Commission structure ------------------------------------------
 function CommissionSection() {
-    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "How it works" }), _jsx(Text, { className: "leading-relaxed", children: "LetItRip deducts a platform fee from every completed order before paying out to you. The current fee rate is shown in your store Settings \u2192 Finance page and in the platform site settings. Custom commission rates are available to high-volume sellers \u2014 see the Capabilities guide for details." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Worked example" }), _jsxs(Stack, { textSize: "xs", className: "border border-[var(--appkit-color-border)] font-mono", gap: "xs", rounded: "lg", padding: "md", children: [_jsx(Text, { className: MONO_MUTED, children: "Order total: \u20B91,000.00" }), _jsx(Text, { className: MONO_MUTED, children: "Platform fee (e.g. 5%): \u2212 \u20B950.00" }), _jsx(Text, { className: MONO_MUTED, children: "Payment processing (Razorpay ~2%): \u2212 \u20B920.00" }), _jsx(Div, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-2xs", children: _jsx(Text, { className: "font-mono text-[var(--appkit-color-text)]", size: "xs", weight: "semibold", children: "Seller receives: \u2248 \u20B9930.00" }) })] }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] mt-2", size: "xs", children: "Exact amounts depend on the current platform fee configured in Site Settings. Razorpay charges vary by payment method (UPI is lowest)." })] }), _jsx(Alert, { variant: "info", title: "Shipping is separate", children: "Shipping costs you charge buyers are passed through in full \u2014 the platform fee applies only to the product price, not the shipping amount." })] }));
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "How it works" }), _jsxs(Text, { className: "leading-relaxed", children: [getBrandName(), " deducts a platform fee from every completed order before paying out to you. The current fee rate is shown in your store Settings \u2192 Finance page and in the platform site settings. Custom commission rates are available to high-volume sellers \u2014 see the Capabilities guide for details."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Worked example" }), _jsxs(Stack, { textSize: "xs", className: "border border-[var(--appkit-color-border)] font-mono", gap: "xs", rounded: "lg", padding: "md", children: [_jsx(Text, { className: MONO_MUTED, children: "Order total: \u20B91,000.00" }), _jsx(Text, { className: MONO_MUTED, children: "Platform fee (e.g. 5%): \u2212 \u20B950.00" }), _jsx(Text, { className: MONO_MUTED, children: "Payment processing (Razorpay ~2%): \u2212 \u20B920.00" }), _jsx(Div, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-2xs", children: _jsx(Text, { className: "font-mono text-[var(--appkit-color-text)]", size: "xs", weight: "semibold", children: "Seller receives: \u2248 \u20B9930.00" }) })] }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] mt-2", size: "xs", children: "Exact amounts depend on the current platform fee configured in Site Settings. Razorpay charges vary by payment method (UPI is lowest)." })] }), _jsx(Alert, { variant: "info", title: "Shipping is separate", children: "Shipping costs you charge buyers are passed through in full \u2014 the platform fee applies only to the product price, not the shipping amount." })] }));
 }
 // -- Section 2: Payout cycle --------------------------------------------------
 const PAYOUT_STATUSES = [
@@ -62,7 +64,7 @@ const COUPON_FIELDS = [
     },
     {
         field: "First-time user only",
-        detail: "Restricts redemption to buyers with no prior completed orders on LetItRip.",
+        detail: `Restricts redemption to buyers with no prior completed orders on ${getBrandName()}.`,
     },
     {
         field: "Combine with seller coupons",
@@ -70,16 +72,16 @@ const COUPON_FIELDS = [
     },
 ];
 function CouponsSection() {
-    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Admin coupons vs store coupons" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Admin coupons" }), " \u2014 created by LetItRip and apply platform-wide (all stores). You cannot create these."] }), _jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Store coupons" }), " \u2014 created by you. Apply only to purchases from your store. You control the terms."] }), _jsx(Li, { className: LIST_DISC, children: "Admin coupons and store coupons can stack if the admin coupon has \"Combine with seller coupons\" enabled. If not, only the better coupon is applied automatically." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Coupon field reference" }), _jsx(Stack, { gap: "3", children: COUPON_FIELDS.map(({ field, detail }) => (_jsxs(Row, { gap: "3", children: [_jsx(Text, { className: "shrink-0 w-32 text-[var(--appkit-color-text)]", size: "sm", weight: "semibold", children: field }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] leading-relaxed", size: "sm", children: detail })] }, field))) })] })] }));
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Admin coupons vs store coupons" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Admin coupons" }), " \u2014 created by ", getBrandName(), " and apply platform-wide (all stores). You cannot create these."] }), _jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Store coupons" }), " \u2014 created by you. Apply only to purchases from your store. You control the terms."] }), _jsx(Li, { className: LIST_DISC, children: "Admin coupons and store coupons can stack if the admin coupon has \"Combine with seller coupons\" enabled. If not, only the better coupon is applied automatically." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Coupon field reference" }), _jsx(Stack, { gap: "3", children: COUPON_FIELDS.map(({ field, detail }) => (_jsxs(Row, { gap: "3", children: [_jsx(Text, { className: "shrink-0 w-32 text-[var(--appkit-color-text)]", size: "sm", weight: "semibold", children: field }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] leading-relaxed", size: "sm", children: detail })] }, field))) })] })] }));
 }
 // -- Section 4: Promoted & featured listings ----------------------------------
 function PromotedSection() {
-    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "isPromoted \u2014 Deals & promoted sections" }), _jsx(Text, { className: "leading-relaxed", children: "Promoted listings appear in the Deals carousel on the homepage and in search-result promoted slots. For most stores, this flag is set by a LetItRip admin. If you want a product promoted, contact support with the product slug and reason." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "isFeatured \u2014 Featured badge & priority" }), _jsxs(Text, { className: "leading-relaxed", children: ["Featured listings get a \"Featured\" badge on their listing card and receive priority ordering in search results and category pages. Like isPromoted, this is admin-controlled for most stores. Stores with the ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "manage_promoted_listings" }), " capability can self-promote from their dashboard."] })] }), _jsx(Alert, { variant: "info", title: "Promoted placement vs sponsored listings", children: "LetItRip does not currently offer paid sponsored placements \u2014 promoted and featured flags are granted editorially by the LetItRip team based on listing quality and seller performance." })] }));
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "isPromoted \u2014 Deals & promoted sections" }), _jsxs(Text, { className: "leading-relaxed", children: ["Promoted listings appear in the Deals carousel on the homepage and in search-result promoted slots. For most stores, this flag is set by a ", getBrandName(), " admin. If you want a product promoted, contact support with the product slug and reason."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "isFeatured \u2014 Featured badge & priority" }), _jsxs(Text, { className: "leading-relaxed", children: ["Featured listings get a \"Featured\" badge on their listing card and receive priority ordering in search results and category pages. Like isPromoted, this is admin-controlled for most stores. Stores with the ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "manage_promoted_listings" }), " capability can self-promote from their dashboard."] })] }), _jsxs(Alert, { variant: "info", title: "Promoted placement vs sponsored listings", children: [getBrandName(), " does not currently offer paid sponsored placements \u2014 promoted and featured flags are granted editorially by the ", getBrandName(), " team based on listing quality and seller performance."] })] }));
 }
 // -- Section 5: Taxes notice --------------------------------------------------
 function TaxesSection() {
-    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsx(Alert, { variant: "warning", title: "Seller tax responsibility", children: "LetItRip is a marketplace platform. Each seller operates independently and is individually responsible for applicable taxes on their sales, including GST where required by Indian tax law. LetItRip does not collect or remit GST on your behalf. Consult a qualified tax advisor to understand your obligations based on your turnover and registration status." }), _jsx(Text, { className: "leading-relaxed", children: "TCS (Tax Collected at Source) deducted by LetItRip under Section 194-O of the Income Tax Act will be reflected in your annual Form 26AS. Your gross payouts (before TCS) are visible in the Finance \u2192 Payouts dashboard." })] }));
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Alert, { variant: "warning", title: "Seller tax responsibility", children: [getBrandName(), " is a marketplace platform. Each seller operates independently and is individually responsible for applicable taxes on their sales, including GST where required by Indian tax law.", getBrandName(), " does not collect or remit GST on your behalf. Consult a qualified tax advisor to understand your obligations based on your turnover and registration status."] }), _jsxs(Text, { className: "leading-relaxed", children: ["TCS (Tax Collected at Source) deducted by ", getBrandName(), " under Section 194-O of the Income Tax Act will be reflected in your annual Form 26AS. Your gross payouts (before TCS) are visible in the Finance \u2192 Payouts dashboard."] })] }));
 }
-export function StoreFinanceGuideView(_props) {
-    return (_jsxs(Stack, { gap: "lg", padding: "b-2xl", children: [_jsxs(TextLink, { variant: "bare", href: String(ROUTES.STORE.GUIDE), size: "sm", layout: "inline-flex", align: "center", gap: "sm", className: "text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)]", size: "2xl", weight: "bold", children: "Finance Guide" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)]", size: "sm", children: "Payouts, commissions, coupons, and promoted listings." })] }), _jsx(GuideSection, { title: "1. Commission structure", children: _jsx(CommissionSection, {}) }), _jsx(GuideSection, { title: "2. Payout cycle", children: _jsx(PayoutCycleSection, {}) }), _jsx(GuideSection, { title: "3. Coupons", children: _jsx(CouponsSection, {}) }), _jsx(GuideSection, { title: "4. Promoted & featured listings", children: _jsx(PromotedSection, {}) }), _jsx(GuideSection, { title: "5. Taxes", children: _jsx(TaxesSection, {}) })] }));
+export function StoreFinanceGuideView({ pageRegionCards = [] }) {
+    return (_jsxs(Stack, { gap: "lg", padding: "b-2xl", children: [_jsxs(TextLink, { variant: "bare", href: String(ROUTES.STORE.GUIDE), size: "sm", layout: "inline-flex", align: "center", gap: "sm", className: "text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)]", size: "2xl", weight: "bold", children: "Finance Guide" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)]", size: "sm", children: "Payouts, commissions, coupons, and promoted listings." })] }), _jsx(AdminComposableRegion, { pageId: "store-guide-finance", initialCards: pageRegionCards }), _jsx(GuideSection, { title: "1. Commission structure", children: _jsx(CommissionSection, {}) }), _jsx(GuideSection, { title: "2. Payout cycle", children: _jsx(PayoutCycleSection, {}) }), _jsx(GuideSection, { title: "3. Coupons", children: _jsx(CouponsSection, {}) }), _jsx(GuideSection, { title: "4. Promoted & featured listings", children: _jsx(PromotedSection, {}) }), _jsx(GuideSection, { title: "5. Taxes", children: _jsx(TaxesSection, {}) })] }));
 }

package/dist/features/stores/components/StoreGuideHubView.d.ts

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

package/dist/features/stores/components/StoreGuideHubView.js

@@ -8,6 +8,9 @@ import { Section } from "../../../ui/components/Semantic.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { SellerStandingPanel } from "./SellerStandingPanel.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
+import { GC } from "../../_guide-cls.js";
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const CLS_CHECK_ICON = "w-5 h-5 flex-shrink-0 text-emerald-500";
 const CLS_SUCCESS_BOX = "rounded-xl border border-emerald-200 bg-emerald-50 dark:bg-emerald-950/30 dark:border-emerald-800 px-[var(--appkit-space-5)] py-[var(--appkit-space-4)]";
 const CLS_SUCCESS_BODY = "text-[length:var(--appkit-text-sm)] font-medium text-emerald-700 dark:text-emerald-400";
@@ -15,7 +18,7 @@ const GUIDE_CARDS = [
     {
         Icon: Package,
         title: "Listings",
-        description: "Add products, auctions, and pre-orders. Learn condition grades, media tips, and pricing.",
+        description: "Add products, collector drops, and pre-orders. Learn condition grades, media tips, and pricing.",
         href: String(ROUTES.STORE.GUIDE_LISTINGS),
     },
     {
@@ -39,7 +42,7 @@ const GUIDE_CARDS = [
     {
         Icon: Shield,
         title: "Capabilities",
-        description: "Admin-granted feature flags — auctions, pre-orders, lower commissions, and more.",
+        description: "Admin-granted feature flags — collector drops, pre-orders, lower commissions, and more.",
         href: String(ROUTES.STORE.GUIDE_CAPABILITIES),
     },
     {
@@ -91,11 +94,11 @@ function buildChecklist(store) {
     ];
 }
 // -- Component -----------------------------------------------------------------
-export function StoreGuideHubView({ store }) {
+export function StoreGuideHubView({ store, pageRegionCards = [] }) {
     const storeName = store?.storeName ?? "Your Store";
     const steps = buildChecklist(store);
     const completedCount = steps.filter((s) => s.done).length;
-    return (_jsxs(Stack, { gap: "xl", padding: "b-2xl", children: [_jsx(Section, { overflow: "hidden", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "2xl", shadow: "sm", children: _jsxs(Div, { paddingX: "x-md-xl", paddingY: "y-xl", className: "[background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_60%,var(--appkit-color-secondary-400)_100%)]", children: [_jsxs(Row, { className: "mb-3", align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-10 h-10", surface: "default", align: "center", justify: "center", rounded: "xl", children: _jsx(BookOpen, { className: "w-5 h-5 text-white" }) }), _jsx(Text, { color: "inverse-muted", className: "tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Seller Guide" })] }), _jsx(Heading, { color: "inverse", level: 1, className: "mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: storeName }), _jsx(Text, { color: "inverse-muted", size: "base", children: "Everything you need to know about selling on LetItRip." })] }) }), _jsxs(Div, { layout: "grid", gap: "8", className: "grid-cols-1 lg:grid-cols-3", children: [_jsxs(Stack, { className: "lg:col-span-2", gap: "md", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text)]", size: "lg", weight: "semibold", children: "Guides" }), _jsx(Grid, { cols: "cardsWide", gap: "md", children: GUIDE_CARDS.map(({ Icon, title, description, href }) => (_jsxs(TextLink, { variant: "bare", href: href, rounded: "xl", layout: "flex-col", gap: "md", paddingX: "lg", paddingY: "lg", shadow: "hover-md", className: "group border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] hover:border-[var(--appkit-color-primary)] transition-all", children: [_jsxs(Row, { align: "center", gap: "3", children: [_jsx(Row, { className: "flex-shrink-0 w-9 h-9 [background:linear-gradient(135deg,var(--appkit-color-primary-700)_0%,var(--appkit-color-cobalt)_100%)]", align: "center", justify: "center", rounded: "lg", children: _jsx(Icon, { className: "w-4 h-4 text-white" }) }), _jsx(Text, { className: "text-[var(--appkit-color-text)] group-hover:text-[var(--appkit-color-primary)] transition-colors", weight: "semibold", children: title })] }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] leading-relaxed", size: "sm", children: description }), _jsx(Text, { className: "text-[var(--appkit-color-primary)] mt-auto", size: "xs", weight: "medium", children: "Read guide \u2192" })] }, title))) }), _jsx(SellerStandingPanel, { standing: store?.standing, tier: store?.sellerTier, showProgress: true, heading: "Your Trusted Seller standing" })] }), _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text)]", size: "lg", weight: "semibold", children: "Getting started" }), _jsxs(Div, { overflow: "hidden", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "xl", children: [_jsxs(Div, { className: "px-[1.25rem] pt-[1.25rem] border-b border-[var(--appkit-color-border)]", padding: "b-md", children: [_jsxs(Row, { className: "mb-2", align: "center", justify: "between", children: [_jsxs(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "medium", children: [completedCount, " of ", steps.length, " complete"] }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: [Math.round((completedCount / steps.length) * 100), "%"] })] }), _jsx(Progress, { value: completedCount, max: steps.length, size: "sm", variant: "gradient" })] }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)]", children: steps.map(({ label, done, href }) => (_jsxs(TextLink, { variant: "bare", href: done ? "#" : href, "aria-disabled": done, layout: "flex", align: "center", gap: "sm", paddingX: "lg", paddingY: "sm-tall", size: "sm", className: `transition-colors ${done
+    return (_jsxs(Stack, { gap: "xl", padding: "b-2xl", children: [_jsx(Section, { overflow: "hidden", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "2xl", shadow: "sm", children: _jsxs(Div, { paddingX: "x-md-xl", paddingY: "y-xl", children: [_jsxs(Row, { className: "mb-3", align: "center", gap: "3", children: [_jsx(Row, { className: `flex-shrink-0 w-10 h-10 ${GC.iconBg}`, align: "center", justify: "center", rounded: "xl", children: _jsx(BookOpen, { className: GC.iconPrimary }) }), _jsx(Text, { color: "muted", className: "tracking-widest", size: "sm", weight: "semibold", transform: "uppercase", children: "Seller Guide" })] }), _jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)] mb-2", mdSize: "3xl", size: "2xl", weight: "bold", children: storeName }), _jsxs(Text, { color: "muted", size: "base", children: ["Everything you need to know about selling on ", getBrandName(), "."] })] }) }), _jsx(AdminComposableRegion, { pageId: "store-guide", initialCards: pageRegionCards }), _jsxs(Div, { layout: "grid", gap: "8", className: "grid-cols-1 lg:grid-cols-3", children: [_jsxs(Stack, { className: "lg:col-span-2", gap: "md", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text)]", size: "lg", weight: "semibold", children: "Guides" }), _jsx(Grid, { cols: "cardsWide", gap: "md", children: GUIDE_CARDS.map(({ Icon, title, description, href }) => (_jsxs(TextLink, { variant: "bare", href: href, rounded: "xl", layout: "flex-col", gap: "md", paddingX: "lg", paddingY: "lg", shadow: "hover-md", className: "group border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] hover:border-[var(--appkit-color-primary)] transition-all", children: [_jsxs(Row, { align: "center", gap: "3", children: [_jsx(Row, { className: `flex-shrink-0 w-9 h-9 ${GC.iconBg}`, align: "center", justify: "center", rounded: "lg", children: _jsx(Icon, { className: GC.iconPrimarySm }) }), _jsx(Text, { className: "text-[var(--appkit-color-text)] group-hover:text-[var(--appkit-color-primary)] transition-colors", weight: "semibold", children: title })] }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] leading-relaxed", size: "sm", children: description }), _jsx(Text, { className: "text-[var(--appkit-color-primary)] mt-auto", size: "xs", weight: "medium", children: "Read guide \u2192" })] }, title))) }), _jsx(SellerStandingPanel, { standing: store?.standing, tier: store?.sellerTier, showProgress: true, heading: "Your Trusted Seller standing" })] }), _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, className: "text-[var(--appkit-color-text)]", size: "lg", weight: "semibold", children: "Getting started" }), _jsxs(Div, { overflow: "hidden", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "xl", children: [_jsxs(Div, { className: "px-[1.25rem] pt-[1.25rem] border-b border-[var(--appkit-color-border)]", padding: "b-md", children: [_jsxs(Row, { className: "mb-2", align: "center", justify: "between", children: [_jsxs(Text, { className: "text-[var(--appkit-color-text)]", size: "sm", weight: "medium", children: [completedCount, " of ", steps.length, " complete"] }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: [Math.round((completedCount / steps.length) * 100), "%"] })] }), _jsx(Progress, { value: completedCount, max: steps.length, size: "sm", variant: "gradient" })] }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)]", children: steps.map(({ label, done, href }) => (_jsxs(TextLink, { variant: "bare", href: done ? "#" : href, "aria-disabled": done, layout: "flex", align: "center", gap: "sm", paddingX: "lg", paddingY: "sm-tall", size: "sm", className: `transition-colors ${done
                                                 ? "cursor-default"
                                                 : "hover:bg-[var(--appkit-color-border)]/30"}`, children: [done ? (_jsx(CheckCircle2, { className: CLS_CHECK_ICON })) : (_jsx(Circle, { className: "w-5 h-5 flex-shrink-0 text-[var(--appkit-color-text-muted)]" })), _jsx(Text, { className: `leading-snug ${done
                                                         ? "line-through text-[var(--appkit-color-text-muted)]"

package/dist/features/stores/components/StoreHeader.js

@@ -5,7 +5,7 @@ import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { RichText } from "../../../ui/rich-text/RichText.js";
 import { Row } from "../../../ui/components/Layout.js";
 import { Section } from "../../../ui/components/Semantic.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { normalizeRichTextHtml } from "../../../utils/string.formatter.js";
 import { ShareButton } from "../../products/components/ShareButton.js";
 import { SellerTrustBadge } from "../../scams/components/SellerTrustBadge.js";

package/dist/features/stores/components/StoreListingsGuideView.d.ts

@@ -1,3 +1,7 @@
 import React from "react";
-export type StoreListingsGuideViewProps = Record<string, never>;
-export declare function StoreListingsGuideView(_props: StoreListingsGuideViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface StoreListingsGuideViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function StoreListingsGuideView({ pageRegionCards }: StoreListingsGuideViewProps): React.JSX.Element;

package/dist/features/stores/components/StoreListingsGuideView.js

@@ -8,6 +8,8 @@ import { Li, Section, Table, Tbody, Td, Th, Thead, Tr, Ul } from "../../../ui/co
 import { Stack } from "../../../ui/components/Layout.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
 const LIST_DISC = "list-disc leading-relaxed";
 // -- Section wrapper -----------------------------------------------------------
@@ -24,7 +26,7 @@ const LISTING_TYPES = [
         idealUseCase: "Collectibles with a clear market value",
     },
     {
-        type: "Auction",
+        type: "Collector Drop",
         pricing: "Starts at reserve/starting bid; buyers compete",
         buyerFlow: "Place bid → wait for end time → winner pays within 48 h",
         requiredFields: "Reserve price · starting bid · end date/time",
@@ -39,7 +41,7 @@ const LISTING_TYPES = [
     },
 ];
 function ListingTypesTable() {
-    const HEADERS = ["", "Standard Product", "Auction", "Pre-order"];
+    const HEADERS = ["", "Standard Product", "Collector Drop", "Pre-order"];
     const ROWS = [
         { label: "Pricing model", keys: ["pricing"] },
         { label: "Buyer flow", keys: ["buyerFlow"] },
@@ -96,15 +98,15 @@ const STANDARD_STEPS = [
 function StandardWalkthrough() {
     return (_jsx(Stack, { gap: "5", children: STANDARD_STEPS.map(({ step, items }) => (_jsxs(Div, { children: [_jsx(Text, { className: "mb-2 text-[var(--appkit-color-text)]", weight: "semibold", children: step }), _jsx(Ul, { className: "space-y-[0.375rem]", indent: "lg", children: items.map((item) => (_jsx(Li, { textSize: "sm", color: "muted", className: LIST_DISC, children: item }, item))) })] }, step))) }));
 }
-// -- Section 3: Auction walkthrough --------------------------------------------
-function AuctionWalkthrough() {
+// -- Section 3: Collector Drop walkthrough --------------------------------------------
+function CollectorDropWalkthrough() {
     return (_jsxs(Stack, { textSize: "sm", className: "text-[var(--appkit-color-text-muted)]", gap: "md", children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Reserve price vs starting bid" }), _jsxs(Text, { className: "leading-relaxed", children: ["The ", _jsx(Span, { weight: "bold", children: "starting bid" }), " is the minimum first bid a buyer can place. The ", _jsx(Span, { weight: "bold", children: "reserve price" }), " is the minimum price you are willing to accept \u2014 if bidding does not reach the reserve, you are not obligated to sell. The reserve is hidden from buyers."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Bid increment" }), _jsx(Div, { overflow: "x-auto", children: _jsxs(Table, { className: "min-w-[320px]", size: "sm", children: [_jsx(Thead, { children: _jsxs(Tr, { className: "border-b border-[var(--appkit-color-border)]", children: [_jsx(Th, { weight: "semibold", align: "left", paddingSide: "pr-md", className: "text-[var(--appkit-color-text)]", padding: "xs-tall", children: "Current high bid" }), _jsx(Th, { weight: "semibold", align: "left", className: "text-[var(--appkit-color-text)]", padding: "xs-tall", children: "Minimum increment" })] }) }), _jsx(Tbody, { className: "divide-y divide-[var(--appkit-color-border)]", children: [
                                         ["₹0 – ₹499", "₹10"],
                                         ["₹500 – ₹1,999", "₹25"],
                                         ["₹2,000 – ₹9,999", "₹100"],
                                         ["₹10,000 – ₹49,999", "₹500"],
                                         ["₹50,000+", "₹1,000"],
-                                    ].map(([range, inc]) => (_jsxs(Tr, { children: [_jsx(Td, { paddingSide: "pr-md", padding: "xs-tall", children: range }), _jsx(Td, { padding: "xs-tall", children: inc })] }, range))) })] }) })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Auction end" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsx(Li, { className: LIST_DISC, children: "Winner receives an email and has 48 hours to complete payment." }), _jsx(Li, { className: LIST_DISC, children: "If payment is not completed within 48 hours, the order is auto-cancelled." }), _jsx(Li, { className: LIST_DISC, children: "The next-highest bidder may be offered the item (if enabled in your auction settings)." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Editing a live auction" }), _jsx(Text, { className: "leading-relaxed", children: "Once a bid has been placed, you cannot change the reserve price or starting bid. You can edit the title, description, and images at any time." })] })] }));
+                                    ].map(([range, inc]) => (_jsxs(Tr, { children: [_jsx(Td, { paddingSide: "pr-md", padding: "xs-tall", children: range }), _jsx(Td, { padding: "xs-tall", children: inc })] }, range))) })] }) })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Collector Drop end" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsx(Li, { className: LIST_DISC, children: "Winner receives an email and has 48 hours to complete payment." }), _jsx(Li, { className: LIST_DISC, children: "If payment is not completed within 48 hours, the order is auto-cancelled." }), _jsx(Li, { className: LIST_DISC, children: "The next-highest bidder may be offered the item (if enabled in your collectorDrop settings)." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Editing a live collector drop" }), _jsx(Text, { className: "leading-relaxed", children: "Once a bid has been placed, you cannot change the reserve price or starting bid. You can edit the title, description, and images at any time." })] })] }));
 }
 // -- Section 4: Pre-order walkthrough ------------------------------------------
 function PreorderWalkthrough() {
@@ -118,23 +120,23 @@ DRAFT ────────────────────────
  │ │
  └──────────────────────────────────────► ARCHIVED
 
-PUBLISHED ──► (buyer places bid / buys) ──► SOLD (auction only)
+PUBLISHED ──► (buyer places bid / buys) ──► SOLD (collector drop only)
 `;
 const STATUS_NOTES = [
     { status: "DRAFT", note: "Visible only to you. Does not appear in search or browse." },
     { status: "PUBLISHED", note: "Live in search, browse, and featured sections if promoted." },
     { status: "ARCHIVED", note: "Hidden from all public views. Can be re-published later." },
-    { status: "SOLD", note: "Auction only — marked when the winning bid is confirmed paid." },
+    { status: "SOLD", note: "Collector Drop only — marked when the winning bid is confirmed paid." },
 ];
 function StatusLifecycle() {
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(Div, { textSize: "xs", overflow: "x-auto", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-subtle,var(--appkit-color-border))/20] font-mono text-[var(--appkit-color-text-muted)] whitespace-pre", rounded: "lg", padding: "md", children: STATUS_LIFECYCLE }), _jsx(Stack, { gap: "sm", children: STATUS_NOTES.map(({ status, note }) => (_jsxs(Row, { textSize: "sm", gap: "3", children: [_jsx(Text, { className: "shrink-0 font-mono text-[var(--appkit-color-text)] w-24", weight: "semibold", children: status }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: note })] }, status))) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Live auctions with at least one bid cannot be taken to ARCHIVED until the auction ends." })] }));
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(Div, { textSize: "xs", overflow: "x-auto", className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-subtle,var(--appkit-color-border))/20] font-mono text-[var(--appkit-color-text-muted)] whitespace-pre", rounded: "lg", padding: "md", children: STATUS_LIFECYCLE }), _jsx(Stack, { gap: "sm", children: STATUS_NOTES.map(({ status, note }) => (_jsxs(Row, { textSize: "sm", gap: "3", children: [_jsx(Text, { className: "shrink-0 font-mono text-[var(--appkit-color-text)] w-24", weight: "semibold", children: status }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", children: note })] }, status))) }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Live collector drops with at least one bid cannot be taken to ARCHIVED until the collector drop ends." })] }));
 }
 // -- Section 6: Media guide ----------------------------------------------------
 const MEDIA_TIPS = [
     { label: "Image ratio", detail: "1:1 (square) for card thumbnails; 4:3 works well for product detail gallery." },
     { label: "Minimum size", detail: "800 × 800 px recommended. Below 400 × 400 px will look blurry on Retina screens." },
     { label: "Max file size", detail: "50 MB per image. Prefer JPG for photos; PNG for packaging or cards with text." },
-    { label: "Watermark", detail: "LetItRip adds a watermark automatically. Do not add your own — double watermarks look unprofessional." },
+    { label: "Watermark", detail: `${getBrandName()} adds a watermark automatically. Do not add your own — double watermarks look unprofessional.` },
     { label: "Order", detail: "Drag images to reorder after upload. The first image is the card thumbnail used in search results." },
     { label: "Video", detail: "Add a YouTube video ID to embed an unboxing or showcase. Not a replacement for photos." },
 ];
@@ -146,13 +148,13 @@ const MISTAKES = [
     "Listing a pre-order without a confirmed supplier. If supply falls through, you will face cancellations, refunds, and a rating hit.",
     "Leaving condition blank or writing 'good condition' without a numeric grade. Buyers cannot compare listings fairly.",
     "Uploading blurry or overexposed photos. Listings with poor images receive fewer bids and lower conversion.",
-    "Not setting isAuction: false on standard products. If a product is not an auction, it must have listingType: 'standard' — mixed signals confuse buyers.",
+    "Not setting isCollectorDrop: false on standard products. If a product is not a collector drop, it must have listingType: 'standard' — mixed signals confuse buyers.",
     "Setting an unrealistic deposit percentage. A 5% deposit gives buyers little skin in the game; 20–30% is standard for collectibles.",
     "Forgetting to configure shipping before publishing. Orders without a shipping method cannot be fulfilled.",
 ];
 function CommonMistakes() {
     return (_jsx(Alert, { variant: "warning", title: "Common mistakes to avoid", children: _jsx(Ul, { className: "mt-2", spacing: "comfortable", indent: "md", children: MISTAKES.map((m) => (_jsx(Li, { textSize: "sm", className: LIST_DISC, children: m }, m))) }) }));
 }
-export function StoreListingsGuideView(_props) {
-    return (_jsxs(Stack, { gap: "lg", padding: "b-2xl", children: [_jsxs(TextLink, { variant: "bare", href: String(ROUTES.STORE.GUIDE), size: "sm", layout: "inline-flex", align: "center", gap: "sm", className: "text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)]", size: "2xl", weight: "bold", children: "Listings Guide" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)]", size: "sm", children: "Products, auctions, and pre-orders \u2014 create and manage your listings." })] }), _jsx(GuideSection, { title: "1. Three listing types", children: _jsx(ListingTypesTable, {}) }), _jsx(GuideSection, { title: "2. Standard product walkthrough", children: _jsx(StandardWalkthrough, {}) }), _jsx(GuideSection, { title: "3. Auction walkthrough", children: _jsx(AuctionWalkthrough, {}) }), _jsx(GuideSection, { title: "4. Pre-order walkthrough", children: _jsx(PreorderWalkthrough, {}) }), _jsx(GuideSection, { title: "5. Product status lifecycle", children: _jsx(StatusLifecycle, {}) }), _jsx(GuideSection, { title: "6. Media guide", children: _jsx(MediaGuide, {}) }), _jsx(GuideSection, { title: "7. Common mistakes", children: _jsx(CommonMistakes, {}) })] }));
+export function StoreListingsGuideView({ pageRegionCards = [] }) {
+    return (_jsxs(Stack, { gap: "lg", padding: "b-2xl", children: [_jsxs(TextLink, { variant: "bare", href: String(ROUTES.STORE.GUIDE), size: "sm", layout: "inline-flex", align: "center", gap: "sm", className: "text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)]", size: "2xl", weight: "bold", children: "Listings Guide" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)]", size: "sm", children: "Products, collector drops, and pre-orders \u2014 create and manage your listings." })] }), _jsx(AdminComposableRegion, { pageId: "store-guide-listings", initialCards: pageRegionCards }), _jsx(GuideSection, { title: "1. Three listing types", children: _jsx(ListingTypesTable, {}) }), _jsx(GuideSection, { title: "2. Standard product walkthrough", children: _jsx(StandardWalkthrough, {}) }), _jsx(GuideSection, { title: "3. Collector Drop walkthrough", children: _jsx(CollectorDropWalkthrough, {}) }), _jsx(GuideSection, { title: "4. Pre-order walkthrough", children: _jsx(PreorderWalkthrough, {}) }), _jsx(GuideSection, { title: "5. Product status lifecycle", children: _jsx(StatusLifecycle, {}) }), _jsx(GuideSection, { title: "6. Media guide", children: _jsx(MediaGuide, {}) }), _jsx(GuideSection, { title: "7. Common mistakes", children: _jsx(CommonMistakes, {}) })] }));
 }

package/dist/features/stores/components/StoreLiveItemsPageView.d.ts

@@ -1,8 +1,11 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 type SearchParams = Record<string, string | string[]>;
 export interface StoreLiveItemsPageViewProps {
     storeSlug: string;
     searchParams?: SearchParams;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function StoreLiveItemsPageView({ storeSlug, searchParams }: StoreLiveItemsPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StoreLiveItemsPageView({ storeSlug, searchParams, pageRegionCards }: StoreLiveItemsPageViewProps): Promise<React.JSX.Element | null>;
 export {};

package/dist/features/stores/components/StoreLiveItemsPageView.js

@@ -1,13 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
 import { sortBy } from "../../../constants/sort.js";
 import { listStoreProducts } from "../../../_internal/server/features/products/list-public.js";
 import { getStoreBySlug } from "./StoreDetailLayoutView.js";
 import { StoreLiveItemsListing } from "./StoreLiveItemsListing.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const LISTING_TYPES = ["live"];
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-export async function StoreLiveItemsPageView({ storeSlug, searchParams }) {
+export async function StoreLiveItemsPageView({ storeSlug, searchParams, pageRegionCards = [] }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
     if (typeof storeId !== "string" || !storeId)
@@ -20,5 +21,5 @@ export async function StoreLiveItemsPageView({ storeSlug, searchParams }) {
         pageSize: DEFAULT_PAGE_SIZE,
         sorts: DEFAULT_SORT,
     });
-    return _jsx(StoreLiveItemsListing, { storeId: storeId, initialData: result ?? undefined });
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "stores-storeslug-live", initialCards: pageRegionCards }), _jsx(StoreLiveItemsListing, { storeId: storeId, initialData: result ?? undefined })] }));
 }

package/dist/features/stores/components/StoreNavTabs.d.ts

@@ -7,7 +7,7 @@ export interface StoreTab {
 export interface StoreNavTabsProps {
     tabs: StoreTab[];
     /**
-     * Listing-type tabs (Products/Auctions/Pre-Orders/.../Art & Stickers) —
+     * Listing-type tabs (Products/Collector Drops/Pre-Orders/.../Art & Stickers) —
      * rendered as a single dropdown ahead of `tabs` instead of one row entry
      * each, so the bar can't overflow no matter how many listing types are
      * enabled. Picking an option navigates to its `href`.

package/dist/features/stores/components/StoreOrdersGuideView.d.ts

@@ -1,3 +1,7 @@
 import React from "react";
-export type StoreOrdersGuideViewProps = Record<string, never>;
-export declare function StoreOrdersGuideView(_props: StoreOrdersGuideViewProps): React.JSX.Element;
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
+export interface StoreOrdersGuideViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
+}
+export declare function StoreOrdersGuideView({ pageRegionCards }: StoreOrdersGuideViewProps): React.JSX.Element;

package/dist/features/stores/components/StoreOrdersGuideView.js

@@ -9,6 +9,8 @@ import { Row, Stack } from "../../../ui/components/Layout.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { resolvePublishedValues } from "../../../_internal/shared/content/published-values.js";
+import { getBrandName } from "../../../core/brand-resolver.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 /* Phase 9 — one definition of the refund timeline. */
 const { refundBusinessDaysMin: REFUND_DAYS_MIN, refundBusinessDaysMax: REFUND_DAYS_MAX } = resolvePublishedValues();
 const SUBHEADING = "mb-1 font-semibold text-[var(--appkit-color-text)]";
@@ -96,21 +98,21 @@ function CarriersSection() {
 }
 // -- Section 4: Cancellations -------------------------------------------------
 function CancellationsSection() {
-    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Who can cancel" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Buyer" }), " \u2014 can self-cancel any time before the order reaches SHIPPED status."] }), _jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Seller (you)" }), " \u2014 can cancel any time before SHIPPED (e.g. item found damaged during packaging)."] }), _jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "LetItRip admin" }), " \u2014 can force-cancel at any status for policy violations or unresolved disputes."] })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Refund timeline" }), _jsxs(Text, { className: "leading-relaxed", children: ["Cancellation triggers an automatic Razorpay refund. Funds typically reach the buyer in", _jsx(Span, { weight: "bold", children: " 3\u20137 business days" }), " depending on the payment method (UPI is usually 1\u20132 business days)."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Already shipped?" }), _jsx(Text, { className: "leading-relaxed", children: "If you have already dispatched the item but the order is still PROCESSING (tracking not yet entered), enter the tracking number and mark it SHIPPED first \u2014 then contact the buyer via order notes. Do not cancel after shipping; work with the buyer to return the item through the normal return flow." })] }), _jsx(Alert, { variant: "warning", title: "Repeated cancellations affect your rating", children: "Cancelling more than 5% of your orders per month will reduce your store rating and may result in listing restrictions. Only cancel if you genuinely cannot fulfil \u2014 never as a price-change workaround." })] }));
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Who can cancel" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Buyer" }), " \u2014 can self-cancel any time before the order reaches SHIPPED status."] }), _jsxs(Li, { className: LIST_DISC, children: [_jsx(Span, { weight: "bold", children: "Seller (you)" }), " \u2014 can cancel any time before SHIPPED (e.g. item found damaged during packaging)."] }), _jsxs(Li, { className: LIST_DISC, children: [_jsxs(Span, { weight: "bold", children: [getBrandName(), " admin"] }), " \u2014 can force-cancel at any status for policy violations or unresolved disputes."] })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Refund timeline" }), _jsxs(Text, { className: "leading-relaxed", children: ["Cancellation triggers an automatic Razorpay refund. Funds typically reach the buyer in", _jsx(Span, { weight: "bold", children: " 3\u20137 business days" }), " depending on the payment method (UPI is usually 1\u20132 business days)."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Already shipped?" }), _jsx(Text, { className: "leading-relaxed", children: "If you have already dispatched the item but the order is still PROCESSING (tracking not yet entered), enter the tracking number and mark it SHIPPED first \u2014 then contact the buyer via order notes. Do not cancel after shipping; work with the buyer to return the item through the normal return flow." })] }), _jsx(Alert, { variant: "warning", title: "Repeated cancellations affect your rating", children: "Cancelling more than 5% of your orders per month will reduce your store rating and may result in listing restrictions. Only cancel if you genuinely cannot fulfil \u2014 never as a price-change workaround." })] }));
 }
 // -- Section 5: Return requests -----------------------------------------------
 function ReturnsSection() {
-    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "When a buyer can raise a return" }), _jsxs(Text, { className: "leading-relaxed", children: ["Buyers can open a return request within the ", _jsx(Span, { weight: "bold", children: "return window" }), " after the order is marked DELIVERED. The default return window is 7 days. Stores with the ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "extended_return_window" }), " capability can offer 30 days."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "What you see" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsx(Li, { className: LIST_DISC, children: "The buyer's reason for return (pre-defined category + optional description)." }), _jsx(Li, { className: LIST_DISC, children: "Photos of the item as received." }), _jsx(Li, { className: LIST_DISC, children: "A 3-day SLA to respond before LetItRip mediates." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Accepting a return" }), _jsx(Text, { className: "leading-relaxed", children: "Click \"Accept return\" in the order detail. The buyer will receive a return shipping label or instructions. Once the item is received by you and you confirm it, the refund is triggered automatically via Razorpay. The payout for this order is withheld." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Rejecting a return" }), _jsx(Text, { className: "leading-relaxed", children: "You can reject a return request with a reason. If the buyer disagrees, they can escalate to LetItRip support. LetItRip will mediate \u2014 if the evidence supports the buyer, the return will be approved regardless of your rejection. Unjustified rejections count against your seller rating." })] })] }));
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "When a buyer can raise a return" }), _jsxs(Text, { className: "leading-relaxed", children: ["Buyers can open a return request within the ", _jsx(Span, { weight: "bold", children: "return window" }), " after the order is marked DELIVERED. The default return window is 7 days. Stores with the ", _jsx(Code, { size: "xs", padding: "xs", rounded: "default", surface: "subtle", children: "extended_return_window" }), " capability can offer 30 days."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "What you see" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsx(Li, { className: LIST_DISC, children: "The buyer's reason for return (pre-defined category + optional description)." }), _jsx(Li, { className: LIST_DISC, children: "Photos of the item as received." }), _jsxs(Li, { className: LIST_DISC, children: ["A 3-day SLA to respond before ", getBrandName(), " mediates."] })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Accepting a return" }), _jsx(Text, { className: "leading-relaxed", children: "Click \"Accept return\" in the order detail. The buyer will receive a return shipping label or instructions. Once the item is received by you and you confirm it, the refund is triggered automatically via Razorpay. The payout for this order is withheld." })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Rejecting a return" }), _jsxs(Text, { className: "leading-relaxed", children: ["You can reject a return request with a reason. If the buyer disagrees, they can escalate to ", getBrandName(), " support.", getBrandName(), " will mediate \u2014 if the evidence supports the buyer, the return will be approved regardless of your rejection. Unjustified rejections count against your seller rating."] })] })] }));
 }
-// -- Section 6: Auction orders ------------------------------------------------
-function AuctionOrdersSection() {
-    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Payment window" }), _jsxs(Text, { className: "leading-relaxed", children: ["Auction winners have ", _jsx(Span, { weight: "bold", children: "48 hours" }), " from auction end to complete payment. You will receive a notification when the auction closes and again when the winner pays."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "If the winner does not pay" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsx(Li, { className: LIST_DISC, children: "The order is automatically cancelled after 48 hours." }), _jsx(Li, { className: LIST_DISC, children: "You are notified. The winner may receive a bid restriction on their account." }), _jsx(Li, { className: LIST_DISC, children: "If \"offer to next bidder\" is enabled in your auction settings, the next-highest bidder is contacted automatically." }), _jsx(Li, { className: LIST_DISC, children: "You can re-list the item immediately." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Fulfilment after payment" }), _jsx(Text, { className: "leading-relaxed", children: "Once the auction order is paid, it enters PENDING status \u2014 the same fulfilment flow as a standard order applies. Process and ship within your stated dispatch time." })] }), _jsx(Alert, { variant: "info", title: "Auction orders cannot be cancelled by the buyer", children: "Unlike standard orders, auction orders cannot be self-cancelled by the buyer after payment. If a buyer requests a cancel, it requires seller approval. Treat winning bids as binding commitments." })] }));
+// -- Section 6: Collector Drop orders ------------------------------------------------
+function CollectorDropOrdersSection() {
+    return (_jsxs(Div, { className: SECTION_BODY, children: [_jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Payment window" }), _jsxs(Text, { className: "leading-relaxed", children: ["CollectorDrop winners have ", _jsx(Span, { weight: "bold", children: "48 hours" }), " from collectorDrop end to complete payment. You will receive a notification when the collector drop closes and again when the winner pays."] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "If the winner does not pay" }), _jsxs(Ul, { spacing: "tight", indent: "lg", children: [_jsx(Li, { className: LIST_DISC, children: "The order is automatically cancelled after 48 hours." }), _jsx(Li, { className: LIST_DISC, children: "You are notified. The winner may receive a bid restriction on their account." }), _jsx(Li, { className: LIST_DISC, children: "If \"offer to next bidder\" is enabled in your collectorDrop settings, the next-highest bidder is contacted automatically." }), _jsx(Li, { className: LIST_DISC, children: "You can re-list the item immediately." })] })] }), _jsxs(Div, { children: [_jsx(Text, { className: SUBHEADING, children: "Fulfilment after payment" }), _jsx(Text, { className: "leading-relaxed", children: "Once the collector drop order is paid, it enters PENDING status \u2014 the same fulfilment flow as a standard order applies. Process and ship within your stated dispatch time." })] }), _jsx(Alert, { variant: "info", title: "Collector Drop orders cannot be cancelled by the buyer", children: "Unlike standard orders, collector drop orders cannot be self-cancelled by the buyer after payment. If a buyer requests a cancel, it requires seller approval. Treat winning bids as binding commitments." })] }));
 }
 // -- Section 7: Common questions (FAQ collapsibles) ----------------------------
 const FAQS = [
     {
         q: "What if the buyer claims non-delivery but tracking shows delivered?",
-        a: "Do not cancel immediately. Ask the buyer to check with neighbours and at the nearest post office or courier depot. If after 5 days the parcel is still missing, contact the carrier to file a trace. If the trace confirms loss, you may need to refund — document everything and contact LetItRip support if needed.",
+        a: `Do not cancel immediately. Ask the buyer to check with neighbours and at the nearest post office or courier depot. If after 5 days the parcel is still missing, contact the carrier to file a trace. If the trace confirms loss, you may need to refund — document everything and contact ${getBrandName()} support if needed.`,
     },
     {
         q: "Can I cancel an order after I've already shipped it?",
@@ -122,12 +124,12 @@ const FAQS = [
     },
     {
         q: "How do I handle a partial order if I sold multiple items?",
-        a: "Currently each product listing creates a separate order. If you sold a bundle, the bundle order must be fulfilled as a single shipment. If one item in a bundle is unavailable, contact the buyer and LetItRip support — partial fulfilment is not supported in the standard flow.",
+        a: `Currently each product listing creates a separate order. If you sold a bundle, the bundle order must be fulfilled as a single shipment. If one item in a bundle is unavailable, contact the buyer and ${getBrandName()} support — partial fulfilment is not supported in the standard flow.`,
     },
 ];
 function CommonFAQs() {
     return (_jsx(Stack, { gap: "3", children: FAQS.map(({ q, a }) => (_jsx(Accordion, { title: q, children: _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] leading-relaxed", size: "sm", children: a }) }, q))) }));
 }
-export function StoreOrdersGuideView(_props) {
-    return (_jsxs(Stack, { gap: "lg", padding: "b-2xl", children: [_jsxs(TextLink, { variant: "bare", href: String(ROUTES.STORE.GUIDE), size: "sm", layout: "inline-flex", align: "center", gap: "sm", className: "text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)]", size: "2xl", weight: "bold", children: "Orders & Fulfilment Guide" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)]", size: "sm", children: "Processing orders, shipping, cancellations, returns, and auction orders." })] }), _jsx(GuideSection, { title: "1. Order lifecycle", children: _jsx(OrderLifecycle, {}) }), _jsx(GuideSection, { title: "2. Processing an order", children: _jsx(ProcessingWalkthrough, {}) }), _jsx(GuideSection, { title: "3. Supported carriers", children: _jsx(CarriersSection, {}) }), _jsx(GuideSection, { title: "4. Cancellations", children: _jsx(CancellationsSection, {}) }), _jsx(GuideSection, { title: "5. Return requests", children: _jsx(ReturnsSection, {}) }), _jsx(GuideSection, { title: "6. Auction orders", children: _jsx(AuctionOrdersSection, {}) }), _jsx(GuideSection, { title: "7. Common questions", children: _jsx(CommonFAQs, {}) })] }));
+export function StoreOrdersGuideView({ pageRegionCards = [] }) {
+    return (_jsxs(Stack, { gap: "lg", padding: "b-2xl", children: [_jsxs(TextLink, { variant: "bare", href: String(ROUTES.STORE.GUIDE), size: "sm", layout: "inline-flex", align: "center", gap: "sm", className: "text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-text)] transition-colors", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Seller Guide"] }), _jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-[var(--appkit-color-text)]", size: "2xl", weight: "bold", children: "Orders & Fulfilment Guide" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-text-muted)]", size: "sm", children: "Processing orders, shipping, cancellations, returns, and collector drop orders." })] }), _jsx(AdminComposableRegion, { pageId: "store-guide-orders", initialCards: pageRegionCards }), _jsx(GuideSection, { title: "1. Order lifecycle", children: _jsx(OrderLifecycle, {}) }), _jsx(GuideSection, { title: "2. Processing an order", children: _jsx(ProcessingWalkthrough, {}) }), _jsx(GuideSection, { title: "3. Supported carriers", children: _jsx(CarriersSection, {}) }), _jsx(GuideSection, { title: "4. Cancellations", children: _jsx(CancellationsSection, {}) }), _jsx(GuideSection, { title: "5. Return requests", children: _jsx(ReturnsSection, {}) }), _jsx(GuideSection, { title: "6. Collector Drop orders", children: _jsx(CollectorDropOrdersSection, {}) }), _jsx(GuideSection, { title: "7. Common questions", children: _jsx(CommonFAQs, {}) })] }));
 }

package/dist/features/stores/components/StorePreOrdersPageView.d.ts

@@ -1,8 +1,11 @@
 import React from "react";
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 type SearchParams = Record<string, string | string[]>;
 export interface StorePreOrdersPageViewProps {
     storeSlug: string;
     searchParams?: SearchParams;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function StorePreOrdersPageView({ storeSlug, searchParams }: StorePreOrdersPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StorePreOrdersPageView({ storeSlug, searchParams, pageRegionCards }: StorePreOrdersPageViewProps): Promise<React.JSX.Element | null>;
 export {};

package/dist/features/stores/components/StorePreOrdersPageView.js

@@ -1,13 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
 import { sortBy } from "../../../constants/sort.js";
 import { listStoreProducts } from "../../../_internal/server/features/products/list-public.js";
 import { getStoreBySlug } from "./StoreDetailLayoutView.js";
 import { StorePreOrdersListing } from "./StorePreOrdersListing.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const LISTING_TYPES = ["pre-order"];
 const DEFAULT_PAGE_SIZE = 24;
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.PRE_ORDER_DELIVERY_DATE, "ASC");
-export async function StorePreOrdersPageView({ storeSlug, searchParams }) {
+export async function StorePreOrdersPageView({ storeSlug, searchParams, pageRegionCards = [] }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
     if (typeof storeId !== "string" || !storeId)
@@ -20,5 +21,5 @@ export async function StorePreOrdersPageView({ storeSlug, searchParams }) {
         pageSize: DEFAULT_PAGE_SIZE,
         sorts: DEFAULT_SORT,
     });
-    return _jsx(StorePreOrdersListing, { storeId: storeId, initialData: result ?? undefined });
+    return (_jsxs(_Fragment, { children: [_jsx(AdminComposableRegion, { pageId: "stores-storeslug-pre-orders", initialCards: pageRegionCards }), _jsx(StorePreOrdersListing, { storeId: storeId, initialData: result ?? undefined })] }));
 }