Adyen Google Component not updating after changing key from failed payment

[GraduateToaster]

Description

When updating the key of a component (specifically Google in my case) the component does not update, in the case of Google it means the Component doesn't reset when we cancel meaning the component is stuck in the state of "Processing Payment". In the onError() callback I update the key for the component but the component does not call attach again.

Steps to Reproduce

1. I am able to consistently reproduce this issue: Yes/No

2. Steps to reproduce the issue:

   1. Create the Google Component
   2. Click on the component to get the GPay sheet
   3. Cancel the order
   4. Update the key used on the component
   5. No change 🐛

3. Screenshots or a screen recording:
   https://github.com/user-attachments/assets/20d04c77-bb6b-4e68-88cd-df0ce9736275

Code Snippets

Provide code snippets where the SDK is implemented in your project.

Example repo: https://github.com/GraduateToaster/AdyenComponentTest
At the bottom of the PaymentViewModel certain keys have been omitted for security reasons.

Integration Information

1. Server-side integration: Sessions/Advanced flow
2. Client-side integration: Components
3. SDK version: 3.14.0
4. Android version(s) where issue occurs: tested on Android 12 & 15
5. Device model(s) where issue occurs: Pixel & OnePlus

Additional Context

Think the possible solution might be to call attach() on the AndroidView update {} callback to ensure the attach is called on the data changing. Not sure what wider implications this may have. The updated version of this is at the bottom of the PaymentPage in AdyenComponentFix().

[OscarSpruit]

Hi @GraduateToaster, thank you for the detailed report and the reproducer! It helped us a lot in understanding the issue and finding a solution. Your suggested fix to call attach() in update {} unfortunately causes different issues, so we are looking into other ways to solve it. For now the best workaround we found is to use the key() {} composable like below:

key(someKeyThatChangesDynamically) {
    AdyenComponent(
        component = googlePayComponent,
    )
}

Please let us know if that works for you or if you run into anything else

[GraduateToaster]

Hello @OscarSpruit , thanks for getting back on the issue. I've implemented the suggestion above and it seems to be working, I've keyed it to the same id I was passing to the component and it works. Eager to hear about the fix but thought I would share for anyone else coming across the same issue.

Thanks.