feat(magento2): add magento2 docs and cleanup magento1

docs/ecommerce/magento1/magento1-oneclick.mdx

@@ -1,7 +1,8 @@
 ---
 id: magento1-oneclick
 title: Integrando a OpenPix com Magento1 Em Um Clique
-sidebar_label: Magento1 OpenPix Um Clique
+sidebar_label: Magento1 OpenPix 1-Click
+sidebar_position: 0
 tags:
   - magento1
   - ecommerce

docs/ecommerce/magento1/magento1-plugin.mdx

@@ -1,7 +1,7 @@
 ---
 id: magento1-plugin
 title: Integrando a OpenPix com Magento1
-sidebar_label: Magento1 OpenPix Plugin
+sidebar_label: Magento1 OpenPix Plugin (deprecated)
 tags:
   - magento1
   - ecommerce

docs/ecommerce/magento2/__components__/magento2-install.mdx

@@ -0,0 +1,6 @@
+[OpenPix For Magento2](https://marketplace.magento.com/openpix-pix.html)
+
+![Banner](../__assets__/magento2-banner.png)
+![Install](../__assets__/magento2-marketplace-search.png)
+
+[Download OpenPix Magento2 Plugin - versão 2.3.0](pathname:///magento2/openpix_pix.2.3.0.zip) - Versão Atual

docs/ecommerce/magento2/magento2-oneclick-plugin.mdx

@@ -0,0 +1,128 @@
+---
+id: magento2-plugin-oneclick
+title: Integrando a OpenPix com Magento2 Em Um Clique
+sidebar_label: Magento2 OpenPix 1-Click
+sidebar_position: 0
+tags:
+- magento2
+- ecommerce
+---
+
+import Magento2Download from './__components__/magento2-install.mdx'
+
+### Plugin Pix para Magento2
+
+## Resumo
+
+Este documento detalha passos necessários para conectar a sua plataforma de e-Commerce, baseada no Magento2, na OpenPix.
+
+:::caution Atenção
+Este documento espera que você já tenha um ambiente Magento2 ativo, e uma conta criada na OpenPix
+:::
+
+:::tip Dica
+Para utilizar este tutorial é necessário ter uma versão acima da 2.3.0
+:::
+
+## Configurando o Plugin Magento2
+
+### 1. Instale o Plugin OpenPix na sua instância Magento2
+
+<Magento2Download />
+
+### 2. Acesse a configuração do Magento2
+
+Entre na plataforma da OpenPix e [clique aqui](https://app.woovi.com/home/applications/magento2/add/oneclick) ou vá em `API/Plugins` > `Magento2` > `Adicionar`
+
+![Tutorial-box](./__assets__/magento2-tutorial-box.png)
+
+### 2.1 Coloque o Link do seu site
+
+Coloque a URL do seu site no campo
+
+![Oneclick-Input](./__assets__/magento2-oneclick-input.png)
+
+### 2.2 Clique em salvar
+
+Clique no botão de salvar, e assim que tiver sucesso na sua integração você verá a seguinte mensagem:
+![Oneclick-Success](./__assets__/magento2-oneclick-success.png)
+
+## Configurações Avançadas
+
+### 1. Configurando CPF/CNPJ para o Customer (opcional)
+
+Para salvar o cpf/cnpj do customer da order na sua cobrança OpenPix é necessário que seja ativado o campo `TaxVat` em sua loja Magento.
+
+__Obs: Caso você siga sem a configuração deste campo suas cobranças serão salvas sem o cliente da mesma.__
+
+Entre em Magento2 Admin -> Stores > Configuration -> Customers -> Customer Configuration
+
+![customer-sidemenu](./__assets__/magento2-customer-sidemenu.png)
+
+Primeiro ative o campo `Show VAT Number on Storefront` em `Create New Account Options`:
+
+![magento2-customer-create-new-account-options](./__assets__/magento2-customer-create-new-account-options.png)
+
+Em seguida em `Name and Address Options` ative o campo `Show Tax/VAT Number`:
+
+![magento2-customer-name-address-options.png](./__assets__/magento2-customer-name-address-options.png)
+
+A partir de agora os clientes terão que preencher esse campo com o CPF ou CNPJ e o mesmo será usado para salvar o cliente na plataforma OpenPix.
+
+### 2. Crie o Webhook dentro da Plataforma OpenPix
+
+Ao configurar a Store volte para a Plataforma OpenPix e registre o Webhook que será responsável para atualizar sua Store Magento2 quando uma cobrança Pix for paga.
+
+Para realizar o registro de um novo Webhook siga os passos abaixo:
+
+- Va até a plataforma OpenPix e acesse: Admin -> API/Plugins -> Novo Webhook
+- Utilize a mesma senha cadastrada em sua store Magento2. O Webhook é necessário para atualizar o status dos Pedidos em tempo real quando a cobrança Pix é paga.
+- A URL de Callback que deve ser utilizada no cadastro se encontra logo abaixo ao campo em que se registra a senha do webhook dentro da sua Store Magento2. O padrão é: <https://youstore.com.br/openpix/index/webhook>
+
+![Webhook](./__assets__/magento2-webhook-configuration.png)
+
+### 3. Realizar Pedido com Pix
+
+Escolha a opção de pagar o pedido usando Pix
+
+![Pay Pix](./__assets__/magento2-checkout-cart.png)
+
+Pague o Pix usando o app do seu banco.
+
+![Order](./__assets__/magento2-order.png)
+
+Valide que o status do Pedido mudou após o pagamento
+
+### 4. Visualizar Pedido com Pix
+
+Seu cliente poderá visualizar o pedido realizado via Pix dentro do detalhes do pedido. Basta clicar no botão que irá aparecer dentro da pagina de detalhe do pedido "Clique aqui para ver seu QRCode"
+
+![Order information](./__assets__/magento2-order-info.png)
+![Order](./__assets__/magento2-order-detail.png)
+
+### 5. Expiração do pedido Magento2
+
+A OpenPix ira cuidar da expiração da cobrança Pix. Entretanto, é preciso que seja configurado em sua loja magento a expiração da order pois o mesmo cuidará de todo o processo.
+
+Indicamos que a expiração/cancelamento da order no magento possua um tempo semelhante ao tempo configurado na OpenPix. Exemplo:
+
+- tempo de expiração da cobrança OpenPix: 15 minutos
+- coloque os mesmos 15 minutos dentro da sua loja Magento.
+
+:::info
+No magento você pode utilizar o lifetime order seguindo a doc abaixo:
+
+- <https://docs.magento.com/user-guide/v2.3/sales/order-pending-payment-lifetime.html>
+:::
+
+### 6. Atualizando o plugin do Magento2
+
+Indicamos aos clientes OpenPix estar sempre atualizados com a última versão do plugin. Você pode identificar a mesma no step de instalação.
+
+Caso seu plugin esteja desatualizado basta seguir os passos do mesmo step de instalação e atualizar os arquivos do plugin em seu ecommerce.
+
+### 7. Debug logs Magento2
+
+Para debugar o plugin OpenPix temos o arquivo de log e você encontra dentro de `var/log`:
+
+- `openpix.log`: arquivo que concentra logs referentes ao processo de criação de um novo pedido Magento e consequentemente a charge no lado da OpenPix e o processo de atualização da Order quando paga.

docs/ecommerce/magento2/magento2-plugin.md

@@ -1,13 +1,15 @@
 ---
 id: magento2-plugin
 title: Integrando a OpenPix com Magento2
-sidebar_label: Magento2 OpenPix Plugin
-sidebar_position: 0
+sidebar_label: Magento2 OpenPix Plugin (deprecated)
+sidebar_position: 1
 tags:
 - magento2
 - ecommerce
 ---
 
+import Magento2Download from './__components__/magento2-install.mdx'
+
 ### Plugin Pix para Magento2
 
 ## Resumo
@@ -19,12 +21,7 @@ Após conectar a sua conta na OpenPix é possível cobrar clientes em tempo real
 
 ## 1. Instale o Plugin OpenPix na sua instância Magento2
 
-[OpenPix For Magento2](https://marketplace.magento.com/openpix-pix.html)
-
-![Banner](./__assets__/magento2-banner.png)
-![Install](./__assets__/magento2-marketplace-search.png)
-
-[Download OpenPix Magento2 Plugin - versão 2.0.10](pathname:///magento2/openpix_pix.2.0.10.zip) - Versão Atual
+<Magento2Download />
 
 ## 2. Configurando o Plugin Magento2
 
@@ -64,7 +61,7 @@ Clicando em `Payment via Pix` no Plugin OpenPix.
 
 Para salvar o cpf/cnpj do customer da order na sua cobrança OpenPix é necessário que seja ativado o campo `TaxVat` em sua loja Magento.
 
-**Obs: Caso você siga sem a configuração deste campo suas cobranças serão salvas sem o cliente da mesma.**
+__Obs: Caso você siga sem a configuração deste campo suas cobranças serão salvas sem o cliente da mesma.__
 
 Entre em Magento2 Admin -> Stores > Configuration -> Customers -> Customer Configuration
 
@@ -110,20 +107,24 @@ Seu cliente poderá visualizar o pedido realizado via Pix dentro do detalhes do
 
 ![Order information](./__assets__/magento2-order-info.png)
 ![Order](./__assets__/magento2-order-detail.png)
+
 ## Expiração
 
 A OpenPix ira cuidar da expiração da cobrança Pix. Entretanto, é preciso que seja configurado em sua loja magento a expiração da order pois o mesmo cuidará de todo o processo.
 
 Indicamos que a expiração/cancelamento da order no magento possua um tempo semelhante ao tempo configurado na OpenPix. Exemplo:
+
 - tempo de expiração da cobrança OpenPix: 15 minutos
 - coloque os mesmos 15 minutos dentro da sua loja Magento.
 
 :::info
 No magento você pode utilizar o lifetime order seguindo a doc abaixo:
+
 - <https://docs.magento.com/user-guide/v2.3/sales/order-pending-payment-lifetime.html>
 :::
 
 ## Atualizando o plugin
+
 Indicamos aos clientes OpenPix estar sempre atualizados com a última versão do plugin. Você pode identificar a mesma no step de instalação.
 
 Caso seu plugin esteja desatualizado basta seguir os passos do mesmo step de instalação e atualizar os arquivos do plugin em seu ecommerce.

src/pages/index.tsx

@@ -16,13 +16,14 @@ import { TbBrandCSharp, TbWebhook } from 'react-icons/tb';
 
 import Layout from '@theme/Layout';
 
-import styles from './index.module.css';
 import { CardLink } from '../components/Card/CardLink';
 import BotConversaIcon from '../icons/BotConversaIcon';
 import SocPanelIcon from '../icons/SocPanelIcon';
 import N8nIcon from '../icons/N8NIcon';
 import AssineOnlineIcon from '../icons/AssineOnlineIcon';
 
+import styles from './index.module.css';
+
 const links = [
   {
     title: 'Introdução',
@@ -74,24 +75,24 @@ const cards = [
     content:
       'Pix para Magento1. Gestão de QRCode Pix, integração de ordens e conciliação tempo real.',
     icon: <FaMagento color={'#f46f26'} size={30} />,
-    docsTo: '/docs/ecommerce/magento1/magento1-plugin',
-    to: 'https://app.woovi.com/home/applications/magento1/add',
+    docsTo: '/docs/ecommerce/magento1/magento1-oneclick',
+    to: 'https://app.woovi.com/home/applications/magento1/add/oneclick',
   },
   {
     title: 'Plugin Magento2',
     content:
       'Pix para Magento2. Gestão de QRCode Pix, integração de ordens e conciliação tempo real.',
     icon: <FaMagento color={'#f46f26'} size={30} />,
-    docsTo: '/docs/ecommerce/magento2/magento2-plugin',
-    to: 'https://app.woovi.com/home/applications/magento2/add',
+    docsTo: '/docs/ecommerce/magento2/magento2-oneclick',
+    to: 'https://app.woovi.com/home/applications/magento2/add/oneclick',
   },
   {
     title: 'Plugin WooCommerce',
     content:
       'Pix para Woo. Gestão de QRCode Pix, integração de ordens e conciliação tempo real.',
     icon: <SiWoo color={'#945888'} size={30} />,
     docsTo: '/docs/ecommerce/woocommerce/woocommerce-plugin',
-    to: 'https://app.woovi.com/home/applications/woocommerce/add',
+    to: 'https://app.woovi.com/home/applications/woocommerce/add/oneclick',
   },
   {
     title: 'Plugin Javascript',