react-amwal-pay 0.1.3 → 0.1.5

package/src/network/NetworkClient.ts

@@ -1,84 +1,84 @@
-import { Alert } from 'react-native'; 
-import { Environment } from '../NativeReactAmwalPay'; 
-import SecureHashUtil from '../utils/SecureHashUtil'; 
- 
-class NetworkClient { 
-  private static instance: NetworkClient; 
-   
-  private constructor() {} 
-   
-  static getInstance(): NetworkClient { 
-    if (!NetworkClient.instance) { 
-      NetworkClient.instance = new NetworkClient(); 
-    } 
-    return NetworkClient.instance; 
-  } 
- 
-  private getWebhookUrl(env: Environment): string { 
-    switch (env) { 
-      case Environment.SIT: 
-        return 'https://test.amwalpg.com:24443/'; 
-      case Environment.UAT: 
-        return 'https://test.amwalpg.com:14443/'; 
-      case Environment.PROD: 
-        return 'https://webhook.amwalpg.com/'; 
-      default: 
-        return 'https://test.amwalpg.com:24443/'; 
-    } 
-  } 
- 
-  async fetchSessionToken( 
-    env: Environment, 
-    merchantId: string, 
-    customerId: string | null, 
-    secureHashValue: string 
-  ): Promise<string | null> { 
-    try { 
-      const webhookUrl = this.getWebhookUrl(env); 
-       
-      const dataMap = { 
-        merchantId, 
-        customerId 
-      }; 
- 
-      const secureHash = SecureHashUtil.clearSecureHash(secureHashValue, dataMap); 
- 
-      const response = await fetch(`${webhookUrl}Membership/GetSDKSessionToken`, { 
-        method: 'POST', 
-        headers: { 
-          'Accept': 'text/plain', 
-          'Accept-Language': 'en-US,en;q=0.9', 
-          'Content-Type': 'application/json', 
-        }, 
-        body: JSON.stringify({ 
-          merchantId, 
-          secureHashValue: secureHash, 
-          customerId 
-        }) 
-      }); 
- 
-      const responseData = await response.json(); 
- 
-      if (response.ok && responseData.success) { 
-        return responseData.data.sessionToken; 
-      } else { 
-        const errorMessage = responseData.errorList?.join(',') || 'Unknown error'; 
-        this.showErrorDialog(errorMessage); 
-        return null; 
-      } 
-    } catch (error) { 
-      this.showErrorDialog('Something Went Wrong'); 
-      return null; 
-    } 
-  } 
- 
-  private showErrorDialog(message: string): void { 
-    Alert.alert( 
-      'Error', 
-      message, 
-      [{ text: 'OK' }] 
-    ); 
-  } 
-} 
- 
+import { Alert } from 'react-native'; 
+import { Environment } from '../NativeReactAmwalPay'; 
+import SecureHashUtil from '../utils/SecureHashUtil'; 
+ 
+class NetworkClient { 
+  private static instance: NetworkClient; 
+   
+  private constructor() {} 
+   
+  static getInstance(): NetworkClient { 
+    if (!NetworkClient.instance) { 
+      NetworkClient.instance = new NetworkClient(); 
+    } 
+    return NetworkClient.instance; 
+  } 
+ 
+  private getWebhookUrl(env: Environment): string { 
+    switch (env) { 
+      case Environment.SIT: 
+        return 'https://test.amwalpg.com:24443/'; 
+      case Environment.UAT: 
+        return 'https://test.amwalpg.com:14443/'; 
+      case Environment.PROD: 
+        return 'https://webhook.amwalpg.com/'; 
+      default: 
+        return 'https://test.amwalpg.com:24443/'; 
+    } 
+  } 
+ 
+  async fetchSessionToken( 
+    env: Environment, 
+    merchantId: string, 
+    customerId: string | null, 
+    secureHashValue: string 
+  ): Promise<string | null> { 
+    try { 
+      const webhookUrl = this.getWebhookUrl(env); 
+       
+      const dataMap = { 
+        merchantId, 
+        customerId 
+      }; 
+ 
+      const secureHash = SecureHashUtil.clearSecureHash(secureHashValue, dataMap); 
+ 
+      const response = await fetch(`${webhookUrl}Membership/GetSDKSessionToken`, { 
+        method: 'POST', 
+        headers: { 
+          'Accept': 'text/plain', 
+          'Accept-Language': 'en-US,en;q=0.9', 
+          'Content-Type': 'application/json', 
+        }, 
+        body: JSON.stringify({ 
+          merchantId, 
+          secureHashValue: secureHash, 
+          customerId 
+        }) 
+      }); 
+ 
+      const responseData = await response.json(); 
+ 
+      if (response.ok && responseData.success) { 
+        return responseData.data.sessionToken; 
+      } else { 
+        const errorMessage = responseData.errorList?.join(',') || 'Unknown error'; 
+        this.showErrorDialog(errorMessage); 
+        return null; 
+      } 
+    } catch (error) { 
+      this.showErrorDialog('Something Went Wrong'); 
+      return null; 
+    } 
+  } 
+ 
+  private showErrorDialog(message: string): void { 
+    Alert.alert( 
+      'Error', 
+      message, 
+      [{ text: 'OK' }] 
+    ); 
+  } 
+} 
+ 
 export default NetworkClient;

