Create Invoice Screen (POS Mode)

[Cedarich]

Difficulty Level: Medium
Description:
Build a "Point of Sale" (POS) style screen that allows a merchant to quickly generate a new invoice on the fly. This is critical for face-to-face transactions.
Acceptance Criteria:

• Input Form:
  • Amount: Numeric input with validation (must be > 0).
  • Asset: Dropdown or toggle to select currency (Native XLM or USDC).
  • Memo/Note: Optional text field for internal tracking.
• Submission: Submit the form data to the backend POST /invoices endpoint.
• Immediate Feedback: Upon success, immediately transition to a "Payment Request" view displaying the QR Code.
• QR Code Generation: Generate a QR code that encodes the payment details. This should ideally follow the Stellar URI scheme (web+stellar:pay...) or a format the Invoisio app can parse.
• Validation: Ensure the user cannot submit invalid data.

---

[Emmzyemms]

I’m interested in contributing to this issue and believe I can deliver a clean, well-tested solution that aligns with the project’s standards.

[System625]

Hi there! I'd love to take on this issue regarding the Invoice Screen (POS Mode).

I'm a frontend developer experienced with React, Next.js, TypeScript, and Tailwind CSS. I’ve built high-stakes financial interfaces, QR code generators, and real-time validation flows with a focus on clean, mobile-first UI/UX for fast-paced environments.

My approach:

• POS Input Form: Create a streamlined, numeric-focused form using Tailwind for rapid entry. Include a currency toggle (XLM/USDC) and robust validation to ensure amounts are $> 0$.
• API Integration: Implement the submission logic to POST /invoices, handling loading states and error boundaries gracefully.
• QR Generation: Integrate a QR code library to encode payment details via the web+stellar:pay URI scheme, ensuring compatibility with the Invoisio ecosystem.
• Transition Logic: Build an immediate state transition from "Draft" to "Payment Request" view upon successful API response to keep the face-to-face flow seamless.
• UX/UI: Ensure high contrast for readability in various lighting conditions and a "fat-finger" friendly layout for mobile merchants.

This will deliver a professional, reliable POS interface meeting all acceptance criteria. PR will include screenshots of the validation, QR generation, and successful flow.

ETA: within 24 hours.
Looking forward to your feedback!

Best,

Olamiposi (System625)

[EDOHWARES]

Hi maintainer,
I’m interested in this issue. I’ll build a POS-style screen where merchants can input amount, select asset (XLM or USDC), optionally add a memo, submit the invoice to the backend, and immediately display a Stellar URI QR code for payment. I’ll ensure input validation and smooth transition to the payment request view.
ETA: 6 hours.

[Mystery-CLI]

I would like to work on this issue

[Chucks1093]

I have built POS style flows before and will implement the invoice form with amount validation feeding into POST /invoices then render a QR code instantly using the web+stellar:pay URI scheme. I will have this done the moment it is assigned.

[Christopherdominic]

Hi 👋

I’d like to work on this issue.

I’ve reviewed the description and acceptance criteria, and I’m confident I can implement the required changes following the project’s guidelines and coding standards. I’ll ensure proper testing and documentation where applicable.

Please assign this issue to me — I’ll get started right away. 🚀

Thank you!

[auracule007]

Hi maintainers, I'm Promise Adedokun. I'm a full-stack developer with 4+ years of experience in building mobile POS interfaces and payment flows. I'd like to work on this invoice creation screen. I can build a clean POS form with amount validation, asset selection, optional memo field, integrate with the backend to create invoices, and generate QR codes using the Stellar URI scheme for seamless payment requests.
My ETA is 8-10 hours.