payment-token-efi 3.0.3 → 3.1.0
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/README.md +33 -19
- package/assets/img/local-identificador-de-conta.png +0 -0
- package/dist/payment-token-efi-cjs.min.js +2 -2
- package/dist/payment-token-efi-esm.min.js +2 -2
- package/dist/payment-token-efi-umd.min.js +2 -2
- package/dist/payment-token-efi.min.js +2 -2
- package/examples/app-angular.ts +2 -0
- package/examples/app-browser.html +2 -0
- package/examples/app-react.js +2 -1
- package/examples/app-react.tsx +3 -1
- package/examples/app-vue.vue +2 -1
- package/index.html +72 -31
- package/package.json +1 -1
- package/types/payment-token-efi.d.ts +2 -0
package/README.md
CHANGED
|
@@ -7,12 +7,17 @@ Esta biblioteca JavaScript permite uma solução segura e eficiente para manipul
|
|
|
7
7
|
- [**Demonstração**](#demonstração)
|
|
8
8
|
- [**Instalação**](#instalação)
|
|
9
9
|
- [**Web**](#web-browser)
|
|
10
|
-
- [**Gerenciador de pacote**](#gerenciador-de-pacote-npm-ou-yarn)
|
|
10
|
+
- [**Gerenciador de pacote**](#gerenciador-de-pacote-npm-ou-yarn)
|
|
11
11
|
- [**UMD**](#universal-module-definition-umd)
|
|
12
12
|
- [**ES Modules**](#ecmascript-modules-esm)
|
|
13
13
|
- [**CommonJS**](#commonjs-cjs)
|
|
14
14
|
- [**Tipagens TypeScript**](#tipagens-typescript)
|
|
15
15
|
- [**Utilização**](#utilização)
|
|
16
|
+
- [**Identificar a bandeira**](#identificar-a-bandeira)
|
|
17
|
+
- [**Buscar as informações de parcelamento**](#buscar-as-informações-de-parcelamento)
|
|
18
|
+
- [**Gerar o payment_token e card_mask**](#gerar-o-payment_token-e-card_mask)
|
|
19
|
+
- [**Dados de saída em caso de falha**](#dados-de-saída-em-caso-de-falha)
|
|
20
|
+
- [**Exemplos práticos**](#exemplos-práticos)
|
|
16
21
|
- [**Criação da cobrança**](#criação-da-cobrança)
|
|
17
22
|
- [**Documentação Adicional**](#documentação-adicional)
|
|
18
23
|
- [**Comunidade e suporte**](#comunidade-e-suporte)
|
|
@@ -42,7 +47,7 @@ Realize o [download da biblioteca](https://raw.githubusercontent.com/efipay/js-p
|
|
|
42
47
|
```
|
|
43
48
|
- **Importação por CDN**
|
|
44
49
|
```html
|
|
45
|
-
<script src="https://cdn.jsdelivr.net/
|
|
50
|
+
<script src="https://cdn.jsdelivr.net/npm/payment-token-efi/dist/payment-token-efi-umd.min.js"></script>
|
|
46
51
|
```
|
|
47
52
|
_**Obs**: neste tipo de aplicação, utilize o módulo **umd**._
|
|
48
53
|
|
|
@@ -97,7 +102,7 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
97
102
|
|
|
98
103
|
<br>
|
|
99
104
|
|
|
100
|
-
|
|
105
|
+
### **Identificar a bandeira**
|
|
101
106
|
|
|
102
107
|
- **Dados de entrada:**
|
|
103
108
|
|
|
@@ -109,13 +114,13 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
109
114
|
- **Exemplo:**
|
|
110
115
|
|
|
111
116
|
```js
|
|
112
|
-
async function
|
|
117
|
+
async function identifyBrand() {
|
|
113
118
|
try {
|
|
114
|
-
const
|
|
119
|
+
const brand = await EfiPay.CreditCard
|
|
115
120
|
.setCardNumber("4485785674290087")
|
|
116
121
|
.verifyCardBrand();
|
|
117
122
|
|
|
118
|
-
console.log("Bandeira: ",
|
|
123
|
+
console.log("Bandeira: ", brand);
|
|
119
124
|
} catch (error) {
|
|
120
125
|
console.log("Código: ", error.code);
|
|
121
126
|
console.log("Nome: ", error.error);
|
|
@@ -132,7 +137,7 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
132
137
|
|
|
133
138
|
<br>
|
|
134
139
|
|
|
135
|
-
|
|
140
|
+
### **Buscar as informações de parcelamento**
|
|
136
141
|
|
|
137
142
|
- **Dados de entrada:**
|
|
138
143
|
|
|
@@ -147,15 +152,16 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
147
152
|
- **Exemplo:**
|
|
148
153
|
|
|
149
154
|
```js
|
|
150
|
-
async function
|
|
155
|
+
async function listInstallments() {
|
|
151
156
|
try {
|
|
152
|
-
const
|
|
157
|
+
const installments = await EfiPay.CreditCard
|
|
153
158
|
.setAccount("Identificador_de_conta_aqui")
|
|
154
159
|
.setEnvironment("production") // 'production' or 'sandbox'
|
|
155
160
|
.setBrand("visa")
|
|
156
161
|
.setTotal(28990)
|
|
157
|
-
.getInstallments()
|
|
158
|
-
|
|
162
|
+
.getInstallments();
|
|
163
|
+
|
|
164
|
+
console.log("Parcelas", installments);
|
|
159
165
|
} catch (error) {
|
|
160
166
|
console.log("Código: ", error.code);
|
|
161
167
|
console.log("Nome: ", error.error);
|
|
@@ -172,7 +178,7 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
172
178
|
|
|
173
179
|
<br>
|
|
174
180
|
|
|
175
|
-
|
|
181
|
+
### **Gerar o payment_token e card_mask**
|
|
176
182
|
|
|
177
183
|
- **Dados de entrada:**
|
|
178
184
|
|
|
@@ -186,29 +192,33 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
186
192
|
| - | cvv | string | Sim |
|
|
187
193
|
| - | expirationMonth `'MM'` | string | Sim |
|
|
188
194
|
| - | expirationYear `'YYYY'` | string | Sim |
|
|
195
|
+
| - | holderName `'Nome impresso no cartão'` | string | Não |
|
|
196
|
+
| - | holderDocument `CPF ou CPNJ` | string | Não |
|
|
189
197
|
| - | reuse | boolean | Não |
|
|
190
198
|
| debugger | Depurador de código | boolean | Não |
|
|
191
199
|
|
|
192
200
|
- **Exemplo:**
|
|
193
201
|
|
|
194
202
|
```js
|
|
195
|
-
async function
|
|
203
|
+
async function generatePaymentToken() {
|
|
196
204
|
try {
|
|
197
|
-
const
|
|
205
|
+
const result = await EfiPay.CreditCard
|
|
198
206
|
.setAccount("Identificador_de_conta_aqui")
|
|
199
|
-
.setEnvironment("production")
|
|
207
|
+
.setEnvironment("production")
|
|
200
208
|
.setCreditCardData({
|
|
201
209
|
brand: "visa",
|
|
202
210
|
number: "4485785674290087",
|
|
203
211
|
cvv: "123",
|
|
204
212
|
expirationMonth: "05",
|
|
205
213
|
expirationYear: "2029",
|
|
214
|
+
holderName: "Gorbadoc Oldbuck",
|
|
215
|
+
holderDocument: "94271564656",
|
|
206
216
|
reuse: false,
|
|
207
217
|
})
|
|
208
218
|
.getPaymentToken();
|
|
209
219
|
|
|
210
|
-
const payment_token =
|
|
211
|
-
const card_mask =
|
|
220
|
+
const payment_token = result.payment_token;
|
|
221
|
+
const card_mask = result.card_mask;
|
|
212
222
|
|
|
213
223
|
console.log("payment_token", payment_token);
|
|
214
224
|
console.log("card_mask", card_mask);
|
|
@@ -227,7 +237,7 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
227
237
|
| payment_token | Token de pagamento que representa o cartão utilizado | string |
|
|
228
238
|
| card_mask | Máscara do cartão utilizado | string |
|
|
229
239
|
|
|
230
|
-
|
|
240
|
+
### **Ativar debbuger**
|
|
231
241
|
|
|
232
242
|
O debugger pode ser ativado para depurar e encontrar possível falhas.
|
|
233
243
|
|
|
@@ -235,7 +245,7 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
235
245
|
EfiPay.CreditCard.debugger(true);
|
|
236
246
|
```
|
|
237
247
|
|
|
238
|
-
|
|
248
|
+
### **Dados de saída em caso de falha**
|
|
239
249
|
|
|
240
250
|
Em caso de erro, será retornado no try/catch o objeto com os parâmetros descritos abaixo.
|
|
241
251
|
|
|
@@ -245,6 +255,10 @@ Para utilizar esse script, é necessário passar o código **Identificador de Co
|
|
|
245
255
|
| error | Nome do erro. | string |
|
|
246
256
|
| error_description | Mensagem detalhando o erro ocorrido. | string |
|
|
247
257
|
|
|
258
|
+
|
|
259
|
+
### Exemplos práticos
|
|
260
|
+
Disponibilizamos alguns exemplos de utilização para as principais linguaguagens de progração front-end. [Acesse aqui](https://github.com/efipay/js-payment-token-efi/tree/main/examples).
|
|
261
|
+
|
|
248
262
|
<br>
|
|
249
263
|
|
|
250
264
|
---
|
|
Binary file
|