package/src/utils/SecureHashUtil.ts

@@ -1,45 +1,45 @@
-import HmacSHA256 from 'crypto-js/hmac-sha256'; 
-import Hex from 'crypto-js/enc-hex'; 
-
-type DataMap = { [key: string]: string | null }; 
-
-class SecureHashUtil { 
-  static clearSecureHash(secretKey: string, data: DataMap): string { 
-    delete data.secureHashValue; 
-    const concatenatedString = this.composeData(data); 
-    return this.generateSecureHash(concatenatedString, secretKey); 
-  } 
-
-  private static composeData(requestParameters: DataMap): string { 
-    return Object.entries(requestParameters) 
-      .sort(([keyA], [keyB]) => keyA.localeCompare(keyB)) 
-      .filter(([_, value]) => value != null && value !== '') 
-      .map(([key, value]) => `${key}=${value}`) 
-      .join('&'); 
-  } 
-
-  private static generateSecureHash(message: string, secretKey: string): string { 
-    try { 
-      // Convert hex string to byte array 
-      const keyBytes = secretKey.match(/.{2}/g)?.map(byte => parseInt(byte, 16)); 
-      
-      if (!keyBytes) { 
-        throw new Error('Invalid secret key format'); 
-      } 
-
-      // Convert key bytes to hex string for crypto-js 
-      const keyHex = keyBytes.map(byte => byte.toString(16).padStart(2, '0')).join(''); 
-      
-      // Generate HMAC-SHA256 
-      const hash = HmacSHA256(message, Hex.parse(keyHex)); 
-      
-      // Convert to uppercase hex string 
-      return hash.toString(Hex).toUpperCase(); 
-    } catch (e) { 
-      console.error('Error generating secure hash:', e); 
-      return ''; 
-    } 
-  } 
-} 
-
+import HmacSHA256 from 'crypto-js/hmac-sha256'; 
+import Hex from 'crypto-js/enc-hex'; 
+
+type DataMap = { [key: string]: string | null }; 
+
+class SecureHashUtil { 
+  static clearSecureHash(secretKey: string, data: DataMap): string { 
+    delete data.secureHashValue; 
+    const concatenatedString = this.composeData(data); 
+    return this.generateSecureHash(concatenatedString, secretKey); 
+  } 
+
+  private static composeData(requestParameters: DataMap): string { 
+    return Object.entries(requestParameters) 
+      .sort(([keyA], [keyB]) => keyA.localeCompare(keyB)) 
+      .filter(([_, value]) => value != null && value !== '') 
+      .map(([key, value]) => `${key}=${value}`) 
+      .join('&'); 
+  } 
+
+  private static generateSecureHash(message: string, secretKey: string): string { 
+    try { 
+      // Convert hex string to byte array 
+      const keyBytes = secretKey.match(/.{2}/g)?.map(byte => parseInt(byte, 16)); 
+      
+      if (!keyBytes) { 
+        throw new Error('Invalid secret key format'); 
+      } 
+
+      // Convert key bytes to hex string for crypto-js 
+      const keyHex = keyBytes.map(byte => byte.toString(16).padStart(2, '0')).join(''); 
+      
+      // Generate HMAC-SHA256 
+      const hash = HmacSHA256(message, Hex.parse(keyHex)); 
+      
+      // Convert to uppercase hex string 
+      return hash.toString(Hex).toUpperCase(); 
+    } catch (e) { 
+      console.error('Error generating secure hash:', e); 
+      return ''; 
+    } 
+  } 
+} 
+
 export default SecureHashUtil;

