aidan-sunbury_docs

[amber umbra]

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

• aidan-sunbury_api, 1 hour ago, 13 messages

[ornate thistle]

👋 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/1257819477408747662

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

[lethal nacelle]

It is mounting in the dom, but not displaying in my app (the highlighted blue is the same div as I have highlighted in the chrome dev tools)

[tired robin]

Hi there, sorry for the delay!

[lethal nacelle]

All good

Do I just need to call

const myElement = element.create("issuingCardCvcDisplay", {
      issuingCard: myCardId,
      nonce: myNonce,
      ephemeralKeySecret: myKey,
      style: {
        base: {
          fontSize: "12px",
          lineHeight: "24px",
        },
      },
    });
    myElement.mount("#my-element-to-mount");

with

<label>
   Card
  <div id="my-element-to-mount"</div>
</label>

[tired robin]

Just taking a step back here to make sure I'm on the same page

You're essentially looking for a React-specific version of this guide? https://docs.stripe.com/issuing/elements

[lethal nacelle]

It does not have to be react specific. I am trying to implement the concepts from said guide and I am unable to get anything to display

I was unsure if I could use stripe-js/react (https://docs.stripe.com/stripe-js/react#element-components), since I can't get the iframe to mount and display in my application

why don't we just try and get the html mounting to work

Is there any way I can preview the iframe outside of my application to make sure it is getting created correctly?

When I open the src url of hte iframe in my browser, I just get a blank page

Or, if there are any example repos that implement the element mounting in the frontend, I could also try and copy from there

[bitter dagger]

Hello! I'm taking over and catching up...

As far as I can tell we don't have React support for issuingCardCvcDisplay. You would need to mount it manually using vanilla JS without React.

[lethal nacelle]

Also, totally unrelated question, but what is the process of getting approved for using the beta connected components: https://docs.stripe.com/connect/supported-embedded-components/issuing-card

I played around with them and I think they will be much easier to use, but the issuing display is beta only

[bitter dagger]

I think you need to send an email to the address on this page: https://docs.stripe.com/issuing/connect/embedded-components

[lethal nacelle]

okay sounds good!

thanks