PIMOB:2086: Implemented Cardholder name management in Payment form

[chintan-soni-cko]

Issue

PIMOB-2086.

Proposed changes

• Provide a feature to hide it from the payment form. The cardholder's name can be set as a hidden field on the payment form. A merchant would set it as a hidden field if they want it to show on the billing address instead. Provide a feature to hide it from the payment form.

• Add validation in the payment form if the cardholder is mandatory. If it is not valid then show the error

• Added cardholder name support in Theming functionality of SDK

• Changes for the sample app The default UI has the cardholder name on the payment form by default, and it’s set as optional The theme UI has the cardholder name on the payment form by default, and it’s set as mandatory The custom UI has the cardholder name updated along with the design

• How to test:

  1. Test if the cardholder name is hidden by setting null in the style
  2. Test if cardholder name is mandatory validation error is displaying and although all details filled, pay button should disable
  3. Test cardholder name is customisable in theming and custom UI sample apps

card1.webm

Checklist

Put an x in the boxes that apply. You can also fill these out after creating the PR. If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code.

• [X] Reviewers assigned
• [X] I have performed a self-review of my code and manual testing
• [X] Lint and unit tests pass locally with my changes
• [X] I have added tests that prove my fix is effective or that my feature works
• [ ] I have added necessary documentation (if applicable)

Further comments

If this is a relatively large or complex change, kick off the discussion by explaining why you choose the solution you did and what alternatives you considered, etc...

[chintan-soni-cko]

Nice work! We would need some changes as space doens't seem to allow inputting the cardholder name.

Also any language other than English won't be able to type, is this intentional?

@jheng-hao-lin-cko Thank you for calling out improvement here. Please find my inline comments:

1. Allowing space for cardholder names improved
2. Allowing other languages to support. however, due to regex for English characters, it won't and it was part of the previous PR. Hence, I will add this improvement in the next PR addressing the changes.