package/ios/ReactAmwalPay.h

@@ -1,14 +0,0 @@
-#import <ReactAmwalPaySpec/ReactAmwalPaySpec.h>
-#import <React/RCTEventEmitter.h>
-#import <amwalsdk/amwalsdk.h>
-
-@interface ReactAmwalPay : RCTEventEmitter <NativeReactAmwalPaySpec>
-
-- (AmwalEnvironment)getEnvironmentFromString:(NSString *)env;
-- (AmwalLocale)getLocaleFromString:(NSString *)locale;
-- (AmwalTransactionType)getTransactionTypeFromString:(NSString *)type;
-- (void)sendResponseEvent:(NSDictionary *)response;
-- (void)sendCustomerIdEvent:(NSString *)customerId;
-- (void)sendErrorEvent:(NSString *)errorMessage;
-
-@end

package/ios/ReactAmwalPay.mm

@@ -1,141 +0,0 @@
-#import "ReactAmwalPay.h"
-#import <React/RCTBridgeModule.h>
-#import <React/RCTEventEmitter.h>
-#import <React/RCTUtils.h>
-#import <amwalsdk/amwalsdk.h>
-
-@implementation ReactAmwalPay
-RCT_EXPORT_MODULE()
-
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
-    (const facebook::react::ObjCTurboModule::InitParams &)params
-{
-    return std::make_shared<facebook::react::NativeReactAmwalPaySpecJSI>(params);
-}
-
-- (AmwalEnvironment)getEnvironmentFromString:(NSString *)env {
-    if ([env isEqualToString:@"PROD"]) {
-        return AmwalEnvironmentPROD;
-    } else if ([env isEqualToString:@"UAT"]) {
-        return AmwalEnvironmentUAT;
-    }
-    return AmwalEnvironmentSIT;
-}
-
-- (AmwalLocale)getLocaleFromString:(NSString *)locale {
-    if ([locale isEqualToString:@"ar"]) {
-        return AmwalLocaleAr;
-    }
-    return AmwalLocaleEn;
-}
-
-- (AmwalTransactionType)getTransactionTypeFromString:(NSString *)type {
-    if ([type isEqualToString:@"NFC"]) {
-        return AmwalTransactionTypeNFC;
-    } else if ([type isEqualToString:@"APPLE_PAY"]) {
-        return AmwalTransactionTypeApplePay;
-    }
-    return AmwalTransactionTypeCardWallet;
-}
-
-- (void)initiate:(JS::NativeReactAmwalPay::AmwalPayNativeConfig &)config {
-    dispatch_async(dispatch_get_main_queue(), ^{
-        UIViewController *rootViewController = RCTPresentedViewController();
-        if (!rootViewController) {
-            [self sendErrorEvent:@"Activity context is not available"];
-            return;
-        }
-        
-        @try {
-            // Get values using method calls
-            NSString *sessionToken = config.sessionToken();
-            NSString *amount = config.amount();
-            NSString *merchantId = config.merchantId();
-            NSString *terminalId = config.terminalId();
-            NSString *customerId = config.customerId();
-            NSString *environment = config.environment();
-            NSString *locale = config.locale();
-            NSString *transactionType = config.transactionType();
-            
-            // Create config object with all required parameters
-            Config *sdkConfig = [[Config alloc] initWithEnvironment:[self getEnvironmentFromString:environment]
-                                                     sessionToken:sessionToken
-                                                        currency:AmwalCurrencyOMR
-                                                         amount:amount
-                                                     merchantId:merchantId
-                                                     terminalId:terminalId
-                                                     customerId:customerId
-                                                         locale:[self getLocaleFromString:locale]
-                                                transactionType:[self getTransactionTypeFromString:transactionType]];
-            
-            // Initialize AmwalSDK
-            AmwalSDK *amwalSDK = [[AmwalSDK alloc] init];
-            
-            // Create and present the payment view controller
-            NSError *error = nil;
-            UIViewController *paymentVC = [amwalSDK createViewControllerWithConfig:sdkConfig
-                                                                      onResponse:^(NSString * _Nullable response) {
-                if (response) {
-                    [self sendResponseEvent:@{@"response": response}];
-                }
-            }
-                                                                    onCustomerId:^(NSString *customerId) {
-                [self sendCustomerIdEvent:customerId];
-            }
-                                                                          error:&error];
-            
-            if (error) {
-                [self sendErrorEvent:error.localizedDescription];
-                return;
-            }
-            
-            if (paymentVC) {
-                [rootViewController presentViewController:paymentVC animated:YES completion:nil];
-            } else {
-                [self sendErrorEvent:@"Failed to create payment view controller"];
-            }
-            
-        } @catch (NSException *exception) {
-            [self sendErrorEvent:exception.reason];
-        }
-    });
-}
-
-#pragma mark - Helper Methods
-
-- (void)sendResponseEvent:(NSDictionary *)response {
-    NSMutableDictionary *params = [NSMutableDictionary dictionary];
-    params[@"type"] = @"onResponse";
-    params[@"data"] = response;
-    
-    [self sendEventWithName:@"AmwalPayEvent" body:params];
-}
-
-- (void)sendCustomerIdEvent:(NSString *)customerId {
-    NSMutableDictionary *params = [NSMutableDictionary dictionary];
-    params[@"type"] = @"onCustomerId";
-    params[@"data"] = customerId;
-    
-    [self sendEventWithName:@"AmwalPayEvent" body:params];
-}
-
-- (void)sendErrorEvent:(NSString *)errorMessage {
-    NSMutableDictionary *params = [NSMutableDictionary dictionary];
-    params[@"type"] = @"onResponse";
-    
-    NSMutableDictionary *errorData = [NSMutableDictionary dictionary];
-    errorData[@"status"] = @"ERROR";
-    errorData[@"message"] = errorMessage;
-    
-    params[@"data"] = errorData;
-    
-    [self sendEventWithName:@"AmwalPayEvent" body:params];
-}
-
-// Add this to ensure the module is properly initialized
-+ (BOOL)requiresMainQueueSetup
-{
-    return YES;
-}
-
-@end

