pillow-fun_code | Stripe Developers | Page 1

warped jungleBOT Jun 25, 2024, 3:45 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! We typically respond in a few minutes, but in some cases we might need a bit more time (e.g., server's busy, you've got a complex question, etc.).

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1255005899693621298

📝 Have more to share? Add details, code, screenshots, videos, etc. below.

last hawk Jun 25, 2024, 3:49 AM

#

Hi, what errors are you seeing? Can you share the request id where you're seeing this error? Here's how you can find a request ID: https://support.stripe.com/questions/finding-the-id-for-an-api-request

boreal girder Jun 25, 2024, 3:50 AM

#

request log link https://dashboard.stripe.com/acct_1PU16SCnVROFWTKC/logs/req_8n4nlGyr7cY8s0?t=1719285788

#

request
{
"key": "pk_live_*********************************qBtPSt",
"type": "payment_intent",
"client_secret": "",
"stripe_js_id": "a6eec092-ed77-4841-a9be-d831dc652328",
"referrer_host": "ghost-thorough-pegasus.ngrok-free.app",
"locale": "zh-CN",
"_stripe_account": "acct_1PU16SCnVROFWTKC",
"expand": {
"0": "payment_method_preference.payment_intent.payment_method"
}
}

response

{
"error": {
"message": "The client_secret provided does not match any associated PaymentIntent on this account. Ensure the publishable key used belongs to the same account that created the PaymentIntent.",
"param": "client_secret",
"request_log_url": "https://dashboard.stripe.com/acct_1PU16SCnVROFWTKC/logs/req_8n4nlGyr7cY8s0?t=1719285788",
"type": "invalid_request_error"
}
}

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.

#

GET /v1/elements/sessions

last hawk Jun 25, 2024, 3:55 AM

#

On your server side, how are you creating the PaymentIntent?

boreal girder Jun 25, 2024, 3:56 AM

#

$stripe = new \Stripe\StripeClient($this->payconfig['api_key']);$paymentIntent = $stripe->paymentIntents->create(
[
'amount' => 1099,
'currency' => 'usd',

        'automatic_payment_methods' => ['enabled' => true],
      ]
    );

    $data['client_secret'] = $paymentIntent->client_secret;
    $error = '';
    $data['public_key'] = $this->payconfig['public_key'];
    $data['error'] = $error;
    $data['data_paymentIntent_express_faild'] = $paymentIntent;
    $data['connected_account_id'] = $this->payconfig['connected_account_id'];

#

the 'data' is the 'json', on above js script

last hawk Jun 25, 2024, 4:00 AM

#

Can you share the request id for when you created the intent for the above example?

boreal girder Jun 25, 2024, 4:00 AM

#

wait a moment

last hawk Jun 25, 2024, 4:01 AM

#

sure

boreal girder Jun 25, 2024, 4:03 AM

#

https://dashboard.stripe.com/acct_1PU16SCnVROFWTKC/logs/req_fsSqnGOTC5y9kc

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.

#

{
"automatic_payment_methods": {
"enabled": "true"
},
"currency": "usd",
"amount": "1099"
}

{
"id": "pi_3PVQa7CnVROFWTKC092zGrsx",
"object": "payment_intent",
"amount": 1099,
"amount_capturable": 0,
"amount_details": {
"tip": {
}
},
"amount_received": 0,
"application": "ca_POxDdW8GXU0yvr8Fis61TaCNPlhpw9OP",
"application_fee_amount": null,
"automatic_payment_methods": {
"allow_redirects": "always",
"enabled": true
},
"canceled_at": null,
"cancellation_reason": null,
"capture_method": "automatic_async",
"client_secret": "pi_3P*************************************************dvSi",
"confirmation_method": "automatic",
"created": 1719288131,
"currency": "usd",
"customer": null,
"description": null,
"invoice": null,
"last_payment_error": null,
"latest_charge": null,
"livemode": true,
"metadata": {
},
"next_action": null,
"on_behalf_of": null,
"payment_method": null,
"payment_method_configuration_details": {
"id": "pmc_1PU1lDCnVROFWTKCChyusvGk",
"parent": "pmc_1PI4KlGYwkaB6J4B08gDHcLm"
},
"payment_method_options": {
"card": {
"installments": null,
"mandate_options": null,
"network": null,
"request_three_d_secure": "automatic"
}
},
"payment_method_types": [
"card"
],
"processing": null,
"receipt_email": null,
"review": null,
"setup_future_usage": null,
"shipping": null,
"source": null,
"statement_descriptor": null,
"statement_descriptor_suffix": null,
"status": "requires_payment_method",
"transfer_data": null,
"transfer_group": null
}

