Repository navigation
[Due for payment 2026-10-15] Migrate CardAuthenticationModal to @react-navigation modal screen #90477
Description
Context
This is a sub-issue of #53493 (Replace modal screens with modals from @react-navigation).
For full background and migration approach, see the triage analysis comment and the sub-issue breakdown comment.
Problem
CardAuthenticationModal handles 3D Secure (SCA) card authentication. It is web-only and its visibility is driven by an Onyx key rather than props, making it complex to migrate to @react-navigation.
Migration approach (Group 4 — Complex)
- File:
src/pages/settings/Subscription/CardAuthenticationModal/index.tsx - Used by:
PaymentCard/index.tsx(nopolicyID) andWorkspaceOwnerChangeWrapperPage.tsx(withpolicyID) - Complexity:
- Web-only: the native implementation returns
null. - Visibility is driven by the
VERIFY_3DS_SUBSCRIPTIONOnyx key (not a prop). - Uses
window.addEventListener('message')for the SCA 3D Secure iframe callback. - Different success actions depending on whether
policyIDis present.
- Web-only: the native implementation returns
Suggested migration approach
- Create a dedicated navigation page (e.g.,
CardAuthenticationPage) that readsVERIFY_3DS_SUBSCRIPTIONfrom Onyx. - When
authenticationLinkappears in Onyx, navigate to the new page automatically (can be done in auseEffectin the parent or a global listener). - Pass
policyIDas a route param to handle the different success actions. - Implement the
window.addEventListener('message')3DS callback within the new page. - On web-narrow, the page should render as a modal screen; on native, the flow is a no-op.
- Test the full 3D Secure card authentication flow on web (both with and without
policyID).
Reference
- Triage analysis: Replace modal screens with modals from
@react-navigation#53493 (comment) - Parent tracking issue: Replace modal screens with modals from
@react-navigation#53493
Activity
@react-navigation#53493melvin-bot commentedon May 18, 2026
@jmusial Huh... This is 4 days overdue. Who can take care of this?
sharabai commentedon May 20, 2026
@mountiny could you assign me this one?
melvin-bot commentedon May 25, 2026
@parasharrajat Eep! 4 days overdue now. Issues have feelings too...
parasharrajat commentedon May 26, 2026
No update yet.
37 remaining items
melvin-bot commentedon Oct 14, 2026
@mountiny @sharabai
The solution for this issue has been 🚀 deployed to production 🚀 in version 9.5.8-5 and is now subject to a 7-day regression period 📆. Here is the list of pull requests that resolve this issue:
[-]Migrate CardAuthenticationModal to @react-navigation modal screen[/-][+][Due for payment 2026-10-15] Migrate CardAuthenticationModal to @react-navigation modal screen[/+]melvin-bot commentedon Oct 15, 2026
Triggered auto assignment to @mallenexpensify (
Awaiting Payment)melvin-bot commentedon Oct 15, 2026
Skipping the payment summary for this issue since all the assignees are employees or vendors. If this is incorrect, please manually add the payment summary SO.
mallenexpensify commentedon Oct 17, 2026
yowza, that PR is massive. I don't think anyone is due payment, cc @parasharrajat in case you are.