#rupinder_api
sinful perchBOT
👋 Welcome to your new thread!
⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always 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/1344592637969301545
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
fossil pier
const fetchClientSecret = async () => {
try {
return await $.get('{{ route("stripe.client.secret") }}', {
_token: '{{ @csrf_token() }}',
stripe_payment_id: $("#stripe_payment_id").val(),
});
} catch (error) {
console.error("Error fetching client secret:", error);
}
};
const {
clientSecret,
id
} = await fetchClientSecret();
$('#pay_with_wallet').attr('data-key', id)
const appearance = {
theme: 'stripe',
variables: {
colorPrimary: '#0570de',
colorBackground: '#F0F0F0',
colorText: '#30313d',
colorDanger: '#df1b41',
spacingUnit: '5px',
fontWeightNormal: '500',
border: 'none',
accessibleColorOnColorPrimary: '#1A1B25',
logoColor: 'dark'
},
rules: {
'.Input': {
backgroundColor: '#ffffff',
border: '2px solid #4FAD54 '
}
}
};
elements = stripe.elements({
clientSecret,
appearance
});
const paymentElementOptions = {
layout: {
type: 'tabs',
defaultCollapsed: false,
},
defaultValues: {
billingDetails: {
address: {
country: '{{get_system_region()->code}}'
}
}
}
};
const paymentElement = elements.create("payment", paymentElementOptions);
paymentElement.mount("#stripe-checkout-form");
this is the code to intialize form, but issue with this is that on every page load it is creating payment intent in stripe
but I donot want that to happen
as with stripe , I am using other payment gateways too so even user pays using that an incomplete intent is created in stripe
covert kindle
Hello, have you tried following this guide? https://docs.stripe.com/payments/accept-a-payment-deferred - it goes through step by step how to use a deferred Intent flow which is what you're looking for
fossil pier
yes, this is what I followed
but what I want is not to create incomplete payment intents
these
just when user clicks on pay button these to create
fierce leaf
I don't think you've followed the guide my colleague linked
You've followed the guide where you create the intent before mounting the Element – you want the opposite
That's what the link outlines
fossil pier
okay, let me check