sprinque-js-sdk-wip
Advanced tools
Please make sure you're registered in our Merchants Portal and generated API token. If you have any problems just contact support@sprinque.com or check our API docs.
*getTokenUrl should be your backend proxy endpoint that will return temp token based on the const Sprinque API token;
The Modal can be loaded using a script tag or by installing a node package.
When using the script tag, you can use our minified script we publish at npm, and can be loaded from the unpkg cdn. Here as example:
<!DOCTYPE html>
<html>
<head>
<title>Sprinque JS SDK</title>
<script src="https://unpkg.com/sprinque-js-sdk-wip/dist/index.umd.min.js" crossorigin></script>
</head>
<body>
<button id="button">Open</button>
<script>
document.getElementById("button").addEventListener("click", () => {
Sprinque.open({
logoUrl: 'https://your-site/logo.png',
token: '<temporary_token>', // or you can pass getTokenUrl, that must return response like {access: 'token'}
env: 'sandbox', // or 'production'
lang: 'nl', // 'en', 'es', 'de', 'fr' are supported for now
onBuyerResponse: (buyer) => {
console.log('You can call any callback here after the buyer is created:', JSON.stringify(buyer))
}
});
}
</script>
</body>
</html>
The module can also be installed as node package and imported in an application. It can be integrated with any framework in this way.
import { open, close } from "sprinque-js-sdk-wip";
<button
onClick={() => {
open({
logoUrl: 'https://your-site/logo.png',
token: '<temporary_token>', // or you can pass getTokenUrl, that must return response like {access: 'token'}
env: 'sandbox',
lang: 'nl', // 'en', 'es', 'de', 'fr' are supported for now
onBuyerResponse: (buyer) => console.log(`Buyer is created: ${JSON.stringify(buyer)}`)
});
}
}
>
Start Sprinque flow
</button>
<button onClick={close}>Close Sprinque modal</button>
With the examples above you can register a buyer company with Sprinque. But it's also possible to place an order (make transaction authorization) with the JS SDK.
open({
logoUrl: 'https://your-site/logo.png',
token: '<temporary_token>', // or you can pass getTokenUrl, that must return response like {access: 'token'}
env: 'sandbox',
lang: 'nl', // 'en', 'es', 'de', 'fr' are supported for now
onBuyerResponse: (buyer) => console.log(`Buyer is created: ${JSON.stringify(buyer)}`),
// ADD ORDER
onOrderCreated: (order) => console.log(`Order is created: ${JSON.stringify(order)}`),
order: {
merchant_order_id: "unique-order-id",
order_amount: 300.5,
order_currency: "EUR",
shipping_address: {
address_line1: 'Lela Path 99',
address_line2: '#221',
city: 'Liza Spurs',
zip_code: '65568',
country_code: 'NL',
},
metadata: {
customField1: 'customValue1',
},
}
});
After registering the buyer with Sprinque, you can store and use the buyer_id to pre-fetch company details:
open({
// ...
buyerId: 'byr_tsW8HY4lzh0U7s32',
});
FAQs
UI kit to implement Pay by Invoice with Sprinque
We found that sprinque-js-sdk-wip demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Company News
Socket won two 2026 Reppy Awards from RepVue, ranking in the top 5% of all sales orgs. AE Alexandra Lister shares what it's like to grow a sales career here.
Security News
NIST will stop enriching most CVEs under a new risk-based model, narrowing the NVD's scope as vulnerability submissions continue to surge.
Company News
/Security News
Socket is an initial recipient of OpenAI's Cybersecurity Grant Program, which commits $10M in API credits to defenders securing open source software.