@mohasinac/appkit 4.71.0 → 4.71.2

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

@@ -1,21 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
-import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { ProseHero } from "./ProseHero.js";
 import { Div } from "../../../ui/components/Div.js";
 import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
 import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { Row, Stack } from "../../../ui/components/Layout.js";
 import { Section } from "../../../ui/components/Semantic.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
 import { PackageSearch, MapPinned, FileText, XCircle } from "lucide-react";
+import { PolicyCta, PolicyPageView } from "./PolicyPageView.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
     p5: "p-[var(--appkit-space-5)]",
-    p8: "p-[var(--appkit-space-8)]",
 };
-export async function HowOrdersWorkView({} = {}) {
-    const page = { container: PAGE_CONTAINER };
+export async function HowOrdersWorkView({ pageRegionCards = [], } = {}) {
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("howOrdersWork");
     const ORDER_STATUSES = [
@@ -136,7 +132,7 @@ export async function HowOrdersWorkView({} = {}) {
             desc: t("diagramStep6Desc"),
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [renderOrderStatusesSection(t, ORDER_STATUSES), _jsx(Section, { children: _jsx(FlowDiagram, { title: `📦 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderOrderInfoCardsSection(INFO_CARDS), renderOrdersCtaSection(t)] })] }));
+    return (_jsxs(PolicyPageView, { pageId: "how-orders-work", pageRegionCards: pageRegionCards, title: t("title"), subtitle: t("subtitle"), containerSize: "md", children: [renderOrderStatusesSection(t, ORDER_STATUSES), _jsx(Section, { children: _jsx(FlowDiagram, { title: `📦 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderOrderInfoCardsSection(INFO_CARDS), _jsx(PolicyCta, { title: t("ctaTitle"), text: t("ctaText"), primary: { label: t("ctaBrowse"), href: String(ROUTES.PUBLIC.PRODUCTS) }, secondary: { label: t("ctaCheckout"), href: String(ROUTES.PUBLIC.HOW_CHECKOUT_WORKS) } })] }));
 }
 function renderOrderStatusesSection(t, statuses) {
     return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-6", children: t("statusesTitle") }), _jsx(Stack, { gap: "3", children: statuses.map(({ status, icon, badge, desc }) => (_jsxs(Row, { className: `${__P.p4}`, border: "default", surface: "muted", align: "start", gap: "md", rounded: "xl", children: [_jsxs(Row, { align: "center", gap: "sm", className: "flex-shrink-0 pt-[0.125rem]", children: [_jsx(Span, { size: "xl", children: icon }), _jsx(Span, { size: "xs", weight: "semibold", className: `${badge}`, rounded: "full", padding: "pill-xs", children: status })] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: desc })] }, status))) })] }));
@@ -144,6 +140,3 @@ function renderOrderStatusesSection(t, statuses) {
 function renderOrderInfoCardsSection(cards) {
     return (_jsx(Section, { children: _jsx(Div, { layout: "grid", gap: "5", className: "md:grid-cols-2", children: cards.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs(Div, { className: `border ${__P.p5} ${color}`, rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `w-10 h-10 mb-3`, surface: "default", rounded: "lg", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "mb-1", weight: "semibold", children: title }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] }, title))) }) }));
 }
-function renderOrdersCtaSection(t) {
-    return (_jsxs(Section, { className: `${__P.p8} text-center`, border: "default", surface: "subtle", rounded: "2xl", children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs(Row, { align: "center", justify: "center", gap: "md", wrap: true, children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.PRODUCTS), children: t("ctaBrowse") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_CHECKOUT_WORKS), variant: "muted", children: t("ctaCheckout") })] })] }));
-}

package/dist/features/about/components/HowPayoutsWorkView.d.ts

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

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

@@ -1,20 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
-import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { ProseHero } from "./ProseHero.js";
 import { Div } from "../../../ui/components/Div.js";
 import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
-import { Heading, Text } from "../../../ui/components/Typography.js";
-import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
 import { Section } from "../../../ui/components/Semantic.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
 import { DollarSign, Calendar, Banknote, ShieldCheck } from "lucide-react";
+import { PolicyCta, PolicyPageView, PolicySteps } from "./PolicyPageView.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
-    p8: "p-[var(--appkit-space-8)]",
 };
