Import getsafle/keyless-transactions package using CDN in script tag

<script src="<https://unpkg.com/@getsafle/[email protected]/dist/keyless.min.js>"></script>

Widget Integration

Widget Initialisation

keylessWidget = new safle.safle.Widget({env: '',rpcURL: ''});

Widget Initialisation Event Listener

keylessWidget.on(keylessWidget.EVENTS.KEYLESS_WIDGET_INITIALISED, (data) => {
      console.log(data)
    });

Methods:

• Login Method

  keylessWidget.initLogin();
  

  Login Event Listener

  keylessWidget.on(keylessWidget.EVENTS.LOGIN_SUCCESS, (widgetData) => {
        console.log(widgetData)   
      });
  

• Sign and send transaction

  keylessWidget.initSendTransaction({
        to: #recipient address,
        value: #value to be transferred in wei,
        gasPrice: #gasPrice,   
        gasLimit: #gasLimit,
      });
  

  Sign and send transaction event listeners

  //Sign and send transaction success event
  keylessWidget.on(keylessWidget.EVENTS.SIGN_AND_SEND_TRANSACTION_SUCCESSFUL, (data) => {
          console.log(data)
      });
  
  //Sign and send transaction failure event
      keylessWidget.on(keylessWidget.EVENTS.SIGN_AND_SEND_TRANSACTION_FAILED, (data) => {
        console.log(data)
      });
  

• Sign transaction

  keylessWidget.initSignTransaction(
  { to: recipient address,
    value: #value in wei,
    gasPrice: #gasPrice ,   
    gasLimit: #gasLimit
  });
  

  Sign Transaction Event Listeners

  //Sign transaction failure event
  
  keylessWidget.on(keylessWidget.EVENTS.SIGN_TRANSACTION_SUCCESSFUL, (data) => {
          console.log(data)
      });
  //Sign transaction failure event
  
      keylessWidget.on(keylessWidget.EVENTS.SIGN_TRANSACTION_FAILED, (data) => {
        console.log(data)
      });
  

Code Sandbox

https://codepen.io/sshubhamagg/pen/wvJEdMP