iFrame Events

//create a new instance of the iframe, and add the container ID and config object
var iframe = new TokenEx.Iframe("tokenExIframeDiv", iframeConfig);

//add event listeners
iframe.on("load", function () { console.log("CC iFrame Loaded") });
iframe.on("focus", function () { console.log("CC iFrame focus") });
iframe.on("blur", function () { console.log("CC iFrame blur") });
iframe.on("change", function () { console.log("CC iFrame Change:") });
iframe.on("validate", function (data) { console.log("CC iFrame validate:" + JSON.stringify(data)) });
iframe.on("cardTypeChange", function (data) { console.log("CC iFrame cardTypeChange:" + JSON.stringify(data)) });
iframe.on("tokenize", function (data) { console.log("CC iFrame Tokenize:" + JSON.stringify(data)) });
iframe.on("error", function (data) { console.log("CC iFrame error:" + JSON.stringify(data)) });
iframe.on("cvvFocus", function () { console.log("CVV iFrame focus") });
iframe.on("cvvBlur", function () { console.log("CVV iFrame blur") });
iframe.on("autoCompleteValues", function (data) { console.log("CC iFrame Autocomplete Values:" + JSON.stringify(data)) });
iframe.on("binLookup", function (data) { console.log("iFrame Binlookup Values:" + JSON.stringify(data)) });
iframe.on("notice", function(data) { console.log("CC iFrame notice:" + JSON.stringify(data) });

//calling the iframe's load function adds the iframe to the DOM.
iframe.load();

PCI Valid:
{"isValid":true,"cardType":"masterCard","lastFour":"5454","firstSix":"545454"}

Invalid input data/failed validation:
{"isValid":false,"validator":"format"}

User did not supply any data:
{"isValid":false,"validator":"required"}

Non-PCI Valid:
{"isValid":true,"characterCount":9}

PCI:
{"firstSix":"545454","lastFour":"5454","firstEight":"54545454","cardType":"masterCard","token":"545454R5F6RR5454","referenceNumber":"18022410572868097790","tokenHMAC":"RqMhITN57i2WkDZLeoUcOMK71zT8zLnonzTKdyeCq0k="}

Non-PCI:
{"characterCount":9,"token":"UUYLWJFEJE8C3NL24GQECHW614D4D9JOIIYICY","referenceNumber":"18022411000938179325","tokenHMAC":"5MDYcUNcZL7UKFyVZQk/9lG6i0Llj/i4L+uTfBHXkrg="}

private string GenerateHMAC(string token, string customerSecretKey)
{
    var result = string.Empty;
    var hmac = new System.Security.Cryptography.HMACSHA256();
    hmac.Key = System.Text.Encoding.UTF8.GetBytes(customerSecretKey);
    var hash = hmac.ComputeHash(System.Text.Encoding.UTF8.GetBytes(token));
    result = Convert.ToBase64String(hash); // Ensure the string returned is Base64 Encoded
    return result;
}

Toggle Mask:
{"inputMasked":true}

Toggle Cvv Mask:
{"inputMasked":false}

Autocomplete Values:
{"nameOnCard": "Jane Doe", "cardExp": "01/2027"}

{
    "accountUpdater": false,
    "alm": false,
    "authentication": [
    ],
    "bankName": "NATIONAL BANK OF CANADA",
    "bankPhone": "",
    "bankUrl": "",
    "binLength": null,
    "binMax": "5569233199999999999",
    "binMin": "5569233110000000000",
    "cardBrand": "MASTERCARD",
    "cardBrandIsAdditional": false,
    "cardSegmentType": "Commercial",
    "cleanBankName": "",
    "comboCard": "",
    "correlationId": "eyJGaWxlSWQiOjc4OTgsIlZlcnNpb24iOjQyfQ==",
    "cost": [
        {
            "capAdvaloremAmount": 0.015,
            "capFixedAmount": 0,
            "capTypeQualifierText": "CA CREDIT MASTERCARD"
        }
    ],
    "countryAlpha2": "CA",
    "countryName": "CANADA",
    "countryNumeric": "124",
    "domesticOnly": false,
    "gamblingBlocked": false,
    "issuerCurrency": "",
    "level2": false,
    "level3": false,
    "panOrToken": "pan",
    "prepaid": false,
    "productCode": "MNF",
    "productName": "MasterCard Public Sector Commercial Card",
    "regulated": null,
    "regulatedName": "",
    "reloadable": true,
    "sharedBin": false,
    "type": "Credit"
}