solidus_mp 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f08d541bb494c19f221bbe8e5c7e68e9a38efe758daa3b68e81fc18e08db679d
-  data.tar.gz: a0aaedf2cfc676a78f4eb5998e7ab1e02b12ae73aef56733b8bb20c1dadc6b10
+  metadata.gz: aa21ea1f258cffe8857cf595e61fcb222a9ca1a144919e93890aa785cbed5427
+  data.tar.gz: d4db2b7c782bf3eaf93834b26354c52a70f465112f8c23eb01f046204caa60e4
 SHA512:
-  metadata.gz: 0b65781a19527fb669df86296612ead960f9df96554f2d96305732e17c3170649a98318e477b50190d8d20e50fd33841183c964da7da98dff6ebe7feeb5ba13c
-  data.tar.gz: 331f578e0e6961b5e34aebac7001d8332ece8d01bb9b138bcdbbd056ab66901a82bdf476b52870656731b40c867efbb3c2e123e5d5f52fa588ed282144acb377
+  metadata.gz: c5057b3b6735ca61db77b199c3a1d1ddd1bd086b069aa26e060e94b82d53e7be61b48cdbc4287ddcfedfd8a9977f8df8782f3aad9c57a50e6c604a99c8381f41
+  data.tar.gz: 033f3e6624c5f9f22b2b36db894676002fc1f5843b62f93e774095c93a6dce30137b129471db44e2d5dcf2bfe5cc1238b0db0231f1ec87978e013cc78540cb40

data/LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2023 ulysses-bull
+Copyright (c) 2023 caio
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without modification,

data/README.md

