@suportepos/split-checkout 0.4.7 → 0.4.9
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 +24 -22
- package/dist/README.md +24 -22
- package/dist/index.es.js +4 -4
- package/dist/index.umd.js +1 -1
- package/dist/standalone/suportepos-checkout.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -34,8 +34,8 @@ import React from "react";
|
|
|
34
34
|
import CheckoutFlow, { Produto, Split } from "@suportepos/split-checkout";
|
|
35
35
|
|
|
36
36
|
const items: Produto[] = [
|
|
37
|
-
{ id: "sku-1",
|
|
38
|
-
{ id: "sku-2",
|
|
37
|
+
{ id: "sku-1", nome: "Plano Mensal", preco: 100, quantidade: 1 },
|
|
38
|
+
{ id: "sku-2", nome: "Taxa de Adesão", preco: 20, quantidade: 1 },
|
|
39
39
|
];
|
|
40
40
|
|
|
41
41
|
const splits: Split[] = [
|
|
@@ -105,8 +105,8 @@ export default function App() {
|
|
|
105
105
|
SplitCheckout.renderCheckout({
|
|
106
106
|
elementId: "checkout",
|
|
107
107
|
produtos: [
|
|
108
|
-
{ id: "sku-1",
|
|
109
|
-
{ id: "sku-2",
|
|
108
|
+
{ id: "sku-1", nome: "Plano Mensal", preco: 100, quantidade: 1 },
|
|
109
|
+
{ id: "sku-2", nome: "Taxa de Adesão", preco: 20, quantidade: 1 },
|
|
110
110
|
],
|
|
111
111
|
codigoPedido: "123",
|
|
112
112
|
producao: false,
|
|
@@ -144,13 +144,13 @@ export default function App() {
|
|
|
144
144
|
| Campo | Tipo | Obrigatório | Descrição |
|
|
145
145
|
|------------------|-----------|-------------|---------------------------------------------------------------------------|
|
|
146
146
|
| `elementId` | `string` | ✅ (Standalone) | ID do elemento HTML onde o checkout será montado |
|
|
147
|
-
| `produtos` | `Array` | ✅ | Lista de produtos `{ id,
|
|
147
|
+
| `produtos` | `Array` | ✅ | Lista de produtos `{ id, nome, preco, quantidade }` |
|
|
148
148
|
| `splits` | `Array` | ❌ | Lista de splits `{ subordinateMerchantId, valor }` |
|
|
149
149
|
| `codigoPedido` | `string` | ✅ | Identificador único do pedido |
|
|
150
150
|
| `producao` | `boolean` | ✅ | Define o ambiente (`true = produção`, `false = homologação/test`) |
|
|
151
151
|
| `cliente` | `object` | ✅ | Dados do comprador (nome, e-mail, telefone, endereço, documento) |
|
|
152
152
|
| `merchantName` | `string` | ✅ | Nome exibido do lojista |
|
|
153
|
-
| `
|
|
153
|
+
| `valorTotal` | `number` | ❌ | Sobrescreve o valor total calculado (útil para descontos, taxas, etc.) |
|
|
154
154
|
| `merchantId` | `string` | ✅ | Identificador único da loja (fornecido pela SuportePOS) |
|
|
155
155
|
| `onResponse` | `function`| ✅ | Callback chamado ao finalizar pagamento |
|
|
156
156
|
|
|
@@ -163,26 +163,28 @@ export default function App() {
|
|
|
163
163
|
```json
|
|
164
164
|
{
|
|
165
165
|
"sucesso": true,
|
|
166
|
-
"
|
|
167
|
-
"
|
|
168
|
-
"
|
|
166
|
+
"pago": true,
|
|
167
|
+
"payment_id": "ab7adec8-2205-4dee-81cd-49de34998f96",
|
|
168
|
+
"codigo_pedido": "PED-000124",
|
|
169
169
|
"valor": 105.25,
|
|
170
|
-
"
|
|
171
|
-
"
|
|
172
|
-
"
|
|
170
|
+
"codigo_adquirente": "CIELO",
|
|
171
|
+
"codigo_autenticacao": "998877665544",
|
|
172
|
+
"bandeira": "VISA",
|
|
173
|
+
"nome_produto_primario": "CRÉDITO"
|
|
173
174
|
}
|
|
174
175
|
```
|
|
175
176
|
|
|
176
|
-
| Campo
|
|
177
|
-
|
|
178
|
-
| `sucesso`
|
|
179
|
-
| `
|
|
180
|
-
| `
|
|
181
|
-
| `
|
|
182
|
-
| `valor`
|
|
183
|
-
| `
|
|
184
|
-
| `
|
|
185
|
-
| `
|
|
177
|
+
| Campo | Tipo | Descrição |
|
|
178
|
+
|----------------------|------------|----------------------------------------------------------|
|
|
179
|
+
| `sucesso` | `boolean` | `true` se o pagamento foi aprovado, `false` se falhou. |
|
|
180
|
+
| `pago` | `boolean` | Indica se o pagamento foi efetivamente liquidado. |
|
|
181
|
+
| `payment_id` | `string` | ID único da transação de pagamento. |
|
|
182
|
+
| `codigo_pedido` | `string` | Código de referência do pedido vinculado à transação. |
|
|
183
|
+
| `valor` | `number` | Valor total pago em reais (BRL). |
|
|
184
|
+
| `codigo_adquirente` | `string` | Nome ou código da adquirente (ex.: `CIELO`, `REDE`). |
|
|
185
|
+
| `codigo_autenticacao`| `string` | Código de autenticação retornado pela adquirente. |
|
|
186
|
+
| `bandeira` | `string` | Bandeira do cartão utilizado (ex.: `VISA`, `MASTERCARD`).|
|
|
187
|
+
| `nome_produto_primario` | `string` | Tipo principal de produto (ex.: `CRÉDITO`, `DÉBITO`). |
|
|
186
188
|
|
|
187
189
|
---
|
|
188
190
|
|
package/dist/README.md
CHANGED
|
@@ -34,8 +34,8 @@ import React from "react";
|
|
|
34
34
|
import CheckoutFlow, { Produto, Split } from "@suportepos/split-checkout";
|
|
35
35
|
|
|
36
36
|
const items: Produto[] = [
|
|
37
|
-
{ id: "sku-1",
|
|
38
|
-
{ id: "sku-2",
|
|
37
|
+
{ id: "sku-1", nome: "Plano Mensal", preco: 100, quantidade: 1 },
|
|
38
|
+
{ id: "sku-2", nome: "Taxa de Adesão", preco: 20, quantidade: 1 },
|
|
39
39
|
];
|
|
40
40
|
|
|
41
41
|
const splits: Split[] = [
|
|
@@ -105,8 +105,8 @@ export default function App() {
|
|
|
105
105
|
SplitCheckout.renderCheckout({
|
|
106
106
|
elementId: "checkout",
|
|
107
107
|
produtos: [
|
|
108
|
-
{ id: "sku-1",
|
|
109
|
-
{ id: "sku-2",
|
|
108
|
+
{ id: "sku-1", nome: "Plano Mensal", preco: 100, quantidade: 1 },
|
|
109
|
+
{ id: "sku-2", nome: "Taxa de Adesão", preco: 20, quantidade: 1 },
|
|
110
110
|
],
|
|
111
111
|
codigoPedido: "123",
|
|
112
112
|
producao: false,
|
|
@@ -144,13 +144,13 @@ export default function App() {
|
|
|
144
144
|
| Campo | Tipo | Obrigatório | Descrição |
|
|
145
145
|
|------------------|-----------|-------------|---------------------------------------------------------------------------|
|
|
146
146
|
| `elementId` | `string` | ✅ (Standalone) | ID do elemento HTML onde o checkout será montado |
|
|
147
|
-
| `produtos` | `Array` | ✅ | Lista de produtos `{ id,
|
|
147
|
+
| `produtos` | `Array` | ✅ | Lista de produtos `{ id, nome, preco, quantidade }` |
|
|
148
148
|
| `splits` | `Array` | ❌ | Lista de splits `{ subordinateMerchantId, valor }` |
|
|
149
149
|
| `codigoPedido` | `string` | ✅ | Identificador único do pedido |
|
|
150
150
|
| `producao` | `boolean` | ✅ | Define o ambiente (`true = produção`, `false = homologação/test`) |
|
|
151
151
|
| `cliente` | `object` | ✅ | Dados do comprador (nome, e-mail, telefone, endereço, documento) |
|
|
152
152
|
| `merchantName` | `string` | ✅ | Nome exibido do lojista |
|
|
153
|
-
| `
|
|
153
|
+
| `valorTotal` | `number` | ❌ | Sobrescreve o valor total calculado (útil para descontos, taxas, etc.) |
|
|
154
154
|
| `merchantId` | `string` | ✅ | Identificador único da loja (fornecido pela SuportePOS) |
|
|
155
155
|
| `onResponse` | `function`| ✅ | Callback chamado ao finalizar pagamento |
|
|
156
156
|
|
|
@@ -163,26 +163,28 @@ export default function App() {
|
|
|
163
163
|
```json
|
|
164
164
|
{
|
|
165
165
|
"sucesso": true,
|
|
166
|
-
"
|
|
167
|
-
"
|
|
168
|
-
"
|
|
166
|
+
"pago": true,
|
|
167
|
+
"payment_id": "ab7adec8-2205-4dee-81cd-49de34998f96",
|
|
168
|
+
"codigo_pedido": "PED-000124",
|
|
169
169
|
"valor": 105.25,
|
|
170
|
-
"
|
|
171
|
-
"
|
|
172
|
-
"
|
|
170
|
+
"codigo_adquirente": "CIELO",
|
|
171
|
+
"codigo_autenticacao": "998877665544",
|
|
172
|
+
"bandeira": "VISA",
|
|
173
|
+
"nome_produto_primario": "CRÉDITO"
|
|
173
174
|
}
|
|
174
175
|
```
|
|
175
176
|
|
|
176
|
-
| Campo
|
|
177
|
-
|
|
178
|
-
| `sucesso`
|
|
179
|
-
| `
|
|
180
|
-
| `
|
|
181
|
-
| `
|
|
182
|
-
| `valor`
|
|
183
|
-
| `
|
|
184
|
-
| `
|
|
185
|
-
| `
|
|
177
|
+
| Campo | Tipo | Descrição |
|
|
178
|
+
|----------------------|------------|----------------------------------------------------------|
|
|
179
|
+
| `sucesso` | `boolean` | `true` se o pagamento foi aprovado, `false` se falhou. |
|
|
180
|
+
| `pago` | `boolean` | Indica se o pagamento foi efetivamente liquidado. |
|
|
181
|
+
| `payment_id` | `string` | ID único da transação de pagamento. |
|
|
182
|
+
| `codigo_pedido` | `string` | Código de referência do pedido vinculado à transação. |
|
|
183
|
+
| `valor` | `number` | Valor total pago em reais (BRL). |
|
|
184
|
+
| `codigo_adquirente` | `string` | Nome ou código da adquirente (ex.: `CIELO`, `REDE`). |
|
|
185
|
+
| `codigo_autenticacao`| `string` | Código de autenticação retornado pela adquirente. |
|
|
186
|
+
| `bandeira` | `string` | Bandeira do cartão utilizado (ex.: `VISA`, `MASTERCARD`).|
|
|
187
|
+
| `nome_produto_primario` | `string` | Tipo principal de produto (ex.: `CRÉDITO`, `DÉBITO`). |
|
|
186
188
|
|
|
187
189
|
---
|
|
188
190
|
|
package/dist/index.es.js
CHANGED
|
@@ -21880,7 +21880,7 @@ function SplitCheckoutForm({
|
|
|
21880
21880
|
window.bpSop_silentOrderPost(options);
|
|
21881
21881
|
};
|
|
21882
21882
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { maxWidth: "lg", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Grid, { container: true, spacing: 3, children: [
|
|
21883
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, {
|
|
21883
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { size: { xs: 12, sm: 7 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { elevation: 0, sx: { border: "1px solid #e2e8f0" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { children: [
|
|
21884
21884
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { display: step === "card" ? "block" : "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
21885
21885
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", sx: { mb: 2 }, children: "Pagamento com cartão de crédito" }),
|
|
21886
21886
|
/* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { spacing: 2, children: [
|
|
@@ -22147,7 +22147,7 @@ function SplitCheckoutForm({
|
|
|
22147
22147
|
] })
|
|
22148
22148
|
] }) })
|
|
22149
22149
|
] }) }) }),
|
|
22150
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, {
|
|
22150
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { size: { xs: 12, sm: 5 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
22151
22151
|
OrderSummary,
|
|
22152
22152
|
{
|
|
22153
22153
|
amount: valor,
|
|
@@ -22269,7 +22269,7 @@ function SplitPixForm({
|
|
|
22269
22269
|
}
|
|
22270
22270
|
};
|
|
22271
22271
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { maxWidth: "lg", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Grid, { container: true, spacing: 3, children: [
|
|
22272
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, {
|
|
22272
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { size: { xs: 12, sm: 7 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { elevation: 0, sx: { border: "1px solid #e2e8f0" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { children: [
|
|
22273
22273
|
!pixData && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
22274
22274
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", sx: { mb: 2 }, children: "Preencha seus dados para gerar o PIX" }),
|
|
22275
22275
|
/* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { spacing: 2, children: [
|
|
@@ -22416,7 +22416,7 @@ function SplitPixForm({
|
|
|
22416
22416
|
] })
|
|
22417
22417
|
] })
|
|
22418
22418
|
] }) }) }),
|
|
22419
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, {
|
|
22419
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Grid, { size: { xs: 12, sm: 5 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
22420
22420
|
OrderSummary,
|
|
22421
22421
|
{
|
|
22422
22422
|
amount: valor,
|