Using Onramp with https

Query Params

onrampWindow = window.open(`${onramp_base_url}?
env=${env}
&mode=${mode}
&walletAddress=${walletAddress}
&exchangeScreenTitle=${exchangeScreenTitle}
&aarc_api_key=${aarc_api_key}
`, '_blank')

For Contract interaction mode

SourceTokenData {
  sourceTokenCode: string;
  sourceTokenAmount: number;
}

CryptoCurrencyData {
  cryptoCurrencyCode: string;
  cryptoCurrencyName: string;
  cryptoCurrencyImageURL: string;
}
onrampWindow = window.open(`
${onramp_base_url}?
env=${env}
&mode=${mode}
&walletAddress=${walletAddress}
&estimatedGasLimit=${estimatedGasLimit}
&smartContractAddress=${smartContractAddress}
&sourceTokenData=${JSON.stringify(sourceTokenData)}
&calldata=${callData}
&cryptoCurrencyData=${JSON.stringify(cryptoCurrencyData)}
&aarc_api_key=${aarc_api_key}
`, '_blank')

Create an event listner for listening to the onramp events

window.addEventListener("message",
            function (e: any) {
                <handle onramp events..>
            },
            false);
    }
        , []);

Event Types

  • ONRAMP_WIDGET_CLOSE

  • ONRAMP_ORDER_SUCCESSFUL

  • ONRAMP_ORDER_FAILED

Last updated