Domain URL:

Below you will find a link to view card details in the iframe.

PROD-SANDBOX:

https://card-webview-sandbox.card91.io/reset-pin?platform=ios

PROD-LIVE:

https://card-webview.card91.io/reset-pin?platform=ios

Requirement fields:

Access the card-view the following parameter needed, if you have trouble finding please contact card91.

cardId
phoneNumber
token

Sample HTML File:

<!DOCTYPE html
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>card91</title>
   <style>
       iframe {
           height: 700px;;
           width: 100%;
       }
   </style>
</head>
<body>
   <script>
     window.addEventListener(
            "message",
            (e) => {
              console.log("e,", e);
              if (e.data.type === "C91_RESET_PIN_OTP_SCREEN_INITIALISED") {
                resetPin();
              }
            },
            false,
          );
       function resetPin() {
           try {
               var ORIGIN = "https://card-webview.card91.io";
               var params = {
                   "payload": {
                       "cardId": "XXXXXXXXXX",
                       "phoneNumber": "XXXXXXXXXX",
                       "token": "XXXXXXXXXX",
                   },
                   "type": "C91_RESET_PIN_SET_PARAMS"
               }
               document.getElementById("restPin").contentWindow.postMessage(JSON.stringify(params), ORIGIN);
           } catch (error) {
                   console.log(error);
           }
       }
   </script>
   <iframe  src="https://card-webview.card91.io/reset-pin?templateId=xoltt&platform=ios" frameborder="0"
       id="restPin"></iframe>
</body>
</html>