catarse_iugu 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8e2f6e9068fbb86ce2cf0a467effcf15f815de17
-  data.tar.gz: 1e338c05a38a86e4da7ad6e7fbaf9b030d37a5d6
+  metadata.gz: c8d95a037f293e5bcae056bbb0868469ab1192be
+  data.tar.gz: 11b3f07eb5ef021a4369ce78a4b54b125182e0f4
 SHA512:
-  metadata.gz: ca4822fdf35c5431891ac89c7168ed46da35e818d0b14549a1bb9c46030f4d03c9327c35d306ff5b7212c2ca082828ab0a94bf3cd1615df57068e144f6f8c946
-  data.tar.gz: 03e8f10619644b90a4c0de61f37c3d3d92585ac53c48116fa187014a99b26b9c31ad471ab9307227854ba53cecdcf7ed025ef5e2721ce57f725efbbd65cfce1a
+  metadata.gz: 19d01c1605baa99d62df0ee2971afa725974c22f2b01d3409f68e229951ef25d5ff5ff2f7195a0e4b0e9299460e288026331d9a41580164f2b4a126932b916b0
+  data.tar.gz: a9953911391a68010763e35cccbb5685f19d719d909dffaa9166445486f2347d59fb1a13e133f9cfab8df346d383318c860aeb9ba3805583d77ead8da850e6d8

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    catarse_iugu (0.1.2)
+    catarse_iugu (0.1.3)
       iugu
       rails (~> 4.1)
       slim-rails

data/app/assets/javascripts/catarse_iugu.js

@@ -2,6 +2,8 @@ $(window).bind("load", function() {
   Iugu.setAccountID(IUGU_ACCOUNT_ID);
   Iugu.setTestMode(true);
   Iugu.setup();
+  $('#catarse-iugu-loader').addClass('hidden');
+  $('#catarse_iugu_form').removeClass('hidden');
 });
 
 jQuery(function($) {
@@ -12,11 +14,76 @@ jQuery(function($) {
 
     function tokenResponseHandler(data) {
       if (data.errors) {
-        alert("Erro salvando cartão: " + JSON.stringify(data.errors));
+        showErrors(data.errors);
       } else {
         $("#token").val( data.id );
         form.get(0).submit();
       }
     }
+
+    function showErrors(errors) {
+      if (errors.number) {
+        $('[data-iugu=number]').addClass('error');
+      }
+
+      if (errors.verification_value) {
+        $('[data-iugu=verification_value]').addClass('error');
+      }
+
+      if (errors.expiration) {
+        $('[data-iugu=expiration]').addClass('error');
+      }
+
+      if (errors.first_name || errors.last_name) {
+        $('[data-iugu=full_name]').addClass('error');
+      }
+
+      $('#iugu-error-messages').html(
+        Object.keys(errors)
+          .map(function toPair(key) {
+            if (!Array.isArray(errors[key])) {
+              return { key: key, errors: [errors[key]] };
+            }
+            return { key: key, errors: errors[key] };
+          })
+          .map(errorMessageFor)
+          .map(toListItem)
+      );
+    }
+
+    function errorMessageFor(error) {
+      var requiredErrors = {
+        first_name: 'Você deve preencher seu primeiro nome',
+        last_name: 'Você deve preencher seu último nome',
+        expiration: 'Você deve preencher a data de expiração do cartão com uma data futura',
+        verification_value: 'Você deve preencher o código de validação do cartão',
+        number: 'Você deve preencher o número do cartão'
+      };
+
+      if (error.errors[0] === 'is_invalid') {
+        return requiredErrors[error.key];
+      }
+
+      switch (error.key) {
+        case 'number':
+          if (error.errors.filter(isEqual("is not a valid credit card number")).length) {
+            return 'O número do cartão não é válido';
+          }
+          break;
+
+        default:
+          throw new Error('Unrecognized error: ', JSON.stringify(error));
+      }
+    }
+
+    function toListItem(content) {
+      return '<li>' + content + '</li>';
+    }
+
+    function isEqual(target) {
+      return function delayedIsEqual(element) {
+        return element == target;
+      }
+    }
   });
 });

