Merge pull request #6 from tonderio/DEV-1799

DEV-1799: Adds getCardSummary method to enrollment and lite SDKs

Author: davidhernandez-adm

README.md

@@ -62,11 +62,13 @@ The SDK supports three integration types:
     - Card saving
     - Card listing
     - Card deletion
+    - Card summary
     - Payment methods retrieval
 
 - `SDKType.ENROLLMENT`: Card saving functionality
   - Card tokenization
   - Card validation
+  - Card summary
   - Secure storage
   - Input field event handling (onChange, onFocus, onBlur)
 
@@ -214,7 +216,7 @@ export default function FullPaymentScreen() {
   };
 
   const callbackFinish = async (response) => {
-    console.log('FINISH PAYMENT ===== ', response);
+    console.log('Callback finish payment', response);
 
     // Reset the state and regenerate the SDK to use it again.
     reset();
@@ -269,7 +271,7 @@ export default function LitePaymentScreen() {
     }
   };
 
-  useEffect(() => {
+    useEffect(() => {
     initializePayment();
   }, []);
 
@@ -340,7 +342,9 @@ import {
   TonderEnrollment,
   useTonder,
   SDKType,
-  ICustomer
+  ICustomer,
+  type IBaseResponse,
+  type ISaveCardResponse,
 } from '@tonder.io/rn-sdk';
 
 export default function EnrollmentScreen() {
@@ -370,16 +374,115 @@ export default function EnrollmentScreen() {
     }
   };
 
-  const handleSaveFinish = async (response) => {
+  const handleSaveFinish = async (response: IBaseResponse<ISaveCardResponse>) => {
+    console.log('Callback finish save card', response);
+
+    if (response.error) {
+      // Manage the error
+      Alert.alert('Error', 'Failed to save card. Please try again.');
+      console.log('Save Card ERROR', response.error);
+      return;
+    }
     console.log('Card saved successfully:', response);
+
+    await handleGetSummaryCard(response.response.skyflow_id);
+    // Reset the state and regenerate the SDK to use it again
+    reset();
+    await initializeEnrollment();
+  };
+
+  const handleGetSummaryCard = async (id: string) => {
+    const { response, error } = await getCardSummary(id);
+    if (error) {
+      //Manage error
+      Alert.alert('Error', 'Failed to get summary card');
+      console.error('Error get summary card: ', error);
+      return;
+    }
+    console.log('Response get summary: ', response);
+  };
+
+  return (
+    <SafeAreaView>
+      <TonderEnrollment />
+    </SafeAreaView>
+  );
+}
+```
+
+#### Example with custom button
+```tsx
+import {
+  TonderEnrollment,
+  useTonder,
+  SDKType,
+  ICustomer
+} from '@tonder.io/rn-sdk';
+
+export default function EnrollmentScreen() {
+  const { create, reset, saveCustomerCard, getCardSummary } = useTonder<SDKType.ENROLLMENT>();
+
+  const customerData: ICustomer = {
+    email: 'test@example.com',
+    firstName: 'John',
+    lastName: 'Doe'
+  };
+
+  useEffect(() => {
+    initializeEnrollment();
+  }, []);
+
+  const initializeEnrollment = async () => {
+    const { error } = await create({
+      secureToken: 'your-secure-token',
+      customer: customerData,
+      customization: {
+        saveButton: {
+          show: false, // hidde default button
+        },
+      },
+    });
+
+    if (error) {
+      console.error('Enrollment initialization error:', error);
+    }
+  };
+
+  const handleSaveCard = async () => {
+    const { response, error } = await saveCustomerCard();
+    if (error) {
+      //Manage error
+      console.error('Error saving card: ', error);
+      return;
+    }
+    console.log('Response save card: ', response);
+
+    // Get card summary using the skyflow_id from the save response
+    await handleGetCardSummary(response.skyflow_id);
     // Reset the state and regenerate the SDK to use it again
     reset();
     await initializeEnrollment();
   };
 
+  const handleGetCardSummary = async (skyflowId: string) => {
+    const { response, error } = await getCardSummary(skyflowId);
+    if (error) {
+      console.error('Error getting card summary:', error);
+      return;
+    }
+    console.log('Card summary:', response);
+    // Response contains: user_id and card details
+  };
+
   return (
     <SafeAreaView>
       <TonderEnrollment />
+      {/*Custom button*/}
+      <TouchableOpacity
+        onPress={handleSaveCard}
+      >
+        <Text>Guardar</Text>
+      </TouchableOpacity>
     </SafeAreaView>
   );
 }
@@ -708,7 +811,6 @@ interface IBaseProcessPaymentRequest {
       amount_total: number;
       description: string;
       price_unit: number;
-      product_reference: string;
       quantity: number;
       discount?: number;
       taxes?: number;
@@ -738,7 +840,6 @@ interface IProcessPaymentRequest {
       amount_total: number;
       description: string;
       price_unit: number;
-      product_reference: string;
       quantity: number;
       discount?: number;
       taxes?: number;
@@ -1030,6 +1131,7 @@ The LITE integration provides full control over the payment flow with individual
 - payment: Processes a payment using the configured payment data.
 - saveCustomerCard: Tokenizes and saves the current card information.
 - getCustomerCards: Retrieves the list of saved cards for the customer.
+- getCardSummary: Retrieves detailed information about a saved card using its Skyflow ID.
 - getPaymentMethods: Retrieves available payment methods.
 - removeCustomerCard: Deletes a saved card.
 
@@ -1038,7 +1140,7 @@ The LITE integration provides full control over the payment flow with individual
 > **Note:** For card methods, it is necessary to obtain and use your secure token when calling the create function.
 
 ```typescript
-const { create, payment, saveCustomerCard, getCustomerCards,
+const { create, payment, saveCustomerCard, getCustomerCards, getCardSummary,
         removeCustomerCard, getPaymentMethods, reset } = useTonder<SDKType.LITE>();
 ```
 
@@ -1047,66 +1149,15 @@ const { create, payment, saveCustomerCard, getCustomerCards,
 The ENROLLMENT integration provides methods for handling full enrollment with built-in UI components.
 
 - saveCustomerCard: Tokenizes and saves the current card information.
+- getCardSummary: Retrieves detailed information about a saved card using its Skyflow ID.
 
 > **Note:** The saveCustomerCard It is only necessary when you want to control the enrollment button on your own.
 
 > **Note:** For card methods, it is necessary to obtain and use your secure token when calling the create function.
 
 ```typescript
-const { create, saveCustomerCard, reset } = useTonder<SDKType.LITE>();
+const { create, saveCustomerCard, getCardSummary, reset } = useTonder<SDKType.ENROLLMENT>();
 ```
-#### Example with custom button
-```tsx
-
-export default function EnrollmentButtonScreen() {
-  const { create, saveCustomerCard } = useTonder<SDKType.ENROLLMENT>();
-
-  useEffect(() => {
-    createSDK()
-  }, [])
-
-  const createSDK = async (token) => {
-    const { error } = await create({
-      secureToken: token,
-      customer: { ...customerData },
-      customization: {
-        saveButton: {
-          show: false, // hidde default button
-        },
-      },
-    });
-
-    if (error) {
-      // Manage error
-      console.error('Error creating SDK', error);
-    }
-  };
-
-  const handleSaveCard = async () => {
-    const { response, error } = await saveCustomerCard();
-    if (error) {
-      //Manage error
-      console.error('Error save: ', error);
-      return;
-    }
-    console.log('Response save: ', response);
-  };
-
-  return (
-    <SafeAreaView style={styles.safeArea}>
-        <TonderEnrollment />
-        {/*Custom button*/}
-        <TouchableOpacity
-          onPress={handleSaveCard}
-        >
-          <Text>Guardar</Text>
-        </TouchableOpacity>
-    </SafeAreaView>
-  );
-}
-```
-
-
 
 ## Events
 The SDK provides event handling capabilities for card form input fields, supporting both Full/Enrollment SDK and Lite SDK implementations.

example/ios/Podfile.lock

@@ -1242,7 +1242,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-safe-area-context (4.14.0):
+  - react-native-safe-area-context (4.14.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1255,8 +1255,8 @@ PODS:
     - React-featureflags
     - React-graphics
     - React-ImageManager
-    - react-native-safe-area-context/common (= 4.14.0)
-    - react-native-safe-area-context/fabric (= 4.14.0)
+    - react-native-safe-area-context/common (= 4.14.1)
+    - react-native-safe-area-context/fabric (= 4.14.1)
     - React-NativeModulesApple
     - React-RCTFabric
     - React-rendererdebug
@@ -1265,7 +1265,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-safe-area-context/common (4.14.0):
+  - react-native-safe-area-context/common (4.14.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1286,7 +1286,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-safe-area-context/fabric (4.14.0):
+  - react-native-safe-area-context/fabric (4.14.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1308,7 +1308,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-webview (13.12.5):
+  - react-native-webview (13.12.4):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1596,7 +1596,7 @@ PODS:
     - React-logger (= 0.76.3)
     - React-perflogger (= 0.76.3)
     - React-utils (= 0.76.3)
-  - RNScreens (3.35.0):
+  - RNScreens (3.37.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1617,9 +1617,9 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNScreens/common (= 3.35.0)
+    - RNScreens/common (= 3.37.0)
     - Yoga
-  - RNScreens/common (3.35.0):
+  - RNScreens/common (3.37.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1641,7 +1641,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNSVG (15.10.1):
+  - RNSVG (15.9.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1661,9 +1661,9 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNSVG/common (= 15.10.1)
+    - RNSVG/common (= 15.9.0)
     - Yoga
-  - RNSVG/common (15.10.1):
+  - RNSVG/common (15.9.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1684,7 +1684,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNVectorIcons (10.2.0):
+  - RNVectorIcons (10.3.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1959,8 +1959,8 @@ SPEC CHECKSUMS:
   React-logger: 26155dc23db5c9038794db915f80bd2044512c2e
   React-Mapbuffer: ad1ba0205205a16dbff11b8ade6d1b3959451658
   React-microtasksnativemodule: e771eb9eb6ace5884ee40a293a0e14a9d7a4343c
-  react-native-safe-area-context: 2500e4fe998caad50ad3bc51ec23ef951308569e
-  react-native-webview: 40b8823be3fac70f0404016e6aed754ef4307517
+  react-native-safe-area-context: 782fec0553f14a630a2bac87b116e512a9f35500
+  react-native-webview: 0bd56be54d01756f20eb942dad37a2cd22a6def2
   React-nativeconfig: aeed6e2a8ac02b2df54476afcc7c663416c12bf7
   React-NativeModulesApple: c5b7813da94136f50ef084fa1ac077332dcfc658
   React-perflogger: 6afb7eebf7d9521cc70481688ccddf212970e9d3
@@ -1988,9 +1988,9 @@ SPEC CHECKSUMS:
   React-utils: 2bcaf4f4dfe361344bce2fae428603d518488630
   ReactCodegen: ae99a130606068ed40d1d9c0d5f25fda142a0647
   ReactCommon: 89c87b343deacc8610b099ac764848f0ce937e3e
-  RNScreens: e389d6a6a66a4f0d3662924ecae803073ccce8ec
-  RNSVG: ec2e9d524612ee95db5df143a54518c5404d93f0
-  RNVectorIcons: 07792a9538e8577c1263fcad187712e90d65d8fb
+  RNScreens: ba9fa64df3e24f25d9f50406d46fd5b37dd9fa74
+  RNSVG: b2fbe96b2bb3887752f8abc1f495953847e90384
+  RNVectorIcons: 67fb9844e2355e70e240cb778e6cd2a10f3f0aea
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   Yoga: f6dc1b6029519815d5516a1241821c6a9074af6d