Токенизация

Интеграция и инициализация виджета

    <div id="your-id-widget'"></div
            

    window.addEventListener('load', function(event) {
        new PayWidget('your-id-widget', { config });
    });
            

Обязательные свойства объекта config для успешной инициализации

                
    let config = {
        clientId: 'c5cddabc-6af5-4374-8eb0-c32f0ebbdb29',
        urlApi: 'https://token.molot.ru/api/card'
    };
                
            

# Config - главный объект

# Style - вложенный в config объект для замены стилей

Данный объект необязателен

Значение принимает любое валидное css свойство

                
    let config = {
        clientId: 'c5cddabc-6af5-4374-8eb0-c32f0ebbdb29',
        urlApi: 'https://token.molot.ru/api/card',
        style: {
            key: value:
            ...
        }
    };
                
            

Объект style необязателен

Все цветовые свойства применяются только для светлой темы.

Темная тема - цвета установлены по-умолчанию

# Callback function - onError, onSuccess

Необязательно, по-умолчанию инициализируется default function

Принимает callback для установки поведения при error и success

    new PayWidget('your-id-widget', { config, onError, onSuccess });
            

    onSuccess(data) {
      console.log('default onSuccess with token', data.token)
    };
                            

    onError(error) {
        console.log('default onError', error);
    },              

# Текст и Локализация

Определения языка происходит автоматически по данному порядку:

    order: [
        'cookie',
        'localStorage',
        'navigator',
        'htmlTag',
        'path',
        'subdomain',
    ],
        

Исходя из того какой язык был определен будет установлен соответствующий язык (lang).

По-умолчанию текст только для Ru и En, если язык определился другой, то установится En.

Текст валидации на клиенте

Для изменения текста по-умолчанию и добавление нового языка перевода:

• - создать папку locales на одном уровне с js
• - создать папку для каждой локали (lang) /en, /ru ... и при необходимости другие языки
• - создать json файл строго с именем cardWidget.json для каждого языка
• Путь по-умолчанию: ./locales/{{lang}}/cardWidget.json
  

  Если необходимо добавить новый язык, то порядок такой же. Например, французский язык, то ./locales/fr/cardWidget.json

Пример всех свойств объекта config

            
    let config = {
        clientId: 'c5cddabc-6af5-4374-8eb0-c32f0ebbdb29', // enter your ID
        urlApi: 'https://token.molot.ru/api/card',
        cardHolder: true,
        cvv: false,
        modalSuccess: true,
        style: {
            globalTheme: '', // dark
            customFontFamily: '',
            card: {
                maxWidth: '',
                backgroundColor: '',
                boxShadow: '',
                border: {
                    radius: '',
                    color: '',
                    width: '',
                },
            },
            input: {
                backgroundColor: '',
                fontSize: '',
                lineHeight: '',
                height: '',
                fontWeight: '',
                placeholderColor: '',
                hover: {
                    backgroundColor: '',
                    borderColor: '',
                },
                focus: {
                    backgroundColor: '',
                    borderColor: '',
                },
                label: {
                    color: '',
                    fontSize: '',
                    lineHeight: '',
                    fontWeight: '',
                },
                border: {
                    radius: '',
                    color: '',
                    width: '',
                },
            },
            button: {
                fullWidth: '',
                backgroundColor: '',
                color: '',
                fontWeight: '',
                border: {
                    radius: '',
                },
            },
            privacyText: {
                fontSize: '',
                color: '',
            },
        },
    };
            
        

2. Прямой POST запрос к сервису токенизации

Пример запроса:

• Request URL:

                      
      https://token.molot.ru/api/card
                      
                  

• Method:

                      
      POST
                      
                  

• FormData:

                      
      cardNumber=5555555555554444&expiryMonth=12&expiryYear=12&cardHolder=BULAT%20BULAT&clientId=c5cddabc-6af5-4374-8eb0-c32f0ebbdb29
                      
                  

• Пример ответа от сервиса:

                      
      {
          "errorCode":0,
          "description":null,
          "data":{
              "token":"5112875722893120619",
              "expirationDate":"2012-12-01T00:00:00"
          }
      }
                      
                  

• При errorCode = 0, token будет содержать платежный токен, который мерчант в дальнейшем будет использовать для выплат.
• При errorCode отличном от 0, в description будет описание ошибки.
• expirationDate дата окончания действия токена.