[BUG] - App Crashes When Entering Unsafe Large Numbers in Invoice Fields

[mubashirnhasir]

Issue Summary

[Entering extremely long numbers (e.g., 111111111111111111) into the Discount, Tax, or Shipping input fields crashes the entire app with a client-side exception. The crash is triggered by JavaScript's number safety limits and improper formatting logic.]

Environment

• Browser/Platform:
  [Browser: Microsoft Edge
  Platform: Windows
  App Deployment: [Vercel]
  App Framework: Next.js 14, React]

Steps to Reproduce

[Go to the deployed app on Vercel.

Navigate to Invoice Generator > Summary tab.

Enter a very long number (e.g., 111111111111111111) ( Approx 17 Digits ) in the Discount, Tax, or Shipping input field.

Observe the app crash and console errors.]

Expected Behavior

[The input field should either:

Cap input with a max or maxLength restriction.

Show a validation error message.

Gracefully handle formatting and prevent app crash.]

Actual Behavior

[
App completely crashes.

White screen with the error message:

"Application error: a client-side exception has occurred (see the browser console for more information)."]

Screenshots/Logs

[

]

Additional Information

[Include any additional information that may help in diagnosing the issue]

Possible Solutions

[Frontend Validation,
Error Handling for Conversion Functions,]

---

Acceptance Criteria

• The issue is confirmed and reproducible.
• Relevant details about the environment are provided.
• Steps to reproduce are clear and concise.
• Expected and actual behavior are described.
• Screenshots/logs (if applicable) are attached.
• Any additional relevant information is included.

---

[Note: Please replace the placeholders in square brackets with specific information related to your bug report.]