-export async function HowPayoutsWorkView({} = {}) {
-    const page = { container: PAGE_CONTAINER };
+export async function HowPayoutsWorkView({ pageRegionCards = [], } = {}) {
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("howPayoutsWork");
     const STEPS = [
@@ -91,14 +87,8 @@ export async function HowPayoutsWorkView({} = {}) {
             desc: t("diagramStep5Desc"),
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [renderPayoutsStepsSection(t, STEPS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `💸 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderPayoutsInfoCardsSection(INFO_CARDS), renderPayoutsCtaSection(t)] })] }));
-}
-function renderPayoutsStepsSection(t, steps) {
-    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8", align: "center", children: t("stepsTitle") }), _jsx(Stack, { gap: "5", children: steps.map(({ number, icon, title, text }) => (_jsxs(Row, { className: `${__P.p5}`, border: "default", surface: "muted", align: "start", gap: "md", rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `flex-shrink-0 w-10 h-10 bg-primary/10 dark:bg-primary/15`, rounded: "full", children: icon }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-0.5", weight: "semibold", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] })] }, number))) })] }));
+    return (_jsxs(PolicyPageView, { pageId: "how-payouts-work", pageRegionCards: pageRegionCards, title: t("title"), subtitle: t("subtitle"), containerSize: "md", children: [_jsx(PolicySteps, { title: t("stepsTitle"), items: STEPS }), _jsx(Section, { children: _jsx(FlowDiagram, { title: `💸 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderPayoutsInfoCardsSection(INFO_CARDS), _jsx(PolicyCta, { title: t("ctaTitle"), text: t("ctaText"), primary: { label: t("ctaPayoutSettings"), href: String(ROUTES.STORE.PAYOUT_SETTINGS) }, secondary: { label: t("ctaFees"), href: String(ROUTES.PUBLIC.FEES) } })] }));
 }
 function renderPayoutsInfoCardsSection(cards) {
     return (_jsx(Section, { children: _jsx(Div, { layout: "grid", gap: "5", className: "md:grid-cols-2", children: cards.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs(Div, { className: `border ${__P.p5} ${color}`, rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `w-10 h-10 mb-3`, surface: "default", rounded: "lg", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "mb-1", weight: "semibold", children: title }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] }, title))) }) }));
 }
-function renderPayoutsCtaSection(t) {
-    return (_jsxs(Section, { className: `${__P.p8} text-center`, border: "default", surface: "subtle", rounded: "2xl", children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs(Row, { align: "center", justify: "center", gap: "md", wrap: true, children: [_jsx(TextLink, { href: String(ROUTES.STORE.PAYOUT_SETTINGS), children: t("ctaPayoutSettings") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.FEES), variant: "muted", children: t("ctaFees") })] })] }));
-}

package/dist/features/about/components/HowPreOrdersWorkView.d.ts

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

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

@@ -1,20 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
-import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { ProseHero } from "./ProseHero.js";
 import { Div } from "../../../ui/components/Div.js";
 import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
-import { Heading, Text } from "../../../ui/components/Typography.js";
-import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
 import { Section } from "../../../ui/components/Semantic.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
 import { Package, Clock, Banknote, AlertCircle } from "lucide-react";
+import { PolicyCta, PolicyPageView, PolicySteps } from "./PolicyPageView.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
-    p8: "p-[var(--appkit-space-8)]",
 };
-export async function HowPreOrdersWorkView({} = {}) {
-    const page = { container: PAGE_CONTAINER };
+export async function HowPreOrdersWorkView({ pageRegionCards = [], } = {}) {
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("howPreOrdersWork");
     const STEPS = [
@@ -91,14 +87,8 @@ export async function HowPreOrdersWorkView({} = {}) {
             desc: t("diagramStep5Desc"),
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [renderPreOrdersStepsSection(t, STEPS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `📋 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderPreOrdersInfoCardsSection(INFO_CARDS), renderPreOrdersCtaSection(t)] })] }));
-}
-function renderPreOrdersStepsSection(t, steps) {
-    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8", align: "center", children: t("stepsTitle") }), _jsx(Stack, { gap: "5", children: steps.map(({ number, icon, title, text }) => (_jsxs(Row, { className: `${__P.p5}`, border: "default", surface: "muted", align: "start", gap: "md", rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `flex-shrink-0 w-10 h-10 bg-primary/10 dark:bg-primary/15`, rounded: "full", children: icon }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-0.5", weight: "semibold", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] })] }, number))) })] }));
+    return (_jsxs(PolicyPageView, { pageId: "how-pre-orders-work", pageRegionCards: pageRegionCards, title: t("title"), subtitle: t("subtitle"), containerSize: "md", children: [_jsx(PolicySteps, { title: t("stepsTitle"), items: STEPS }), _jsx(Section, { children: _jsx(FlowDiagram, { title: `📋 ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderPreOrdersInfoCardsSection(INFO_CARDS), _jsx(PolicyCta, { title: t("ctaTitle"), text: t("ctaText"), primary: { label: t("ctaBrowse"), href: String(ROUTES.PUBLIC.PRE_ORDERS) }, secondary: { label: t("ctaOrders"), href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK) } })] }));
 }
 function renderPreOrdersInfoCardsSection(cards) {
     return (_jsx(Section, { children: _jsx(Div, { layout: "grid", gap: "5", className: "md:grid-cols-2", children: cards.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs(Div, { className: `border ${__P.p5} ${color}`, rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `w-10 h-10 mb-3`, surface: "default", rounded: "lg", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "mb-1", weight: "semibold", children: title }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] }, title))) }) }));
 }
