Does someone have a working version of Klarna?

[rinorzek]

Title. I'm struggling for days to get Klarna working with swell, and it's very hard.
Here is what I had at first:

export const createKlarnaPayment = async (
  amount: number,
  items: KlarnaOrderItem[],
  owner: KlarnaOwner,
  klarna: KlarnaSourceData,
) => {
  const stripe = await getStripe();
  const returnUrl = getBaseUrl();
  returnUrl.pathname = "/order/submitting";

  const intent = await stripe.createSource({
    type: "klarna",
    flow: "redirect",
    amount,
    currency: "USD",
    owner,
    klarna: {
      product: "payment",
      purchase_country: "US",
      ...klarna,
    },
    source_order: {
      items,
    },
    redirect: {
      return_url: returnUrl.toString(),
    },
  });

  return intent;
};

That's all I had in my code, I called this on button click, however I was getting an error on a new page that said:

{
  "error": {
    "code": "failed_redirect_url_computation",
    "type": "card_error",
    "message": "Redirect URL computation failed."
  }
}

it was no way I could debug this, even after reaching out to swell and stripe support.

So now I decided to re-implement Klarna through Stripe with their new method of Payment Intent, like shown here. https://stripe.com/docs/payments/klarna/accept-a-payment?platform=web&ui=API

The payment is successful I can assure you that, I check with the Stripe team, but now the problem for sure is Swell in this part, where the order says "Unpaid", what does Swell need in the cart update call with a payment method? The only way I could make the order go in (even though the payment status says "unpaid") was by removing the "method": "klarna" property from the swell.cart.update billing object. If I left that added it complained about this error:
Payment authorization failed (missing klarna token (billing.klarna.token)), I don't know what value to get to this property, this is all the params I get from Klaran in the url:
?payment_intent=pi_3Nrew8He7BhUgpBH0Ivbty4E&payment_intent_client_secret=pi_3Nrew8He7BhUgpBH0Ivbty4E_secret_8fOOxpOaDCXktGvLHFAA20kqj&redirect_status=succeeded#EhcKFWFjY3RfMU1BZDFWSGU3QmhVZ3BCSA&auth=94b377f5-85cf-5d8b-8969-e5edccdd0d23

[rinorzek]

@papertokyo can you help me with this, it's really urgent for me, thanks a lot.

[rinorzek]

even after adding the value for token, I used the payment_intent param from the url, I now get a similar error regarding the exp_month property:
Error: Payment authorization failed (billing.klarna.exp_month missing) which despite adding it, it still complains.

[rinorzek]

[rinorzek]

how I'm updating the cart:

 const cart = await updateCart({
          billing: {
            method: "klarna",
            klarna: {
              exp_month: "12",
              token: paymentIntent,
            },
          },
        });

[rinorzek]

it's crazy that we can have all of these changes, swellstores/swell-js@48c6d80 and not a single change in the docs!

[rinorzek]

Finally managed to do this by literally having to read the code base:

const cart = await swell.cart.update({
          billing: {
            method: "klarna",
            klarna: {
              token: paymentIntent.payment_method,
            },
            intent: {
              stripe: {
                id: paymentIntent.id,
              },
            },
          },
        });

Now I have an error saying the account_id is required which is completely meaningless

[vstudenichnik-insoft]

Hey @rinorzek, this is the correct cart billing configuration for Klarna payments via Stripe Intent API. You also need to assign an account to the cart in order to convert the cart into an order (swell.account.login(email, password)).

[coderreco]

Hey @rinorzek, in this instance I assume you also can have guest checkout, but you likely need a sufficient amount of customer information in the billing object as well. I imagine probably first name, last name, and email? Cart Model
Might already be there, but I know I ran into a similar hurdle. Once I added enough billing info it auto-generated an email account id or referenced existing one with a matching email.

[papertokyo]

The first thing I'm seeing is you have this code for constructing your return URL:

const returnUrl = getBaseUrl();
returnUrl.pathname = "/order/submitting";

...

redirect: {
    return_url: returnUrl.toString(),
},

Unless toString() is a custom method you have implemented in your getBaseUrl function, it seems like it would result in this output which Stripe won't be able to parse, and I would expect to return an error like you're seeing.

I will double-check the examples in the docs, but can you verify that the return_url value you're passing in the stripe.createSource call from your initial post is a valid URL string?