adding capture action

example/src/screens/CollectCardPaymentScreen.tsx

@@ -20,6 +20,22 @@ import ListItem from '../components/ListItem';
 import { LogContext } from '../components/LogContext';
 import { API_URL } from '../Config';
 
+const capturePaymentIntent = async (id: string) => {
+  try {
+    const response = await fetch(`${API_URL}/capture_payment_intent`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ id }),
+    });
+    const pi = await response.json();
+    return { paymentIntent: pi, error: null };
+  } catch (e) {
+    return { error: e };
+  }
+};
+
 export default function CollectCardPaymentScreen() {
   const [inputValues, setInputValues] = useState<{
     amount: string;
@@ -218,6 +234,39 @@ export default function CollectCardPaymentScreen() {
           },
         ],
       });
+      _capturePayment(paymentIntentId);
+    }
+  };
+
+  const _capturePayment = async (paymentIntentId: string) => {
+    addLogs({
+      name: 'Capture Payment',
+      events: [{ name: 'Capture', description: 'terminal.capturePayment' }],
+    });
+
+    const { paymentIntent, error } = await capturePaymentIntent(
+      paymentIntentId
+    );
+    if (error) {
+      addLogs({
+        name: 'Capture Payment',
+        events: [
+          {
+            name: error.code,
+            description: error.message,
+          },
+        ],
+      });
+    } else if (paymentIntent) {
+      addLogs({
+        name: 'Capture Payment',
+        events: [
+          {
+            name: 'Finished',
+            description: 'terminal.paymentIntentId: ' + paymentIntent.id,
+          },
+        ],
+      });
     }
   };