package/lib/AmwalPay.d.ts

@@ -1,47 +0,0 @@
-export type Environment = 'SIT' | 'UAT' | 'PROD';
-export declare const Environment: {
-    SIT: Environment;
-    UAT: Environment;
-    PROD: Environment;
-};
-export type Currency = 'OMR';
-export declare const Currency: {
-    OMR: "OMR";
-};
-export type TransactionType = 'NFC' | 'CARD_WALLET' | 'APPLE_PAY';
-export declare const TransactionType: {
-    NFC: TransactionType;
-    CARD_WALLET: TransactionType;
-    APPLE_PAY: TransactionType;
-};
-export interface AmwalPayConfig {
-    environment: Environment;
-    secureHash: string;
-    currency: Currency;
-    amount: string;
-    merchantId: string;
-    terminalId: string;
-    locale: string;
-    customerId: string | null;
-    transactionType: TransactionType;
-    sessionToken?: string;
-    onResponse: (response: AmwalPayResponse) => void;
-    onCustomerIdResponse: (customerId: string) => void;
-}
-export interface AmwalPayResponse {
-    success: boolean;
-    transactionId?: string;
-    message?: string;
-    error?: string;
-}
-declare class AmwalPay {
-    private static instance;
-    private eventEmitter;
-    private constructor();
-    static getInstance(): AmwalPay;
-    private getSessionToken;
-    start(amwalPayConfig: AmwalPayConfig): Promise<void>;
-    private registerEventListeners;
-    removeEventListeners(): void;
-}
-export default AmwalPay;

package/lib/AmwalPay.js