-function renderPreOrdersCtaSection(t) {
-    return (_jsxs(Section, { className: `${__P.p8} text-center`, border: "default", surface: "subtle", rounded: "2xl", children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs(Row, { align: "center", justify: "center", gap: "md", wrap: true, children: [_jsx(TextLink, { href: String(ROUTES.PUBLIC.PRE_ORDERS), children: t("ctaBrowse") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK), variant: "muted", children: t("ctaOrders") })] })] }));
-}

package/dist/features/about/components/HowReviewsWorkView.d.ts

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

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

@@ -1,20 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ROUTES } from "../../../constants/index.js";
-import { PAGE_CONTAINER } from "../../../_internal/shared/styles/page.js";
-import { ProseHero } from "./ProseHero.js";
 import { Div } from "../../../ui/components/Div.js";
 import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
-import { Heading, Text } from "../../../ui/components/Typography.js";
-import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
 import { Section } from "../../../ui/components/Semantic.js";
-import { TextLink } from "../../../ui/components/TextLink.js";
 import { ShieldCheck, ThumbsUp, Pencil } from "lucide-react";
+import { PolicyCta, PolicyPageView, PolicySteps } from "./PolicyPageView.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
-    p8: "p-[var(--appkit-space-8)]",
 };
-export async function HowReviewsWorkView({} = {}) {
-    const page = { container: PAGE_CONTAINER };
+export async function HowReviewsWorkView({ pageRegionCards = [], } = {}) {
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("howReviewsWork");
     const STEPS = [
@@ -76,14 +72,8 @@ export async function HowReviewsWorkView({} = {}) {
             desc: t("diagramStep4Desc"),
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [renderReviewsStepsSection(t, STEPS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `⭐ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderReviewsInfoCardsSection(INFO_CARDS), renderReviewsCtaSection(t)] })] }));
-}
-function renderReviewsStepsSection(t, steps) {
-    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8", align: "center", children: t("stepsTitle") }), _jsx(Stack, { gap: "5", children: steps.map(({ number, icon, title, text }) => (_jsxs(Row, { className: `${__P.p5}`, border: "default", surface: "muted", align: "start", gap: "md", rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `flex-shrink-0 w-10 h-10 bg-primary/10 dark:bg-primary/15`, rounded: "full", children: icon }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-0.5", weight: "semibold", children: [number, ". ", title] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] })] }, number))) })] }));
+    return (_jsxs(PolicyPageView, { pageId: "how-reviews-work", pageRegionCards: pageRegionCards, title: t("title"), subtitle: t("subtitle"), containerSize: "md", children: [_jsx(PolicySteps, { title: t("stepsTitle"), items: STEPS }), _jsx(Section, { children: _jsx(FlowDiagram, { title: `⭐ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), renderReviewsInfoCardsSection(INFO_CARDS), _jsx(PolicyCta, { title: t("ctaTitle"), text: t("ctaText"), primary: { label: t("ctaOrders"), href: String(ROUTES.USER.ORDERS) }, secondary: { label: t("ctaHowOrders"), href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK) } })] }));
 }
 function renderReviewsInfoCardsSection(cards) {
     return (_jsx(Section, { children: _jsx(Div, { layout: "grid", gap: "5", className: "md:grid-cols-3", children: cards.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs(Div, { className: `border ${__P.p5} ${color}`, rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `w-10 h-10 mb-3`, surface: "default", rounded: "lg", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "mb-1", weight: "semibold", children: title }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] }, title))) }) }));
 }
-function renderReviewsCtaSection(t) {
-    return (_jsxs(Section, { className: `${__P.p8} text-center`, border: "default", surface: "subtle", rounded: "2xl", children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("ctaTitle") }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: t("ctaText") }), _jsxs(Row, { align: "center", justify: "center", gap: "md", wrap: true, children: [_jsx(TextLink, { href: String(ROUTES.USER.ORDERS), children: t("ctaOrders") }), _jsx(TextLink, { href: String(ROUTES.PUBLIC.HOW_ORDERS_WORK), variant: "muted", children: t("ctaHowOrders") })] })] }));
-}

package/dist/features/about/components/PolicyPageView.d.ts

