solidus_mp 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e90e231c71dc6382c6d05974fd3e07dd33dfe064eb163637799a76c504600d4d
-  data.tar.gz: 192d0abde83390e074d79f9e310d51c409916b6f0b9fe43fbdc84d5ee0d2ad0b
+  metadata.gz: a92f139bc94952294898e8429b8a9f1108383bdcc7f133bff16bbd48729c8afa
+  data.tar.gz: f0d4b5c39e59879ea21b891cbe5301401eff848527eea9a6bb34fe799d409318
 SHA512:
-  metadata.gz: fecd21500ed0b3a8ed112e66829484f9c89602bc372d2f7e4237230b6ff57439ae8b7ff5b2f67559d4ab407b4c713c538c646a2c10310983696a94e14378f702
-  data.tar.gz: 75fddd0fd67dce2cbeff6cdb06417ddb32631445e6f91945511e78163ce734bbafa4042cd6dc5e131beaf85ea3c991ca50379e1c1ea14ddfac137b2ec57308aa
+  metadata.gz: 07d84ca6d807d13eb35c7802aa46b8187b31e5c02b09e62dced1f024f91d56e0553ecd962e44a322b1ffd9ffdb366883d677a8c0d8f24dad55c96837ab577745
+  data.tar.gz: 9364203529ea33840a93a6eb85440f150c0c1c41543bbd77c8744e7ef11eefdf7b6badbce57a121652693309e54eacae133cd0d8e919e9cc3d54066b6777d7e2

data/README.md

@@ -0,0 +1,30 @@
+# Solidus Bling
+
+[![CircleCI](https://circleci.com/gh/solidusio-contrib/solidus_bling.svg?style=shield)](https://circleci.com/gh/solidusio-contrib/solidus_bling)
+[![codecov](https://codecov.io/gh/solidusio-contrib/solidus_bling/branch/master/graph/badge.svg)](https://codecov.io/gh/solidusio-contrib/solidus_bling)
+
+<!-- Explain what your extension does. -->
+
+## Installation
+
+Add solidus_bling to your Gemfile:
+
+```ruby
+gem 'solidus_bling'
+```
+
+Bundle your dependencies and run the installation generator:
+
+```shell
+bin/rails generate solidus_bling:install
+```
+
+```shell
+bin/rails assets:precompile
+```
+
+## Usage
+
+## License
+
+Copyright (c) 2023 ulysses-bull, released under the New BSD License.

data/app/views/spree/api/payments/source_views/_mercado_pago_card.json.jbuilder

@@ -0,0 +1 @@
+json.call(payment_source, :id, :external_id)

data/app/views/spree/api/payments/source_views/_mercado_pago_pix.json.jbuilder

@@ -0,0 +1 @@
+json.call(payment_source, :id, :external_id)

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

@@ -1,220 +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)
-    }
-  }
-
-}
+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(this.publicKeyValue)
+    // 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/views/checkouts/payment/_mercado_pago_card.html.erb

@@ -1,4 +1,4 @@
-<div data-controller="credit-card" >
+<div data-controller="credit-card" data-credit-card-public-key-value="<%= payment_method.preferences[:public_key] %>" >
 
   <!-- Numero do cartao -->
   <div class="relative mt-2 flex items-center">

data/lib/solidus_mp/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: solidus_mp
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - caio
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-12-05 00:00:00.000000000 Z
+date: 2023-12-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: solidus_core
@@ -94,8 +94,12 @@ files:
 - app/models/solidus_mp/mp_card.rb
 - app/models/solidus_mp/mp_pix.rb
 - app/models/solidus_mp/pix_payment_source.rb
+- app/views/spree/admin/payments/source_forms/_mercado_pago_card.html.erb
+- app/views/spree/admin/payments/source_forms/_mercado_pago_pix.html.erb
 - app/views/spree/admin/payments/source_views/_mercado_pago_card.html.erb
 - app/views/spree/admin/payments/source_views/_mercado_pago_pix.html.erb
+- app/views/spree/api/payments/source_views/_mercado_pago_card.json.jbuilder
+- app/views/spree/api/payments/source_views/_mercado_pago_pix.json.jbuilder
 - bin/console
 - bin/rails
 - bin/rails-engine
@@ -149,7 +153,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.6
+rubygems_version: 3.4.19
 signing_key: 
 specification_version: 4
 summary: ''