payment-token-efi 2.1.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/publish.yml +18 -0
- package/README.md +210 -199
- package/assets/css/bootstrap.min.css +6 -0
- package/assets/css/bootstrap.min.css.map +1 -0
- package/assets/css/custom.css +31 -0
- package/assets/img/favicon.png +0 -0
- package/assets/img/logo-ef.svg +1 -0
- package/dist/payment-token-efi-cjs.min.js +3 -0
- package/dist/payment-token-efi-esm.min.js +3 -0
- package/dist/payment-token-efi-umd.min.js +3 -0
- package/dist/payment-token-efi.min.js +3 -0
- package/examples/app-angular.ts +54 -0
- package/examples/app-browser.html +55 -0
- package/examples/app-react.js +63 -0
- package/examples/app-react.tsx +59 -0
- package/examples/app-vue.vue +70 -0
- package/index.html +383 -0
- package/package.json +8 -12
- package/types/payment-token-efi.d.ts +49 -0
- package/distNode/payment-token-efi.js +0 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
on:
|
|
2
|
+
push:
|
|
3
|
+
branches: [ main ]
|
|
4
|
+
paths:
|
|
5
|
+
- 'package.json'
|
|
6
|
+
|
|
7
|
+
jobs:
|
|
8
|
+
publish:
|
|
9
|
+
runs-on: ubuntu-latest
|
|
10
|
+
steps:
|
|
11
|
+
- uses: actions/checkout@v1
|
|
12
|
+
- uses: actions/setup-node@v1
|
|
13
|
+
with:
|
|
14
|
+
node-version: 14
|
|
15
|
+
- run: npm install
|
|
16
|
+
- uses: JS-DevTools/npm-publish@v1
|
|
17
|
+
with:
|
|
18
|
+
token: ${{ secrets.NPM_TOKEN }}
|
package/README.md
CHANGED
|
@@ -1,244 +1,249 @@
|
|
|
1
1
|
<h1>Script payment_token cartão de crédito | Efí</h1>
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Com essa biblioteca é possível implementar uma solução segura e eficiente para manipulação de dados de cartão de crédito em seus projetos. Além disso, a criptografia dos dados diretamente no navegador do cliente aumenta a segurança da transação e protege as informações do cartão contra interceptações maliciosas.
|
|
3
|
+
Esta biblioteca JavaScript permite uma solução segura e eficiente para manipular dados de cartão de crédito em seus projetos. Além disso, a criptografia dos dados diretamente no front-end da aplicação aumenta a segurança da transação e protege as informações do cartão contra interceptações maliciosas. Também é possível identificar a bandeira do cartão e obter informações de parcelamento.
|
|
6
4
|
|
|
7
5
|
**Ir para:**
|
|
6
|
+
|
|
8
7
|
- [**Demonstração**](#demonstração)
|
|
9
8
|
- [**Instalação**](#instalação)
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
- [**Web**](#web-browser)
|
|
10
|
+
- [**Gerenciador de pacote**](#gerenciador-de-pacote-npm-ou-yarn))
|
|
11
|
+
- [**UMD**](#universal-module-definition-umd)
|
|
12
|
+
- [**ES Modules**](#ecmascript-modules-esm)
|
|
13
|
+
- [**CommonJS**](#commonjs-cjs)
|
|
14
|
+
- [**Tipagens TypeScript**](#tipagens-typescript)
|
|
12
15
|
- [**Utilização**](#utilização)
|
|
13
16
|
- [**Criação da cobrança**](#criação-da-cobrança)
|
|
14
17
|
- [**Documentação Adicional**](#documentação-adicional)
|
|
15
18
|
- [**Comunidade e suporte**](#comunidade-e-suporte)
|
|
16
19
|
- [**Licença**](#licença)
|
|
17
20
|
|
|
18
|
-
|
|
21
|
+
---
|
|
19
22
|
|
|
20
23
|
## **Demonstração**
|
|
21
|
-
Para ilustrar a utilização deste módulo em um contexto prático, você pode conferir um exemplo no seguinte link: <a href='https://efipay.github.io/js-payment-token-efi/' target ='_blank'>Clique aqui</a>.
|
|
22
24
|
|
|
23
|
-
|
|
25
|
+
Para ilustrar a utilização desta biblioteca em um contexto prático, você pode conferir uma demonstração [neste link](https://efipay.github.io/js-payment-token-efi/).
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
---
|
|
24
30
|
|
|
25
31
|
## **Instalação**
|
|
26
|
-
Abaixo, fornecemos algumas opções de instalação da biblioteca para atender a projetos web que utilizam JavaScript puro ou tecnologias como o Node.js. A seguir, apresentamos mais detalhes.
|
|
27
32
|
|
|
28
|
-
|
|
29
|
-
Realize o <a href='https://raw.githubusercontent.com/efipay/js-payment-token-efi/main/dist/payment-token-efi.min.js' target ='_blank'>download da biblioca</a> localizada em `/dist/payment-token-efi.min.js`, ou importação através do link do CDN.
|
|
33
|
+
Abaixo, fornecemos algumas opções de instalação da biblioteca para atender a projetos web que utilizam JavaScript puro ou frameworks modernos.
|
|
30
34
|
|
|
31
|
-
|
|
32
|
-
```javascript
|
|
33
|
-
<script src="./dist/payment-token-efi.min"></script>
|
|
34
|
-
```
|
|
35
|
+
### **Web (Browser)**
|
|
35
36
|
|
|
37
|
+
Realize o [download da biblioteca](https://raw.githubusercontent.com/efipay/js-payment-token-efi/main/dist/payment-token-efi-umd.min.js) localizada em `/dist/payment-token-efi-umd.min.js` para importação local, ou utilize a importação através do link do CDN.
|
|
38
|
+
|
|
39
|
+
- **Importação local**
|
|
40
|
+
```html
|
|
41
|
+
<script src="./dist/payment-token-efi-umd.min.js"></script>
|
|
42
|
+
```
|
|
36
43
|
- **Importação por CDN**
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
44
|
+
```html
|
|
45
|
+
<script src="https://cdn.jsdelivr.net/gh/efipay/js-payment-token-efi/dist/payment-token-efi-umd.min.js"></script>
|
|
46
|
+
```
|
|
47
|
+
_**Obs**: neste tipo de aplicação, utilize o módulo **umd**._
|
|
40
48
|
|
|
41
|
-
### **
|
|
42
|
-
Nesse cenário, você tem duas opções para instalar a biblioteca.
|
|
49
|
+
### **Gerenciador de pacote (NPM ou Yarn)**
|
|
43
50
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
51
|
+
Se você estiver utilizando um gerenciador de pacotes como npm ou yarn, instale a biblioteca diretamente:
|
|
52
|
+
|
|
53
|
+
```sh
|
|
54
|
+
npm install payment-token-efi
|
|
55
|
+
// ou
|
|
56
|
+
yarn add payment-token-efi
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
Após a instalação, você pode importar a biblioteca conforme o ambiente que estiver utilizando:
|
|
60
|
+
|
|
61
|
+
#### **Universal Module Definition (UMD)**
|
|
62
|
+
|
|
63
|
+
Para ambientes que suportam Universal Module Definition:
|
|
47
64
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
65
|
+
```javascript
|
|
66
|
+
import EfiPay from "payment-token-efi";
|
|
67
|
+
```
|
|
51
68
|
|
|
52
|
-
|
|
53
|
-
```cmd
|
|
54
|
-
npm install jsdom --save
|
|
55
|
-
// ou
|
|
56
|
-
yarn add jsdom
|
|
57
|
-
```
|
|
69
|
+
#### **ECMAScript Modules (ESM)**
|
|
58
70
|
|
|
71
|
+
Para ambientes que suportam ES Modules:
|
|
59
72
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
73
|
+
```javascript
|
|
74
|
+
import EfiPay from "payment-token-efi";
|
|
75
|
+
```
|
|
63
76
|
|
|
64
|
-
|
|
65
|
-
npm i payment-token-efi
|
|
66
|
-
// ou
|
|
67
|
-
yarn add payment-token-efi
|
|
68
|
-
```
|
|
77
|
+
#### **CommonJS (CJS)**
|
|
69
78
|
|
|
70
|
-
|
|
79
|
+
Para ambientes que utilizam o padrão CommonJS:
|
|
71
80
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
81
|
+
```javascript
|
|
82
|
+
const EfiPay = require("payment-token-efi");
|
|
83
|
+
```
|
|
84
|
+
_**Obs**: Esta biblioteca não é compatível no backend em Node.js_
|
|
85
|
+
|
|
86
|
+
### **Tipagens TypeScript**
|
|
87
|
+
|
|
88
|
+
Se você estiver utilizando TypeScript, quando você instalar a biblioteca **payment-token-efi**, o TypeScript deve ser capaz de encontrar os tipos automaticamente localizados em `types/payment-token-efi.d.ts`
|
|
89
|
+
|
|
90
|
+
---
|
|
76
91
|
|
|
77
92
|
## **Utilização**
|
|
78
93
|
|
|
79
94
|
Este script oferece três funções para manipulação de dados de cartão de crédito. A primeira função permite <ins>**identificar a bandeira**</ins> do cartão a partir do seu número. A segunda função <ins>**busca informações de parcelamento**</ins> de acordo com as configurações de recebimento em sua conta. Por fim, a terceira função <ins>**gera o token de pagamento (payment_token) e a máscara do cartão (card_mask)**</ins> com base nos dados do cartão.
|
|
80
95
|
|
|
81
|
-
Para utilizar esse script, é necessário passar o código Identificador de Conta (payee_code) como parâmetro para gerar o payment_token dos dados do cartão de crédito. Você pode obter essa informação em sua conta digital, no menu `API > Introdução > Identificador de Conta`. <a href='https://s3.amazonaws.com/gerencianet-pub-prod-1/printscreen/2023/03/08/matheus.rodrigues/24fa15-dda30019-a643-409e-8813-c7cc68adcc40.png' target='_blank'>Veja onde
|
|
96
|
+
Para utilizar esse script, é necessário passar o código **Identificador de Conta** (payee_code) como parâmetro para gerar o payment_token dos dados do cartão de crédito. Você pode obter essa informação em sua conta digital, no menu `API > Introdução > Identificador de Conta`. <a href='https://s3.amazonaws.com/gerencianet-pub-prod-1/printscreen/2023/03/08/matheus.rodrigues/24fa15-dda30019-a643-409e-8813-c7cc68adcc40.png' target='_blank'>Veja onde encontrar</a>.
|
|
82
97
|
|
|
83
98
|
<br>
|
|
84
99
|
|
|
85
|
-
|
|
86
|
-
* **Dados de entrada:**
|
|
87
|
-
|
|
88
|
-
| Parâmetro/Método | Descrição | Tipo | Obrigatório |
|
|
89
|
-
|-------------------|--------------------------------------|----------|-------------|
|
|
90
|
-
| setCardNumber | Número do cartão de crédito | string | Sim |
|
|
91
|
-
| debugger | Depurador de código | boolean | Não |
|
|
92
|
-
|
|
93
|
-
* **Exemplo:**
|
|
94
|
-
```js
|
|
95
|
-
try {
|
|
96
|
-
EfiJs.CreditCard
|
|
97
|
-
.setCardNumber('4485785674290087')
|
|
98
|
-
.verifyCardBrand()
|
|
99
|
-
.then(brand => {
|
|
100
|
-
console.log('Bandeira: ', brand);
|
|
101
|
-
if (brand !== 'undefined') {
|
|
102
|
-
// Exemplo: executar a função para gerar o payment_token com a bandeira identificada
|
|
103
|
-
}
|
|
104
|
-
}).catch(err => {
|
|
105
|
-
console.log('Código: ', err.code);
|
|
106
|
-
console.log('Nome: ', err.error);
|
|
107
|
-
console.log('Mensagem: ', err.error_description);
|
|
108
|
-
});
|
|
109
|
-
} catch (error) {
|
|
110
|
-
console.log('Código: ', error.code);
|
|
111
|
-
console.log('Nome: ', error.error);
|
|
112
|
-
console.log('Mensagem: ', error.error_description);
|
|
113
|
-
}
|
|
114
|
-
```
|
|
115
|
-
|
|
116
|
-
* **Dados de saída:**
|
|
117
|
-
|
|
118
|
-
| Parâmetro | Descrição | Tipo |
|
|
119
|
-
|------------|-----------------------------------|----------|
|
|
120
|
-
| brand | Brandeira do cartão. `"undefined"`, `"unsupported"`, `"visa"`, `"mastercard"`, `"amex"`, `"elo"`, `"hipercard"` | string |
|
|
100
|
+
- ### **Identificar a bandeira**
|
|
121
101
|
|
|
102
|
+
- **Dados de entrada:**
|
|
122
103
|
|
|
104
|
+
| Parâmetro/Método | Descrição | Tipo | Obrigatório |
|
|
105
|
+
| ---------------- | --------------------------- | ------- | ----------- |
|
|
106
|
+
| setCardNumber | Número do cartão de crédito | string | Sim |
|
|
107
|
+
| debugger | Depurador de código | boolean | Não |
|
|
123
108
|
|
|
124
|
-
|
|
109
|
+
- **Exemplo:**
|
|
110
|
+
|
|
111
|
+
```js
|
|
112
|
+
async function identificarBandeira() {
|
|
113
|
+
try {
|
|
114
|
+
const bandeira = await EfiPay.CreditCard
|
|
115
|
+
.setCardNumber("4485785674290087")
|
|
116
|
+
.verifyCardBrand();
|
|
117
|
+
|
|
118
|
+
console.log("Bandeira: ", resultBandeira);
|
|
119
|
+
} catch (error) {
|
|
120
|
+
console.log("Código: ", error.code);
|
|
121
|
+
console.log("Nome: ", error.error);
|
|
122
|
+
console.log("Mensagem: ", error.error_description);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
```
|
|
125
126
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|---------------|---------------------------------------------|----------|-------------|
|
|
132
|
-
| setAccount | Identificador de conta | string | Sim |
|
|
133
|
-
| setEnvironment | Ambiente. `"production"` ou `"sandbox"` | string | Sim |
|
|
134
|
-
| setBrand | Bandeira do cartão `"visa"`, `"mastercard"`, `"amex"`, `"elo"`, `"hipercard"` | string | Sim |
|
|
135
|
-
| setTotal | Valor total | Integer | Sim |
|
|
136
|
-
| debugger | Depurador de código | boolean | Não |
|
|
137
|
-
|
|
138
|
-
* **Exemplo:**
|
|
139
|
-
```js
|
|
140
|
-
try {
|
|
141
|
-
EfiJs.CreditCard
|
|
142
|
-
.setAccount('Identificador_de_conta_aqui')
|
|
143
|
-
.setEnvironment('production') // 'production' or 'sandbox'
|
|
144
|
-
.setBrand('visa')
|
|
145
|
-
.setTotal(28990)
|
|
146
|
-
.getInstallments()
|
|
147
|
-
.then(installments => {
|
|
148
|
-
console.log('Parcelas', installments);
|
|
149
|
-
}).catch(err => {
|
|
150
|
-
console.log('Código: ', err.code);
|
|
151
|
-
console.log('Nome: ', err.error);
|
|
152
|
-
console.log('Mensagem: ', err.error_description);
|
|
153
|
-
});
|
|
154
|
-
} catch (error) {
|
|
155
|
-
console.log('Código: ', error.code);
|
|
156
|
-
console.log('Nome: ', error.error);
|
|
157
|
-
console.log('Mensagem: ', error.error_description);
|
|
158
|
-
}
|
|
159
|
-
```
|
|
160
|
-
|
|
161
|
-
* **Dados de saída:**
|
|
162
|
-
|
|
163
|
-
| Parâmetro | Descrição | Tipo |
|
|
164
|
-
|------------|-----------------------------------|----------|
|
|
165
|
-
| installments | Array com as parcelas. `{"rate": 0,"name": "brand","installments": [{"installment": 1,"has_interest": false,"value": 500,"currency": "5,00","interest_percentage": 0}]}` | object |
|
|
127
|
+
- **Dados de saída:**
|
|
128
|
+
|
|
129
|
+
| Parâmetro | Descrição | Tipo |
|
|
130
|
+
| --------- | --------------------------------------------------------------------------------------------------------------- | ------ |
|
|
131
|
+
| brand | Brandeira do cartão. `"undefined"`, `"unsupported"`, `"visa"`, `"mastercard"`, `"amex"`, `"elo"`, `"hipercard"` | string |
|
|
166
132
|
|
|
167
133
|
<br>
|
|
168
134
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
console.log('Nome: ', err.error);
|
|
209
|
-
console.log('Mensagem: ', err.error_description);
|
|
210
|
-
});
|
|
211
|
-
} catch (error) {
|
|
212
|
-
console.log('Código: ', error.code);
|
|
213
|
-
console.log('Nome: ', error.error);
|
|
214
|
-
console.log('Mensagem: ', error.error_description);
|
|
215
|
-
}
|
|
216
|
-
```
|
|
217
|
-
|
|
218
|
-
* **Dados de saída:**
|
|
219
|
-
|
|
220
|
-
| Parâmetro | Descrição | Tipo |
|
|
221
|
-
|----------------|--------------------------------------------------------------|----------|
|
|
222
|
-
| payment_token | Token de pagamento que representa o cartão utilizado | string |
|
|
223
|
-
| card_mask | Máscara do cartão utilizado | string |
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
- ### **Ativar debbuger**
|
|
227
|
-
O debugger pode ser ativado para depurar e encontrar possível falhas.
|
|
228
|
-
```js
|
|
229
|
-
EfiJs.CreditCard.debugger(true);
|
|
230
|
-
```
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
- ### **Dados de saída em caso de falha**
|
|
234
|
-
Em caso de erro, será retornado no try/catch o objeto com os parâmetros descritos abaixo.
|
|
235
|
-
|
|
236
|
-
| Parâmetro | Descrição | Tipo |
|
|
237
|
-
|-----------|---------------------------------------------------|----------|
|
|
238
|
-
| code | Código de erro para identificação. | string |
|
|
239
|
-
| error | Nome do erro. | string |
|
|
240
|
-
| error_description | Mensagem detalhando o erro ocorrido. | string |
|
|
135
|
+
- ### **Buscar as informações de parcelamento**
|
|
136
|
+
|
|
137
|
+
- **Dados de entrada:**
|
|
138
|
+
|
|
139
|
+
| Parâmetro/Método | Descrição | Tipo | Obrigatório |
|
|
140
|
+
| ---------------- | ----------------------------------------------------------------------------- | ------- | ----------- |
|
|
141
|
+
| setAccount | Identificador de conta | string | Sim |
|
|
142
|
+
| setEnvironment | Ambiente. `"production"` ou `"sandbox"` | string | Sim |
|
|
143
|
+
| setBrand | Bandeira do cartão `"visa"`, `"mastercard"`, `"amex"`, `"elo"`, `"hipercard"` | string | Sim |
|
|
144
|
+
| setTotal | Valor total | Integer | Sim |
|
|
145
|
+
| debugger | Depurador de código | boolean | Não |
|
|
146
|
+
|
|
147
|
+
- **Exemplo:**
|
|
148
|
+
|
|
149
|
+
```js
|
|
150
|
+
async function listarParcelas() {
|
|
151
|
+
try {
|
|
152
|
+
const parcelas = await EfiPay.CreditCard
|
|
153
|
+
.setAccount("Identificador_de_conta_aqui")
|
|
154
|
+
.setEnvironment("production") // 'production' or 'sandbox'
|
|
155
|
+
.setBrand("visa")
|
|
156
|
+
.setTotal(28990)
|
|
157
|
+
.getInstallments()
|
|
158
|
+
.console.log("Parcelas", installments);
|
|
159
|
+
} catch (error) {
|
|
160
|
+
console.log("Código: ", error.code);
|
|
161
|
+
console.log("Nome: ", error.error);
|
|
162
|
+
console.log("Mensagem: ", error.error_description);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
- **Dados de saída:**
|
|
168
|
+
|
|
169
|
+
| Parâmetro | Descrição | Tipo |
|
|
170
|
+
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------ |
|
|
171
|
+
| installments | Array com as parcelas. `{"rate": 0,"name": "brand","installments": [{"installment": 1,"has_interest": false,"value": 500,"currency": "5,00","interest_percentage": 0}]}` | object |
|
|
172
|
+
|
|
173
|
+
<br>
|
|
241
174
|
|
|
175
|
+
- ### **Gerar o payment_token e card_mask**
|
|
176
|
+
|
|
177
|
+
- **Dados de entrada:**
|
|
178
|
+
|
|
179
|
+
| Parâmetro/Método | Descrição | Tipo | Obrigatório |
|
|
180
|
+
| ----------------- | ---------------------------------------------------------------- | ------- | ----------- |
|
|
181
|
+
| setAccount | Identificador de conta | string | Sim |
|
|
182
|
+
| setEnvironment | Ambiente. `"production"` ou `"sandbox"` | string | Sim |
|
|
183
|
+
| setCreditCardData | Dados do cartão de crédito | object | Sim |
|
|
184
|
+
| - | brand `"visa"`, `"mastercard"`, `"amex"`, `"elo"`, `"hipercard"` | string | Sim |
|
|
185
|
+
| - | number | string | Sim |
|
|
186
|
+
| - | cvv | string | Sim |
|
|
187
|
+
| - | expirationMonth `'MM'` | string | Sim |
|
|
188
|
+
| - | expirationYear `'YYYY'` | string | Sim |
|
|
189
|
+
| - | reuse | boolean | Não |
|
|
190
|
+
| debugger | Depurador de código | boolean | Não |
|
|
191
|
+
|
|
192
|
+
- **Exemplo:**
|
|
193
|
+
|
|
194
|
+
```js
|
|
195
|
+
async function gerarPaymentToken() {
|
|
196
|
+
try {
|
|
197
|
+
const paymentTokenData = await EfiPay.CreditCard
|
|
198
|
+
.setAccount("Identificador_de_conta_aqui")
|
|
199
|
+
.setEnvironment("production") // 'production' or 'sandbox'
|
|
200
|
+
.setCreditCardData({
|
|
201
|
+
brand: "visa",
|
|
202
|
+
number: "4485785674290087",
|
|
203
|
+
cvv: "123",
|
|
204
|
+
expirationMonth: "05",
|
|
205
|
+
expirationYear: "2029",
|
|
206
|
+
reuse: false,
|
|
207
|
+
})
|
|
208
|
+
.getPaymentToken();
|
|
209
|
+
|
|
210
|
+
const payment_token = paymentTokenData.payment_token;
|
|
211
|
+
const card_mask = paymentTokenData.card_mask;
|
|
212
|
+
|
|
213
|
+
console.log("payment_token", payment_token);
|
|
214
|
+
console.log("card_mask", card_mask);
|
|
215
|
+
} catch (error) {
|
|
216
|
+
console.log("Código: ", error.code);
|
|
217
|
+
console.log("Nome: ", error.error);
|
|
218
|
+
console.log("Mensagem: ", error.error_description);
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
```
|
|
222
|
+
|
|
223
|
+
- **Dados de saída:**
|
|
224
|
+
|
|
225
|
+
| Parâmetro | Descrição | Tipo |
|
|
226
|
+
| ------------- | ---------------------------------------------------- | ------ |
|
|
227
|
+
| payment_token | Token de pagamento que representa o cartão utilizado | string |
|
|
228
|
+
| card_mask | Máscara do cartão utilizado | string |
|
|
229
|
+
|
|
230
|
+
* ### **Ativar debbuger**
|
|
231
|
+
|
|
232
|
+
O debugger pode ser ativado para depurar e encontrar possível falhas.
|
|
233
|
+
|
|
234
|
+
```js
|
|
235
|
+
EfiPay.CreditCard.debugger(true);
|
|
236
|
+
```
|
|
237
|
+
|
|
238
|
+
* ### **Dados de saída em caso de falha**
|
|
239
|
+
|
|
240
|
+
Em caso de erro, será retornado no try/catch o objeto com os parâmetros descritos abaixo.
|
|
241
|
+
|
|
242
|
+
| Parâmetro | Descrição | Tipo |
|
|
243
|
+
| ----------------- | ------------------------------------ | ------ |
|
|
244
|
+
| code | Código de erro para identificação. | string |
|
|
245
|
+
| error | Nome do erro. | string |
|
|
246
|
+
| error_description | Mensagem detalhando o erro ocorrido. | string |
|
|
242
247
|
|
|
243
248
|
<br>
|
|
244
249
|
|
|
@@ -246,22 +251,28 @@ Para utilizar esse script, é necessário passar o código Identificador de Cont
|
|
|
246
251
|
|
|
247
252
|
## **Criação da cobrança**
|
|
248
253
|
|
|
249
|
-
Após a obtenção do payment_token será possível emitir a cobrança de cartão de crétito. [Acesse nossa documentação técnica](https://dev.
|
|
254
|
+
Após a obtenção do payment_token será possível emitir a cobrança de cartão de crétito. [Acesse nossa documentação técnica](https://dev.efipay.com.br/docs/api-cobrancas/cartao#cria%C3%A7%C3%A3o-de-cobran%C3%A7a-por-cart%C3%A3o-de-cr%C3%A9dito-em-one-step-um-passo) para mais detalhes.
|
|
255
|
+
|
|
256
|
+
Para criar cobranças de cartão de crédito, lembre-se de registrar o ramo de atividades em sua conta Efí. [Veja como](https://sejaefi.com.br/central-de-ajuda/dados-cadastrais/inserir-ramo-de-atividade#conteudo).
|
|
250
257
|
|
|
251
258
|
---
|
|
252
259
|
|
|
253
260
|
## **Documentação Adicional**
|
|
254
261
|
|
|
255
|
-
|
|
262
|
+
[Acesse nossa documentação técnica](https://dev.efipay.com.br/)</a> para ver todas as informações das APIs Efí Pay.
|
|
256
263
|
|
|
257
|
-
Se você ainda não tem uma conta digital da Efí,
|
|
264
|
+
Se você ainda não tem uma conta digital da Efí, [abra a sua agora](https://sejaefi.com.br/)!
|
|
258
265
|
|
|
259
266
|
---
|
|
260
267
|
|
|
261
268
|
## **Comunidade e suporte**
|
|
262
|
-
|
|
269
|
+
|
|
270
|
+
<a href="https://comunidade.sejaefi.com.br/"><img src="https://efipay.github.io/comunidade-discord-efi/assets/img/thumb-repository.png"></a>
|
|
271
|
+
|
|
272
|
+
[Faça parte da comunidade Efí](https://comunidade.sejaefi.com.br/) e conecte-se a milhares de desenvolvedores, participe de discussões, tire dúvidas e integre suas operações às APIs Efí (API Pix, API Boletos e Cartão, e muito mais) com a ajuda da maior comunidade de integradores de meios de pagamentos do Brasil.
|
|
263
273
|
|
|
264
274
|
---
|
|
265
275
|
|
|
266
276
|
## **Licença**
|
|
277
|
+
|
|
267
278
|
[MIT](LICENSE)
|