#

https://api.stripe.com/v1/elements/sessions?key=pk_live_51OJclHGYwkaB6J4B7nS4gBNDiYlGdhXFwleecwaZ8V77WjvdjSreSnjupJ16S8yF1zAfFDNxoWPFP0TcvRxiqTvC00GzqBtPSt&_stripe_account=acct_1PU16SCnVROFWTKC&type=payment_intent&locale=zh-CN&client_secret=pi_3PVQc4CnVROFWTKC0rxVcUdE_secret_OZtvPkcdGDHuu8CqTkpY0Dzr5&referrer_host=ghost-thorough-pegasus.ngrok-free.app&expand[0]=payment_method_preference.payment_intent.payment_method&stripe_js_id=604166fa-2f7a-4c43-b83f-e9dc22829058

📎 message.txt

#

i got the right session now

#

but i can't see the EXPRESS BUTTON

last hawk Jun 25, 2024, 4:07 AM

#

What do you mean by 'EXPRESS BUTTON'?

silent sapphireBOT Jun 25, 2024, 4:22 AM

#

noble sky Jun 25, 2024, 4:25 AM

#

Hi @boreal girder I'm taking over, let me know if you have any follow-up questions.

boreal girder Jun 25, 2024, 4:27 AM

#

the EXPRESS BUTTON is not found

noble sky Jun 25, 2024, 4:28 AM

#

Is it about ExpressCheckouElement?

boreal girder Jun 25, 2024, 4:28 AM

#

yes

#

noble sky Jun 25, 2024, 4:29 AM

#

Ok, I do see the ExpressCheckoutElement displayed in the screenshot.

#

So what buttons are you looking for? google pay button ?

boreal girder Jun 25, 2024, 4:30 AM

#

but the "express-checkout-element" dom is empty

#

i am looking for the "Link" button

noble sky Jun 25, 2024, 4:31 AM

#

OK, do you see any errors in the browser console?

boreal girder Jun 25, 2024, 4:32 AM

#

no error on console

noble sky Jun 25, 2024, 4:33 AM

#

Ok, looks like you didn't specify options to elements

#

Can I suggest you to follow this guide https://docs.stripe.com/elements/express-checkout-element/accept-a-payment#set-up-elements for your express checkout element integration?

Accept a payment with the Express Checkout Element

Learn how to accept payments with the Express Checkout Element.

boreal girder Jun 25, 2024, 4:36 AM

#

like this ?

const elements = stripe.elements(elements_options);
const options = {
paymentMethods:{
applePay:'always',
link:'auto',
paypal:'auto',
}
};
const expressCheckoutElement = elements.create('expressCheckout', options)
expressCheckoutElement.mount('#express-checkout-element')

noble sky Jun 25, 2024, 4:37 AM

#

https://docs.stripe.com/elements/express-checkout-element/accept-a-payment?client=html#set-up-elements

  mode: 'payment',
  amount: 1099,
  currency: 'usd',
  // Customizable with appearance API.
  appearance: {/*...*/},
};

