Credit Card Form

Tokenization Form Web Component

Use the <tokenization-form> tag and provide the required properties:
Note: If you're using a JavaScript framework with dynamic data binding (e.g., React, Vue, Angular), follow the HTML example.
If not, use the vanilla JavaScript example to programmatically create the tag and bind the data.

🔹 Required Properties:

• sessions: will contain all the authorization sessions required for the web component to support multiple tokenization approaches. Do not alter/modify this object or build logic with it as it might constantly change.
• submit-success: Callback function to handle the generated oneTimeToken.
• validation-error: Callback to handle validation errors.

🔹 Methods:

• validateForm: Triggers all validation rules for the tokenization form and, if validation passes, initiates the tokenization process.
• isFormValid: Returns a boolean value indicating whether all form fields are valid.