data/app/assets/stylesheets/catarse_iugu.scss

@@ -153,12 +153,80 @@
     background-position: 0px -66px;
 }
 
-/* Non Credit Card Form - Token Area */
-.token-area {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 1px dotted #CCC;
-    display: block;
-    padding: 20px;
-    background: #EFEFEF;
+.error {
+  border: 1px solid red !important;
+}
+
+/* Loader */
+
+.loader {
+  color: #dddddd;
+  font-size: 20px;
+  margin: 100px auto;
+  width: 1em;
+  height: 1em;
+  border-radius: 50%;
+  position: relative;
+  text-indent: -9999em;
+  -webkit-animation: load4 1.3s infinite linear;
+  animation: load4 1.3s infinite linear;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+
+@-webkit-keyframes load4 {
+  0%,
+  100% {
+    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+  }
+  12.5% {
+    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+  25% {
+    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+  37.5% {
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+  50% {
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+  62.5% {
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+  }
+  75% {
+    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+  }
+  87.5% {
+    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+  }
+}
+
+@keyframes load4 {
+  0%,
+  100% {
+    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+  }
+  12.5% {
+    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+  25% {
+    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+  37.5% {
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+  50% {
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+  62.5% {
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+  }
+  75% {
+    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+  }
+  87.5% {
+    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+  }
 }

data/app/controllers/catarse_iugu/iugu_controller.rb

@@ -26,12 +26,12 @@ class CatarseIugu::IuguController < ApplicationController
         PaymentEngines.create_payment_notification contribution_id: contribution.id, payment_id: payment.id
         redirect_to main_app.project_contribution_path(contribution.project, contribution)
       else
-        flash[:error] = "Houve um erro ao realizar o pagamento."
+        flash[:notice] = "Houve um erro ao realizar o pagamento: #{charge.message}"
         redirect_to main_app.new_project_contribution_path(contribution.project)
       end
     rescue Exception => e
       Rails.logger.info "-----> #{e.inspect}"
-      flash[:failure] = e.message
+      flash[:notice] = "Houve um erro ao realizar o pagamento: #{e.message}"
       return redirect_to main_app.new_project_contribution_path(contribution.project)
     end
   end

data/app/views/catarse_iugu/iugu/review.html.slim

@@ -4,7 +4,11 @@ javascript:
 = javascript_include_tag 'catarse_iugu'
 = stylesheet_link_tag 'catarse_iugu'
 
-form#catarse_iugu_form action=(pay_iugu_path(@contribution)) method="POST"
+#catarse-iugu-loader.loader
+
+ul#iugu-error-messages
+
+form#catarse_iugu_form.hidden action=(pay_iugu_path(@contribution)) method="POST"
   .usable-creditcard-form
     .wrapper
       .input-group.nmb_a
@@ -23,8 +27,6 @@ form#catarse_iugu_form action=(pay_iugu_path(@contribution)) method="POST"
       img alt="Visa, Master, Diners. Amex" border="0" src="http://storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/cc-icons.e8f4c6b4db3cc0869fa93ad535acbfe7.png" /
       a.iugu-btn href="http://iugu.com" tabindex="-1" 
         img alt=("Pagamentos por Iugu") border="0" src="http://storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/payments-by-iugu.1df7caaf6958f1b5774579fa807b5e7f.png" /
-  .token-area
-    label for="token"  Token do Cartão de Crédito - Enviar para seu Servidor
-    input#token name="token" readonly="true" size="64" style="text-align:center" type="text" value="" /
+  input#token name="token" type="hidden" value="" /
   div
-    button type="submit"  Salvar
+    button type="submit" Enviar

data/lib/catarse_iugu/version.rb

@@ -1,3 +1,3 @@
 module CatarseIugu
-  VERSION = "0.1.2"
+  VERSION = "0.1.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: catarse_iugu
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - mrodrigues
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-04-14 00:00:00.000000000 Z
+date: 2016-04-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails