#morteza_issuing-web

1 messages ยท Page 1 of 1 (latest)

cosmic sparrowBOT
cosmic shoreBOT
#

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.

cosmic sparrowBOT
#

๐Ÿ‘‹ 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/1259905229084692522

๐Ÿ“ Have more to share? Add details, code, screenshots, videos, etc. below.

astral crystal
#

elements
.create("issuingCardExpiryDisplay", {
issuingCard: cardId,
ephemeralKeySecret: ephemeralKeyResult.secret,
nonce: nonceResult.nonce,
style: elementsStyle,
})
.mount(#${cardId}-card-expiry);

    const cardNumberCopy = elements.create("issuingCardCopyButton", {
      toCopy: "number",
      style: {
        base: {
          fontSize: "12px",
          lineHeight: "24px",
        },
      },
    });

    cardNumberCopy.mount(`#${cardId}-copy-card-number`);
#

I want to show card number copy icon when card copy is rendered

#

and mounted

raw yarrow
#

Hi, sorry for the wait. What's happening right now? You said you need to know when the element is loaded, but now you say you need to see the copy icon. Can you hone in on one issue at a time?

astral crystal
#

ok

#

first elemnt I said mounts card's expiry date and the second one is to copy card number

#

imagine I wan to mount copy card number when card number elemnt is mounted

#

because I don't want to show copy icon before card number is mounted

#

please have a look at this

#

as you see copy icon is mounted but there is no card number mounted yet

upper garnet
#

morteza_issuing-ios

#

๐Ÿ‘‹ taking over for my colleague as Discord is busy, give me a few minutes to catch up

astral crystal
#

sure

#

I'm using stripe issuing elements in my react native project

upper garnet
#

@astral crystal Just to clarify are you using our ReactNative SDK or are you using just normal Javascript in a browser/webview?

astral crystal
#

browser

#

webview

#

issuing is not available on SDK yet

#

must be webview

upper garnet
#

morteza_issuing-web

#

Okay just wanted to make sure because I was confused by the wording. Let me have a look

astral crystal
#

lemme check

#

it's wiered

#

when I call on I can only use 'click evenmnt

#

maybe it's not available on issuingElements

#

Argument of type '"ready"' is not assignable to parameter of type '"click"'.ts(2345)

upper garnet
#

I don't really get what you mean but my code looks like this ```const issuingCardNumberDisplay = elements.create(
'issuingCardNumberDisplay',
{
issuingCard: issuingCardId,
nonce: nonce,
ephemeralKeySecret: ephemeralKeySecret,
}
);

issuingCardNumberDisplay.on('ready', async (event) => {
console.log("In the ready event: ", JSON.stringify(event));
event.resolve();
});```

astral crystal
#

thanks

astral crystal
#

I have

#

another question for you

#

since I load these elements in webview, I wanted to trigger click events on copy card details elements from the app side , is it possible to somehow get access to these elements just to trigger their onclick action ? or it's restricted by stripe

#

??

upper garnet
#

No that's restricted and you can't control it

astral crystal
#

can I reach this goal by something else