Add IRIS payment component

[johnayeni]

📋 Pull Request Checklist

• I have added unit tests to cover my changes.
• I have added or updated Storybook stories where applicable.
• I have tested the changes manually in the local environment.
• I have checked that no PII data is being sent on analytics events
• All E2E tests are passing, and I have added new tests if necessary.
• All interfaces and types introduced or updated are strictly typed.

---

📝 Summary

IRIS Payment is a real-time bank transfer system, popular in Greece, allowing direct payments from a customer's bank account via their mobile banking app, often by scanning a QR code or by selecting an bank issuer to be redirected to. This PR adds proper support for this Payment method to the SDK.

---

🧪 Tested scenarios

Both the redirect flow and the qr code flow for the IRIS payment method have been covered by the following tests

• Manual tests
• Unit tests
• E2E tests

---

🔗 Related GitHub Issue / Internal Ticket number

COSDK-861

Closes:

---

[changeset-bot]

🦋 Changeset detected

Latest commit: a4d518d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@adyen/adyen-web	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for adyen-web ready!

Name	Link
🔨 Latest commit	a4d518d
🔍 Latest deploy log	https://app.netlify.com/projects/adyen-web/deploys/69660d22a1214e00084728d6
😎 Deploy Preview	https://deploy-preview-3708.checkout-web-dev.adyen.com
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[gemini-code-assist]

Summary of Changes

Hello @johnayeni, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request introduces the Iris payment component, expanding the available payment methods within the system. The component is designed to handle both traditional issuer list selections and QR code payment processes, leveraging existing helper utilities. Accompanying this addition are minor adjustments to the IssuerListContainer's validation logic and updates to Storybook for component demonstration and testing.

Highlights

• New Iris Payment Component: Introduced a new Iris payment component, which supports both issuer list selection and QR code-based payment flows.
• IssuerListContainer Simplification: The isValid getter in IssuerListContainer has been simplified to always return true, potentially affecting validation logic for issuer list components.
• Component Integration: The new Iris component has been integrated into the main component exports and added to the TxVariants enum for proper type identification.
• Storybook Updates: Storybook configurations were updated to include the Iris component, setting 'GR' (Greece) as the default country code for its story and adjusting the DEFAULT_AMOUNT_VALUE.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

The pull request introduces a new Iris payment component, including its Storybook configuration and integration into the existing component structure. The changes involve adding new files for the Iris component, updating the TxVariants enum, and exporting the new component. A significant change was made to the IssuerListContainer.tsx file, specifically to the isValid getter, which now unconditionally returns true. This change needs careful consideration as it bypasses the intended validation logic for components extending IssuerListContainer.

[github-actions]

size-limit report 📦

Path	Size
UMD	114.75 KB (+0.73% 🔺)
Auto	121.18 KB (+0.59% 🔺)
ESM - Core	25.51 KB (+0.4% 🔺)
ESM - Core + Card	64.71 KB (-0.02% 🔽)
ESM - Core + Dropin with Card	71.28 KB (+0.15% 🔺)

[johnayeni]

/gemini review

[gemini-code-assist]

Code Review

This pull request introduces the new Iris payment component, which is a significant and well-executed addition. The implementation is robust, featuring two distinct modes (Bank List and QR Code) with a responsive default based on the device type. The changes are thoroughly supported by a comprehensive suite of Storybook stories, unit tests, and end-to-end accessibility tests, which is excellent. I also appreciate the thoughtful refactoring of existing components like IssuerListContainer and the creation of the reusable SegmentedControlRegion to improve type safety and accessibility. My feedback includes a minor suggestion to improve module organization for cleaner imports.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
94.1% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud