The render method is used to display the card details in the iframe. It takes four parameters:
cardNumber, cvv, 3ds or pin: The type of card detail to display.
Options: An object containing the card details and other options.
Callback: A function that is called when the iframe is loaded or an error occurs.
The options object can include the following properties:
cardId: The unique identifier for the card.
hideData: A boolean value indicating whether to hide sensitive data.
authToken: The authentication token for the user.
maskedCardNumber: The masked card number to display.
style: An object containing CSS styles to apply to the iframe.
Note: Create separate render methods to render each of the sensitive components to be displayed, by creating a new instance of StrigaUXPlugin
StrigaUXPlugin.render(<KEY>, <OPTIONS>, <CALLBACK>)
Definition | Type | |
---|---|---|
KEY | String | cardNumber cvv pin 3ds |
OPTIONS | Object | cardId authToken style hideData id maskedCardNumber Check customisation for more details. |
CALLBACK | Function | Response Object: success or error |

Card number
StrigaUXPlugin.render("cardNumber", {cardId: '<CARD_ID>', authToken: '<CARD_AUTH_TOKEN>'})
CVV
StrigaUXPlugin.render("cvv", {cardId: '<CARD_ID>', authToken: '<CARD_AUTH_TOKEN>'})
Card PIN
Only activated PHYSICAL card has a card PIN.
StrigaUXPlugin.render("pin", {cardId: '<CARD_ID>', authToken: '<CARD_AUTH_TOKEN>'})
3D Secure Password
StrigaUXPlugin.render("3ds", {cardId: '<CARD_ID>', authToken: '<CARD_AUTH_TOKEN>'})