Error when tokenizing Stripe element card

[y3owk1n]

While i am implementing my custom checkout flow, when I call the following code, I've got this error "Missing value for stripe.confirmCardSetup intent secret: value should be a client_secret string."

            await swell.payment.tokenize({
                card: {
                    onError: (err) => {
                        // inform the customer there was an error
                        console.log({ err });
                    },
                    onSuccess: async () => {
                        console.log("success");
                        //finally submit the form
                    },
                },
            });

I've done the integration from the dashboard as follows.

Would like to check if I should include any client secret anywhere?

[y3owk1n]

Upon debuging this, I think it might be a bug from swell js on handling camelCase. As illustrated by the breakpoint image below, it seems like the response from authorization are camelCase, but the next function is using snakecase instead.

[Buupu]

Experiencing the same issue. Very annoying as I've implemented my app with camelCase but looks like I'll have to go through and change everything to snakecase 😭

[y3owk1n]

@Buupu I think this might be a bug and had shared my debugging process here. I refuse to convert my codebase back to snake case and hope it could get a hotfix as soon as possible 😢

[Buupu]

Thanks for sharing! I'm tempted to patch it locally as well but don't really want to be forking an external lib.

Will keep an eye on your post, hopefully they fix it soon 😭😭

[y3owk1n]

@Buupu yeah ~ finger cross 🤞🏻.

[y3owk1n]

@Buupu I've implemented some changes on my fork of swelljs here. If you're interested to use it or check on it, feel free to use it temporarily. Don't think it well differ much when it comes to the official fix from swell team particularly on this issue.

[swellmike]

Thanks @y3owk1n ! I'll forward this patch to the Swell team for review and inclusion into the official SDK.

I think there may be further improvements, such as factoring in options.useCamelCase to transform the Stripe key.

[swellmike]

Try pulling down the latest swell-js (v3.18.3)
https://www.npmjs.com/package/swell-js

@y3owk1n The final patch looks slightly different than the original submission, so let us know if it works for you.

[y3owk1n]

@swellmike it works perfectly. I think the changes was pretty similar and did not affect anything at all. Thanks for the quick fix!