npm - @easyflow/javascript-sdk - Versions diffs - 2.1.7 → 2.1.9 - Mend

@easyflow/javascript-sdk 2.1.7 → 2.1.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.

Files changed (94) hide show

package/README.md +294 -713
package/dist/index.d.ts +421 -0
package/package.json +19 -6
package/.babelrc +0 -5
package/.github/workflows/deploy-sdk-cf.yml +0 -49
package/.github/workflows/release-sdk-cdn.yml +0 -144
package/.github/workflows/release-sdk.yml +0 -112
package/.prettierrc +0 -6
package/CDN-DEPLOYMENT.md +0 -175
package/DEMO.md +0 -258
package/DEPLOYMENT.md +0 -224
package/INTEGRATION-GUIDE.md +0 -521
package/coverage/base.css +0 -224
package/coverage/block-navigation.js +0 -87
package/coverage/easyflow-javascript-sdk/index.html +0 -116
package/coverage/easyflow-javascript-sdk/libs/constants.mjs.html +0 -268
package/coverage/easyflow-javascript-sdk/libs/errors.mjs.html +0 -271
package/coverage/easyflow-javascript-sdk/libs/exception-handler.mjs.html +0 -148
package/coverage/easyflow-javascript-sdk/libs/fingerprint.mjs.html +0 -895
package/coverage/easyflow-javascript-sdk/libs/http.mjs.html +0 -502
package/coverage/easyflow-javascript-sdk/libs/index.html +0 -266
package/coverage/easyflow-javascript-sdk/libs/logger.mjs.html +0 -568
package/coverage/easyflow-javascript-sdk/libs/sanitizer.mjs.html +0 -1099
package/coverage/easyflow-javascript-sdk/libs/security.mjs.html +0 -733
package/coverage/easyflow-javascript-sdk/libs/types.mjs.html +0 -508
package/coverage/easyflow-javascript-sdk/libs/utils.mjs.html +0 -379
package/coverage/easyflow-javascript-sdk/libs/validator.mjs.html +0 -2623
package/coverage/easyflow-javascript-sdk/sdk.mjs.html +0 -2434
package/coverage/favicon.png +0 -0
package/coverage/index.html +0 -131
package/coverage/lcov-report/base.css +0 -224
package/coverage/lcov-report/block-navigation.js +0 -87
package/coverage/lcov-report/easyflow-javascript-sdk/index.html +0 -116
package/coverage/lcov-report/easyflow-javascript-sdk/libs/constants.mjs.html +0 -268
package/coverage/lcov-report/easyflow-javascript-sdk/libs/errors.mjs.html +0 -271
package/coverage/lcov-report/easyflow-javascript-sdk/libs/exception-handler.mjs.html +0 -148
package/coverage/lcov-report/easyflow-javascript-sdk/libs/fingerprint.mjs.html +0 -895
package/coverage/lcov-report/easyflow-javascript-sdk/libs/http.mjs.html +0 -502
package/coverage/lcov-report/easyflow-javascript-sdk/libs/index.html +0 -266
package/coverage/lcov-report/easyflow-javascript-sdk/libs/logger.mjs.html +0 -568
package/coverage/lcov-report/easyflow-javascript-sdk/libs/sanitizer.mjs.html +0 -1099
package/coverage/lcov-report/easyflow-javascript-sdk/libs/security.mjs.html +0 -733
package/coverage/lcov-report/easyflow-javascript-sdk/libs/types.mjs.html +0 -508
package/coverage/lcov-report/easyflow-javascript-sdk/libs/utils.mjs.html +0 -379
package/coverage/lcov-report/easyflow-javascript-sdk/libs/validator.mjs.html +0 -2623
package/coverage/lcov-report/easyflow-javascript-sdk/sdk.mjs.html +0 -2434
package/coverage/lcov-report/favicon.png +0 -0
package/coverage/lcov-report/index.html +0 -131
package/coverage/lcov-report/prettify.css +0 -1
package/coverage/lcov-report/prettify.js +0 -2
package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
package/coverage/lcov-report/sorter.js +0 -196
package/coverage/lcov.info +0 -1429
package/coverage/prettify.css +0 -1
package/coverage/prettify.js +0 -2
package/coverage/sort-arrow-sprite.png +0 -0
package/coverage/sorter.js +0 -196
package/dist/435.easyflow-sdk.min.js +0 -1
package/dist/easyflow-sdk.min.js +0 -1
package/dist/easyflow-sdk.min.js.LICENSE.txt +0 -1
package/dist/index.html +0 -756
package/docs/index.html +0 -775
package/examples/lovable-integration.html +0 -410
package/index.html +0 -981
package/jest.config.js +0 -37
package/jsdoc.json +0 -42
package/libs/auto-integration.mjs +0 -333
package/libs/constants.mjs +0 -61
package/libs/constants.spec.js +0 -198
package/libs/errors.mjs +0 -62
package/libs/errors.spec.js +0 -178
package/libs/exception-handler.mjs +0 -21
package/libs/exception-handler.spec.js +0 -237
package/libs/fingerprint.mjs +0 -270
package/libs/http.mjs +0 -163
package/libs/http.spec.js +0 -427
package/libs/integration-wrapper.mjs +0 -285
package/libs/logger.mjs +0 -161
package/libs/logger.spec.js +0 -389
package/libs/sanitizer.mjs +0 -340
package/libs/sanitizer.spec.js +0 -583
package/libs/security.mjs +0 -217
package/libs/types.mjs +0 -141
package/libs/utils.mjs +0 -368
package/libs/utils.spec.js +0 -231
package/libs/validator.mjs +0 -952
package/libs/validator.spec.js +0 -615
package/mocks/offer.mock.js +0 -77
package/scripts/publish-npm.sh +0 -82
package/sdk.mjs +0 -945
package/sdk.spec.js +0 -796
package/test-setup.cjs +0 -211
package/test.html +0 -154
package/webpack.config.cjs +0 -41

