Skip to content

Issue #1: Create Demo Merchant Website (Louis Buitton) #1

@achneerov

Description

@achneerov

Description: Build a complete demo e-commerce website to showcase the AuthPay integration workflow.
Requirements:
Pages to Implement:

  • Items Page: Display products for purchase
  • Cart Page: Show selected items with non-sensitive checkout data (address, etc.)
  • Fake Stripe Payment Page: Mock payment interface with standard CC input fields
    Payment Flow:
  1. User adds items to cart and proceeds to checkout
  2. User enters shipping/billing information
  3. On "Proceed to Checkout", redirect to fake Stripe page
  4. User enters credit card information
  5. If authpay.js is imported:
    • Override process_payment() method
    • Call waitForAuth() function
    • Make backend call to process transaction
    • Handle three response states:
      • SUCCESS: Redirect to order confirmation page
      • FAILURE: Show "Transaction cancelled, please contact merchant"
      • AUTH_REQUIRED: Open MFA modal
        MFA Modal:
  • Display dynamic authentication options based on backend response (array of auth method IDs)
  • Show dropdown for user to select authentication method (email/phone/etc.)
  • "Request Code" button to trigger code generation
  • 6-digit code input field
  • Call verifyMFA(ccHash, code) endpoint
  • Handle SUCCESS/FAILURE/AUTH_REQUIRED responses
    Technical Details:
  • Implement client-side CC hashing function for security
  • Use webhook integration for backend communication
  • Ensure authpay.js properly overrides payment methods

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions