@redacto.io/consent-sdk-react-native 3.1.0 → 4.0.0

package/dist/privacy-center.d.mts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { StyleProp, ViewStyle, TextStyle, KeyboardTypeOptions } from 'react-native';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, KeyboardTypeOptions, DimensionValue, Animated } from 'react-native';
+import * as lucide_react_native from 'lucide-react-native';
 
 type Workspace = {
     uuid: string;
@@ -24,6 +26,80 @@ type OrganizationDetail = {
     activated: boolean;
     allowed_domains: string[];
 };
+type OrgBrandingTheme = {
+    primary: string;
+    secondary: string;
+    primary_contrast: string;
+    link: string;
+    surface: string;
+    text: string;
+    text_muted: string;
+    border: string;
+    success: string;
+    warning: string;
+    danger: string;
+};
+type OrgBrandingDetail = {
+    logo_url: string | null;
+    icon_url: string | null;
+    brand_name: string;
+    theme: OrgBrandingTheme;
+    hide_platform_branding: boolean;
+};
+type NotificationType = 'guardian_verification_request' | 'consent_expiry_warning' | 'new_consent_notice' | 'consent_withdrawal_confirmation' | 'data_request_status_update' | 'case_message' | 'grievance_status_update' | 'consent_regrant_prompt';
+type NotificationCategory = 'consent' | 'request' | 'system';
+type NotificationCTA = {
+    label: string;
+    style: 'primary' | 'secondary' | 'danger';
+    action_type: 'link' | 'acknowledge';
+    url?: string;
+};
+type Notification = {
+    uuid: string;
+    notification_type: NotificationType;
+    category: NotificationCategory;
+    title: string;
+    description: string;
+    is_read: boolean;
+    is_acknowledged: boolean;
+    source_type: string;
+    source_uuid: string | null;
+    request_type: string;
+    request_type_display?: string | null;
+    status_label: string;
+    status_label_display?: string | null;
+    ctas: NotificationCTA[];
+    created_at: string;
+};
+type NotificationSummary = {
+    total: number;
+    unread: number;
+    action_needed: number;
+    acknowledged: number;
+};
+type NotificationListResponse = {
+    data: Notification[];
+    total: number;
+    skip: number;
+    limit: number;
+    summary: NotificationSummary | null;
+};
+type UnreadCountResponse = {
+    count: number;
+};
+type NotificationActionResponse = {
+    message: string;
+};
+type NotificationQueryParams = {
+    category?: NotificationCategory;
+    notification_type?: NotificationType;
+    is_read?: boolean;
+    skip?: number;
+    limit?: number;
+    include_summary?: boolean;
+    language?: string;
+};
+type FilterTab = 'all' | 'consent' | 'request' | 'system';
 type DataElement = {
     uuid: string;
     name: string;
@@ -54,12 +130,23 @@ type GrievanceOptions = {
     value: GrievanceValue;
     label: string;
 };
+/** Product-grouped purposes for the data principal's own consents (TECH-3712). */
+type FormProductGroup = {
+    product_uuid: string;
+    product_name: string;
+    product_description: string | null;
+    nominator: NominatorInfo | null;
+    purposes: Purpose[];
+};
 type FormData$1 = {
     uuid: string;
     name: string;
     contact: string;
     grievance_options: GrievanceOptions[];
+    /** Legacy flat list — retained for backwards compatibility. */
     purposes: RawPurposeWrapper[];
+    direct_groups?: FormProductGroup[];
+    nominated_groups?: FormProductGroup[];
 };
 declare enum RequestTypeEnum {
     ACCESS = "ACCESS",
@@ -103,6 +190,12 @@ type UserDataRequest = {
     };
     time_period: number | null;
     requestor_note: string;
+    /** ERASURE-only: also revoke the data principal's consent on fulfilment. */
+    revoke_consent_on_fulfilment?: boolean;
+    /** Product anchor for ACCESS / ERASURE / CORRECTION requests. */
+    product_uuid?: string;
+    /** Set when acting on behalf of a nominator for a nominated product group. */
+    data_principal_uuid?: string;
 };
 type CreateCaseResponse = {
     code: number;
@@ -327,31 +420,40 @@ type CaseDetailsTab = Readonly<{
     label: string;
 }>;
 
-type InternalPage = 'consent-manager' | 'form' | 'activity' | 'receipts' | 'case-details';
+type InternalPage = 'home' | 'consent-manager' | 'form' | 'activity' | 'receipts' | 'case-details' | 'notifications';
 interface NavigationContextType {
     currentPage: InternalPage;
     navigateTo: (page: InternalPage) => void;
+    navigateBack: () => void;
     selectedCase: CaseRequest | null;
     setSelectedCase: (c: CaseRequest | null) => void;
     pendingCaseUuid: string | null;
 }
-declare function NavigationProvider({ children, initialPage }: {
+declare function NavigationProvider({ children, initialPage, initialPendingCaseUuid, }: {
     children: ReactNode;
     initialPage?: InternalPage;
+    /** Deep-link target: resolve & open this case on first load (used with initialPage='case-details'). */
+    initialPendingCaseUuid?: string | null;
 }): react_jsx_runtime.JSX.Element;
 declare function useInternalNavigation(): NavigationContextType;
 
 interface RedactoPrivacyCenterProps {
     baseUrl: string;
     slug: string;
+    /**
+     * @deprecated The Privacy Center now themes itself from per-org branding.
+     * Accepted for backwards compatibility but ignored.
+     */
     theme?: 'light' | 'dark';
     accessToken: string;
     refreshToken: string;
     onError: (error: Error) => boolean;
     initialPage?: InternalPage;
+    /** Optional deep-link: open a specific case (use with initialPage='case-details'). */
+    initialCaseUuid?: string;
     onBack?: 'back' | 'signout';
 }
-declare function RedactoPrivacyCenter({ baseUrl, slug: _slug, theme, accessToken, refreshToken, onError, initialPage, onBack, }: RedactoPrivacyCenterProps): react_jsx_runtime.JSX.Element;
+declare function RedactoPrivacyCenter({ baseUrl, slug, theme: _theme, accessToken, refreshToken, onError, initialPage, initialCaseUuid, onBack, }: RedactoPrivacyCenterProps): react_jsx_runtime.JSX.Element;
 
 declare function ConsentManager(): react_jsx_runtime.JSX.Element;
 
@@ -376,14 +478,48 @@ interface SideMenuProps {
 }
 declare function SideMenu({ onBack }?: SideMenuProps): react_jsx_runtime.JSX.Element;
 
+type PageChromeMode = 'primary' | 'detail';
+declare const DETAIL_PAGES: readonly ["case-details", "notifications"];
+declare function getPageChromeMode(page: InternalPage): PageChromeMode;
+declare function getListBottomInset(opts: {
+    /** Measured bottom safe-area inset. */
+    bottomInset: number;
+    hasTabBar: boolean;
+    hasFooter: boolean;
+    /** Extra space for pinned composers (e.g. Messages tab). */
+    extra?: number;
+}): number;
+declare function usePrivacyCenterInsets(opts?: {
+    hasTabBar?: boolean;
+    hasFooter?: boolean;
+    extra?: number;
+}): {
+    listBottom: number;
+    bottomSafe: number;
+    keyboardOffset: number;
+};
+
 interface NavbarProps {
+    mode?: PageChromeMode;
     onBack?: 'back' | 'signout';
 }
-declare function Navbar({ onBack }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ mode, onBack }: NavbarProps): react_jsx_runtime.JSX.Element;
 
-declare function Footer(): react_jsx_runtime.JSX.Element;
+type FooterProps = {
+    /** Tighter vertical padding for embedding inside the menu sheet. */
+    inline?: boolean;
+};
+/**
+ * "Powered by Redacto" platform attribution. Hidden when the org has opted out
+ * via branding.hide_platform_branding. Renders the Redacto logo (raster) next to
+ * the localized "Powered by" label, mirroring the web Privacy Center footer.
+ */
+declare function Footer({ inline }: FooterProps): react_jsx_runtime.JSX.Element | null;
 
-declare function BottomTabBar(): react_jsx_runtime.JSX.Element;
+interface BottomTabBarProps {
+    showFooter?: boolean;
+}
+declare function BottomTabBar({ showFooter }: BottomTabBarProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Options for apiFetch function
@@ -462,6 +598,18 @@ declare function createConsentClient(baseUrl: string): {
         search?: string;
         language?: string;
     }, authToken?: string, options?: Omit<ApiFetchOptions, "getAuthToken">): Promise<unknown>;
+    /**
+     * Get purposes for a single product group (privacy center) — used to lazily
+     * "load more" purposes within an expanded product in the Consent Manager.
+     */
+    getGroupPurposes(baseRequest: BaseRequest, productUuid: string, params: {
+        offset?: number;
+        limit?: number;
+        status?: string;
+        search?: string;
+        language?: string;
+        nominator_uuid?: string;
+    }, authToken?: string, options?: Omit<ApiFetchOptions, "getAuthToken">): Promise<unknown>;
     /**
      * Manage consent (privacy center) - revoke, regrant, or renew
      */
@@ -510,6 +658,30 @@ declare function createConsentClient(baseUrl: string): {
      * Submit a document for a document request (privacy center)
      */
     submitDocumentForRequest(baseRequest: BaseRequest, caseUuid: string, requestEventUuid: string, documentUuid: string, body: string, authToken?: string, options?: Omit<ApiFetchOptions, "getAuthToken">): Promise<unknown>;
+    /**
+     * List notifications (paginated, with filters)
+     */
+    getNotifications(baseRequest: BaseRequest, params?: NotificationQueryParams, authToken?: string): Promise<NotificationListResponse>;
+    /**
+     * Get notification summary (aggregated counts only)
+     */
+    getNotificationSummary(baseRequest: BaseRequest, authToken?: string): Promise<NotificationSummary>;
+    /**
+     * Get unread notification count (lightweight, for the header badge)
+     */
+    getUnreadCount(baseRequest: BaseRequest, authToken?: string): Promise<UnreadCountResponse>;
+    /**
+     * Mark a single notification as read
+     */
+    markNotificationRead(baseRequest: BaseRequest, notificationUuid: string, authToken?: string): Promise<NotificationActionResponse>;
+    /**
+     * Mark all notifications as read
+     */
+    markAllNotificationsRead(baseRequest: BaseRequest, authToken?: string): Promise<NotificationActionResponse>;
+    /**
+     * Acknowledge a notification (sets is_read and is_acknowledged to true)
+     */
+    acknowledgeNotification(baseRequest: BaseRequest, notificationUuid: string, authToken?: string): Promise<NotificationActionResponse>;
 };
 
 interface BaseUrlContextValue {
@@ -614,14 +786,10 @@ interface AuthProviderProps {
 declare function AuthProvider({ children, accessToken: initialAccessToken, refreshToken: initialRefreshToken, onError }: AuthProviderProps): react_jsx_runtime.JSX.Element;
 declare function useAuth(): AuthContextType;
 
-type Theme = 'light' | 'dark';
-interface ThemeContextType {
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
-    colors: ThemeColors;
-}
 interface ThemeColors {
     background: string;
+    /** Page canvas. Flat mode keeps this equal to background. */
+    canvas: string;
     surface: string;
     text: string;
     textSecondary: string;
@@ -631,20 +799,148 @@ interface ThemeColors {
     error: string;
     success: string;
     warning: string;
+    /** Hyperlink / accent text color. Falls back to primary. */
+    link: string;
+    /** Secondary brand color. Falls back to primary. */
+    secondary: string;
+    /** Quiet gray app background that cards sit on. */
+    canvasSubtle: string;
+    /** Secondary surface fill — inset rows, pressed states, skeletons. */
+    surfaceAlt: string;
+    /** Separator lighter than `border` (used inside cards). */
+    hairline: string;
+    /** Soft tint of `primary` for icon tiles / active pills. */
+    primarySoft: string;
+    /** Foreground (icon/label) color used on `primarySoft`. */
+    primaryOn: string;
+    /** Informational accent (badges / info states). */
+    info: string;
+    /** Soft status tints for badges, empty states, and icon tiles. */
+    successSoft: string;
+    warningSoft: string;
+    errorSoft: string;
+    infoSoft: string;
+    /** Scrim behind modals / bottom sheets. */
+    overlay: string;
 }
-declare function ThemeProvider({ children, defaultTheme }: {
+type BrandingMeta = {
+    logo_url: string | null;
+    icon_url: string | null;
+    brand_name: string;
+    hide_platform_branding: boolean;
+};
+interface ThemeContextType {
+    colors: ThemeColors;
+    /** Org branding metadata (logo, brand name). Null until/unless it resolves. */
+    branding: BrandingMeta | null;
+    /** True while org branding is being fetched (used to gate first paint). */
+    isLoading: boolean;
+}
+declare function ThemeProvider({ children, slug, baseUrl, }: {
     children: ReactNode;
-    defaultTheme?: Theme;
+    slug?: string;
+    baseUrl?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function useTheme(): ThemeContextType;
 
-type PCButtonVariant = 'primary' | 'outline' | 'ghost';
+/**
+ * Curated icon registry. The whole Privacy Center draws icons through this one
+ * component so sizing, stroke weight and color stay consistent and the icon
+ * dependency (lucide-react-native) is encapsulated behind a stable public API.
+ *
+ * Keys are concrete (lucide-style) names; feature components choose which icon
+ * maps to which concept.
+ */
+declare const REGISTRY: {
+    activity: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'arrow-left': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    ban: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'badge-check': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    bell: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'bell-dot': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'bell-ring': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'bookmark-check': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    calendar: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    check: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'check-check': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'chevron-down': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'chevron-left': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'chevron-right': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'chevron-up': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'circle-alert': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'circle-check': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'circle-minus': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'circle-x': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    clock: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'cloud-upload': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    download: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'ellipsis-vertical': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'external-link': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    eye: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'eye-off': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    file: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'file-check': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'file-pen': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'file-text': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'file-x': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    globe: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    history: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    inbox: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    languages: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'list-filter': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    lock: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'log-out': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    menu: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'message-circle-warning': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'message-square-text': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'messages-square': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    mic: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    paperclip: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    pencil: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    plus: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'receipt-text': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'refresh-cw': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    search: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    send: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    settings: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    shield: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'shield-check': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'shield-x': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'sliders-horizontal': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'square-pen': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'trash-2': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'triangle-alert': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    upload: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    user: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    'user-round': React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    users: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+    x: React.ForwardRefExoticComponent<lucide_react_native.LucideProps & React.RefAttributes<SVGSVGElement>>;
+};
+type IconName = keyof typeof REGISTRY;
+type IconProps = {
+    name: IconName;
+    /** Defaults to `iconSizes.md` (20). */
+    size?: number;
+    /** Defaults to the theme's primary text color. */
+    color?: string;
+    /** Lucide stroke weight. Defaults to 1.85 for a clean, modern line. */
+    strokeWidth?: number;
+};
+declare const Icon: React.FC<IconProps>;
+
+type PCButtonVariant = 'primary' | 'outline' | 'ghost' | 'danger';
+type PCButtonSize = 'sm' | 'md' | 'lg';
 type PCButtonProps = {
     onPress: () => void;
     title: string;
     variant?: PCButtonVariant;
+    size?: PCButtonSize;
     disabled?: boolean;
     loading?: boolean;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
+    /** Stretch to fill the parent width. */
+    fullWidth?: boolean;
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
 };
@@ -660,6 +956,8 @@ type PCInputProps = {
     keyboardType?: KeyboardTypeOptions;
     secureTextEntry?: boolean;
     editable?: boolean;
+    /** Optional leading icon inside the field. */
+    leftIcon?: IconName;
 };
 declare const PCInput: React.FC<PCInputProps>;
 
@@ -706,7 +1004,12 @@ declare const PCLoader: React.FC<PCLoaderProps>;
 type PCEmptyProps = {
     title: string;
     description?: string;
+    /** Preferred: a named icon rendered in a neutral tile. */
+    iconName?: IconName;
+    /** Escape hatch: a custom icon node (kept for backward compatibility). */
     icon?: React.ReactNode;
+    /** Optional action (e.g. a PCButton). */
+    action?: React.ReactNode;
 };
 declare const PCEmpty: React.FC<PCEmptyProps>;
 
@@ -714,7 +1017,362 @@ type PCBadgeStatus = 'success' | 'warning' | 'error' | 'info' | 'pending' | 'sec
 type PCBadgeProps = {
     status: PCBadgeStatus;
     label: string;
+    icon?: IconName;
+    /** Show a small leading status dot (in the badge's foreground color). */
+    dot?: boolean;
 };
 declare const PCBadge: React.FC<PCBadgeProps>;
 
-export { ActivitiesList, type Activity, type ActivityDetail, type ApiFetchOptions, type ApiResponse, type AuthContext, AuthProvider, type BaseRequest, BaseUrlProvider, BottomTabBar, CaseDetailsPage, type CaseDetailsTab, CaseHistory, type CaseHistoryDetail, type CaseMessage, type CaseRequest, type CaseStatusVariant, type ConsentAction, type ConsentDataElement, type ConsentHistoryStatusSummary, ConsentManager, ConsentStatusEnum, type CreateCaseResponse, type DataElement, type DocumentRequestMetadata, type DocumentRequestStatus, Footer, Form, type FormData$1 as FormData, FormPage, type GrievanceTypeElement, GrievanceTypeEnum, type InternalPage, type ManageConsentParams, type MessageDocument, type MessageType, Navbar, NavigationProvider, type NominatedPurposesGroup, type NominationData, type NominatorInfo, type OrganizationDetail, type OtpResponse, type OtpVerificationResponse, PCBadge, PCButton, PCCheckbox, PCEmpty, PCInput, PCLoader, PCModal, PCSelect, type Pagination, type PendingUpload, type ProductConsentHistoryGroup, type Purpose, RedactoPrivacyCenter, RequestTypeEnum, SideMenu, type TabId, ThemeProvider, type TokenExchangeResponse, type UpdateCorrectionDataItem, type UpdatePurpose, type UploadDocumentResponse, type UserConsent, type UserConsentDetail, type UserDataRequest, type Workspace, compareEmails, createCaseRequest, createConsentClient, createOtpServer as createOtp, decodeJwtToken, ensureValidToken, exchangeTokenServer as exchangeToken, fetchActivities, fetchCaseHistory, fetchProducts, fetchUserConsents, formatActivityType, getActivityTypeStatus, getCaseMessages, getFormData, isJwtExpired, manageConsent, sendCaseMessage, signOutPrivacyCenter, submitDocumentForRequest, uploadCaseDocument, useAuth, useBaseUrl, useCaseHistory, useCaseMessages, useInternalNavigation, useTheme, verifyOtpServer as verifyOtp };
+type PCAvatarProps = {
+    name?: string | null;
+    imageUrl?: string | null;
+    size?: number;
+    style?: StyleProp<ViewStyle>;
+};
+declare const PCAvatar: React.FC<PCAvatarProps>;
+
+type BottomSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+};
+/**
+ * Native-mobile bottom sheet built on RN core (`Modal` + `Animated` +
+ * `PanResponder`) — no gesture-handler/reanimated dependency. Slides up from
+ * the bottom, dims the backdrop, and supports swipe-down + backdrop-tap +
+ * close-button dismissal.
+ */
+declare const BottomSheet: React.FC<BottomSheetProps>;
+
+type PCDividerProps = {
+    inset?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+declare const PCDivider: React.FC<PCDividerProps>;
+
+type IconTileTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+type IconTileSize = 'sm' | 'md' | 'lg';
+type IconTileProps = {
+    name: IconName;
+    /** Semantic tint. Ignored when an explicit `color` is given. */
+    tone?: IconTileTone;
+    size?: IconTileSize;
+    /** Explicit accent color (e.g. notification category color); overrides `tone`. */
+    color?: string;
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * The core Soft Neutral motif: a softly tinted rounded square holding a single
+ * icon. Anchors list rows, section headers, stat cards and notifications.
+ */
+declare const IconTile: React.FC<IconTileProps>;
+
+type PCPageTitleProps = {
+    title: string;
+    subtitle?: string;
+    /** Small uppercase eyebrow above the title. */
+    overline?: string;
+    /** Optional leading icon (rendered in a tinted tile). */
+    icon?: IconName;
+    tone?: IconTileTone;
+    trailing?: React.ReactNode;
+    /** `large` renders an iOS-style big screen title (no icon tile, no overline). */
+    variant?: 'default' | 'large';
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Screen-level header. Thin wrapper over SectionHeader that adds the standard
+ * top/bottom spacing. Prefer passing `icon`/`overline` for the icon-led look, or
+ * `variant="large"` for the clean iOS large-title look.
+ */
+declare const PCPageTitle: React.FC<PCPageTitleProps>;
+
+type PCListRowProps = {
+    title: string;
+    subtitle?: string;
+    onPress?: () => void;
+    /** Leading content (typically an <IconTile />). */
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    showChevron?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+declare const PCListRow: React.FC<PCListRowProps>;
+
+type PCListSectionProps = {
+    title?: string;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+declare const PCListSection: React.FC<PCListSectionProps>;
+
+type SectionHeaderProps = {
+    title: string;
+    /** Small uppercase eyebrow shown above the title (replaces oversized page titles). */
+    overline?: string;
+    subtitle?: string;
+    /** Optional leading icon rendered in a tinted tile. */
+    icon?: IconName;
+    tone?: IconTileTone;
+    /** Right-aligned content (count, action, filter button). */
+    trailing?: React.ReactNode;
+    /**
+     * `large` renders an iOS-style big screen title (no icon tile, no overline).
+     * `default` keeps the compact icon-led header.
+     */
+    variant?: 'default' | 'large';
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Icon-led header used at the top of screens and card groups. Pairs a small
+ * uppercase overline with a compact title (and optional icon tile) instead of a
+ * large text heading.
+ */
+declare const SectionHeader: React.FC<SectionHeaderProps>;
+
+type SkeletonProps = {
+    width?: DimensionValue;
+    height?: number;
+    radius?: number;
+    style?: StyleProp<ViewStyle>;
+};
+/** A single shimmering placeholder block. Compose several for list skeletons. */
+declare const Skeleton: React.FC<SkeletonProps>;
+/** Convenience: a card-shaped skeleton row (icon tile + two text lines). */
+declare const SkeletonRow: React.FC<{
+    style?: StyleProp<ViewStyle>;
+}>;
+
+type StatPillProps = {
+    label: string;
+    value: string | number;
+    tone?: IconTileTone;
+    icon?: IconName;
+    onPress?: () => void;
+    /** Highlights the pill (e.g. the active filter). */
+    active?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+/** Compact metric chip used in the notifications stat row and the home hub. */
+declare const StatPill: React.FC<StatPillProps>;
+
+type PressScaleOptions = {
+    /** Target scale while pressed. Default 0.97. */
+    scale?: number;
+    /** Optional target opacity while pressed (omit to keep opacity at 1). */
+    opacity?: number;
+    disabled?: boolean;
+};
+/**
+ * Reusable press micro-interaction: a subtle spring scale (and optional fade)
+ * on press-in/out. Implementation is intentionally hidden behind this hook so a
+ * future swap to Reanimated wouldn't touch any call site.
+ *
+ * Spread the returned `animatedStyle` onto an `Animated.View` and wire
+ * `onPressIn`/`onPressOut` to the Pressable.
+ */
+declare function usePressScale(options?: PressScaleOptions): {
+    animatedStyle: {
+        opacity: Animated.Value;
+        transform: {
+            scale: Animated.Value;
+        }[];
+    } | {
+        transform: {
+            scale: Animated.Value;
+        }[];
+        opacity?: undefined;
+    };
+    onPressIn: () => void;
+    onPressOut: () => void;
+};
+
+type FadeInOptions = {
+    /** Delay before the entrance starts (ms). Use index * step for staggered lists. */
+    delay?: number;
+    /** Initial downward offset that eases up to 0. Default 8. */
+    translateY?: number;
+    duration?: number;
+};
+/**
+ * Subtle entrance: fade + small upward translate. Spread `animatedStyle` onto an
+ * `Animated.View`. Cheap (native-driven opacity/transform) and safe inside lists
+ * as long as it lives in a memoized row.
+ */
+declare function useFadeIn(options?: FadeInOptions): {
+    animatedStyle: {
+        opacity: Animated.Value;
+        transform: {
+            translateY: Animated.AnimatedInterpolation<string | number>;
+        }[];
+    };
+};
+
+/**
+ * Drives a horizontally sliding indicator/pill for segmented controls and the
+ * bottom tab bar. Returns an `Animated.Value` for `translateX`; multiply the
+ * segment width by the active index outside and pass it in.
+ */
+declare function useAnimatedTabIndicator(activeIndex: number, segmentWidth: number): {
+    translateX: Animated.Value;
+};
+
+type LayoutAnimationPreset = 'expandCollapse' | 'listReorder';
+/**
+ * Animate the next layout pass (expand/collapse rows, list insert/remove).
+ * Call immediately before the `setState` that changes layout.
+ */
+declare function animateNextLayout(preset?: LayoutAnimationPreset): void;
+
+declare const spacing: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 24;
+    readonly xxl: 32;
+    readonly xxxl: 40;
+    readonly huge: 56;
+};
+declare const section: {
+    readonly sm: 24;
+    readonly md: 32;
+    readonly lg: 40;
+    readonly xl: 56;
+};
+declare const listGap: {
+    readonly item: 16;
+    readonly section: 24;
+};
+declare const divider: {
+    readonly hairline: number;
+    readonly inset: 16;
+};
+declare const radii: {
+    readonly xs: 4;
+    readonly sm: 6;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+    readonly xxl: 20;
+    readonly pill: 9999;
+};
+declare const typography: {
+    /** iOS-style large screen title. Big, bold, tight tracking. */
+    readonly largeTitle: {
+        readonly fontSize: 30;
+        readonly fontWeight: "700";
+        readonly lineHeight: 36;
+        readonly letterSpacing: -0.6;
+    };
+    readonly display: {
+        readonly fontSize: 28;
+        readonly fontWeight: "700";
+        readonly lineHeight: 36;
+        readonly letterSpacing: -0.4;
+    };
+    readonly title: {
+        readonly fontSize: 20;
+        readonly fontWeight: "700";
+        readonly lineHeight: 27;
+        readonly letterSpacing: -0.3;
+    };
+    readonly heading: {
+        readonly fontSize: 16;
+        readonly fontWeight: "600";
+        readonly lineHeight: 22;
+        readonly letterSpacing: -0.2;
+    };
+    readonly subtitle: {
+        readonly fontSize: 14;
+        readonly fontWeight: "400";
+        readonly lineHeight: 20;
+    };
+    readonly body: {
+        readonly fontSize: 15;
+        readonly fontWeight: "400";
+        readonly lineHeight: 22;
+    };
+    readonly label: {
+        readonly fontSize: 13;
+        readonly fontWeight: "600";
+        readonly lineHeight: 18;
+        readonly letterSpacing: -0.1;
+    };
+    readonly caption: {
+        readonly fontSize: 13;
+        readonly fontWeight: "400";
+        readonly lineHeight: 18;
+    };
+    readonly micro: {
+        readonly fontSize: 11;
+        readonly fontWeight: "500";
+        readonly lineHeight: 14;
+        readonly letterSpacing: 0.2;
+    };
+    readonly tabLabel: {
+        readonly fontSize: 11;
+        readonly fontWeight: "600";
+        readonly lineHeight: 14;
+        readonly letterSpacing: 0.1;
+    };
+    /** Small uppercase eyebrow that replaces big page titles. */
+    readonly overline: {
+        readonly fontSize: 11;
+        readonly fontWeight: "700";
+        readonly lineHeight: 14;
+        readonly letterSpacing: 0.8;
+        readonly textTransform: "uppercase";
+    };
+};
+/** Tabular figures for stats/counts so numbers don't jitter. */
+declare const numericText: {
+    fontVariant: TextStyle['fontVariant'];
+};
+declare const motion: {
+    readonly fast: 140;
+    readonly base: 220;
+    readonly slow: 320;
+    /** Shared easing curves (Material-ish). Use with Animated.timing({ easing }). */
+    readonly easing: {
+        readonly standard: react_native.EasingFunction;
+        readonly decelerate: react_native.EasingFunction;
+        readonly accelerate: react_native.EasingFunction;
+        readonly emphasized: react_native.EasingFunction;
+    };
+    /** Spring config for press/scale micro-interactions (Animated.spring). */
+    readonly spring: {
+        readonly friction: 7;
+        readonly tension: 120;
+    };
+};
+/** Standard icon sizes for the <Icon> component. */
+declare const iconSizes: {
+    readonly xs: 14;
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 24;
+    readonly xl: 32;
+};
+/** Square sizes for tinted IconTile accents (the core Soft Neutral motif). */
+declare const tile: {
+    readonly sm: 32;
+    readonly md: 40;
+    readonly lg: 48;
+};
+declare const MIN_TAP_TARGET = 44;
+declare const DEFAULT_HIT_SLOP: {
+    readonly top: 8;
+    readonly bottom: 8;
+    readonly left: 8;
+    readonly right: 8;
+};
+/**
+ * Soft Neutral elevation. Regular content cards stay quiet (`card`) — a single
+ * subtle tier — while sheets/modals lift further. `sm/md/lg` are preserved for
+ * backward compatibility (exported tokens / existing consumers).
+ */
+declare const elevation: Record<'sm' | 'md' | 'lg' | 'card' | 'raised' | 'sheet' | 'fab', ViewStyle>;
+
+export { ActivitiesList, type Activity, type ActivityDetail, type ApiFetchOptions, type ApiResponse, type AuthContext, AuthProvider, type BaseRequest, BaseUrlProvider, BottomSheet, BottomTabBar, CaseDetailsPage, type CaseDetailsTab, CaseHistory, type CaseHistoryDetail, type CaseMessage, type CaseRequest, type CaseStatusVariant, type ConsentAction, type ConsentDataElement, type ConsentHistoryStatusSummary, ConsentManager, ConsentStatusEnum, type CreateCaseResponse, DEFAULT_HIT_SLOP, DETAIL_PAGES, type DataElement, type DocumentRequestMetadata, type DocumentRequestStatus, type FilterTab, Footer, Form, type FormData$1 as FormData, FormPage, type GrievanceTypeElement, GrievanceTypeEnum, Icon, type IconName, type IconProps, IconTile, type IconTileSize, type IconTileTone, type InternalPage, MIN_TAP_TARGET, type ManageConsentParams, type MessageDocument, type MessageType, Navbar, NavigationProvider, type NominatedPurposesGroup, type NominationData, type NominatorInfo, type Notification, type NotificationCTA, type NotificationCategory, type NotificationListResponse, type NotificationSummary, type NotificationType, type OrgBrandingDetail, type OrgBrandingTheme, type OrganizationDetail, type OtpResponse, type OtpVerificationResponse, PCAvatar, PCBadge, PCButton, PCCheckbox, PCDivider, PCEmpty, PCInput, PCListRow, PCListSection, PCLoader, PCModal, PCPageTitle, PCSelect, type PageChromeMode, type Pagination, type PendingUpload, type ProductConsentHistoryGroup, type Purpose, RedactoPrivacyCenter, RequestTypeEnum, SectionHeader, SideMenu, Skeleton, SkeletonRow, StatPill, type TabId, ThemeProvider, type TokenExchangeResponse, type UpdateCorrectionDataItem, type UpdatePurpose, type UploadDocumentResponse, type UserConsent, type UserConsentDetail, type UserDataRequest, type Workspace, animateNextLayout, compareEmails, createCaseRequest, createConsentClient, createOtpServer as createOtp, decodeJwtToken, divider, elevation, ensureValidToken, exchangeTokenServer as exchangeToken, fetchActivities, fetchCaseHistory, fetchProducts, fetchUserConsents, formatActivityType, getActivityTypeStatus, getCaseMessages, getFormData, getListBottomInset, getPageChromeMode, iconSizes, isJwtExpired, listGap, manageConsent, motion, numericText, radii, section, sendCaseMessage, signOutPrivacyCenter, spacing, submitDocumentForRequest, tile, typography, uploadCaseDocument, useAnimatedTabIndicator, useAuth, useBaseUrl, useCaseHistory, useCaseMessages, useFadeIn, useInternalNavigation, usePressScale, usePrivacyCenterInsets, useTheme, verifyOtpServer as verifyOtp };