@@ -1,7 +1,23 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export type PolicyKey = "privacy" | "terms" | "cookies" | "refund" | "ethics" | "conduct" | "cancellation" | "grievance";
 export interface PolicyPageViewProps {
-    /** Which policy to render */
-    policy: PolicyKey;
+    /**
+     * Which policy to render. Omit for a non-policy "guide" page (the
+     * how-X-works family) — in that mode the i18n sections, the admin-HTML
+     * override and the related-policies footer are all skipped entirely, and
+     * `title` / `subtitle` / `children` drive the page instead. See the guard
+     * clause at the top of the function body for exactly what guide mode does
+     * and does not touch of the policy-mode code below it.
+     */
+    policy?: PolicyKey;
+    /**
+     * Stable, hand-chosen id for this page's admin-composable region (Phase
+     * 12). Follows the ROUTE, not the `policy` value — every caller computes
+     * and passes its own distinct id (e.g. `cancellation-policy`, `terms`).
+     */
+    pageId: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
     /**
      * Rendered after the policy sections and before the related links.
      *
@@ -20,7 +36,67 @@ export interface PolicyPageViewProps {
      * override is present — an override replaces the page's body, and silently
      * appending a block the admin cannot see or edit would make the override a
      * half-truth.
+     *
+     * In guide mode (no `policy`) this is the WHOLE page body — there is no
+     * i18n-sections/admin-HTML branch to skip, so `children` always renders.
      */
     children?: React.ReactNode;
+    /**
+     * Guide-mode hero title. Required in practice when `policy` is omitted —
+     * `PolicyKey`'s i18n path supplies its own title, this is what replaces it
+     * for a page that has none. Ignored when `policy` is set.
+     */
+    title?: string;
+    /** Guide-mode hero subtitle. Ignored when `policy` is set. */
+    subtitle?: string;
+    /**
+     * Content max-width. Every one of the 8 real policy pages relies on the
+     * `sm` default below (unchanged from before this prop existed); every one
+     * of the 7 how-X-works guides used `page.container.md` directly before
+     * their migration onto this component, so that becomes guide mode's
+     * default too. Override only if a future page genuinely needs the other.
+     */
+    containerSize?: "sm" | "md";
+}
+/**
+ * The numbered "step 1 → step N" card list six of the seven how-X-works
+ * guides each hand-rolled as their own `renderXStepsSection` — same circle
+ * icon, same number-dot title, same secondary description, differing only in
+ * the data. Lifted here verbatim (not generalised further) once a seventh
+ * near-identical copy made the duplication the thing worth fixing.
+ *
+ * Deliberately NOT wired into `PolicyPageViewProps` as a positioned slot —
+ * guide pages differ in WHERE this sits relative to their other content
+ * (EMI's eligibility alert has to come before it, everyone else's doesn't),
+ * so this is a plain composable export a caller places inside `children`
+ * wherever its own order requires, same as `FlowDiagram` already is.
+ */
+export declare function PolicySteps({ title, items }: PolicyStepsProps): import("react").JSX.Element;
+export interface PolicyStepItem {
+    number: number;
+    icon: string;
+    title: string;
+    text: string;
+}
+export interface PolicyStepsProps {
+    title: string;
+    items: PolicyStepItem[];
+}
+export interface PolicyCtaLink {
+    label: string;
+    href: string;
+}
+export interface PolicyCtaProps {
+    title: string;
+    text: string;
+    primary: PolicyCtaLink;
+    secondary?: PolicyCtaLink;
 }
-export declare function PolicyPageView({ policy, children, }: PolicyPageViewProps): Promise<import("react").JSX.Element>;
+/**
+ * The centered, bordered "browse more / related guide" panel every one of
+ * the seven how-X-works guides ends on — each had its own byte-for-byte
+ * `renderXCtaSection` differing only in copy and links. Lifted here verbatim
+ * for the same reason as `PolicySteps` above.
+ */
+export declare function PolicyCta({ title, text, primary, secondary }: PolicyCtaProps): import("react").JSX.Element;
+export declare function PolicyPageView({ policy, pageId, pageRegionCards, children, title, subtitle, containerSize, }: PolicyPageViewProps): Promise<import("react").JSX.Element>;

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

@@ -11,6 +11,34 @@ import { Section } from "../../../ui/components/Semantic.js";
 import { Stack } from "../../../ui/components/Layout.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
