@reevit/react 0.4.1 → 0.4.3

package/dist/index.d.mts

@@ -93,16 +93,38 @@ interface PaymentError {
 interface ReevitTheme {
     /** Primary brand color */
     primaryColor?: string;
+    /** Primary text color on brand surfaces */
+    primaryForegroundColor?: string;
     /** Background color */
     backgroundColor?: string;
+    /** Surface color for cards/panels */
+    surfaceColor?: string;
     /** Text color */
     textColor?: string;
+    /** Muted text color */
+    mutedTextColor?: 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 */
+    logoUrl?: string;
+    /** PSP selector background color */
+    pspSelectorBgColor?: string;
+    /** PSP selector text color */
+    pspSelectorTextColor?: string;
+    /** PSP selector border color */
+    pspSelectorBorderColor?: string;
+    /** Use border-only style for PSP selector (no filled background) */
+    pspSelectorUseBorder?: boolean;
+}
+interface CheckoutProviderOption {
+    provider: string;
+    name: string;
+    methods: PaymentMethod[];
+    countries?: string[];
 }
 interface MobileMoneyFormData {
     phone: string;
@@ -148,6 +170,10 @@ interface PaymentIntent {
     netAmount?: number;
     /** Additional metadata */
     metadata?: Record<string, unknown>;
+    /** Available PSPs for this checkout session */
+    availableProviders?: CheckoutProviderOption[];
+    /** Brand theme from checkout settings */
+    branding?: ReevitTheme;
 }
 
 interface ReevitContextValue {
@@ -164,16 +190,19 @@ interface PaymentMethodSelectorProps {
     onSelect: (method: PaymentMethod) => void;
     disabled?: boolean;
     provider?: string;
+    layout?: 'grid' | 'list';
+    showLabel?: boolean;
 }
-declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
+declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, layout, showLabel, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
 
 interface MobileMoneyFormProps {
     onSubmit: (data: MobileMoneyFormData) => void;
-    onCancel: () => void;
+    onCancel?: () => void;
     isLoading?: boolean;
     initialPhone?: string;
+    hideCancel?: boolean;
 }
-declare function MobileMoneyForm({ onSubmit, onCancel, isLoading, initialPhone, }: MobileMoneyFormProps): react_jsx_runtime.JSX.Element;
+declare function MobileMoneyForm({ onSubmit, onCancel, isLoading, initialPhone, hideCancel, }: MobileMoneyFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * useReevit hook
@@ -195,7 +224,10 @@ declare function useReevit(options: UseReevitOptions): {
     selectedMethod: PaymentMethod | null;
     error: PaymentError | null;
     result: PaymentResult | null;
-    initialize: (method?: PaymentMethod) => Promise<void>;
+    initialize: (method?: PaymentMethod, options?: {
+        preferredProvider?: string;
+        allowedProviders?: string[];
+    }) => Promise<void>;
     selectMethod: (method: PaymentMethod) => void;
     processPayment: (paymentData: Record<string, unknown>) => Promise<void>;
     handlePspSuccess: (pspData: Record<string, unknown>) => Promise<void>;
@@ -272,12 +304,13 @@ interface HubtelBridgeProps {
     hubtelSessionToken?: string;
     /** Basic auth credential (legacy - credentials exposed to client, deprecated) */
     basicAuth?: string;
+    preferredMethod?: PaymentMethod;
     onSuccess: (result: PaymentResult) => void;
     onError: (error: PaymentError) => void;
     onClose: () => void;
     autoStart?: boolean;
 }
-declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, reference, phone, description, callbackUrl, hubtelSessionToken, basicAuth, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
+declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, reference, phone, description, callbackUrl, hubtelSessionToken, basicAuth, preferredMethod, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
 /**
  * Opens Hubtel checkout modal directly
  * Uses the @hubteljs/checkout npm package
@@ -290,6 +323,7 @@ declare function openHubtelPopup(config: {
     callbackUrl?: string;
     customerPhoneNumber?: string;
     basicAuth?: string;
+    preferredMethod?: PaymentMethod;
     onSuccess?: (data: Record<string, unknown>) => void;
     onError?: (data: Record<string, unknown>) => void;
     onClose?: () => void;
@@ -557,6 +591,13 @@ interface PaymentIntentResponse {
     fee_currency: string;
     net_amount: number;
     reference?: string;
+    available_psps?: Array<{
+        provider: string;
+        name: string;
+        methods: string[];
+        countries?: string[];
+    }>;
+    branding?: Record<string, unknown>;
 }
 /**
  * Response from creating a Hubtel session token.
@@ -619,7 +660,10 @@ declare class ReevitAPIClient {
     /**
      * Creates a payment intent
      */
-    createPaymentIntent(config: ReevitCheckoutConfig, method: PaymentMethod, country?: string): Promise<{
+    createPaymentIntent(config: ReevitCheckoutConfig, method: PaymentMethod, country?: string, options?: {
+        preferredProviders?: string[];
+        allowedProviders?: string[];
+    }): Promise<{
         data?: PaymentIntentResponse;
         error?: PaymentError;
     }>;

package/dist/index.d.ts

@@ -93,16 +93,38 @@ interface PaymentError {
 interface ReevitTheme {
     /** Primary brand color */
     primaryColor?: string;
+    /** Primary text color on brand surfaces */
+    primaryForegroundColor?: string;
     /** Background color */
     backgroundColor?: string;
+    /** Surface color for cards/panels */
+    surfaceColor?: string;
     /** Text color */
     textColor?: string;
+    /** Muted text color */
+    mutedTextColor?: 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 */
+    logoUrl?: string;
+    /** PSP selector background color */
+    pspSelectorBgColor?: string;
+    /** PSP selector text color */
+    pspSelectorTextColor?: string;
+    /** PSP selector border color */
+    pspSelectorBorderColor?: string;
+    /** Use border-only style for PSP selector (no filled background) */
+    pspSelectorUseBorder?: boolean;
+}
+interface CheckoutProviderOption {
+    provider: string;
+    name: string;
+    methods: PaymentMethod[];
+    countries?: string[];
 }
 interface MobileMoneyFormData {
     phone: string;
@@ -148,6 +170,10 @@ interface PaymentIntent {
     netAmount?: number;
     /** Additional metadata */
     metadata?: Record<string, unknown>;
+    /** Available PSPs for this checkout session */
+    availableProviders?: CheckoutProviderOption[];
+    /** Brand theme from checkout settings */
+    branding?: ReevitTheme;
 }
 
 interface ReevitContextValue {
@@ -164,16 +190,19 @@ interface PaymentMethodSelectorProps {
     onSelect: (method: PaymentMethod) => void;
     disabled?: boolean;
     provider?: string;
+    layout?: 'grid' | 'list';
+    showLabel?: boolean;
 }
-declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
+declare function PaymentMethodSelector({ methods, selectedMethod, onSelect, disabled, provider, layout, showLabel, }: PaymentMethodSelectorProps): react_jsx_runtime.JSX.Element;
 
 interface MobileMoneyFormProps {
     onSubmit: (data: MobileMoneyFormData) => void;
-    onCancel: () => void;
+    onCancel?: () => void;
     isLoading?: boolean;
     initialPhone?: string;
+    hideCancel?: boolean;
 }
-declare function MobileMoneyForm({ onSubmit, onCancel, isLoading, initialPhone, }: MobileMoneyFormProps): react_jsx_runtime.JSX.Element;
+declare function MobileMoneyForm({ onSubmit, onCancel, isLoading, initialPhone, hideCancel, }: MobileMoneyFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * useReevit hook
@@ -195,7 +224,10 @@ declare function useReevit(options: UseReevitOptions): {
     selectedMethod: PaymentMethod | null;
     error: PaymentError | null;
     result: PaymentResult | null;
-    initialize: (method?: PaymentMethod) => Promise<void>;
+    initialize: (method?: PaymentMethod, options?: {
+        preferredProvider?: string;
+        allowedProviders?: string[];
+    }) => Promise<void>;
     selectMethod: (method: PaymentMethod) => void;
     processPayment: (paymentData: Record<string, unknown>) => Promise<void>;
     handlePspSuccess: (pspData: Record<string, unknown>) => Promise<void>;
@@ -272,12 +304,13 @@ interface HubtelBridgeProps {
     hubtelSessionToken?: string;
     /** Basic auth credential (legacy - credentials exposed to client, deprecated) */
     basicAuth?: string;
+    preferredMethod?: PaymentMethod;
     onSuccess: (result: PaymentResult) => void;
     onError: (error: PaymentError) => void;
     onClose: () => void;
     autoStart?: boolean;
 }
-declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, reference, phone, description, callbackUrl, hubtelSessionToken, basicAuth, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
+declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, reference, phone, description, callbackUrl, hubtelSessionToken, basicAuth, preferredMethod, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
 /**
  * Opens Hubtel checkout modal directly
  * Uses the @hubteljs/checkout npm package
@@ -290,6 +323,7 @@ declare function openHubtelPopup(config: {
     callbackUrl?: string;
     customerPhoneNumber?: string;
     basicAuth?: string;
+    preferredMethod?: PaymentMethod;
     onSuccess?: (data: Record<string, unknown>) => void;
     onError?: (data: Record<string, unknown>) => void;
     onClose?: () => void;
@@ -557,6 +591,13 @@ interface PaymentIntentResponse {
     fee_currency: string;
     net_amount: number;
     reference?: string;
+    available_psps?: Array<{
+        provider: string;
+        name: string;
+        methods: string[];
+        countries?: string[];
+    }>;
+    branding?: Record<string, unknown>;
 }
 /**
  * Response from creating a Hubtel session token.
@@ -619,7 +660,10 @@ declare class ReevitAPIClient {
     /**
      * Creates a payment intent
      */
-    createPaymentIntent(config: ReevitCheckoutConfig, method: PaymentMethod, country?: string): Promise<{
+    createPaymentIntent(config: ReevitCheckoutConfig, method: PaymentMethod, country?: string, options?: {
+        preferredProviders?: string[];
+        allowedProviders?: string[];
+    }): Promise<{
         data?: PaymentIntentResponse;
         error?: PaymentError;
     }>;