package/examples/lovable-integration.html DELETED Viewed

@@ -1,410 +0,0 @@
-<!doctype html>
-<html lang="pt-BR">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Easyflow SDK - Integração Lovable</title>
-        <style>
-            body {
-                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
-                    Roboto, sans-serif;
-                max-width: 1200px;
-                margin: 0 auto;
-                padding: 20px;
-                background: #f8fafc;
-            }
-            .container {
-                background: white;
-                border-radius: 12px;
-                padding: 30px;
-                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-                margin-bottom: 20px;
-            }
-            .header {
-                text-align: center;
-                margin-bottom: 40px;
-            }
-            .header h1 {
-                color: #1e293b;
-                margin-bottom: 10px;
-            }
-            .header p {
-                color: #64748b;
-                font-size: 18px;
-            }
-            .code-block {
-                background: #1e293b;
-                color: #e2e8f0;
-                padding: 20px;
-                border-radius: 8px;
-                overflow-x: auto;
-                margin: 20px 0;
-                font-family: 'Monaco', 'Menlo', monospace;
-                font-size: 14px;
-            }
-            .step {
-                margin-bottom: 30px;
-            }
-            .step h3 {
-                color: #1e293b;
-                border-bottom: 2px solid #3b82f6;
-                padding-bottom: 8px;
-                margin-bottom: 15px;
-            }
-            .example {
-                background: #f1f5f9;
-                border-left: 4px solid #3b82f6;
-                padding: 15px;
-                margin: 15px 0;
-                border-radius: 0 8px 8px 0;
-            }
-            .button {
-                background: #3b82f6;
-                color: white;
-                border: none;
-                padding: 12px 24px;
-                border-radius: 6px;
-                cursor: pointer;
-                font-size: 16px;
-                margin: 10px 5px;
-                transition: background 0.2s;
-            }
-            .button:hover {
-                background: #2563eb;
-            }
-            .button.secondary {
-                background: #64748b;
-            }
-            .button.secondary:hover {
-                background: #475569;
-            }
-            .result {
-                background: #f0fdf4;
-                border: 1px solid #bbf7d0;
-                border-radius: 6px;
-                padding: 15px;
-                margin: 15px 0;
-                font-family: monospace;
-            }
-            .error {
-                background: #fef2f2;
-                border: 1px solid #fecaca;
-                color: #dc2626;
-            }
-            .success {
-                background: #f0fdf4;
-                border: 1px solid #bbf7d0;
-                color: #16a34a;
-            }
-            .tabs {
-                display: flex;
-                border-bottom: 1px solid #e2e8f0;
-                margin-bottom: 20px;
-            }
-            .tab {
-                padding: 12px 24px;
-                cursor: pointer;
-                border-bottom: 2px solid transparent;
-                transition: all 0.2s;
-            }
-            .tab.active {
-                border-bottom-color: #3b82f6;
-                color: #3b82f6;
-            }
-            .tab-content {
-                display: none;
-            }
-            .tab-content.active {
-                display: block;
-            }
-        </style>
-    </head>
-    <body>
-        <div class="header">
-            <h1>🚀 Easyflow SDK - Integração Lovable</h1>
-            <p>Integração NO BRAINER para plataformas low-code/no-code</p>
-        </div>
-        <!-- Tabs de Integração -->
-        <div class="tabs">
-            <div class="tab active" onclick="showTab('lovable')">
-                Lovable.dev
-            </div>
-            <div class="tab" onclick="showTab('bubble')">Bubble</div>
-            <div class="tab" onclick="showTab('webflow')">Webflow</div>
-            <div class="tab" onclick="showTab('zapier')">Zapier</div>
-        </div>
-        <!-- Tab Lovable -->
-        <div id="lovable" class="tab-content active">
-            <div class="container">
-                <div class="step">
-                    <h3>1. Inclusão do SDK</h3>
-                    <p>Adicione o SDK no seu projeto Lovable:</p>
-                    <div class="code-block">
-                        &lt;!-- Incluir o SDK Easyflow --&gt; &lt;script
-                        src="https://easyflow-sdk.pages.dev/easyflow-sdk.min.js"&gt;&lt;/script&gt;
-                        &lt;!-- Ou via jsDelivr --&gt; &lt;script
-                        src="https://cdn.jsdelivr.net/npm/@easyflow/javascript-sdk@latest/dist/easyflow-sdk.min.js"&gt;&lt;/script&gt;
-                    </div>
-                </div>
-                <div class="step">
-                    <h3>2. Inicialização Automática</h3>
-                    <p>
-                        O SDK se inicializa automaticamente e expõe todas as
-                        funcionalidades:
-                    </p>
-                    <div class="code-block">
-                        // Configuração automática para Lovable
-                        window.easyflowSDK = { // Todas as funcionalidades
-                        disponíveis automaticamente createCustomer:
-                        function(data) { /* ... */ }, placeOrder:
-                        function(offerId, data) { /* ... */ }, charge:
-                        function(data) { /* ... */ }, // ... e muito mais } //
-                        Configurar callbacks para eventos
-                        easyflowSDK.on('customerCreated', function(customer) {
-                        console.log('Cliente criado:', customer); // Atualizar
-                        UI do Lovable }); easyflowSDK.on('paymentProcessed',
-                        function(result) { console.log('Pagamento processado:',
-                        result); // Redirecionar ou atualizar status });
-                    </div>
-                </div>
-                <div class="step">
-                    <h3>3. Exemplo de Uso no Lovable</h3>
-                    <p>Use diretamente nas suas ações e workflows:</p>
-                    <div class="code-block">
-                        // Criar cliente const customerResult = await
-                        easyflowSDK.createCustomer({ name: "João Silva", email:
-                        "joao@exemplo.com", document: { type: "CPF", number:
-                        "12345678909" } }); if (customerResult.success) { //
-                        Cliente criado com sucesso const customerId =
-                        customerResult.data.id; // Processar pagamento const
-                        paymentResult = await
-                        easyflowSDK.placeOrder('offer-123', { buyer:
-                        customerResult.data, payments: [{ method: 'credit-card',
-                        creditCard: { number: '4111111111111111', holderName:
-                        'João Silva', month: '12', year: '2025', cvv: '123' } }]
-                        }); if (paymentResult.success) { console.log('Pedido
-                        criado:', paymentResult.data); } }
-                    </div>
-                </div>
-                <div class="step">
-                    <h3>4. Validação Automática</h3>
-                    <p>Validação de dados integrada:</p>
-                    <div class="code-block">
-                        // Validar dados antes de enviar const emailValid =
-                        easyflowSDK.validate.email('joao@exemplo.com'); const
-                        cpfValid = easyflowSDK.validate.cpf('12345678909'); if
-                        (emailValid && cpfValid) { // Dados válidos, prosseguir
-                        const result = await
-                        easyflowSDK.createCustomer(customerData); } else { //
-                        Mostrar erro na UI do Lovable showError('Dados
-                        inválidos'); }
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- Tab Bubble -->
-        <div id="bubble" class="tab-content">
-            <div class="container">
-                <h3>Integração com Bubble</h3>
-                <p>
-                    Use o SDK diretamente no Bubble através de JavaScript
-                    personalizado:
-                </p>
-                <div class="code-block">
-                    // No Bubble, adicione este JavaScript personalizado // após
-                    incluir o SDK Easyflow // Configurar callbacks para eventos
-                    do Bubble easyflowSDK.on('customerCreated',
-                    function(customer) { // Atualizar campo no Bubble
-                    bubble_fn_updateCustomer(customer); });
-                    easyflowSDK.on('paymentProcessed', function(result) { //
-                    Atualizar status do pagamento
-                    bubble_fn_updatePaymentStatus(result); }); // Função para
-                    criar cliente no Bubble async function
-                    bubbleCreateCustomer(customerData) { const result = await
-                    easyflowSDK.createCustomer(customerData); return result; }
-                </div>
-            </div>
-        </div>
-        <!-- Tab Webflow -->
-        <div id="webflow" class="tab-content">
-            <div class="container">
-                <h3>Integração com Webflow</h3>
-                <p>
-                    Adicione o SDK no Webflow e use com JavaScript
-                    personalizado:
-                </p>
-                <div class="code-block">
-                    // No Webflow, adicione este código JavaScript // após
-                    incluir o SDK Easyflow // Configurar formulário de checkout
-                    document.getElementById('checkout-form').addEventListener('submit',
-                    async function(e) { e.preventDefault(); const formData = new
-                    FormData(this); const customerData = { name:
-                    formData.get('name'), email: formData.get('email'),
-                    document: { type: 'CPF', number: formData.get('cpf') } }; //
-                    Validar dados if
-                    (easyflowSDK.validate.customer(customerData)) { const result
-                    = await easyflowSDK.createCustomer(customerData); if
-                    (result.success) { // Redirecionar para pagamento
-                    window.location.href = '/checkout?customer=' +
-                    result.data.id; } } });
-                </div>
-            </div>
-        </div>
-        <!-- Tab Zapier -->
-        <div id="zapier" class="tab-content">
-            <div class="container">
-                <h3>Integração com Zapier</h3>
-                <p>Use o SDK através de webhooks e APIs:</p>
-                <div class="code-block">
-                    // Endpoint para Zapier webhook app.post('/zapier/easyflow',
-                    async (req, res) => { try { const { action, data } =
-                    req.body; switch (action) { case 'createCustomer': const
-                    customerResult = await easyflowSDK.createCustomer(data);
-                    res.json(customerResult); break; case 'processPayment':
-                    const paymentResult = await easyflowSDK.charge(data);
-                    res.json(paymentResult); break; default:
-                    res.status(400).json({ error: 'Ação não suportada' }); } }
-                    catch (error) { res.status(500).json({ error: error.message
-                    }); } });
-                </div>
-            </div>
-        </div>
-        <!-- Demonstração Interativa -->
-        <div class="container">
-            <h3>🎯 Demonstração Interativa</h3>
-            <p>Teste as funcionalidades do SDK:</p>
-            <div class="example">
-                <h4>Teste de Validação</h4>
-                <input
-                    type="email"
-                    id="testEmail"
-                    placeholder="Digite um email"
-                    style="padding: 8px; margin: 5px"
-                />
-                <button class="button" onclick="testValidation()">
-                    Validar Email
-                </button>
-                <div id="validationResult"></div>
-            </div>
-            <div class="example">
-                <h4>Teste de Status</h4>
-                <button class="button" onclick="checkStatus()">
-                    Verificar Status
-                </button>
-                <div id="statusResult"></div>
-            </div>
-        </div>
-        <!-- Scripts -->
-        <script src="https://easyflow-sdk.pages.dev/easyflow-sdk.min.js"></script>
-        <script>
-            // Inicializar SDK para demonstração
-            let easyflowSDK = null
-            // Função para mostrar tabs
-            function showTab(tabName) {
-                // Esconder todas as tabs
-                document.querySelectorAll('.tab-content').forEach((tab) => {
-                    tab.classList.remove('active')
-                })
-                document.querySelectorAll('.tab').forEach((tab) => {
-                    tab.classList.remove('active')
-                })
-                // Mostrar tab selecionada
-                document.getElementById(tabName).classList.add('active')
-                event.target.classList.add('active')
-            }
-            // Função para testar validação
-            function testValidation() {
-                const email = document.getElementById('testEmail').value
-                const result = document.getElementById('validationResult')
-                try {
-                    if (
-                        easyflowSDK &&
-                        easyflowSDK.validate &&
-                        easyflowSDK.validate.email
-                    ) {
-                        const isValid = easyflowSDK.validate.email(email)
-                        result.className = isValid
-                            ? 'result success'
-                            : 'result error'
-                        result.textContent = isValid
-                            ? '✅ Email válido!'
-                            : '❌ Email inválido!'
-                    } else {
-                        result.className = 'result error'
-                        result.textContent = '❌ SDK não inicializado'
-                    }
-                } catch (error) {
-                    result.className = 'result error'
-                    result.textContent = '❌ Erro: ' + error.message
-                }
-            }
-            // Função para verificar status
-            function checkStatus() {
-                const result = document.getElementById('statusResult')
-                try {
-                    if (easyflowSDK && easyflowSDK.getStatus) {
-                        const status = easyflowSDK.getStatus()
-                        result.className = 'result success'
-                        result.innerHTML = `
-                        <strong>Status do SDK:</strong><br>
-                        ✅ Inicializado: ${status.initialized}<br>
-                        🆔 Business ID: ${status.businessId}<br>
-                        📦 Versão: ${status.sdkVersion}<br>
-                        🔧 Wrapper: ${status.wrapperVersion}
-                    `
-                    } else {
-                        result.className = 'result error'
-                        result.textContent = '❌ SDK não inicializado'
-                    }
-                } catch (error) {
-                    result.className = 'result error'
-                    result.textContent = '❌ Erro: ' + error.message
-                }
-            }
-            // Aguardar carregamento do SDK
-            window.addEventListener('load', function () {
-                // Verificar se o SDK foi carregado
-                if (typeof window.easyflowSDK !== 'undefined') {
-                    easyflowSDK = window.easyflowSDK
-                    console.log('✅ Easyflow SDK carregado com sucesso!')
-                    // Configurar callbacks de exemplo
-                    if (easyflowSDK.on) {
-                        easyflowSDK.on('customerCreated', function (customer) {
-                            console.log('🎉 Cliente criado:', customer)
-                        })
-                        easyflowSDK.on('paymentProcessed', function (result) {
-                            console.log('💳 Pagamento processado:', result)
-                        })
-                        easyflowSDK.on('error', function (error) {
-                            console.error('❌ Erro:', error)
-                        })
-                    }
-                } else {
-                    console.error('❌ Easyflow SDK não foi carregado')
-                }
-            })
-        </script>
-    </body>
-</html>