+import { getCompositeSentence } from "../../../_internal/shared/content/composite-sentences/index.js";
+import { getFragmentedParagraph } from "../../../_internal/shared/content/fragmented-paragraphs/index.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
+/**
+ * The numbered "step 1 → step N" card list six of the seven how-X-works
+ * guides each hand-rolled as their own `renderXStepsSection` — same circle
+ * icon, same number-dot title, same secondary description, differing only in
+ * the data. Lifted here verbatim (not generalised further) once a seventh
+ * near-identical copy made the duplication the thing worth fixing.
+ *
+ * Deliberately NOT wired into `PolicyPageViewProps` as a positioned slot —
+ * guide pages differ in WHERE this sits relative to their other content
+ * (EMI's eligibility alert has to come before it, everyone else's doesn't),
+ * so this is a plain composable export a caller places inside `children`
+ * wherever its own order requires, same as `FlowDiagram` already is.
+ */
+export function PolicySteps({ title, items }) {
+    return (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-8", align: "center", children: title }), _jsx(Stack, { gap: "5", children: items.map(({ number, icon, title: stepTitle, text }) => (_jsxs(Row, { className: "p-[var(--appkit-space-5)]", border: "default", surface: "muted", align: "start", gap: "md", rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: "flex-shrink-0 w-10 h-10 bg-primary/10 dark:bg-primary/15", rounded: "full", children: icon }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-0.5", weight: "semibold", children: [number, ". ", stepTitle] }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] })] }, number))) })] }));
+}
+/**
+ * The centered, bordered "browse more / related guide" panel every one of
+ * the seven how-X-works guides ends on — each had its own byte-for-byte
+ * `renderXCtaSection` differing only in copy and links. Lifted here verbatim
+ * for the same reason as `PolicySteps` above.
+ */
+export function PolicyCta({ title, text, primary, secondary }) {
+    return (_jsxs(Section, { className: "p-[var(--appkit-space-8)] text-center", border: "default", surface: "subtle", rounded: "2xl", children: [_jsx(Heading, { level: 2, className: "mb-3", children: title }), _jsx(Text, { variant: "secondary", className: "mb-6 max-w-lg mx-auto", children: text }), _jsxs(Row, { align: "center", justify: "center", gap: "md", wrap: true, children: [_jsx(TextLink, { href: primary.href, children: primary.label }), secondary && (_jsx(TextLink, { href: secondary.href, variant: "muted", children: secondary.label }))] })] }));
+}
 /**
  * Single source of truth for every policy page this shell can render.
  *
@@ -76,15 +104,30 @@ const POLICY_META = {
     },
 };
 const POLICY_KEYS = Object.keys(POLICY_META);
-export async function PolicyPageView({ policy, children, }) {
+export async function PolicyPageView({ policy, pageId, pageRegionCards = [], children, title, subtitle, containerSize, }) {
     const page = { container: PAGE_CONTAINER };
+    /*
+     * Guide mode — no `policy`, so none of the i18n/admin-HTML-override/
+     * related-policies machinery below applies. This is the shell every
+     * how-X-works guide used to hand-roll (identical negative-margin wrapper,
+     * identical `ProseHero` call with no overrides, identical
+     * `AdminComposableRegion` mount) — lifted here so it is ONE copy instead
+     * of eight. Everything from the `meta = POLICY_META[policy]` line down is
+     * the original policy-mode implementation, untouched.
+     */
+    if (!policy) {
+        const size = containerSize ?? "md";
+        return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: title, subtitle: subtitle }), _jsxs(Stack, { gap: "14", className: `${page.container[size]}`, padding: "content-banner", children: [_jsx(AdminComposableRegion, { pageId: pageId, initialCards: pageRegionCards }), children] })] }));
+    }
     const meta = POLICY_META[policy];
-    const { getTranslations } = await import("next-intl/server");
+    const { getTranslations, getLocale } = await import("next-intl/server");
     const t = await getTranslations(meta.namespace);
+    const locale = await getLocale();
     // Check Firestore for admin-overridden HTML content
     let adminHtml = "";
