@reevit/react 0.4.7 → 0.4.9

package/dist/index.d.mts

@@ -97,22 +97,16 @@ interface PaymentError {
     details?: Record<string, unknown>;
 }
 interface ReevitTheme {
-    /** Primary brand color */
+    /** Primary color (main text, headings, important elements) */
     primaryColor?: string;
-    /** Primary text color on brand surfaces */
+    /** Primary foreground color (sub text, descriptions, muted elements) */
     primaryForegroundColor?: string;
-    /** Background color */
+    /** Background color (applies to entire checkout: header, body, footer) */
     backgroundColor?: string;
-    /** Surface color for cards/panels */
-    surfaceColor?: string;
-    /** Text color */
-    textColor?: string;
-    /** Muted text color */
-    mutedTextColor?: string;
+    /** Border color (borders, dividers) */
+    borderColor?: string;
     /** Border radius for inputs and buttons */
     borderRadius?: string;
-    /** Font family to use */
-    fontFamily?: string;
     /** Whether to use dark mode */
     darkMode?: boolean;
     /** Custom logo URL to display in checkout header */
@@ -127,12 +121,29 @@ interface ReevitTheme {
     pspSelectorBorderColor?: string;
     /** Use border-only style for PSP selector (no filled background) */
     pspSelectorUseBorder?: boolean;
+    /** Selected PSP background color */
+    selectedBackgroundColor?: string;
+    /** Selected PSP primary text color */
+    selectedTextColor?: string;
+    /** Selected PSP description/muted text color */
+    selectedDescriptionColor?: string;
+    /** Selected PSP border color */
+    selectedBorderColor?: string;
 }
 interface CheckoutProviderOption {
     provider: string;
     name: string;
     methods: PaymentMethod[];
     countries?: string[];
+    /** Brand colors for selected state styling */
+    branding?: {
+        /** Background color when selected */
+        backgroundColor?: string;
+        /** Primary/accent color */
+        primaryColor?: string;
+        /** Text color on primary background */
+        primaryForegroundColor?: string;
+    };
 }
 interface MobileMoneyFormData {
     phone: string;
@@ -159,7 +170,7 @@ interface PaymentIntent {
     /** Currency code */
     currency: string;
     /** Payment status */
-    status: 'pending' | 'processing' | 'succeeded' | 'failed' | 'cancelled';
+    status: 'pending' | 'requires_action' | 'processing' | 'succeeded' | 'failed' | 'canceled' | 'cancelled';
     /** Recommended PSP based on routing rules */
     recommendedPsp: 'paystack' | 'hubtel' | 'flutterwave' | 'monnify' | 'mpesa' | 'stripe';
     /** Available payment methods for this intent */
@@ -200,8 +211,17 @@ interface PaymentMethodSelectorProps {
     provider?: string;
     layout?: 'grid' | 'list';
     showLabel?: boolean;
+    /** Country code for dynamic logos (e.g., 'GH', 'NG', 'KE') */
+    country?: string;
+    /** Selected theme colors for method items */
+    selectedTheme?: {
+        backgroundColor?: string;
+        textColor?: string;
+        descriptionColor?: string;
+        borderColor?: string;
+    };
 }
-declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, layout, showLabel, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
+declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, layout, showLabel, country, selectedTheme, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
 
 interface MobileMoneyFormProps {
     onSubmit: (data: MobileMoneyFormData) => void;
@@ -595,6 +615,11 @@ interface PaymentIntentResponse {
     status: string;
     client_secret: string;
     psp_public_key?: string;
+    psp_credentials?: {
+        merchantAccount?: string | number;
+        basicAuth?: string;
+        [key: string]: unknown;
+    };
     amount: number;
     currency: string;
     fee_amount: number;

package/dist/index.d.ts

@@ -97,22 +97,16 @@ interface PaymentError {
     details?: Record<string, unknown>;
 }
 interface ReevitTheme {
-    /** Primary brand color */
+    /** Primary color (main text, headings, important elements) */
     primaryColor?: string;
-    /** Primary text color on brand surfaces */
+    /** Primary foreground color (sub text, descriptions, muted elements) */
     primaryForegroundColor?: string;
-    /** Background color */
+    /** Background color (applies to entire checkout: header, body, footer) */
     backgroundColor?: string;
-    /** Surface color for cards/panels */
-    surfaceColor?: string;
-    /** Text color */
-    textColor?: string;
-    /** Muted text color */
-    mutedTextColor?: string;
+    /** Border color (borders, dividers) */
+    borderColor?: string;
     /** Border radius for inputs and buttons */
     borderRadius?: string;
-    /** Font family to use */
-    fontFamily?: string;
     /** Whether to use dark mode */
     darkMode?: boolean;
     /** Custom logo URL to display in checkout header */
@@ -127,12 +121,29 @@ interface ReevitTheme {
     pspSelectorBorderColor?: string;
     /** Use border-only style for PSP selector (no filled background) */
     pspSelectorUseBorder?: boolean;
+    /** Selected PSP background color */
+    selectedBackgroundColor?: string;
+    /** Selected PSP primary text color */
+    selectedTextColor?: string;
+    /** Selected PSP description/muted text color */
+    selectedDescriptionColor?: string;
+    /** Selected PSP border color */
+    selectedBorderColor?: string;
 }
 interface CheckoutProviderOption {
     provider: string;
     name: string;
     methods: PaymentMethod[];
     countries?: string[];
+    /** Brand colors for selected state styling */
+    branding?: {
+        /** Background color when selected */
+        backgroundColor?: string;
+        /** Primary/accent color */
+        primaryColor?: string;
+        /** Text color on primary background */
+        primaryForegroundColor?: string;
+    };
 }
 interface MobileMoneyFormData {
     phone: string;
@@ -159,7 +170,7 @@ interface PaymentIntent {
     /** Currency code */
     currency: string;
     /** Payment status */
-    status: 'pending' | 'processing' | 'succeeded' | 'failed' | 'cancelled';
+    status: 'pending' | 'requires_action' | 'processing' | 'succeeded' | 'failed' | 'canceled' | 'cancelled';
     /** Recommended PSP based on routing rules */
     recommendedPsp: 'paystack' | 'hubtel' | 'flutterwave' | 'monnify' | 'mpesa' | 'stripe';
     /** Available payment methods for this intent */
@@ -200,8 +211,17 @@ interface PaymentMethodSelectorProps {
     provider?: string;
     layout?: 'grid' | 'list';
     showLabel?: boolean;
+    /** Country code for dynamic logos (e.g., 'GH', 'NG', 'KE') */
+    country?: string;
+    /** Selected theme colors for method items */
+    selectedTheme?: {
+        backgroundColor?: string;
+        textColor?: string;
+        descriptionColor?: string;
+        borderColor?: string;
+    };
 }
-declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, layout, showLabel, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
+declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, layout, showLabel, country, selectedTheme, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
 
 interface MobileMoneyFormProps {
     onSubmit: (data: MobileMoneyFormData) => void;
@@ -595,6 +615,11 @@ interface PaymentIntentResponse {
     status: string;
     client_secret: string;
     psp_public_key?: string;
+    psp_credentials?: {
+        merchantAccount?: string | number;
+        basicAuth?: string;
+        [key: string]: unknown;
+    };
     amount: number;
     currency: string;
     fee_amount: number;