fix: replace hardcoded 'Invalid input' with localized strings

[ArushKapoorJuspay]

Type of Change

• Bugfix
• New feature
• Enhancement
• Refactoring
• Dependency updates
• Documentation
• CI/CD

Description

Fixed hardcoded "Invalid input" validation error messages in card payment forms that were breaking localization for non-English users.

Problem:
Two components used hardcoded English strings instead of locale-aware text:

• CardPayment.res (line 569): Displayed "Invalid input" when expiry validation fails in compressed layout
• ErrorComponent.res (lines 5, 32): Displayed "Invalid input" for card field errors in compressed layout

Solution:
Replaced hardcoded strings with localeString.enterValidDetailsText:

• CardPayment.res: Now uses localized "Please enter valid details" message
• ErrorComponent.res: Added locale string access via Recoil and updated error display

How did you test it?

• Ran npm run re:build - passes with 0 errors
• Verified no hardcoded "Invalid input" strings remain in the modified files
• Tested with German locale - now displays "Bitte geben Sie gültige Daten ein" instead of "Invalid input"

Checklist

• I ran npm run re:build
• I reviewed submitted code
• I added unit tests for my changes where possible

[semanticdiff-com]

Review changes with  

[github-actions]

🚫 Missing Linked Issue

Hi 👋 This pull request does not appear to be linked to any open issue yet.

Linking your PR to an issue helps keep the project tidy and ensures the issue is closed automatically.

✔️ How to fix this

• Add a keyword like Fixes #123 or Closes #456 to your PR description or a commit message.
• Or link it manually using the "Linked issues" panel in the PR sidebar.

✅ Tip: You can link multiple issues.
🚫 Note: If only one issue is linked, it must be open for this check to pass.

Once linked, this check will pass automatically on your next push or when you re-run the workflow.

Thanks for helping maintainers! 🙌

[github-actions]

🚫 Missing Linked Issue

Hi 👋 This pull request does not appear to be linked to any open issue yet.

Linking your PR to an issue helps keep the project tidy and ensures the issue is closed automatically.

✔️ How to fix this

• Add a keyword like Fixes #123 or Closes #456 to your PR description or a commit message.
• Or link it manually using the "Linked issues" panel in the PR sidebar.

✅ Tip: You can link multiple issues.
🚫 Note: If only one issue is linked, it must be open for this check to pass.

Once linked, this check will pass automatically on your next push or when you re-run the workflow.

Thanks for helping maintainers! 🙌

[github-actions]

🚫 Missing Linked Issue

Hi 👋 This pull request does not appear to be linked to any open issue yet.

Linking your PR to an issue helps keep the project tidy and ensures the issue is closed automatically.

✔️ How to fix this

• Add a keyword like Fixes #123 or Closes #456 to your PR description or a commit message.
• Or link it manually using the "Linked issues" panel in the PR sidebar.

✅ Tip: You can link multiple issues.
🚫 Note: If only one issue is linked, it must be open for this check to pass.

Once linked, this check will pass automatically on your next push or when you re-run the workflow.

Thanks for helping maintainers! 🙌

[aritro2002]

🔍 Code Review by opencode

Status: ✅ Approved

Summary

Clean, focused bugfix that replaces hardcoded "Invalid input" strings with localized versions using localeString.enterValidDetailsText.

Changes Reviewed

• ErrorComponent.res (line 32): Now uses localeString.enterValidDetailsText
• CardPayment.res (line 569): Now uses localeString.enterValidDetailsText

Verification

• ✅ Build passes (npm run re:build - 0 errors)
• ✅ No hardcoded "Invalid input" strings remain in codebase
• ✅ Follows best practices - uses existing locale infrastructure
• ✅ No Belt modules introduced
• ✅ No debug logs added
• ✅ No security issues

Note

ErrorComponent.res line 27 uses Belt.Option.getWithDefault from pre-existing code (not introduced by this PR).

---

Reviewed by opencode AI using hyperswitch-web skill guidelines

[github-actions]

🚫 Missing Linked Issue

Hi 👋 This pull request does not appear to be linked to any open issue yet.

Linking your PR to an issue helps keep the project tidy and ensures the issue is closed automatically.

✔️ How to fix this

• Add a keyword like Fixes #123 or Closes #456 to your PR description or a commit message.
• Or link it manually using the "Linked issues" panel in the PR sidebar.

✅ Tip: You can link multiple issues.
🚫 Note: If only one issue is linked, it must be open for this check to pass.

Once linked, this check will pass automatically on your next push or when you re-run the workflow.

Thanks for helping maintainers! 🙌