+ This page demonstrates the process of making a payment using the + Simple Signer. +
+Click the "Make Payment" button to initiate the payment process.
+ + + + + +``` + +You may choose to pass the payment parameters to Simple Signer either via URL or via postMessage. + +Via URL: + +```javascript +const receiver = 'Receiver public key'; +const amount = '10'; +const assetCode = 'native'; // 'native' for XLM, or asset code for other assets +const issuer = ''; // If assetCode is not 'native', provide issuer's public key + +const paymentWindow = window.open( + `https://sign.scalemote.io/payment/?receiver=${receiver}&amount=${amount}&assetCode=${assetCode}&issuer=${issuer}`, + 'Payment_Window', + 'width=360, height=700', +); +``` + +Via PostMessage: + +Post Message has some advantages over the URL method which are covered in the Payment API section. + +```javascript +const receiver = 'Receiver public key'; +const amount = '10'; +const assetCode = 'native'; // 'native' for XLM, or asset code for other assets +const issuer = ''; // If assetCode is not 'native', provide issuer's public key + +const simpleSignerUrl = 'https://sign.scalemote.io'; +const paymentWindow = window.open( + `${simpleSignerUrl}/payment`, + 'Payment_Window', + 'width=360, height=700', +); + +window.addEventListener('message', (e) => { + if ( + e.origin !== simpleSignerUrl && + e.data.type === 'onReady' && + e.data.page === 'payment' + ) { + paymentWindow.postMessage( + { receiver, amount, assetCode, issuer }, + simpleSignerUrl, + ); + } +}); +``` + ## Language selection By default, Simple Signer will detect the browser's language and serve Simple Signer using this configuration. If the diff --git a/cypress/fixtures/payment.json b/cypress/fixtures/payment.json new file mode 100644 index 00000000..5b698c57 --- /dev/null +++ b/cypress/fixtures/payment.json @@ -0,0 +1,6 @@ +{ + "destinationAccount": "GCECUYXE32PPYKPVYOSILACOCUGMEZSDO7GYERC2GKAG2HM34BLMMOMB", + "amountToSend": 100, + "assetCode": "native", + "issuer": "none" +} diff --git a/cypress/integration/ui/events_spec.ts b/cypress/integration/ui/events_spec.ts index 00c43995..2fcb8263 100644 --- a/cypress/integration/ui/events_spec.ts +++ b/cypress/integration/ui/events_spec.ts @@ -1,6 +1,7 @@ ///{$language.ERROR_MISSING_RECEIVER_DATA}
+ +{$language.NETWORK}:
+{CURRENT_STELLAR_NETWORK}
+{$language.USER_IS_NOT_CONNECTED}
+ +