@paynext/sdk 0.0.93 → 0.0.95

package/README.md

@@ -21,6 +21,14 @@ await checkout.mount({
   clientToken: '<you-client-token>',
   environment: 'sandbox',
   apiVersion: '1.0.0',
+  onCheckoutLoaded: (result) => {
+    // Handle checkout loaded state
+    if (result.success) {
+      console.info('Checkout loaded successfully')
+    } else {
+      console.error('Checkout loading failed:', result.error)
+    }
+  },
   onCheckoutAttempt: (result: AttemptResult) => {
     // Handle payment attempt
     console.info('Payment attempt:', result)
@@ -62,6 +70,14 @@ export const CheckoutComponent: FC<Readonly<IProps> = (props) => {
       clientToken,
       environment: 'sandbox',
       apiVersion: '1.0.0',
+      onCheckoutLoaded: (result) => {
+        // Handle checkout loaded state
+        if (result.success) {
+          console.info('Checkout loaded successfully')
+        } else {
+          console.error('Checkout loading failed:', result.error)
+        }
+      },
       onCheckoutAttempt: (result: AttemptResult) => {
         // Handle payment attempt
         console.info('Payment attempt:', result)
@@ -97,10 +113,16 @@ interface PayNextConfig {
   locale?: Locale                
   translate?: CheckoutTranslate   
   styles?: StylesConfig          
+  onCheckoutLoaded?: (result: LoadedResult) => void
   onCheckoutAttempt?: (result: AttemptResult) => void
   onCheckoutComplete?: (result: PaymentResult) => void
   onCheckoutFail?: (error: CheckoutError) => void
 }
+
+interface LoadedResult {
+  success: boolean
+  error?: CheckoutError
+}
 ```
 
 ## Supported Payment Methods

package/dist/index.d.ts

@@ -310,8 +310,17 @@ declare interface IPayPalButtonStyles {
     styles?: PayPalButtonStyle;
 }
 
+declare interface ISubmitButtonStyles extends HTMLStyles {
+    iconSvg?: string;
+}
+
 declare type Listener<TData> = (data: TData) => void;
 
+declare interface LoadedResult {
+    success: boolean;
+    error?: CheckoutError;
+}
+
 export declare type Locale = 'ar' | 'en' | 'bg' | 'cs' | 'da' | 'de' | 'el' | 'es' | 'et' | 'fi' | 'fil' | 'fr' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'ko' | 'lt' | 'lv' | 'ms' | 'ru' | 'mt' | 'no' | 'nl' | 'pl' | 'pt' | 'ro' | 'uk' | 'sk' | 'sl' | 'sv' | 'th' | 'tr' | 'vi' | 'zh';
 
 export declare enum PaymentMethod {
@@ -503,6 +512,8 @@ export declare interface PayNextConfig {
     styles?: StylesConfig;
     translate?: CheckoutTranslateOverrides;
     locale?: Locale;
+    errorMessageText?: string;
+    onCheckoutLoaded?: (result: LoadedResult) => void;
     onCheckoutAttempt?: (result: AttemptResult) => void;
     onCheckoutComplete?: (result: PaymentResult) => void;
     onCheckoutFail?: (error: CheckoutError) => void;
@@ -528,7 +539,7 @@ declare abstract class State<TState> {
 
 export declare interface StylesConfig {
     Input?: InputStyles;
-    SubmitButton?: HTMLStyles;
+    SubmitButton?: ISubmitButtonStyles;
     ApplePayButton?: IApplePayButtonStyles;
     PayPalButton?: IPayPalButtonStyles;
     GooglePayButton?: IGooglePayButtonStyles;