// Set up Stripe.js and Elements to use in checkout form
const elements = stripe.elements(options);```

boreal girder Jun 25, 2024, 4:39 AM

#

Invalid options for elements(): Expected either mode or clientSecret, but not both

#

i pass the clientSecret

#

#

when i use mode replace the clientSecret, I got the same result

noble sky Jun 25, 2024, 4:47 AM

#

Remove clientSecret and try again

boreal girder Jun 25, 2024, 4:51 AM

#

#

still empty

#

When I use public key in my own account, it is ok, like this :

#

When I use connected Acount like this, the dom is empty

const stripe = Stripe(json.public_key , {
stripeAccount: json.connected_account_id
});

#

I'm going to take a nap soon, and I'll continue with you later

noble sky Jun 25, 2024, 5:03 AM

#

What's the connected account ID?

boreal girder Jun 25, 2024, 5:38 AM

#

#

I'm back

#

connected_account_id: acct_1PU16SCnVROFWTKC

noble sky Jun 25, 2024, 5:42 AM

#

OK, have you registered payment method domain for this connected account?

boreal girder Jun 25, 2024, 5:45 AM

#

wait an moment

#

#

域名
ghost-thorough-pegasus.ngrok-free.app

域名 ID
pmd_1PU6cPCnVROFWTKC7MzEdPPE

last hawk Jun 25, 2024, 5:53 AM

#

Do you have any css sizing restictions? Can you share the firect URL so I can debug this fruther on my end?

boreal girder Jun 25, 2024, 6:20 AM

#

wait an moment

#

my dev url is https://ghost-thorough-pegasus.ngrok-free.app/product/test.html?variants=1

#

Can you debug this Url ?

noble sky Jun 25, 2024, 6:24 AM

#

Let me take a look

boreal girder Jun 25, 2024, 6:33 AM

#

Is there any configuration that hasn't been enabled

noble sky Jun 25, 2024, 6:33 AM

#

    stripeAccount: json.connected_account_id
});```

is this public_key the platform's publishable key ?

boreal girder Jun 25, 2024, 6:34 AM

#

yes

#

initialize();
function initialize() {
$.ajax({
url: "/index/payment/fast_strip/initEmbeddedCheckout",
data:{ },
method:"POST",
dataType: 'json',
success: function (json) {

                console.log('data_paymentIntent_payment_ok')

                console.log(json.public_key)
                console.log(json.connected_account_id)
                console.log(json.data_paymentIntent_payment_ok)

const paymentElement = elements.create('payment');
paymentElement.mount('#payment_content_stripe');

            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        } );

    }

noble sky Jun 25, 2024, 6:36 AM

#

I saw Apple Pay in Safari

boreal girder Jun 25, 2024, 6:36 AM

#

oh~

noble sky Jun 25, 2024, 6:37 AM

#

Hmm, so are you using payment element or express checkout element?

#

The code snippet that you just shared is about payment element

boreal girder Jun 25, 2024, 6:38 AM

#

express checkout element

#

The payment element is not a problem, so I believe this platform's publishable keyis correct

noble sky Jun 25, 2024, 6:40 AM

#

Can you try this?

    paymentMethods:{
        applePay:'always',
        link:'always',
        paypal:'always',
    }
};```

boreal girder Jun 25, 2024, 6:40 AM

#

noble sky I saw Apple Pay in Safari

you saw Apple Pay in Safari, link payment should show chrome?

#

ok I will try

#

#

I can't set "always"

#

I'll be out for a few minutes, I'll contact you later

noble sky Jun 25, 2024, 6:43 AM

#

Then set paypal to auto

boreal girder Jun 25, 2024, 6:44 AM

#

#

I can only configure it this way:
const options = {
paymentMethods:{
applePay:'always',
link:'auto',
paypal:'auto',
}
};

#

I'll be out for a few minutes, I'll contact you later

#

I can't set link & paypal as always

noble sky Jun 25, 2024, 7:01 AM

#

Ok. I still trying to figure out why LInk doesn't show in the connected account.

#

Can you double check if the connected account ID is indeed acct_1PU16SCnVROFWTKC ?

boreal girder Jun 25, 2024, 7:07 AM

#

I'll check

#

The sub account is correct: acct_1PU16SCnVROFWTKC

noble sky Jun 25, 2024, 7:34 AM

#

Ok I found the problem

#

https://dashboard.stripe.com/test/settings/payment_methods/connected_accounts?config_id=pmc_1PVTsMGYwkaB6J4Bz6u7OQTc the platform set Link off by default. Can you enable it and try again?

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.

boreal girder Jun 25, 2024, 7:44 AM

#

I am connect platform to review this

#

wow ~, It's ok now

#

Thank you for your professional guidance

#pillow-fun_code