@transferwise/cookie-consent-js

Cookie consent

Cookie consent mechanism to be shown to all EU users across transferwise.com

Consumption

This package generates a webjar to be served by our cookie-consent-service.

To include the consent mechanism on your page, simply add a script tag to your page:

<script src="/cookie-consent.js"></script>

For as long as your page is served from transferwise.com you should now see the cookie consent mechanism on your page.

The script itself includes all necessary CSS. One caveat is that the page must provide the TransferWise brand fonts:

font-family: averta, avenir w02, avenir, Helvetica, Arial, sans-serif;

Localisation

The cookie banner will look for the locale to use in the following places, in order:

• localeData cookie
• window.config.lang
• window.navigator.language
• Fallback to en

It uses the first 2 characters of the locale string as the language. In most cases, the locale will just be a 2-letter string. If it finds a 5-character language+country string, it will use the first 2 characters of that e.g. es-ES => es.

Development

To setup the development environment, first run yarn start to start the server. This will serve index.html from localhost:5000.

To build the dist and watch the source files for changes, run yarn build:dev.

Deployment

• Open a PR, bump version in package.json
• After merging, check out cookie-consent-service and edit gradle.properties to match the new cookie-consent-js version
• When cookie-consent-service is merged, it will post a docker tag to #conversion-alerts. Deploy with Octopus.