@@ -1,63 +0,0 @@
-import { NativeModules, NativeEventEmitter } from 'react-native';
-import NetworkClient from './services/NetworkClient';
-const { AmwalPaySDK } = NativeModules;
-export const Environment = {
-    SIT: 'SIT',
-    UAT: 'UAT',
-    PROD: 'PROD'
-};
-export const Currency = {
-    OMR: 'OMR'
-};
-export const TransactionType = {
-    NFC: 'NFC',
-    CARD_WALLET: 'CARD_WALLET',
-    APPLE_PAY: 'APPLE_PAY'
-};
-class AmwalPay {
-    constructor() {
-        this.eventEmitter = new NativeEventEmitter(AmwalPaySDK);
-    }
-    static getInstance() {
-        if (!AmwalPay.instance) {
-            AmwalPay.instance = new AmwalPay();
-        }
-        return AmwalPay.instance;
-    }
-    async getSessionToken(config) {
-        const { environment, merchantId, customerId, secureHash } = config;
-        const sessionToken = await NetworkClient.getInstance().fetchSessionToken(environment, merchantId, customerId, secureHash);
-        return sessionToken;
-    }
-    async start(amwalPayConfig) {
-        const token = await this.getSessionToken(amwalPayConfig);
-        console.log(token);
-        if (token) {
-            amwalPayConfig.sessionToken = token;
-            try {
-                // Initialize the AmwalPay SDK
-                await AmwalPaySDK.initialize(amwalPayConfig);
-                // Register event listeners
-                this.registerEventListeners(amwalPayConfig);
-            }
-            catch (error) {
-                throw new Error(`Failed to initialize AmwalPay SDK: ${error}`);
-            }
-        }
-    }
-    registerEventListeners(amwalPayConfig) {
-        this.eventEmitter.addListener('AmwalPayEvent', async (event) => {
-            if (event.type === 'onResponse') {
-                amwalPayConfig.onResponse(event.data);
-            }
-            else if (event.type === 'onCustomerId') {
-                amwalPayConfig.onCustomerIdResponse(event.data);
-            }
-        });
-    }
-    removeEventListeners() {
-        this.eventEmitter.removeAllListeners('AmwalPayEvent');
-    }
-}
-export default AmwalPay;
-//# sourceMappingURL=AmwalPay.js.map

package/lib/AmwalPay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmwalPay.js","sourceRoot":"","sources":["../src/AmwalPay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,aAAa,MAAM,0BAA0B,CAAC;AAGrD,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC;AAItC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,EAAE,KAAoB;IACzB,GAAG,EAAE,KAAoB;IACzB,IAAI,EAAE,MAAqB;CAC5B,CAAC;AAGF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,GAAG,EAAE,KAAiB;CACvB,CAAC;AAGF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,EAAE,KAAwB;IAC7B,WAAW,EAAE,aAAgC;IAC7C,SAAS,EAAE,WAA8B;CAC1C,CAAC;AAwBF,MAAM,QAAQ;IAIZ;QACE,IAAI,CAAC,YAAY,GAAG,IAAI,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACtB,QAAQ,CAAC,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;SACpC;QACD,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC3B,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,MAAsB;QAClD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;QACnE,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,WAAW,EAAE,CAAC,iBAAiB,CACtE,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,CACX,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAEM,KAAK,CAAC,KAAK,CAAC,cAA8B;QAE/C,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACzD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEnB,IAAI,KAAK,EAAE;YACT,cAAc,CAAC,YAAY,GAAG,KAAK,CAAC;YAEpC,IAAI;gBACF,8BAA8B;gBAC9B,MAAM,WAAW,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;gBAE7C,2BAA2B;gBAC3B,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAC;aAC7C;YAAC,OAAO,KAAK,EAAE;gBACd,MAAM,IAAI,KAAK,CAAC,sCAAsC,KAAK,EAAE,CAAC,CAAC;aAChE;SACF;IACH,CAAC;IAEO,sBAAsB,CAAC,cAA8B;QAC3D,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7D,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;gBAC/B,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,IAAwB,CAAC,CAAC;aAC3D;iBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,EAAE;gBACxC,cAAc,CAAC,oBAAoB,CAAC,KAAK,CAAC,IAAc,CAAC,CAAC;aAC3D;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,oBAAoB;QACzB,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACxD,CAAC;CACF;AAED,eAAe,QAAQ,CAAC"}

package/lib/index.d.ts

@@ -1,4 +0,0 @@
-import AmwalPay, { Environment, Currency, TransactionType, AmwalPayConfig, AmwalPayResponse } from './AmwalPay';
-export { AmwalPay, Environment, Currency, TransactionType };
-export type { AmwalPayConfig, AmwalPayResponse };
-export default AmwalPay;

package/lib/index.js

@@ -1,4 +0,0 @@
-import AmwalPay, { Environment, Currency, TransactionType, } from './AmwalPay';
-export { AmwalPay, Environment, Currency, TransactionType };
-export default AmwalPay;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,EAAE,EACf,WAAW,EACX,QAAQ,EACR,eAAe,GAGhB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAC,CAAC;AAG1D,eAAe,QAAQ,CAAC"}

package/lib/screens/PaymentScreen.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const PaymentScreen: React.FC;