+    let settings;
     try {
-        const settings = await siteSettingsRepository.getSingleton();
+        settings = await siteSettingsRepository.getSingleton();
         adminHtml = settings.legalPages?.[meta.firestoreField] ?? "";
     }
     catch (_err) {
@@ -101,13 +144,29 @@ export async function PolicyPageView({ policy, children, }) {
     // i18n fallback sections
     const rawSections = t.raw("sections");
     const sections = Array.isArray(rawSections) ? rawSections : [];
+    /*
+     * 1A-ii composite-sentence cascade — `cancellationPolicy`'s section 3
+     * heading names collector-drop/pre-order/clearance inline ("Collector
+     * Drops, pre-orders and prize draws"). Overridden here rather than left as
+     * static i18n so disabling one of those types drops it from the heading,
+     * same as everywhere else this mechanism applies. Scoped to this one
+     * (policy, index) pair deliberately — the OTHER 7 policy pages' sections
+     * are plain single-topic prose with nothing to cascade.
+     */
+    if (policy === "cancellation" && sections[3]) {
+        sections[3] = {
+            ...sections[3],
+            heading: getCompositeSentence("cancellationPolicy.sections.3.heading", locale, settings),
+            body: getFragmentedParagraph("cancellationPolicy.sections.3.body", locale, settings),
+        };
+    }
     // Derived from POLICY_META, so a newly added policy appears in every other
     // page's related list automatically and can never link to itself.
     const relatedLinks = POLICY_KEYS.filter((key) => key !== policy).map((key) => ({
         label: t(POLICY_META[key].relatedLabelKey),
         href: POLICY_META[key].path,
     }));
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { width: "sm", centered: false, subtitleSize: "sm", title: t("title"), subtitle: t("lastUpdated") }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [adminHtml ? (
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { width: "sm", centered: false, subtitleSize: "sm", title: t("title"), subtitle: t("lastUpdated") }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [_jsx(AdminComposableRegion, { pageId: pageId, initialCards: pageRegionCards }), adminHtml ? (
                     /* Admin-set HTML takes priority */
                     _jsx(Div, { className: "prose max-w-none", dangerouslySetInnerHTML: { __html: adminHtml } })) : (_jsxs(_Fragment, { children: [t.has("intro") && (_jsx(Text, { variant: "secondary", className: "mb-10 leading-relaxed", size: "base", children: t("intro") })), _jsx(Stack, { gap: "xl", children: sections.map((section, i) => (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-3", children: section.heading }), _jsx(Text, { variant: "secondary", className: "leading-relaxed whitespace-pre-line", children: section.body })] }, i))) }), children] })), relatedLinks.length > 0 && (_jsxs(Div, { className: `mt-14 border-t`, border: "default", padding: "t-xl", children: [_jsx(Heading, { level: 3, className: "mb-3 uppercase tracking-wide", color: "muted", size: "sm", weight: "semibold", children: t("relatedTitle") }), _jsx(Row, { wrap: true, gap: "md", children: relatedLinks.map((l) => (_jsx(TextLink, { href: l.href, variant: "muted", size: "sm", children: l.label }, l.href))) })] }))] })] }));
 }

package/dist/features/about/components/PublicProfileView.d.ts

@@ -1,3 +1,4 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface PublicProfileViewProps {
     userId: string;
     /**
@@ -7,5 +8,14 @@ export interface PublicProfileViewProps {
      * or unrecognized.
      */
     tab?: string;
+    /**
+     * Stable, hand-chosen page-region id (Phase 12) — this one view is shared
+     * by three distinct routes (`/profile/[userId]`, `/profile/[userId]/[tab]`,
+     * `/sellers/[id]`), so every caller computes its own route-template-derived
+     * id rather than this component guessing one.
+     */
+    pageId: string;
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
-export declare function PublicProfileView({ userId, tab, }: PublicProfileViewProps): Promise<import("react").JSX.Element>;
+export declare function PublicProfileView({ userId, tab, pageId, pageRegionCards, }: PublicProfileViewProps): Promise<import("react").JSX.Element>;

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

@@ -13,7 +13,7 @@ import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
 import { Heading, Span, Text } from "../../../ui/components/Typography.js";
 import { Section } from "../../../ui/components/Semantic.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
-import { MediaImage } from "../../media/MediaImage.js";
+import { MediaImage } from "../../../ui/components/MediaImage.js";
 import { ProductCard } from "../../products/components/ProductGrid.js";
 import { ReviewCard } from "../../reviews/components/ReviewsList.js";
 import { PublicCatalogueView } from "../../catalogue/components/PublicCatalogueView.js";
@@ -22,6 +22,7 @@ import { normalizeListingType } from "../../products/utils/listing-type.js";
 import { isAdminUser, isSellerUser } from "../../auth/role-predicates.js";
 import { User, Star, ShoppingBag, Package, Trophy, Globe, MapPin, ExternalLink } from "lucide-react";
 import { OwnerQuickActions } from "../../admin/components/OwnerQuickActions.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",
     p6: "p-[var(--appkit-space-6)]",
@@ -72,7 +73,7 @@ function toProductItem(p) {
 function getProductHref(p) {
     return pluginFor(normalizeListingType(p)).detailRoute(p.id);
 }
-export async function PublicProfileView({ userId, tab, }) {
+export async function PublicProfileView({ userId, tab, pageId, pageRegionCards = [], }) {
     const page = { container: PAGE_CONTAINER };
     const flex = { center: FLEX_CENTER };
     const { getTranslations } = await import("next-intl/server");
@@ -118,28 +119,28 @@ export async function PublicProfileView({ userId, tab, }) {
     const listingCount = products.length;
     const reviewCount = reviewsAuthored.length + reviewsReceivedAsBuyer.length;
     const itemsSold = stats?.itemsSold ?? 0;
-    const auctionsWon = stats?.auctionsWon ?? 0;
+    const collectorDropsWon = stats?.collectorDropsWon ?? 0;
     const totalOrders = stats?.totalOrders ?? 0;
     const storeSlug = profile?.storeSlug;
     const storeName = store?.storeName ?? pub?.storeName ?? displayName;
     const storeDescription = store?.storeDescription ?? pub?.storeDescription;
     const profileHeroCtx = { displayName, photoURL, memberSince, isSeller, storeSlug, flex, page };
-    const statItems = buildProfileStatItems(t, { listingCount, reviewCount, itemsSold, auctionsWon, totalOrders, isSeller });
+    const statItems = buildProfileStatItems(t, { listingCount, reviewCount, itemsSold, collectorDropsWon, totalOrders, isSeller });
     const activeTab = tab === "catalogue" ? "catalogue" : "overview";
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [renderProfileHero(t, profileHeroCtx), _jsxs(Stack, { gap: "2xl", className: `${page.container.md}`, paddingY: "y-3xl", children: [_jsx(Row, { justify: "end", children: _jsx(OwnerQuickActions, { resource: "USER", placement: "detail", recordLabel: displayName, editHref: String(ROUTES.ADMIN.USER_EDIT(userId)) }) }), _jsxs(Row, { gap: "md", padding: "t-xs", border: "bottom", children: [_jsx(TextLink, { href: `/profile/${userId}/overview`, variant: activeTab === "overview" ? "default" : "muted", weight: activeTab === "overview" ? "semibold" : "normal", children: "Overview" }), _jsx(TextLink, { href: `/profile/${userId}/catalogue`, variant: activeTab === "catalogue" ? "default" : "muted", weight: activeTab === "catalogue" ? "semibold" : "normal", children: "Catalogue" })] }), activeTab === "catalogue" ? (_jsx(PublicCatalogueView, { ownerSlug: userId })) : (_jsxs(_Fragment, { children: [renderProfileStatsRow(flex, statItems), renderProfileBioSection(pub), renderStoreDescriptionSection(isSeller, storeSlug ?? null, storeDescription ?? null, storeName, t), renderProfileListingsSection(t, products, storeSlug ?? null), renderAuthoredReviewsSection(t, reviewsAuthored, displayName), reviewsReceivedAsBuyer.length > 0 && renderBuyerReceivedReviewsSection(t, reviewsReceivedAsBuyer)] })), _jsx(Row, { justify: "center", padding: "t-xs", children: _jsxs(Link, { href: String(ROUTES.HOME), className: "text-[length:var(--appkit-text-sm)] text-[var(--appkit-color-text-faint)] hover:text-[var(--appkit-color-text-muted)]", children: ["\u2190 ", t("backHome")] }) })] })] }));
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [renderProfileHero(t, profileHeroCtx), _jsxs(Stack, { gap: "2xl", className: `${page.container.md}`, paddingY: "y-3xl", children: [_jsx(AdminComposableRegion, { pageId: pageId, initialCards: pageRegionCards }), _jsx(Row, { justify: "end", children: _jsx(OwnerQuickActions, { resource: "USER", placement: "detail", recordLabel: displayName, editHref: String(ROUTES.ADMIN.USER_EDIT(userId)) }) }), _jsxs(Row, { gap: "md", padding: "t-xs", border: "bottom", children: [_jsx(TextLink, { href: `/profile/${userId}/overview`, variant: activeTab === "overview" ? "default" : "muted", weight: activeTab === "overview" ? "semibold" : "normal", children: "Overview" }), _jsx(TextLink, { href: `/profile/${userId}/catalogue`, variant: activeTab === "catalogue" ? "default" : "muted", weight: activeTab === "catalogue" ? "semibold" : "normal", children: "Catalogue" })] }), activeTab === "catalogue" ? (_jsx(PublicCatalogueView, { ownerSlug: userId })) : (_jsxs(_Fragment, { children: [renderProfileStatsRow(flex, statItems), renderProfileBioSection(pub), renderStoreDescriptionSection(isSeller, storeSlug ?? null, storeDescription ?? null, storeName, t), renderProfileListingsSection(t, products, storeSlug ?? null), renderAuthoredReviewsSection(t, reviewsAuthored, displayName), reviewsReceivedAsBuyer.length > 0 && renderBuyerReceivedReviewsSection(t, reviewsReceivedAsBuyer)] })), _jsx(Row, { justify: "center", padding: "t-xs", children: _jsxs(Link, { href: String(ROUTES.HOME), className: "text-[length:var(--appkit-text-sm)] text-[var(--appkit-color-text-faint)] hover:text-[var(--appkit-color-text-muted)]", children: ["\u2190 ", t("backHome")] }) })] })] }));
 }
 function buildProfileStatItems(t, ctx) {
-    const { listingCount, reviewCount, itemsSold, auctionsWon, totalOrders, isSeller } = ctx;
+    const { listingCount, reviewCount, itemsSold, collectorDropsWon, totalOrders, isSeller } = ctx;
     return [
         { icon: ShoppingBag, label: t("statListings"), value: String(listingCount) },
         { icon: Star, label: t("statReviews"), value: String(reviewCount) },
         ...(isSeller
             ? [
                 { icon: Package, label: t("statSold"), value: String(itemsSold) },
-                { icon: Trophy, label: t("statAuctions"), value: String(auctionsWon) },
+                { icon: Trophy, label: t("statCollectorDrops"), value: String(collectorDropsWon) },
             ]
             : [
-                { icon: Trophy, label: t("statAuctions"), value: String(auctionsWon) },
+                { icon: Trophy, label: t("statCollectorDrops"), value: String(collectorDropsWon) },
                 { icon: Package, label: t("statOrders"), value: String(totalOrders) },
             ]),
     ];

package/dist/features/about/components/SecurityPrivacyView.d.ts

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

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

@@ -9,11 +9,12 @@ import { Row, Stack } from "../../../ui/components/Layout.js";
 import { Section } from "../../../ui/components/Semantic.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
 import { Shield, Lock, Search, Globe, Database, KeyRound, FileText, Upload, ShieldCheck, Scale, } from "lucide-react";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
     p8: "p-[var(--appkit-space-8)]",
 };
-export async function SecurityPrivacyView({} = {}) {
+export async function SecurityPrivacyView({ pageRegionCards = [], } = {}) {
     const page = { container: PAGE_CONTAINER };
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("securityPage");
@@ -126,7 +127,7 @@ export async function SecurityPrivacyView({} = {}) {
             desc: t("diagramStep5Desc"),
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [_jsxs(Section, { className: "text-center", children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("overviewTitle") }), _jsx(Text, { variant: "secondary", className: "max-w-2xl mx-auto", children: t("overviewText") })] }), renderSecurityCardsSection(SECTIONS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🛡️ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), _jsx(Text, { variant: "secondary", size: "sm", align: "center", children: t("lastUpdated") }), renderSecurityCtaSection(t)] })] }));
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { title: t("title"), subtitle: t("subtitle") }), _jsxs(Stack, { gap: "14", className: `${page.container.md}`, padding: "content-banner", children: [_jsx(AdminComposableRegion, { pageId: "security", initialCards: pageRegionCards }), _jsxs(Section, { className: "text-center", children: [_jsx(Heading, { level: 2, className: "mb-3", children: t("overviewTitle") }), _jsx(Text, { variant: "secondary", className: "max-w-2xl mx-auto", children: t("overviewText") })] }), renderSecurityCardsSection(SECTIONS), _jsx(Section, { children: _jsx(FlowDiagram, { title: `🛡️ ${t("diagramTitle")}`, titleClass: "text-primary", connectorClass: "bg-primary/20 dark:bg-primary/30", steps: DIAGRAM_STEPS, centered: true }) }), _jsx(Text, { variant: "secondary", size: "sm", align: "center", children: t("lastUpdated") }), renderSecurityCtaSection(t)] })] }));
 }
 function renderSecurityCardsSection(cards) {
     return (_jsx(Section, { children: _jsx(Div, { layout: "grid", gap: "5", className: "md:grid-cols-2", children: cards.map(({ icon: Icon, title, text, color, iconColor }) => (_jsxs(Div, { className: `border ${__P.p5} ${color}`, rounded: "xl", children: [_jsx(Row, { align: "center", justify: "center", className: `w-10 h-10 mb-3`, surface: "default", rounded: "lg", children: _jsx(Icon, { className: `w-5 h-5 ${iconColor}` }) }), _jsx(Text, { className: "mb-1", weight: "semibold", children: title }), _jsx(Text, { variant: "secondary", className: "leading-relaxed", size: "sm", children: text })] }, title))) }) }));

package/dist/features/about/components/ShippingPolicyView.d.ts

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

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

@@ -11,8 +11,9 @@ import { Section } from "../../../ui/components/Semantic.js";
 import { Stack } from "../../../ui/components/Layout.js";
 import { FlowDiagram } from "../../../ui/components/FlowDiagram.js";
 import { TextLink } from "../../../ui/components/TextLink.js";
+import { AdminComposableRegion } from "../../dashboard/components/AdminComposableRegion.js";
 const CLS_FOOTER_LINK = "text-sky-600 dark:text-sky-400 hover:underline";
-export async function ShippingPolicyView({} = {}) {
+export async function ShippingPolicyView({ pageRegionCards = [], } = {}) {
     const page = { container: PAGE_CONTAINER };
     const { getTranslations } = await import("next-intl/server");
     const t = await getTranslations("shippingPolicy");
@@ -50,7 +51,7 @@ export async function ShippingPolicyView({} = {}) {
         { title: t("standardTitle"), text: t("standardText") },
         { title: t("expressTitle"), text: t("expressText") },
         { title: t("freeShippingTitle"), text: t("freeShippingText") },
-        { title: t("auctionShippingTitle"), text: t("auctionShippingText") },
+        { title: t("collectorDropShippingTitle"), text: t("collectorDropShippingText") },
         { title: t("trackingTitle"), text: t("trackingText") },
         { title: t("internationalTitle"), text: t("internationalText") },
         { title: t("damagedTitle"), text: t("damagedText") },
@@ -92,7 +93,7 @@ export async function ShippingPolicyView({} = {}) {
             desc: t("diagramStatus5Desc"),
         },
     ];
-    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { width: "sm", centered: false, subtitleSize: "sm", title: t("title"), subtitle: t("lastUpdated") }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [adminHtml ? (
+    return (_jsxs(Div, { className: "-mx-4 md:-mx-6 lg:-mx-8 -mt-6 sm:-mt-8 lg:-mt-10", children: [_jsx(ProseHero, { width: "sm", centered: false, subtitleSize: "sm", title: t("title"), subtitle: t("lastUpdated") }), _jsxs(Div, { className: `${page.container.sm}`, padding: "content-banner", children: [_jsx(AdminComposableRegion, { pageId: "shipping-policy", initialCards: pageRegionCards }), adminHtml ? (
                     /*
                       Admin-set HTML replaces the WHOLE body — subtitle, sections,
                       diagram and contact block — matching PolicyPageView's behaviour

package/dist/features/about/components/SpotAFakeView.d.ts

@@ -1,4 +1,7 @@
+import type { DashboardCard } from "../../../_internal/shared/features/dashboard/recent-entry";
 export interface SpotAFakeViewProps {
+    /** Admin-curated page-region cards (Phase 12). Omit for no extra content. */
+    pageRegionCards?: DashboardCard[];
 }
 /**
  * D6 — the spot-a-fake guide.
@@ -26,4 +29,4 @@ export interface SpotAFakeViewProps {
  * weight" without somewhere to check it against would be advice shaped like
  * help, so each signal links to the surface that answers it.
  */
-export declare function SpotAFakeView({}?: SpotAFakeViewProps): Promise<import("react").JSX.Element>;
+export declare function SpotAFakeView({ pageRegionCards }?: SpotAFakeViewProps): Promise<import("react").JSX.Element>;