#bono_unexpected
magic waveBOT
👋 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/1309466368994971741
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
mortal iris
Hi! I suddenly have this issue of TWINT payment method missing from my Stripe Elements that I implemented
only credit card menu shows up
if I forcefully add the methodType props to the Element Component I see it
which allows me to suspect I am not receiving the method types correctly from the dashboard configuration somehow
pulsar lion
I need the PaymentIntent ID to check the issue please
mortal iris
pi_3QNnB8JmrPDMHyjE1XUd5wAl
pulsar lion
is that the one that is not showing the TWINT?
mortal iris
Sorry I dont understand why PaymentIntent ID is needed for this issue because it is not the "transaction" that is the problem
It is "before" the payment is made, the Stripe Elements UI do not show TWINT as available option
pulsar lion
@mortal iris in order to understand what is showing on your PaymentElement and what's not and why I need to have the PaymentIntent ID
are you using the deferred flow by any chance?
mortal iris
Oh I think I get what you mean sorry give me a moment
I believe I follow this flow https://docs.stripe.com/payments/accept-a-payment-deferred, so yes
mortal iris
sure no problem!
pulsar lion
would you mind sharing your code for initializing the PaymentElement please?
mortal iris
export const StripeElementsWrapper: FC<StripeElementsWrapperProps> = ({ amount, currency, storeCode, children }) => {
const { storeConfig } = useStoreConfig(storeCode);
return (
<Elements
options={{
currency: currency.toLowerCase(),
mode: 'payment',
amount: formatAmountCentsForStripe(amount, currency),
}}
stripe={getStripe(storeConfig?.stripeKey)}
>
{children}
</Elements>
);
};
let stripePromise: Promise<Stripe | null>;
export default function getStripe(stripePublicKey: string | undefined): Promise<Stripe | null> {
if (!stripePublicKey) return Promise.resolve(null);
if (!stripePromise)
stripePromise = loadStripe(stripePublicKey, {
locale: i18next.languages[0] as StripeElementLocale,
});
return stripePromise;
}
storeConfig.stripeKey returns the public key from Stripe dashboard - API keys
mortal iris
chf
pulsar lion
what's your account ID?
mortal iris
where can I check that?
pulsar lion
on your dashboard
mortal iris
oh found it
pulsar lion
mortal iris
||acct_1O5XvAJmrPDMHyjE||
magic waveBOT
Hello @mortal iris, we have sent you a direct message, please check it at https://discord.com/channels/@me/1309476237105692713
- 🔗The message has instructions on how to open a direct support case with our Developer Support team, in order to help you more effectively.
pulsar lion
@mortal iris please let me know when you have created the case
mortal iris
yes I have created the case
pulsar lion
perfect, thanks 🙂 someone from my team will reach out to you soon
mortal iris
which medium will I be contacted?