Skip to content

DEV-1925: Checkout app - decouple card creation and payout generation #65

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ShreyaThapa wants to merge 1 commit into
base: main
Choose a base branch
from
Open

DEV-1925: Checkout app - decouple card creation and payout generation #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 8 additions & 11 deletions packages/push-to-card/checkout/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,10 +49,9 @@ The only third-party requirement for card capture is the **Flow** component and
4. **Start the Development Server**: Run `pnpm dev` to start the Next.js application at `http://localhost:3000`.

5. **Test the Flow**: Follow the UI steps in the application:
- **Step 1**: Enter customer details (name and email) to create a Dwolla Customer
- **Step 2**: Complete payment details (amount and billing address)
- **Step 3**: Enter card information in the Flow component
- **Step 4**: Submit to create the card funding source and initiate the payout
- **Step 1 – Create customer**: Enter name and email to create a Dwolla Customer, then continue to Add a debit card.
- **Step 2 – Add a debit card**: Click Start to create an exchange session and load the card capture form. Enter your card in the Flow component; then enter cardholder name and billing address and click “Create funding source.”
- **Step 3 – Send a payout**: Go to Send a payout, enter the amount, and click “Send payout.” Settlement and card resolution run in the background; the events log shows API activity.

## Test Cards (Sandbox)

Expand Down Expand Up @@ -89,14 +88,12 @@ For more test card scenarios, refer to the [Card payout test cards](https://www.
```
src/
├── app/
│ ├── create-customer/ # Customer creation form and logic
│ ├── add-card/ # Add a debit card: exchange session, Flow, Exchange, funding source
│ │ └── page.tsx
│ ├── create-customer/ # Customer creation form and logic
│ │ └── page.tsx
│ ├── send-payout/ # Send a payout
│ │ └── page.tsx
│ ├── send-payout/ # Card capture and payout initiation
│ │ ├── page.tsx # Main payout page with Flow component
│ │ ├── success/ # Success callback page
│ │ │ └── page.tsx
│ │ └── failure/ # Failure callback page
│ │ └── page.tsx
│ ├── layout.tsx # Root layout with MUI theme
│ └── page.tsx # Landing page with navigation
├── integrations/
Expand Down
Loading