bank131-widgets v0.1.0

Поддерживаемые виджеты

1. Виджет для получения токенизированных данных банковской карты
2. Виджет платежной формы
3. Виджет для привязки самозанятого пользователя к банку 131

Как использовать

Виджет для получения токенизированных данных банковской карты

import React from 'react';
import { Tokenizer } from 'bank131-widgets';

export const Default: React.FC = () => {
    return (
        <Tokenizer token="token_for_widget" environment={process.env.NODE_ENV} />
    );
};

Виджет платежной формы

import React from 'react';
import { Payment } from 'bank131-widgets';

export const Default: React.FC = () => {
    return (
        <Payment token="token_for_widget" environment={process.env.NODE_ENV} />
    );
};

Виджет для привязки самозанятого пользователя к банку 131

import React from 'react';
import { SelfEmployed } from 'bank131-widgets';

export const Default: React.FC = () => {
    return (
        <SelfEmployed 
            token="token_for_widget" 
            environment={process.env.NODE_ENV}
            taxReference="inn"
            onInProgress={onInProgress}
            onCompleted={onCompleted}
            onFailed={onFailed}
        />
    );
};

Подключение стилей

import 'bank131-widgets/dist/style.css';

А так же желательно подключить epn-ui.

import 'epn-ui/umd/style.css';

Разработка

Команда для запуска storybook. yarn dev

Команда для запуска линтера проекта. yarn lint

Команда для запуска форматирования кода по кодстайлу. yarn prettier

Команда для запуска сборки production версии. yarn build