@@ -1,73 +0,0 @@
-# Solidus Mp
-
-[![CircleCI](https://circleci.com/gh/solidusio-contrib/solidus_mp.svg?style=shield)](https://circleci.com/gh/solidusio-contrib/solidus_mp)
-[![codecov](https://codecov.io/gh/solidusio-contrib/solidus_mp/branch/master/graph/badge.svg)](https://codecov.io/gh/solidusio-contrib/solidus_mp)
-
-<!-- Explain what your extension does. -->
-
-## Installation
-
-Add solidus_mp to your Gemfile:
-
-```ruby
-gem 'solidus_mp'
-```
-
-Bundle your dependencies and run the installation generator:
-
-```shell
-bin/rails generate solidus_mp:install
-```
-
-## Usage
-
-<!-- Explain how to use your extension once it's been installed. -->
-
-## Development
-
-### Testing the extension
-
-First bundle your dependencies, then run `bin/rake`. `bin/rake` will default to building the dummy
-app if it does not exist, then it will run specs. The dummy app can be regenerated by using
-`bin/rake extension:test_app`.
-
-```shell
-bin/rake
-```
-
-To run [Rubocop](https://github.com/bbatsov/rubocop) static code analysis run
-
-```shell
-bundle exec rubocop
-```
-
-When testing your application's integration with this extension you may use its factories.
-You can load Solidus core factories along with this extension's factories using this statement:
-
-```ruby
-SolidusDevSupport::TestingSupport::Factories.load_for(SolidusMp::Engine)
-```
-
-### Running the sandbox
-
-To run this extension in a sandboxed Solidus application, you can run `bin/sandbox`. The path for
-the sandbox app is `./sandbox` and `bin/rails` will forward any Rails commands to
-`sandbox/bin/rails`.
-
-Here's an example:
-
-```
-$ bin/rails server
-=> Booting Puma
-=> Rails 6.0.2.1 application starting in development
-* Listening on tcp://127.0.0.1:3000
-Use Ctrl-C to stop
-```
-
-### Releasing new versions
-
-Please refer to the [dedicated page](https://github.com/solidusio/solidus/wiki/How-to-release-extensions) in the Solidus wiki.
-
-## License
-
-Copyright (c) 2023 ulysses-bull, released under the New BSD License.

data/app/models/solidus_mp/card_payment_source.rb

@@ -0,0 +1,23 @@
+module SolidusMp
+
+  class CardPaymentSource < Spree::PaymentSource
+  
+    def actions
+      %w(capture void credit)
+    end
+  
+    def can_capture?(payment)
+      payment.pending? || payment.checkout?
+    end
+  
+    def can_void?(payment)
+      payment.can_void?
+    end
+
+    def can_credit?(payment)
+      payment.completed? && payment.credit_allowed > 0
+    end
+
+  end
+
+end

data/app/models/solidus_mp/mp_card.rb

@@ -0,0 +1,69 @@
+module SolidusMp
+  class MpCard < Spree::PaymentMethod
+
+    preference :public_key, :string
+    preference :access_token, :string
+    preference :callback_url, :string
+
+    def payment_source_class
+      CardPaymentSource
+    end
+
+    def gateway_class
+      "MpCard"
+    end
+
+    def supports?(source)
+      source.is_a?(payment_source_class)
+    end
+
+    def create_api_payment payment
+      begin
+        MpApi.configuration.access_token = preferences[:access_token]
+        mp_payment = MpApi::Payment.new(amount: payment.amount.to_f, payment_method: payment.source.credit_card_brand, payer_email: payment.source.email, payer_identification_type: payment.source.payer_identification_type, payer_identification_number: payment.source.tax_id, token: payment.source.token, issuer_id: payment.source.issuer_id, installments: payment.source.installments, three_d_secure_mode: true).create
+        payment.source.update(external_id: mp_payment.id, three_ds_url: mp_payment.three_ds_info_external_resource_url, three_ds_creq: mp_payment.three_ds_info_creq)
+      rescue MpApi::TooManyRequestsError
+        payment.invalidate
+      end
+    end
+
+    def authorize(money, source, options = {})
+      purchase(money, source, options)
+    end
+
+    def purchase(money, source, options = {})
+      MpApi.configuration.access_token = preferences[:access_token]
+      mp_payment = MpApi::Payment.find_by_id(source.external_id)
+      10.times do
+        break if ["approved", "rejected"].include? mp_payment.status
+        mp_payment = MpApi::Payment.find_by_id(source.external_id)
+      end
+      if mp_payment.status == "approved"
+        successful_response("Transaction Accredited", mp_payment.id)
+      else
+        failure_response(mp_payment.status_detail || mp_payment.status)
+      end
+    end
+
+    def partial_name
+      'mercado_pago_card'
+    end
+
+    def successful_response message, transaction_id
+      ActiveMerchant::Billing::Response.new(
+        true,
+        message,
+        {},
+        authorization: transaction_id
+      )
+    end
+
+    def failure_response message
+      ActiveMerchant::Billing::Response.new(
+        false,
+        message
+      )
+    end
+
+  end
+end

data/app/models/solidus_mp/mp_pix.rb

@@ -0,0 +1,65 @@
+module SolidusMp
+  class MpPix < Spree::PaymentMethod
+
+    preference :public_key, :string
+    preference :access_token, :string
+    preference :callback_url, :string
+
+    def payment_source_class
+      PixPaymentSource
+    end
+
+    def gateway_class
+      "MpPix"
+    end
+
+    def supports?(source)
+      source.is_a?(payment_source_class)
+    end
+
+    def create_api_payment payment
+      begin
+        MpApi.configuration.access_token = preferences[:access_token]
+        mp_payment = MpApi::Payment.new(payer_email: payment.source.email, payer_identification_type: "CPF", payment_method: "pix", payer_identification_number: payment.source.tax_id, amount: payment.amount.to_f).create
+        payment.source.update(external_id: mp_payment.id, qr_code: mp_payment.qr_code, qr_code_base64: mp_payment.qr_code_base_64, ticket_url: mp_payment.ticket_url)
+      rescue MpApi::TooManyRequestsError
+        payment.invalidate
+      end
+    end
+    
+    def authorize(money, source, options = {})
+      purchase(money, source, options)
+    end
+
+    def purchase(money, source, options = {})
+      MpApi.configuration.access_token = preferences[:access_token]
+      mp_payment = MpApi::Payment.find_by_id(source.external_id)
+      if mp_payment.status == "approved"
+        successful_response("Transaction Accredited", mp_payment.id)
+      else
+        failure_response(mp_payment.status_detail || mp_payment.status)
+      end
+    end
+
+    def partial_name
+      'mercado_pago_pix'
+    end
+
+    def successful_response message, transaction_id
+      ActiveMerchant::Billing::Response.new(
+        true,
+        message,
+        {},
+        authorization: transaction_id
+      )
+    end
+
+    def failure_response message
+      ActiveMerchant::Billing::Response.new(
+        false,
+        message
+      )
+    end
+
+  end
+end

data/app/models/solidus_mp/pix_payment_source.rb

@@ -0,0 +1,23 @@
+module SolidusMp
+
+  class PixPaymentSource < Spree::PaymentSource
+
+    def actions
+      %w(capture void credit)
+    end
+
+    def can_capture?(payment)
+      payment.pending? || payment.checkout?
+    end
+
+    def can_void?(payment)
+      payment.can_void?
+    end
+
+    def can_credit?(payment)
+      payment.completed? && payment.credit_allowed > 0
+    end
+
+  end
+
+end

data/db/migrate/20231205142655_create_solidus_mp_pix_payment_sources.rb

@@ -0,0 +1,15 @@
+class CreateSolidusMpPixPaymentSources < ActiveRecord::Migration[7.0]
+  def change
+    create_table :solidus_mp_pix_payment_sources do |t|
+      t.string :external_id
+      t.string :email
+      t.string :tax_id
+      t.integer :payment_method_id
+      t.string :qr_code
+      t.text :qr_code_base64
+      t.string :ticket_url
+
+      t.timestamps
+    end
+  end
+end

data/db/migrate/20231205142931_create_solidus_mp_card_payment_sources.rb

@@ -0,0 +1,21 @@
+class CreateSolidusMpCardPaymentSources < ActiveRecord::Migration[7.0]
+  def change
+    create_table :solidus_mp_card_payment_sources do |t|
+      t.string :external_id
+      t.string :payer_identification_type
+      t.string :tax_id
+      t.string :email
+      t.string :card_holder_name
+      t.string :issuer_id
+      t.integer :installments
+      t.string :token
+      t.string :three_ds_mode
+      t.string :three_ds_url
+      t.string :three_ds_creq
+      t.string :credit_card_brand
+      t.integer :payment_method_id
+
+      t.timestamps
+    end
+  end
+end

data/lib/generators/solidus_mp/install/install_generator.rb

@@ -10,6 +10,10 @@ module SolidusMp
         true
       end
 
+      def pin_mp_js
+        run 'bin/importmap pin @mercadopago/sdk-js'
+      end
+
       def copy_initializer
         template 'initializer.rb', 'config/initializers/solidus_mp.rb'
       end
@@ -18,6 +22,15 @@ module SolidusMp
         run 'bin/rails railties:install:migrations FROM=solidus_mp'
       end
 
+      def install_mp_api
+        puts 'Installing mp_api gem...'
+        run 'bin/rails g mp_api:install'
+      end
+
+      def copy_app_files
+        directory 'app', 'app'
+      end
+
       def run_migrations
         run_migrations = options[:auto_run_migrations] || ['', 'y', 'Y'].include?(ask('Would you like to run the migrations now? [Y/n]')) # rubocop:disable Layout/LineLength
         if run_migrations

data/lib/generators/solidus_mp/install/templates/app/javascript/controllers/credit_card_controller.js

@@ -0,0 +1,220 @@
+import { Controller } from "@hotwired/stimulus"
+import { loadMercadoPago } from "@mercadopago/sdk-js"
+
+ // Connects to data-controller="credit-card"
+export default class extends Controller {
+
+  static values = { publicKey: String }
+  static targets = ["formCardNumber", "formExpirationDate", "formSecurityCode", "formIssuer", "formInstallments", "paymentMethodId", "paymentMethodThumbnail", "formDocumentType", "formCardHolderName"]
+
+  // Anytime the controller is connected to the DOM
+  async connect() {
+    await loadMercadoPago() 
+    this.mp = new window.MercadoPago('TEST-dc17baa6-3344-4382-af3f-15d37f3ce4ae')
+    // estilos dos iframes
+    const styles = {
+      style: {
+        height: "1.5rem",
+        padding: "0px",
+        margin: "0px",
+        fontFamily: "Inter",
+        placeholderColor: "#9C99AF",
+        fontSize: "1rem"
+      },
+      customFonts: [
+        {
+          src: "https://rsms.me/inter/inter.css",
+        },
+      ]
+    }
+
+    // iframe numero cartao
+    const cardNumberElement = this.createIframe('cardNumber', "Número do cartão", styles, 'formCardNumber')
+    const expirationDateElement = this.createIframe('expirationDate', "MM/AA", styles, 'formExpirationDate')
+    const securityCodeElement = this.createIframe('securityCode', "Código de segurança", styles, 'formSecurityCode')
+    let currentBin
+    cardNumberElement.on('binChange', async (data) => {
+      const { bin } = data
+      try {
+        if (!bin && this.paymentMethodIdTarget.value) {
+          this.clearSelectsAndSetPlaceholders("Banco emissor", "Parcelas")
+          this.paymentMethodIdTarget.value = ""
+        }
+  
+        if (bin && bin !== currentBin) {
+          const { results } = await this.mp.getPaymentMethods({ bin })
+          const paymentMethod = results[0]
+          this.paymentMethodIdTarget.value = paymentMethod.id
+          this.paymentMethodThumbnailTarget.setAttribute('src', paymentMethod.secure_thumbnail)
+          this.updatePCIFieldsSettings(paymentMethod, cardNumberElement, securityCodeElement)
+          this.updateIssuer(paymentMethod, bin)
+          this.updateInstallments(bin)
+        }
+  
+        currentBin = bin
+      } catch (e) {
+        console.error('error getting payment methods: ', e)
+      }
+    })
+    
+    cardNumberElement.on('focus', this.onFocus(this.formCardNumberTarget))
+    cardNumberElement.on('blur', this.onBlur(this.formCardNumberTarget))
+
+    expirationDateElement.on('focus', this.onFocus(this.formExpirationDateTarget))
+    expirationDateElement.on('blur', this.onBlur(this.formExpirationDateTarget))
+
+    securityCodeElement.on('focus', this.onFocus(this.formSecurityCodeTarget))
+    securityCodeElement.on('blur', this.onBlur(this.formSecurityCodeTarget))
+    await this.getIdentificationTypes()
+
+    document.getElementById('checkout_form_payment').addEventListener('submit', e => {
+      if (this.formCardHolderNameTarget.value === "") return
+      this.createCardToken(e, this.mp)
+    })
+
+  }
+
+  createIframe(inputName, placeholder, Styles, divId){
+    const element = this.mp.fields.create(inputName, {
+      placeholder: placeholder,
+      ...Styles
+    }).mount(divId)
+    return element
+  }
+
+  onFocus(divElement) {
+    return function (event) {
+      divElement.setAttribute('data-focus', 'true')
+    }
+  }
+
+  onBlur(divElement) {
+    return function (event) {
+      divElement.removeAttribute('data-focus')
+    }
+  }
+
+  async getIdentificationTypes() {
+    try {
+      const identificationTypes = await this.mp.getIdentificationTypes()
+
+      this.createSelectOptions(this.formDocumentTypeTarget, identificationTypes)
+    } catch (e) {
+      return console.error('Error getting identificationTypes: ', e)
+    }
+  }
+
+  createSelectOptions(elem, options, labelsAndKeys = { label: "name", value: "id" }) {
+    const { label, value } = labelsAndKeys
+
+    elem.options.length = 0
+
+    const tempOptions = document.createDocumentFragment()
+
+    options.forEach(option => {
+      const optValue = option[value]
+      const optLabel = option[label]
+
+      const opt = document.createElement('option')
+      opt.value = optValue
+      opt.textContent = optLabel
+
+      tempOptions.appendChild(opt)
+    })
+
+    elem.appendChild(tempOptions)
+  }
+
+  clearSelectsAndSetPlaceholders(issuerPlaceholder, installmentsPlaceholder) {
+    clearHTMLSelectChildrenFrom(this.formIssuerTarget)
+    createSelectElementPlaceholder(this.formIssuerTarget, issuerPlaceholder)
+
+    clearHTMLSelectChildrenFrom(this.formInstallmentsTarget)
+    createSelectElementPlaceholder(this.formInstallmentsTarget, installmentsPlaceholder)
+  }
+
+  clearHTMLSelectChildrenFrom(element) {
+    const currOptions = [...element.children]
+    currOptions.forEach(child => child.remove())
+  }
+
+  createSelectElementPlaceholder(element, placeholder) {
+    const optionElement = document.createElement('option')
+    optionElement.textContent = placeholder
+    optionElement.setAttribute('selected', "")
+    optionElement.setAttribute('disabled', "")
+
+    element.appendChild(optionElement)
+  }
+
+  updatePCIFieldsSettings(paymentMethod, cardNumberElement, securityCodeElement) {
+    const { settings } = paymentMethod
+
+    const cardNumberSettings = settings[0].card_number
+    cardNumberElement.update({
+      settings: cardNumberSettings
+    })
+
+    const securityCodeSettings = settings[0].security_code
+    securityCodeElement.update({
+      settings: securityCodeSettings
+    })
+  }
+
+  async updateIssuer(paymentMethod, bin) {
+    const { additional_info_needed, issuer } = paymentMethod
+    let issuerOptions = [issuer]
+
+    if (additional_info_needed.includes('issuer_id')) {
+      issuerOptions = await getIssuers(paymentMethod, bin)
+    }
+
+    this.createSelectOptions(this.formIssuerTarget, issuerOptions)
+  }
+
+  async getIssuers(paymentMethod, bin) {
+    try {
+      const { id: paymentMethodId } = paymentMethod
+      return await this.mp.getIssuers({ paymentMethodId, bin })
+    } catch (e) {
+      console.error('error getting issuers: ', e)
+    }
+  }
+
+  async updateInstallments(bin) {
+    try {
+      const installments = await this.mp.getInstallments({
+        amount: document.getElementById('transactionAmount').value,
+        bin,
+        paymentTypeId: 'credit_card'
+      });
+      const installmentOptions = installments[0].payer_costs;
+      const installmentOptionsKeys = { label: 'recommended_message', value: 'installments' };
+      this.createSelectOptions(this.formInstallmentsTarget, installmentOptions, installmentOptionsKeys);
+    } catch (error) {
+      console.error('error getting installments: ', error)
+    }
+  }
+
+  async createCardToken(event, mp) {
+    try {
+      const tokenElement = document.getElementById('token');
+      if (!tokenElement.value) {
+        const formElement = document.getElementById('checkout_form_payment');
+        event.preventDefault();
+        const token = await mp.fields.createCardToken({
+          cardholderName: document.getElementById('formCardHolderName').value,
+          identificationType: document.getElementById('formDocumentType').value,
+          identificationNumber: document.getElementById('tax_id').value,
+        });
+        tokenElement.value = token.id;
+        formElement.submit();
+      } else {
+        formElement.submit();
+      }
+    } catch (e) {
+        console.error('error creating card token: ', e)
+    }
+  }
+
+}

data/lib/generators/solidus_mp/install/templates/app/javascript/controllers/three_ds_controller.js

@@ -0,0 +1,40 @@
+import { Controller } from "@hotwired/stimulus"
+
+ // Connects to data-controller="credit-card"
+export default class extends Controller {
+
+  static values = { threeDsUrl: String, threeDsCreq: String }
+
+  // Anytime the controller is connected to the DOM
+  async connect() {
+    if (!this.threeDsUrlValue) return
+    var iframe = document.createElement('iframe')
+    iframe.height = "460px"
+    iframe.width = "500px"
+    iframe.name = "myframe"
+    iframe.id = "myframe"
+    this.element.appendChild(iframe)
+    var idocument = iframe.contentWindow.document
+    var myform = idocument.createElement("form")
+    myform.name = "myform"
+    myform.setAttribute("target", "myframe")
+    myform.setAttribute("method", "post")
+    myform.setAttribute("action", this.threeDsUrlValue)
+    var hiddenField = idocument.createElement("input")
+    hiddenField.setAttribute("type", "hidden")
+    hiddenField.setAttribute("name", "creq")
+    hiddenField.setAttribute("value", this.threeDsCreqValue)
+    myform.appendChild(hiddenField)
+    iframe.appendChild(myform)
+    var submit_form = document.getElementById("checkout_confirm_button")
+    submit_form.setAttribute("class", "hidden")
+    myform.submit()
+    window.addEventListener("message", (e) => {
+      if (e.data.status === "COMPLETE") {
+          document.getElementById("checkout_form_confirm").submit();
+      }
+    })
+
+  }
+}
+

data/lib/generators/solidus_mp/install/templates/app/views/checkouts/confirm/_mercado_pago_card.html.erb

@@ -0,0 +1,2 @@
+<div class='w-full' data-controller="three-ds" data-three-ds-three-ds-url-value="<%= payment_source.three_ds_url %>" data-three-ds-three-ds-creq-value="<%= payment_source.three_ds_creq %>">
+</div>

data/lib/generators/solidus_mp/install/templates/app/views/checkouts/confirm/_mercado_pago_pix.html.erb

@@ -0,0 +1,29 @@
+<div class="flex justify-between flex-col sm:flex-row gap-5">
+  <div>
+    <h2 class="text-3xl text-green-700"><%= number_to_currency(@order.total) %></h2>
+    <a href="<%= payment_source&.ticket_url %>" target="_blank" class=" text-indigo-800 hover:text-indigo-600">Ver no Mercado Pago→</a>
+
+    <div>
+      <div>
+        <div class=" relative mt-2 inline-block items-center hover:text-indigo-600">
+          <input type="text" class="rounded-md border-0 py-1.5 pr-14 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6" value="<%= payment_source&.qr_code %>" disabled />
+          <div class="absolute inset-y-0 right-0 flex py-1.5 pr-1.5 ">
+            <div class=" w-9">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5A3.375 3.375 0 006.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0015 2.25h-1.5a2.251 2.251 0 00-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 00-9-9z" />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div>
+      <%# button_to "Atualizar status", "", method: :patch, class: "mt-4 bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-2 px-4 rounded" %>
+    </div>
+  </div>
+  
+</div>
+
+<div class="flex justify-center">
+  <img class="w-80" src="data:image/jpeg;base64,<%= payment_source&.qr_code_base64 %>" />
+</div>

data/lib/generators/solidus_mp/install/templates/app/views/checkouts/payment/_mercado_pago_card.html.erb

@@ -0,0 +1,51 @@
+<div data-controller="credit-card" >
+
+  <!-- Numero do cartao -->
+  <div class="relative mt-2 flex items-center">
+    <div data-credit-card-target="formCardNumber" id="formCardNumber" class="h-[2.125rem] pt-1 px-3 border-[#6b7280] w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 data-[focus=true]:ring-2 data-[focus=true]:ring-inset data-[focus=true]:ring-indigo-600 sm:text-sm sm:leading-6 bg-white"></div>
+    <div class="absolute inset-y-0 right-0 flex py-1.5 pr-1.5">
+      <img data-credit-card-target="paymentMethodThumbnail" id= "paymentMethodThumbnail" src="" class="inline-flex items-center rounded px-1">
+    </div>
+  </div>
+
+  <!-- data de expiração -->
+  <div data-credit-card-target="formExpirationDate" id="formExpirationDate" class="h-[2.125rem] pt-1 px-3 border-[#6b7280] w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 data-[focus=true]:ring-2 data-[focus=true]:ring-inset data-[focus=true]:ring-indigo-600 sm:text-sm sm:leading-6 bg-white"></div>
+
+  <!-- codigo de seguranca -->
+  <div data-credit-card-target="formSecurityCode" id="formSecurityCode" class="h-[2.125rem] pt-1 px-3 border-[#6b7280] w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 data-[focus=true]:ring-2 data-[focus=true]:ring-inset data-[focus=true]:ring-indigo-600 sm:text-sm sm:leading-6 bg-white"></div>
+
+  <!-- nome do titular -->
+  <div>
+    <input data-credit-card-target="formCardHolderName" id="formCardHolderName" name="payment_source[<%=payment_method.id%>][card_holder_name]" type="text" placeholder="Titular do cartão" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+  </div>
+
+  <!-- Banco emissor -->
+  <select data-credit-card-target="formIssuer" id="formIssuer" name="payment_source[<%=payment_method.id%>][issuer_id]" class="hidden">
+    <option value="" disabled selected>Banco emissor</option>
+  </select>
+
+  <!-- Parcelas -->
+    <div>
+      <select data-credit-card-target="formInstallments" name="payment_source[<%=payment_method.id%>][installments]" id="formInstallments" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+        <option value="" disabled selected>Parcelas</option>
+      </select>
+    </div>
+  
+  <!-- CPF/CNPJ -->
+  <div class="relative rounded-md shadow-sm">
+    <div class="absolute inset-y-0 left-0 flex items-center">
+      <select data-credit-card-target="formDocumentType" name="payment_source[<%=payment_method.id%>][payer_identification_type]" id="formDocumentType" class="h-full rounded-md border-0 bg-transparent py-0 pl-3 pr-7 text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm">
+      </select>
+    </div>
+    <input type="text" id="tax_id" inputmode="numeric" placeholder="CPF/CNPJ" name="payment_source[<%=payment_method.id%>][tax_id]" class="block w-full rounded-md border-0 py-1.5 pl-20 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+  </div>
+
+  <!--- Email -->
+  <div>
+    <input type="text" inputmode="numeric" placeholder="E-mail" name="payment_source[<%=payment_method.id%>][email]" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+  </div>
+  
+  <input id="token" name="payment_source[<%=payment_method.id%>][token]" type="hidden">
+  <input data-credit-card-target="paymentMethodId" id="paymentMethodId" name="payment_source[<%=payment_method.id%>][credit_card_brand]" type="hidden">
+  <input id="transactionAmount" name="transaction_amount" type="hidden" value="<%= @order.total.to_f %>">
+</div>

data/lib/generators/solidus_mp/install/templates/app/views/checkouts/payment/_mercado_pago_pix.html.erb

@@ -0,0 +1,2 @@
+<input type="text" name="payment_source[<%=payment_method.id%>][tax_id]" placeholder="CPF">
+<input type="text" name="payment_source[<%=payment_method.id%>][email]" placeholder="E-mail">

data/lib/solidus_mp/engine.rb

@@ -11,6 +11,11 @@ module SolidusMp
 
     engine_name 'solidus_mp'
 
+    initializer "solidus_mp.add_payment_method", after: "spree.register.payment_methods" do |app|
+      app.config.spree.payment_methods << 'SolidusMp::MpCard'
+      app.config.spree.payment_methods << 'SolidusMp::MpPix'
+    end
+
     # use rspec for tests
     config.generators do |g|
       g.test_framework :rspec

data/lib/solidus_mp/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module SolidusMp
-  VERSION = '0.0.1'
+  VERSION = '0.0.2'
 end

data/lib/solidus_mp.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
+require 'mp_api'
 require 'solidus_mp/configuration'
 require 'solidus_mp/version'
 require 'solidus_mp/engine'

data/solidus_mp.gemspec

@@ -5,17 +5,17 @@ require_relative 'lib/solidus_mp/version'
 Gem::Specification.new do |spec|
   spec.name = 'solidus_mp'
   spec.version = SolidusMp::VERSION
-  spec.authors = ['ulysses-bull']
-  spec.email = 'contato7bulloleo@gmail.com'
+  spec.authors = ['caio']
+  spec.email = 'caioif4@gmail.com'
 
   spec.summary = ''
   spec.description = ''
-  spec.homepage = 'https://github.com/ulysses-bull/solidus_mp#readme'
+  spec.homepage = 'https://github.com/CaioGarcia1/'
   spec.license = 'BSD-3-Clause'
 
   spec.metadata['homepage_uri'] = spec.homepage
-  spec.metadata['source_code_uri'] = 'https://github.com/ulysses-bull/solidus_mp'
-  spec.metadata['changelog_uri'] = 'https://github.com/ulysses-bull/solidus_mp/blob/master/CHANGELOG.md'
+  spec.metadata['source_code_uri'] = 'https://github.com/CaioGarcia1/'
+  spec.metadata['changelog_uri'] = 'https://github.com/CaioGarcia1/'
 
   spec.required_ruby_version = Gem::Requirement.new('>= 2.5', '< 4')
 

data/spec/models/solidus_mp/card_payment_source_spec.rb

@@ -0,0 +1,7 @@
+require 'rails_helper'
+
+module SolidusMp
+  RSpec.describe CardPaymentSource, type: :model do
+    pending "add some examples to (or delete) #{__FILE__}"
+  end
+end

data/spec/models/solidus_mp/pix_payment_source_spec.rb

@@ -0,0 +1,7 @@
+require 'rails_helper'
+
+module SolidusMp
+  RSpec.describe PixPaymentSource, type: :model do
+    pending "add some examples to (or delete) #{__FILE__}"
+  end
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: solidus_mp
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
-- ulysses-bull
+- caio
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-11-28 00:00:00.000000000 Z
+date: 2023-12-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: solidus_core
@@ -73,7 +73,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '2.7'
 description: ''
-email: contato7bulloleo@gmail.com
+email: caioif4@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -90,6 +90,10 @@ files:
 - LICENSE
 - README.md
 - Rakefile
+- app/models/solidus_mp/card_payment_source.rb
+- app/models/solidus_mp/mp_card.rb
+- app/models/solidus_mp/mp_pix.rb
+- app/models/solidus_mp/pix_payment_source.rb
 - bin/console
 - bin/rails
 - bin/rails-engine
@@ -99,7 +103,15 @@ files:
 - bin/setup
 - config/locales/en.yml
 - config/routes.rb
+- db/migrate/20231205142655_create_solidus_mp_pix_payment_sources.rb
+- db/migrate/20231205142931_create_solidus_mp_card_payment_sources.rb
 - lib/generators/solidus_mp/install/install_generator.rb
+- lib/generators/solidus_mp/install/templates/app/javascript/controllers/credit_card_controller.js
+- lib/generators/solidus_mp/install/templates/app/javascript/controllers/three_ds_controller.js
+- lib/generators/solidus_mp/install/templates/app/views/checkouts/confirm/_mercado_pago_card.html.erb
+- lib/generators/solidus_mp/install/templates/app/views/checkouts/confirm/_mercado_pago_pix.html.erb
+- lib/generators/solidus_mp/install/templates/app/views/checkouts/payment/_mercado_pago_card.html.erb
+- lib/generators/solidus_mp/install/templates/app/views/checkouts/payment/_mercado_pago_pix.html.erb
 - lib/generators/solidus_mp/install/templates/initializer.rb
 - lib/solidus_mp.rb
 - lib/solidus_mp/configuration.rb
@@ -107,14 +119,16 @@ files:
 - lib/solidus_mp/testing_support/factories.rb
 - lib/solidus_mp/version.rb
 - solidus_mp.gemspec
+- spec/models/solidus_mp/card_payment_source_spec.rb
+- spec/models/solidus_mp/pix_payment_source_spec.rb
 - spec/spec_helper.rb
-homepage: https://github.com/ulysses-bull/solidus_mp#readme
+homepage: https://github.com/CaioGarcia1/
 licenses:
 - BSD-3-Clause
 metadata:
-  homepage_uri: https://github.com/ulysses-bull/solidus_mp#readme
-  source_code_uri: https://github.com/ulysses-bull/solidus_mp
-  changelog_uri: https://github.com/ulysses-bull/solidus_mp/blob/master/CHANGELOG.md
+  homepage_uri: https://github.com/CaioGarcia1/
+  source_code_uri: https://github.com/CaioGarcia1/
+  changelog_uri: https://github.com/CaioGarcia1/
 post_install_message: 
 rdoc_options: []
 require_paths:
@@ -133,9 +147,11 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.19
+rubygems_version: 3.4.6
 signing_key: 
 specification_version: 4
 summary: ''
 test_files:
+- spec/models/solidus_mp/card_payment_source_spec.rb
+- spec/models/solidus_mp/pix_payment_source_spec.rb
 - spec/spec_helper.rb