@paynext/sdk 0.0.47 → 0.0.49

package/README.md

@@ -18,7 +18,10 @@ import '@paynext/sdk/styles'
 const checkout = new PayNextCheckout(document.getElementById('checkout-form'))
 
 await checkout.mount({
-  clientToken: 'your-client-token',
+  clientToken: '<you-client-token>',
+  environment: 'sandbox',
+  apiVersion: '1.0.0'
+  locale: 'en',
   onCheckoutComplete: (result: PaymentResult) => {
     console.log('Payment successful!', result)
   },
@@ -48,15 +51,12 @@ export const CheckoutComponent: FC<Readonly<IProps> = (props) => {
   const checkoutRef = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
-    if (!clientToken) {
-      return
-    }
-
     const checkout = new PayNextCheckout(checkoutRef.current)
     
     checkout.mount({
       clientToken,
       environment: 'sandbox',
+      apiVersion: '1.0.0'
       locale: 'en',
       onCheckoutComplete: (result: PaymentResult) => {
         // Handle successful payment
@@ -80,8 +80,9 @@ export const CheckoutComponent: FC<Readonly<IProps> = (props) => {
 interface PayNextConfig {
   clientToken: string             
   supportedCardTypes?: CardType[] 
+  apiVersion: string
+  environment: 'sandbox' | 'production',
   variant?: 'default' | 'compact' 
-  environment?: 'sandbox' | 'production',
   locale?: Locale                
   translate?: CheckoutTranslate   
   styles?: StylesConfig          

package/dist/index.d.ts

@@ -435,7 +435,8 @@ export declare class PayNextCheckout {
 
 export declare interface PayNextConfig {
     clientToken: string;
-    environment?: 'develop' | 'sandbox' | 'production';
+    environment: TEnvironment;
+    apiVersion: string;
     supportedCardTypes?: CardType[];
     variant?: 'default' | 'compact';
     styles?: StylesConfig;
@@ -476,6 +477,8 @@ declare class StylesState extends State<StylesConfig> {
     constructor(state?: StylesConfig);
 }
 
+declare type TEnvironment = 'develop' | 'sandbox' | 'production';
+
 declare interface ThreeDsConfig {
     readonly threeDsId: string;
     readonly onReady?: () => void;
@@ -516,7 +519,7 @@ export declare interface TransactionConfigResponse extends TransactionConfig {
 declare class TransactionState extends State<TransactionConfig | null> {
     private clientToken;
     constructor(state?: TransactionConfig);
-    updateTransaction(clientToken: string, environment?: 'develop' | 'sandbox' | 'production'): Promise<TransactionConfig | null>;
+    updateTransaction(clientToken: string, environment: TEnvironment, apiVersion: string): Promise<TransactionConfig | null>;
 }
 
 declare class TranslateState extends State<CheckoutTranslateState> {
@@ -538,6 +541,7 @@ declare interface VenmoConfig {
     paymentMethodUsage?: 'single_use' | 'multi_use';
     mobileWebFallBack?: boolean;
     allowNewBrowserTab?: boolean;
+    deepLinkReturnUrl?: string;
 }
 
 declare interface VenmoTokenizePayload {