From 5d9612e7f3068660e3855fc22e4f3fa085f940b9 Mon Sep 17 00:00:00 2001
From: Lucas Cassin <lucas.yudi@aluno.ufabc.edu.br>
Date: Wed, 20 Oct 2021 21:37:07 -0300
Subject: [PATCH 01/11] build(deps): update package-lock.json

---
 package-lock.json | 412 ++++++++++++++++++++++++++++++++++++++--------
 package.json      |   2 +
 2 files changed, 345 insertions(+), 69 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bc433c269..411683190 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -123,6 +123,8 @@
       "dependencies": {
         "@firebase/analytics": {
           "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.5.0.tgz",
+          "integrity": "sha512-WyQ8BT6JSoXpg4q7SV9Yg5EPXbGbG8FkkXAIhV/AnslCglhpxegO1FU33qbuT4Grzc525hZJA97oqtQS8tm4Wg==",
           "requires": {
             "@firebase/analytics-types": "0.4.0",
             "@firebase/component": "0.1.19",
@@ -133,10 +135,14 @@
           }
         },
         "@firebase/analytics-types": {
-          "version": "0.4.0"
+          "version": "0.4.0",
+          "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.4.0.tgz",
+          "integrity": "sha512-Jj2xW+8+8XPfWGkv9HPv/uR+Qrmq37NPYT352wf7MvE9LrstpLVmFg3LqG6MCRr5miLAom5sen2gZ+iOhVDeRA=="
         },
         "@firebase/app": {
           "version": "0.6.11",
+          "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.6.11.tgz",
+          "integrity": "sha512-FH++PaoyTzfTAVuJ0gITNYEIcjT5G+D0671La27MU8Vvr6MTko+5YUZ4xS9QItyotSeRF4rMJ1KR7G8LSyySiA==",
           "requires": {
             "@firebase/app-types": "0.6.1",
             "@firebase/component": "0.1.19",
@@ -148,22 +154,32 @@
           }
         },
         "@firebase/app-types": {
-          "version": "0.6.1"
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.6.1.tgz",
+          "integrity": "sha512-L/ZnJRAq7F++utfuoTKX4CLBG5YR7tFO3PLzG1/oXXKEezJ0kRL3CMRoueBEmTCzVb/6SIs2Qlaw++uDgi5Xyg=="
         },
         "@firebase/auth": {
           "version": "0.14.9",
+          "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-0.14.9.tgz",
+          "integrity": "sha512-PxYa2r5qUEdheXTvqROFrMstK8W4uPiP7NVfp+2Bec+AjY5PxZapCx/YFDLkU0D7YBI82H74PtZrzdJZw7TJ4w==",
           "requires": {
             "@firebase/auth-types": "0.10.1"
           }
         },
         "@firebase/auth-interop-types": {
-          "version": "0.1.5"
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.1.5.tgz",
+          "integrity": "sha512-88h74TMQ6wXChPA6h9Q3E1Jg6TkTHep2+k63OWg3s0ozyGVMeY+TTOti7PFPzq5RhszQPQOoCi59es4MaRvgCw=="
         },
         "@firebase/auth-types": {
-          "version": "0.10.1"
+          "version": "0.10.1",
+          "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.10.1.tgz",
+          "integrity": "sha512-/+gBHb1O9x/YlG7inXfxff/6X3BPZt4zgBv4kql6HEmdzNQCodIRlEYnI+/da+lN+dha7PjaFH7C7ewMmfV7rw=="
         },
         "@firebase/component": {
           "version": "0.1.19",
+          "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.1.19.tgz",
+          "integrity": "sha512-L0S3g8eqaerg8y0zox3oOHSTwn/FE8RbcRHiurnbESvDViZtP5S5WnhuAPd7FnFxa8ElWK0z1Tr3ikzWDv1xdQ==",
           "requires": {
             "@firebase/util": "0.3.2",
             "tslib": "^1.11.1"
@@ -171,6 +187,8 @@
         },
         "@firebase/database": {
           "version": "0.6.12",
+          "resolved": "https://registry.npmjs.org/@firebase/database/-/database-0.6.12.tgz",
+          "integrity": "sha512-OLUxp8TkXiML4X5LWM5IACsSDvo3fcf4mTbTe5RF+N6TRFv0Svzlet5OgGIa3ET1dQvNiisrMX7zzRa0OTLs7Q==",
           "requires": {
             "@firebase/auth-interop-types": "0.1.5",
             "@firebase/component": "0.1.19",
@@ -183,12 +201,16 @@
         },
         "@firebase/database-types": {
           "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-0.5.2.tgz",
+          "integrity": "sha512-ap2WQOS3LKmGuVFKUghFft7RxXTyZTDr0Xd8y2aqmWsbJVjgozi0huL/EUMgTjGFrATAjcf2A7aNs8AKKZ2a8g==",
           "requires": {
             "@firebase/app-types": "0.6.1"
           }
         },
         "@firebase/firestore": {
           "version": "1.16.7",
+          "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-1.16.7.tgz",
+          "integrity": "sha512-MrX7te1eUib2pUzD3dLWdRuM7EPcCxtPwO4M9og3IFYr1U3XlxybD7kxyYswltHcUm6+kba3VKL1rvkqZ1sn2g==",
           "requires": {
             "@firebase/component": "0.1.19",
             "@firebase/firestore-types": "1.12.1",
@@ -202,10 +224,14 @@
           }
         },
         "@firebase/firestore-types": {
-          "version": "1.12.1"
+          "version": "1.12.1",
+          "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-1.12.1.tgz",
+          "integrity": "sha512-CpWcDriYnGDoAl0D9DcSuwX0b/fXqi7qOwuuTI1M0SYxau48G8cqhVjzjqPDgEM3kDGYJTnPN3ALS0Z4cnwERQ=="
         },
         "@firebase/functions": {
           "version": "0.4.51",
+          "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.4.51.tgz",
+          "integrity": "sha512-PPx8eZcr4eoU9BITOUGUVurs4WZu8Thj3uCWx766dU3mV1W/7kRgtiptmW0XJUB18FZ1PT3+Hadd6V6vjtLgYw==",
           "requires": {
             "@firebase/component": "0.1.19",
             "@firebase/functions-types": "0.3.17",
@@ -215,10 +241,14 @@
           }
         },
         "@firebase/functions-types": {
-          "version": "0.3.17"
+          "version": "0.3.17",
+          "resolved": "https://registry.npmjs.org/@firebase/functions-types/-/functions-types-0.3.17.tgz",
+          "integrity": "sha512-DGR4i3VI55KnYk4IxrIw7+VG7Q3gA65azHnZxo98Il8IvYLr2UTBlSh72dTLlDf25NW51HqvJgYJDKvSaAeyHQ=="
         },
         "@firebase/installations": {
           "version": "0.4.17",
+          "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.4.17.tgz",
+          "integrity": "sha512-AE/TyzIpwkC4UayRJD419xTqZkKzxwk0FLht3Dci8WI2OEKHSwoZG9xv4hOBZebe+fDzoV2EzfatQY8c/6Avig==",
           "requires": {
             "@firebase/component": "0.1.19",
             "@firebase/installations-types": "0.3.4",
@@ -228,13 +258,19 @@
           }
         },
         "@firebase/installations-types": {
-          "version": "0.3.4"
+          "version": "0.3.4",
+          "resolved": "https://registry.npmjs.org/@firebase/installations-types/-/installations-types-0.3.4.tgz",
+          "integrity": "sha512-RfePJFovmdIXb6rYwtngyxuEcWnOrzdZd9m7xAW0gRxDIjBT20n3BOhjpmgRWXo/DAxRmS7bRjWAyTHY9cqN7Q=="
         },
         "@firebase/logger": {
-          "version": "0.2.6"
+          "version": "0.2.6",
+          "resolved": "https://registry.npmjs.org/@firebase/logger/-/logger-0.2.6.tgz",
+          "integrity": "sha512-KIxcUvW/cRGWlzK9Vd2KB864HlUnCfdTH0taHE0sXW5Xl7+W68suaeau1oKNEqmc3l45azkd4NzXTCWZRZdXrw=="
         },
         "@firebase/messaging": {
           "version": "0.7.1",
+          "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.7.1.tgz",
+          "integrity": "sha512-iev/ST9v0xd/8YpGYrZtDcqdD9J6ZWzSuceRn8EKy5vIgQvW/rk2eTQc8axzvDpQ36ZfphMYuhW6XuNrR3Pd2Q==",
           "requires": {
             "@firebase/component": "0.1.19",
             "@firebase/installations": "0.4.17",
@@ -245,10 +281,14 @@
           }
         },
         "@firebase/messaging-types": {
-          "version": "0.5.0"
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/@firebase/messaging-types/-/messaging-types-0.5.0.tgz",
+          "integrity": "sha512-QaaBswrU6umJYb/ZYvjR5JDSslCGOH6D9P136PhabFAHLTR4TWjsaACvbBXuvwrfCXu10DtcjMxqfhdNIB1Xfg=="
         },
         "@firebase/performance": {
           "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.4.1.tgz",
+          "integrity": "sha512-eAqS3/456xnUwuTg4w58x2fYbvTtQpgt67lpBUX3DuhOqwiM8+JELRte52nDgum2lTaTZWiu5de9mPuAYx2WDg==",
           "requires": {
             "@firebase/component": "0.1.19",
             "@firebase/installations": "0.4.17",
@@ -259,10 +299,14 @@
           }
         },
         "@firebase/performance-types": {
-          "version": "0.0.13"
+          "version": "0.0.13",
+          "resolved": "https://registry.npmjs.org/@firebase/performance-types/-/performance-types-0.0.13.tgz",
+          "integrity": "sha512-6fZfIGjQpwo9S5OzMpPyqgYAUZcFzZxHFqOyNtorDIgNXq33nlldTL/vtaUZA8iT9TT5cJlCrF/jthKU7X21EA=="
         },
         "@firebase/polyfill": {
           "version": "0.3.36",
+          "resolved": "https://registry.npmjs.org/@firebase/polyfill/-/polyfill-0.3.36.tgz",
+          "integrity": "sha512-zMM9oSJgY6cT2jx3Ce9LYqb0eIpDE52meIzd/oe/y70F+v9u1LDqk5kUF5mf16zovGBWMNFmgzlsh6Wj0OsFtg==",
           "requires": {
             "core-js": "3.6.5",
             "promise-polyfill": "8.1.3",
@@ -270,12 +314,16 @@
           },
           "dependencies": {
             "whatwg-fetch": {
-              "version": "2.0.4"
+              "version": "2.0.4",
+              "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz",
+              "integrity": "sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng=="
             }
           }
         },
         "@firebase/remote-config": {
           "version": "0.1.28",
+          "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.1.28.tgz",
+          "integrity": "sha512-4zSdyxpt94jAnFhO8toNjG8oMKBD+xTuBIcK+Nw8BdQWeJhEamgXlupdBARUk1uf3AvYICngHH32+Si/dMVTbw==",
           "requires": {
             "@firebase/component": "0.1.19",
             "@firebase/installations": "0.4.17",
@@ -286,10 +334,14 @@
           }
         },
         "@firebase/remote-config-types": {
-          "version": "0.1.9"
+          "version": "0.1.9",
+          "resolved": "https://registry.npmjs.org/@firebase/remote-config-types/-/remote-config-types-0.1.9.tgz",
+          "integrity": "sha512-G96qnF3RYGbZsTRut7NBX0sxyczxt1uyCgXQuH/eAfUCngxjEGcZQnBdy6mvSdqdJh5mC31rWPO4v9/s7HwtzA=="
         },
         "@firebase/storage": {
           "version": "0.3.43",
+          "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.3.43.tgz",
+          "integrity": "sha512-Jp54jcuyimLxPhZHFVAhNbQmgTu3Sda7vXjXrNpPEhlvvMSq4yuZBR6RrZxe/OrNVprLHh/6lTCjwjOVSo3bWA==",
           "requires": {
             "@firebase/component": "0.1.19",
             "@firebase/storage-types": "0.3.13",
@@ -298,19 +350,27 @@
           }
         },
         "@firebase/storage-types": {
-          "version": "0.3.13"
+          "version": "0.3.13",
+          "resolved": "https://registry.npmjs.org/@firebase/storage-types/-/storage-types-0.3.13.tgz",
+          "integrity": "sha512-pL7b8d5kMNCCL0w9hF7pr16POyKkb3imOW7w0qYrhBnbyJTdVxMWZhb0HxCFyQWC0w3EiIFFmxoz8NTFZDEFog=="
         },
         "@firebase/util": {
           "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/@firebase/util/-/util-0.3.2.tgz",
+          "integrity": "sha512-Dqs00++c8rwKky6KCKLLY2T1qYO4Q+X5t+lF7DInXDNF4ae1Oau35bkD+OpJ9u7l1pEv7KHowP6CUKuySCOc8g==",
           "requires": {
             "tslib": "^1.11.1"
           }
         },
         "@firebase/webchannel-wrapper": {
-          "version": "0.3.0"
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.3.0.tgz",
+          "integrity": "sha512-VniCGPIgSGNEgOkh5phb3iKmSGIzcwrccy3IomMFRWPCMiCk2y98UQNJEoDs1yIHtZMstVjYWKYxnunIGzC5UQ=="
         },
         "@grpc/grpc-js": {
           "version": "1.1.6",
+          "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.1.6.tgz",
+          "integrity": "sha512-bUeaMN/dHTkt9AqU0Tc1xdHMB3jVLyPNfg8gZ5cMyhFyMeCwoJbFcJrNBgYqRCbvYhvtaEgzQwkw91NnY4Oktg==",
           "requires": {
             "@grpc/proto-loader": "^0.6.0-pre14",
             "@types/node": "^12.12.47",
@@ -320,6 +380,8 @@
           "dependencies": {
             "@grpc/proto-loader": {
               "version": "0.6.0-pre9",
+              "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.6.0-pre9.tgz",
+              "integrity": "sha512-oM+LjpEjNzW5pNJjt4/hq1HYayNeQT+eGrOPABJnYHv7TyNPDNzkQ76rDYZF86X5swJOa4EujEMzQ9iiTdPgww==",
               "requires": {
                 "@types/long": "^4.0.1",
                 "lodash.camelcase": "^4.3.0",
@@ -332,99 +394,149 @@
         },
         "@grpc/proto-loader": {
           "version": "0.5.5",
+          "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.5.5.tgz",
+          "integrity": "sha512-WwN9jVNdHRQoOBo9FDH7qU+mgfjPc8GygPYms3M+y3fbQLfnCe/Kv/E01t7JRgnrsOHH8euvSbed3mIalXhwqQ==",
           "requires": {
             "lodash.camelcase": "^4.3.0",
             "protobufjs": "^6.8.6"
           }
         },
         "@protobufjs/aspromise": {
-          "version": "1.1.2"
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+          "integrity": "sha1-m4sMxmPWaafY9vXQiToU00jzD78="
         },
         "@protobufjs/base64": {
-          "version": "1.1.2"
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+          "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg=="
         },
         "@protobufjs/codegen": {
-          "version": "2.0.4"
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+          "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg=="
         },
         "@protobufjs/eventemitter": {
-          "version": "1.1.0"
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+          "integrity": "sha1-NVy8mLr61ZePntCV85diHx0Ga3A="
         },
         "@protobufjs/fetch": {
           "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+          "integrity": "sha1-upn7WYYUr2VwDBYZ/wbUVLDYTEU=",
           "requires": {
             "@protobufjs/aspromise": "^1.1.1",
             "@protobufjs/inquire": "^1.1.0"
           }
         },
         "@protobufjs/float": {
-          "version": "1.0.2"
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+          "integrity": "sha1-Xp4avctz/Ap8uLKR33jIy9l7h9E="
         },
         "@protobufjs/inquire": {
-          "version": "1.1.0"
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+          "integrity": "sha1-/yAOPnzyQp4tyvwRQIKOjMY48Ik="
         },
         "@protobufjs/path": {
-          "version": "1.1.2"
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+          "integrity": "sha1-bMKyDFya1q0NzP0hynZz2Nf79o0="
         },
         "@protobufjs/pool": {
-          "version": "1.1.0"
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+          "integrity": "sha1-Cf0V8tbTq/qbZbw2ZQbWrXhG/1Q="
         },
         "@protobufjs/utf8": {
-          "version": "1.1.0"
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+          "integrity": "sha1-p3c2C1s5oaLlEG+OhY8v0tBgxXA="
         },
         "@types/color-name": {
-          "version": "1.1.1"
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
+          "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ=="
         },
         "@types/firebase": {
           "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/@types/firebase/-/firebase-3.2.1.tgz",
+          "integrity": "sha512-G8XgHMu2jHlElfc2xVNaYP50F0qrqeTCjgeG1v5b4SRwWG4XKC4fCuEdVZuZaMRmVygcnbRZBAo9O7RsDvmkGQ==",
           "requires": {
             "firebase": "*"
           }
         },
         "@types/long": {
-          "version": "4.0.1"
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.1.tgz",
+          "integrity": "sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w=="
         },
         "@types/node": {
-          "version": "12.12.58"
+          "version": "12.12.58",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.58.tgz",
+          "integrity": "sha512-Be46CNIHWAagEfINOjmriSxuv7IVcqbGe+sDSg2SYCEz/0CRBy7LRASGfRbD8KZkqoePU73Wsx3UvOSFcq/9hA=="
         },
         "abort-controller": {
           "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+          "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
           "requires": {
             "event-target-shim": "^5.0.0"
           }
         },
         "agent-base": {
           "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.1.tgz",
+          "integrity": "sha512-01q25QQDwLSsyfhrKbn8yuur+JNw0H+0Y4JiGIKd3z9aYk/w/2kxD/Upc+t2ZBBSUNff50VjPsSW2YxM8QYKVg==",
           "requires": {
             "debug": "4"
           }
         },
         "ansi-regex": {
-          "version": "5.0.0"
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg=="
         },
         "ansi-styles": {
           "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
           "requires": {
             "@types/color-name": "^1.1.1",
             "color-convert": "^2.0.1"
           }
         },
         "arrify": {
-          "version": "2.0.1"
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+          "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug=="
         },
         "base64-js": {
-          "version": "1.3.1"
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
+          "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g=="
         },
         "bignumber.js": {
-          "version": "9.0.0"
+          "version": "9.0.0",
+          "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.0.0.tgz",
+          "integrity": "sha512-t/OYhhJ2SD+YGBQcjY8GzzDHEk9f3nerxjtfa6tlMXfe7frs/WozhvCNoGvpM0P3bNf3Gq5ZRMlGr5f3r4/N8A=="
         },
         "buffer-equal-constant-time": {
-          "version": "1.0.1"
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+          "integrity": "sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk="
         },
         "camelcase": {
-          "version": "5.3.1"
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
         },
         "cliui": {
           "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+          "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
           "requires": {
             "string-width": "^4.2.0",
             "strip-ansi": "^6.0.0",
@@ -433,60 +545,88 @@
         },
         "color-convert": {
           "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "requires": {
             "color-name": "~1.1.4"
           }
         },
         "color-name": {
-          "version": "1.1.4"
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "core-js": {
-          "version": "3.6.5"
+          "version": "3.6.5",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.5.tgz",
+          "integrity": "sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA=="
         },
         "debug": {
           "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
           "requires": {
             "ms": "^2.1.1"
           }
         },
         "decamelize": {
-          "version": "1.2.0"
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+          "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA="
         },
         "dom-storage": {
-          "version": "2.1.0"
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/dom-storage/-/dom-storage-2.1.0.tgz",
+          "integrity": "sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q=="
         },
         "ecdsa-sig-formatter": {
           "version": "1.0.11",
+          "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+          "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
           "requires": {
             "safe-buffer": "^5.0.1"
           }
         },
         "emoji-regex": {
-          "version": "8.0.0"
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
         },
         "encoding": {
           "version": "0.1.13",
+          "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+          "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
           "requires": {
             "iconv-lite": "^0.6.2"
           }
         },
         "event-target-shim": {
-          "version": "5.0.1"
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+          "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
         },
         "extend": {
-          "version": "3.0.2"
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+          "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
         },
         "fast-text-encoding": {
-          "version": "1.0.3"
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.3.tgz",
+          "integrity": "sha512-dtm4QZH9nZtcDt8qJiOH9fcQd1NAgi+K1O2DbE6GG1PPCK/BWfOH3idCTRQ4ImXRUOyopDEgDEnVEE7Y/2Wrig=="
         },
         "faye-websocket": {
           "version": "0.11.3",
+          "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
+          "integrity": "sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==",
           "requires": {
             "websocket-driver": ">=0.5.1"
           }
         },
         "find-up": {
           "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
           "requires": {
             "locate-path": "^5.0.0",
             "path-exists": "^4.0.0"
@@ -494,6 +634,8 @@
         },
         "firebase": {
           "version": "7.20.0",
+          "resolved": "https://registry.npmjs.org/firebase/-/firebase-7.20.0.tgz",
+          "integrity": "sha512-ijgiUPB93UGWw2P2kgUQgghu5WOn/WR2J8C/V6ZSeI1PQqiEwsfn0kvw4iMJeqLQpA/FVeZz/+p0ubE5kzqhBA==",
           "requires": {
             "@firebase/analytics": "0.5.0",
             "@firebase/app": "0.6.11",
@@ -513,6 +655,8 @@
         },
         "gaxios": {
           "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-3.1.0.tgz",
+          "integrity": "sha512-DDTn3KXVJJigtz+g0J3vhcfbDbKtAroSTxauWsdnP57sM5KZ3d2c/3D9RKFJ86s43hfw6WULg6TXYw/AYiBlpA==",
           "requires": {
             "abort-controller": "^3.0.0",
             "extend": "^3.0.2",
@@ -523,16 +667,22 @@
         },
         "gcp-metadata": {
           "version": "4.1.4",
+          "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-4.1.4.tgz",
+          "integrity": "sha512-5J/GIH0yWt/56R3dNaNWPGQ/zXsZOddYECfJaqxFWgrZ9HC2Kvc5vl9upOgUUHKzURjAVf2N+f6tEJiojqXUuA==",
           "requires": {
             "gaxios": "^3.0.0",
             "json-bigint": "^1.0.0"
           }
         },
         "get-caller-file": {
-          "version": "2.0.5"
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+          "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
         },
         "google-auth-library": {
           "version": "6.0.6",
+          "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-6.0.6.tgz",
+          "integrity": "sha512-fWYdRdg55HSJoRq9k568jJA1lrhg9i2xgfhVIMJbskUmbDpJGHsbv9l41DGhCDXM21F9Kn4kUwdysgxSYBYJUw==",
           "requires": {
             "arrify": "^2.0.0",
             "base64-js": "^1.3.0",
@@ -547,12 +697,16 @@
         },
         "google-p12-pem": {
           "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-3.0.3.tgz",
+          "integrity": "sha512-wS0ek4ZtFx/ACKYF3JhyGe5kzH7pgiQ7J5otlumqR9psmWMYc+U9cErKlCYVYHoUaidXHdZ2xbo34kB+S+24hA==",
           "requires": {
             "node-forge": "^0.10.0"
           }
         },
         "gtoken": {
           "version": "5.0.3",
+          "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-5.0.3.tgz",
+          "integrity": "sha512-Nyd1wZCMRc2dj/mAD0LlfQLcAO06uKdpKJXvK85SGrF5+5+Bpfil9u/2aw35ltvEHjvl0h5FMKN5knEU+9JrOg==",
           "requires": {
             "gaxios": "^3.0.0",
             "google-p12-pem": "^3.0.0",
@@ -561,10 +715,14 @@
           }
         },
         "http-parser-js": {
-          "version": "0.5.2"
+          "version": "0.5.2",
+          "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.2.tgz",
+          "integrity": "sha512-opCO9ASqg5Wy2FNo7A0sxy71yGbbkJJXLdgMK04Tcypw9jr2MgWbyubb0+WdmDmGnFflO7fRbqbaihh/ENDlRQ=="
         },
         "https-proxy-agent": {
           "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
+          "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
           "requires": {
             "agent-base": "6",
             "debug": "4"
@@ -572,31 +730,45 @@
         },
         "iconv-lite": {
           "version": "0.6.2",
+          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.2.tgz",
+          "integrity": "sha512-2y91h5OpQlolefMPmUlivelittSWy0rP+oYVpn6A7GwVHNE8AWzoYOBNmlwks3LobaJxgHCYZAnyNo2GgpNRNQ==",
           "requires": {
             "safer-buffer": ">= 2.1.2 < 3.0.0"
           }
         },
         "idb": {
-          "version": "3.0.2"
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/idb/-/idb-3.0.2.tgz",
+          "integrity": "sha512-+FLa/0sTXqyux0o6C+i2lOR0VoS60LU/jzUo5xjfY6+7sEEgy4Gz1O7yFBXvjd7N0NyIGWIRg8DcQSLEG+VSPw=="
         },
         "is-fullwidth-code-point": {
-          "version": "3.0.0"
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
         },
         "is-stream": {
-          "version": "2.0.0"
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.0.tgz",
+          "integrity": "sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw=="
         },
         "isomorphic-fetch": {
           "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
+          "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=",
           "requires": {
             "node-fetch": "^1.0.1",
             "whatwg-fetch": ">=0.10.0"
           },
           "dependencies": {
             "is-stream": {
-              "version": "1.1.0"
+              "version": "1.1.0",
+              "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+              "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ="
             },
             "node-fetch": {
               "version": "1.7.3",
+              "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
+              "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
               "requires": {
                 "encoding": "^0.1.11",
                 "is-stream": "^1.0.1"
@@ -606,12 +778,16 @@
         },
         "json-bigint": {
           "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
+          "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
           "requires": {
             "bignumber.js": "^9.0.0"
           }
         },
         "jwa": {
           "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz",
+          "integrity": "sha512-jrZ2Qx916EA+fq9cEAeCROWPTfCwi1IVHqT2tapuqLEVVDKFDENFw1oL+MwrTvH6msKxsd1YTDVw6uKEcsrLEA==",
           "requires": {
             "buffer-equal-constant-time": "1.0.1",
             "ecdsa-sig-formatter": "1.0.11",
@@ -620,6 +796,8 @@
         },
         "jws": {
           "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.0.tgz",
+          "integrity": "sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==",
           "requires": {
             "jwa": "^2.0.0",
             "safe-buffer": "^5.0.1"
@@ -627,57 +805,85 @@
         },
         "locate-path": {
           "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
           "requires": {
             "p-locate": "^4.1.0"
           }
         },
         "lodash.camelcase": {
-          "version": "4.3.0"
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+          "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
         },
         "long": {
-          "version": "4.0.0"
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/long/-/long-4.0.0.tgz",
+          "integrity": "sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA=="
         },
         "lru-cache": {
           "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
           "requires": {
             "yallist": "^4.0.0"
           }
         },
         "mime": {
-          "version": "2.4.6"
+          "version": "2.4.6",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.6.tgz",
+          "integrity": "sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA=="
         },
         "ms": {
-          "version": "2.1.2"
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
         },
         "node-fetch": {
-          "version": "2.6.0"
+          "version": "2.6.0",
+          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz",
+          "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA=="
         },
         "node-forge": {
-          "version": "0.10.0"
+          "version": "0.10.0",
+          "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+          "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA=="
         },
         "p-limit": {
           "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
           "requires": {
             "p-try": "^2.0.0"
           }
         },
         "p-locate": {
           "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
           "requires": {
             "p-limit": "^2.2.0"
           }
         },
         "p-try": {
-          "version": "2.2.0"
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
         },
         "path-exists": {
-          "version": "4.0.0"
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
         },
         "promise-polyfill": {
-          "version": "8.1.3"
+          "version": "8.1.3",
+          "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.1.3.tgz",
+          "integrity": "sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g=="
         },
         "protobufjs": {
           "version": "6.10.1",
+          "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-6.10.1.tgz",
+          "integrity": "sha512-pb8kTchL+1Ceg4lFd5XUpK8PdWacbvV5SK2ULH2ebrYtl4GjJmS24m6CKME67jzV53tbJxHlnNOSqQHbTsR9JQ==",
           "requires": {
             "@protobufjs/aspromise": "^1.1.2",
             "@protobufjs/base64": "^1.1.2",
@@ -695,30 +901,46 @@
           },
           "dependencies": {
             "@types/node": {
-              "version": "13.13.19"
+              "version": "13.13.19",
+              "resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.19.tgz",
+              "integrity": "sha512-IVsULCpTdafcHhBDLYEPnV5l15xV0q065zvOHC1ZmzFYaBCMzku078eXnazoSG8907vZjRgEN/EQjku7GwwFyQ=="
             }
           }
         },
         "require-directory": {
-          "version": "2.1.1"
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+          "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I="
         },
         "require-main-filename": {
-          "version": "2.0.0"
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+          "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
         },
         "safe-buffer": {
-          "version": "5.2.1"
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
         },
         "safer-buffer": {
-          "version": "2.1.2"
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+          "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
         },
         "semver": {
-          "version": "6.3.0"
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
         },
         "set-blocking": {
-          "version": "2.0.0"
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+          "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc="
         },
         "string-width": {
           "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
+          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
           "requires": {
             "emoji-regex": "^8.0.0",
             "is-fullwidth-code-point": "^3.0.0",
@@ -727,15 +949,21 @@
         },
         "strip-ansi": {
           "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
           "requires": {
             "ansi-regex": "^5.0.0"
           }
         },
         "tslib": {
-          "version": "1.13.0"
+          "version": "1.13.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
+          "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
         },
         "websocket-driver": {
           "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+          "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
           "requires": {
             "http-parser-js": ">=0.5.1",
             "safe-buffer": ">=5.1.0",
@@ -743,16 +971,24 @@
           }
         },
         "websocket-extensions": {
-          "version": "0.1.4"
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+          "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg=="
         },
         "whatwg-fetch": {
-          "version": "3.4.1"
+          "version": "3.4.1",
+          "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.4.1.tgz",
+          "integrity": "sha512-sofZVzE1wKwO+EYPbWfiwzaKovWiZXf4coEzjGP9b2GBVgQRLQUZ2QcuPpQExGDAW5GItpEm6Tl4OU5mywnAoQ=="
         },
         "which-module": {
-          "version": "2.0.0"
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+          "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho="
         },
         "wrap-ansi": {
           "version": "6.2.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+          "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
           "requires": {
             "ansi-styles": "^4.0.0",
             "string-width": "^4.1.0",
@@ -760,16 +996,24 @@
           }
         },
         "xmlhttprequest": {
-          "version": "1.8.0"
+          "version": "1.8.0",
+          "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+          "integrity": "sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw="
         },
         "y18n": {
-          "version": "4.0.0"
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
+          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w=="
         },
         "yallist": {
-          "version": "4.0.0"
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
         },
         "yargs": {
           "version": "15.4.1",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+          "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
           "requires": {
             "cliui": "^6.0.0",
             "decamelize": "^1.2.0",
@@ -786,6 +1030,8 @@
         },
         "yargs-parser": {
           "version": "18.1.3",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
           "requires": {
             "camelcase": "^5.0.0",
             "decamelize": "^1.2.0"
@@ -5445,6 +5691,11 @@
         "object-assign": "^4.1.1"
       }
     },
+    "credit-card-type": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/credit-card-type/-/credit-card-type-9.1.0.tgz",
+      "integrity": "sha512-CpNFuLxiPFxuZqhSKml3M+t0K/484pMAnfYWH14JoD7OZMnmC0Lmo+P7JX9SobqFpRoo7ifA18kOHdxJywYPEA=="
+    },
     "cross-fetch": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.4.tgz",
@@ -5562,6 +5813,11 @@
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
     },
+    "dedent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.6.0.tgz",
+      "integrity": "sha1-Dm2o8M5Sg471zsXI+TlrDBtko8s="
+    },
     "deep-assign": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/deep-assign/-/deep-assign-3.0.0.tgz",
@@ -9689,6 +9945,16 @@
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
     },
+    "lottie-react-native": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/lottie-react-native/-/lottie-react-native-4.0.2.tgz",
+      "integrity": "sha512-8X5SV8X+es5dJwUGYcSyRIbHIPeWIcUH6PiRaReUEy+6s1d+NLBp3rj4+9I75F1ZN0nbFGNkrgypnGsXOAXBTw==",
+      "requires": {
+        "invariant": "^2.2.2",
+        "prop-types": "^15.5.10",
+        "react-native-safe-modules": "^1.0.3"
+      }
+    },
     "lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -11852,6 +12118,14 @@
       "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-3.2.0.tgz",
       "integrity": "sha512-k2Nty4PwSnrg9HwrYeeE+EYqViYJoOFwEy9LxL5RIRfoqxAq/uQXNGwpUg2/u4gnKpBbEPa9eRh15KKMe/VHkA=="
     },
+    "react-native-safe-modules": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/react-native-safe-modules/-/react-native-safe-modules-1.0.3.tgz",
+      "integrity": "sha512-DUxti4Z+AgJ/ZsO5U7p3uSCUBko8JT8GvFlCeOXk9bMd+4qjpoDvMYpfbixXKgL88M+HwmU/KI1YFN6gsQZyBA==",
+      "requires": {
+        "dedent": "^0.6.0"
+      }
+    },
     "react-native-screens": {
       "version": "3.4.0",
       "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-3.4.0.tgz",
diff --git a/package.json b/package.json
index 1948807ec..618b85eab 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,7 @@
     "@types/lodash": "^4.14.158",
     "algoliasearch": "^4.8.3",
     "axios": "^0.21.1",
+    "credit-card-type": "^9.1.0",
     "dayjs": "^1.8.36",
     "dotenv": "^8.2.0",
     "expo": "^42.0.0",
@@ -115,6 +116,7 @@
     "geokit": "^1.1.0",
     "i18n-js": "^3.7.1",
     "lodash": "^4.17.19",
+    "lottie-react-native": "4.0.2",
     "marked": "^2.0.1",
     "nanoid": "^3.1.10",
     "normalizr": "^3.6.0",

From dad14cc12caacef52bdea79f8abf28bc1cab121a Mon Sep 17 00:00:00 2001
From: Lucas Cassin <lucas.yudi@aluno.ufabc.edu.br>
Date: Mon, 25 Oct 2021 21:45:24 -0300
Subject: [PATCH 02/11] Add trailing to DefaultInput

Co-authored-by: Fernando Kenji <fernandokenjii@users.noreply.github.com>
---
 common/components/inputs/DefaultInput.tsx | 31 +++++++++++++++--------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/common/components/inputs/DefaultInput.tsx b/common/components/inputs/DefaultInput.tsx
index e2e04d97b..3446c8393 100644
--- a/common/components/inputs/DefaultInput.tsx
+++ b/common/components/inputs/DefaultInput.tsx
@@ -6,10 +6,14 @@ import PaddedView from '../containers/PaddedView';
 export interface DefaultInputProps extends TextInputProps {
   title?: string;
   children?: ReactNode;
+  trailing?: ReactNode;
 }
 
 export default React.forwardRef(
-  ({ title, children, editable = true, style, ...props }: DefaultInputProps, externalRef) => {
+  (
+    { title, children, editable = true, style, trailing, ...props }: DefaultInputProps,
+    externalRef
+  ) => {
     const internalRef = useRef<TextInput>(null);
     const ref = (externalRef as React.RefObject<TextInput>) || internalRef;
     const focus = useCallback(() => {
@@ -46,16 +50,21 @@ export default React.forwardRef(
               </Text>
             </TouchableWithoutFeedback>
           )}
-          <TextInput
-            ref={ref}
-            style={{
-              ...texts.md,
-              color: editable ? colors.grey700 : colors.grey500,
-              width: '100%',
-            }}
-            editable={editable}
-            {...props}
-          />
+          <View style={{ flexDirection: 'row' }}>
+            <View style={{ flex: 1 }}>
+              <TextInput
+                ref={ref}
+                style={{
+                  ...texts.md,
+                  color: editable ? colors.grey700 : colors.grey500,
+                  width: '100%',
+                }}
+                editable={editable}
+                {...props}
+              />
+            </View>
+            {trailing}
+          </View>
         </View>
         {children}
       </PaddedView>

From 8847432c234170fbe200698e1fb1b43bbd174efb Mon Sep 17 00:00:00 2001
From: Lucas Cassin <lucas.yudi@aluno.ufabc.edu.br>
Date: Wed, 27 Oct 2021 20:34:03 -0300
Subject: [PATCH 03/11] feat: add errorMessage to DefaultInput

---
 common/components/inputs/DefaultInput.tsx     | 100 ++++++++++--------
 .../v2/main/profile/ProfilePaymentMethods.tsx |   8 +-
 2 files changed, 60 insertions(+), 48 deletions(-)

diff --git a/common/components/inputs/DefaultInput.tsx b/common/components/inputs/DefaultInput.tsx
index 3446c8393..63bd91ce4 100644
--- a/common/components/inputs/DefaultInput.tsx
+++ b/common/components/inputs/DefaultInput.tsx
@@ -7,11 +7,20 @@ export interface DefaultInputProps extends TextInputProps {
   title?: string;
   children?: ReactNode;
   trailing?: ReactNode;
+  errorMessage?: string;
 }
 
 export default React.forwardRef(
   (
-    { title, children, editable = true, style, trailing, ...props }: DefaultInputProps,
+    {
+      title,
+      children,
+      editable = true,
+      style,
+      trailing,
+      errorMessage,
+      ...props
+    }: DefaultInputProps,
     externalRef
   ) => {
     const internalRef = useRef<TextInput>(null);
@@ -23,51 +32,54 @@ export default React.forwardRef(
       // }
     }, [ref]);
     return (
-      <PaddedView
-        half
-        style={[
-          {
-            ...borders.default,
-            backgroundColor: 'white',
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            alignItems: 'flex-start',
-          },
-          style,
-        ]}
-      >
-        <View style={{ flex: 1 }}>
-          {title && (
-            <TouchableWithoutFeedback onPress={focus}>
-              <Text
-                style={{
-                  ...texts.xs,
-                  color: colors.green600,
-                  width: '100%',
-                }}
-              >
-                {title}
-              </Text>
-            </TouchableWithoutFeedback>
-          )}
-          <View style={{ flexDirection: 'row' }}>
-            <View style={{ flex: 1 }}>
-              <TextInput
-                ref={ref}
-                style={{
-                  ...texts.md,
-                  color: editable ? colors.grey700 : colors.grey500,
-                  width: '100%',
-                }}
-                editable={editable}
-                {...props}
-              />
+      <>
+        <PaddedView
+          half
+          style={[
+            {
+              ...borders.default,
+              backgroundColor: 'white',
+              flexDirection: 'row',
+              justifyContent: 'space-between',
+              alignItems: 'flex-start',
+            },
+            style,
+          ]}
+        >
+          <View style={{ flex: 1 }}>
+            {title && (
+              <TouchableWithoutFeedback onPress={focus}>
+                <Text
+                  style={{
+                    ...texts.xs,
+                    color: colors.green600,
+                    width: '100%',
+                  }}
+                >
+                  {title}
+                </Text>
+              </TouchableWithoutFeedback>
+            )}
+            <View style={{ flexDirection: 'row' }}>
+              <View style={{ flex: 1 }}>
+                <TextInput
+                  ref={ref}
+                  style={{
+                    ...texts.md,
+                    color: editable ? colors.grey700 : colors.grey500,
+                    width: '100%',
+                  }}
+                  editable={editable}
+                  {...props}
+                />
+              </View>
+              {trailing}
             </View>
-            {trailing}
           </View>
-        </View>
-        {children}
-      </PaddedView>
+          {children}
+        </PaddedView>
+        {!!errorMessage && <Text>{errorMessage}</Text>}
+      </>
     );
   }
 );
diff --git a/consumer/v2/main/profile/ProfilePaymentMethods.tsx b/consumer/v2/main/profile/ProfilePaymentMethods.tsx
index eb7302af6..5d9c704a0 100644
--- a/consumer/v2/main/profile/ProfilePaymentMethods.tsx
+++ b/consumer/v2/main/profile/ProfilePaymentMethods.tsx
@@ -25,9 +25,9 @@ export type ProfilePaymentMethodsParamList = {
 
 type ScreenNavigationProp = StackNavigationProp<
   ProfileParamList &
-    RestaurantNavigatorParamList &
-    P2POrderNavigatorParamList &
-    OngoingOrderNavigatorParamList,
+  RestaurantNavigatorParamList &
+  P2POrderNavigatorParamList &
+  OngoingOrderNavigatorParamList,
   'ProfilePaymentMethods'
 >;
 type ScreenRouteProp = RouteProp<ProfilePaymentMethodsParamList, 'ProfilePaymentMethods'>;
@@ -105,7 +105,7 @@ export default function ({ navigation, route }: Props) {
         ListFooterComponent={() => (
           <ConfigItem
             title={t('Adicionar novo cartão de crédito')}
-            subtitle={t('Aceitamos as bandeiras Visa, Mastercard, Amex, Elo e Diners')}
+            subtitle={t('Aceitamos as bandeiras Visa, Mastercard, Elo e Diners')}
             onPress={() => {
               if (returnScreen) navigation.navigate('ProfileAddCard', { returnScreen });
               else navigation.navigate('ProfileAddCard');

From 6aeefc4b196ceb55381f6d81db47a432166e0282 Mon Sep 17 00:00:00 2001
From: Fernando Kenji <kenjifernandoo@gmail.com>
Date: Thu, 28 Oct 2021 04:12:13 -0300
Subject: [PATCH 04/11] refact: credit card type validation

---
 common/components/inputs/DefaultInput.tsx     |   3 +-
 common/utils/credit-card/CreditCard.ts        |  25 ++++
 .../credit-card/CreditCardImplementation.ts   | 136 ++++++++++++++++++
 .../credit-card/ICreditCardRepository.ts      |   6 +
 consumer/v2/main/profile/ProfileAddCard.tsx   |  43 ++++--
 5 files changed, 203 insertions(+), 10 deletions(-)
 create mode 100644 common/utils/credit-card/CreditCard.ts
 create mode 100644 common/utils/credit-card/CreditCardImplementation.ts
 create mode 100644 common/utils/credit-card/ICreditCardRepository.ts

diff --git a/common/components/inputs/DefaultInput.tsx b/common/components/inputs/DefaultInput.tsx
index 63bd91ce4..b186df75a 100644
--- a/common/components/inputs/DefaultInput.tsx
+++ b/common/components/inputs/DefaultInput.tsx
@@ -42,6 +42,7 @@ export default React.forwardRef(
               flexDirection: 'row',
               justifyContent: 'space-between',
               alignItems: 'flex-start',
+              borderColor: errorMessage ? colors.red : colors.grey500,
             },
             style,
           ]}
@@ -78,7 +79,7 @@ export default React.forwardRef(
           </View>
           {children}
         </PaddedView>
-        {!!errorMessage && <Text>{errorMessage}</Text>}
+        {!!errorMessage && <Text style={{ ...texts.xs, color: colors.red }}>{errorMessage}</Text>}
       </>
     );
   }
diff --git a/common/utils/credit-card/CreditCard.ts b/common/utils/credit-card/CreditCard.ts
new file mode 100644
index 000000000..c4b1405a3
--- /dev/null
+++ b/common/utils/credit-card/CreditCard.ts
@@ -0,0 +1,25 @@
+export interface ICreditCard {
+  type: CreditCardType;
+
+  label: string;
+
+  icon: any;
+}
+
+export enum CreditCardType {
+  american_express,
+  diners_club,
+  discover,
+  elo,
+  hiper,
+  hipercard,
+  jcb,
+  maestro,
+  mastercard,
+  mir,
+  unionpay,
+  visa,
+  undefined,
+}
+
+export type CreditCardTypeStrings = keyof typeof CreditCardType;
diff --git a/common/utils/credit-card/CreditCardImplementation.ts b/common/utils/credit-card/CreditCardImplementation.ts
new file mode 100644
index 000000000..e80ac7e6a
--- /dev/null
+++ b/common/utils/credit-card/CreditCardImplementation.ts
@@ -0,0 +1,136 @@
+import creditCardType from 'credit-card-type';
+import { CreditCardType, CreditCardTypeStrings, ICreditCard } from './CreditCard';
+import { GetCreditCard, GetType, IsAllowed, StringToCreditCardType } from './ICreditCardRepository';
+
+const iconVisaFlag = require('../../../assets/icons/credit-card-flag-visa.png');
+const iconGenericFlag = require('../../../assets/icons/credit-card-flag-generic.png');
+
+const ALLOWED_CREDIT_CARD_TYPES: CreditCardType[] = [
+  CreditCardType.diners_club,
+  CreditCardType.elo,
+  CreditCardType.mastercard,
+  CreditCardType.visa,
+];
+
+/**
+ * Map credit card strings from package `credit-card-type` to `CreditCardType`.
+ */
+const stringToCreditCardType: StringToCreditCardType = {
+  'american-express': CreditCardType.american_express,
+  'diners-club': CreditCardType.diners_club,
+  'discover': CreditCardType.discover,
+  'elo': CreditCardType.elo,
+  'hiper': CreditCardType.hiper,
+  'hipercard': CreditCardType.hipercard,
+  'jcb': CreditCardType.jcb,
+  'maestro': CreditCardType.maestro,
+  'mastercard': CreditCardType.mastercard,
+  'mir': CreditCardType.mir,
+  'unionpay': CreditCardType.unionpay,
+  'visa': CreditCardType.visa,
+};
+
+/**
+ * Verifies credit card number and returns the corresponding `CreditCardType`.
+ *
+ * @param creditCardNumber - credit card number.
+ */
+const _getType: GetType = (creditCardNumber: string): CreditCardType => {
+  const typeCard = creditCardType(creditCardNumber);
+  const type = typeCard?.at(0)?.type;
+
+  if (typeCard.length === 1 && type && Object.keys(stringToCreditCardType).includes(type)) {
+    return stringToCreditCardType[type];
+  }
+
+  return CreditCardType.undefined;
+};
+
+/**
+ * Returns .
+ *
+ * @param creditCardType - credit card type.
+ */
+export const getCreditCard: GetCreditCard = (creditCardNumber: string): ICreditCard => {
+  const type = CreditCardType[_getType(creditCardNumber)] as CreditCardTypeStrings;
+
+  return _creditCards[type];
+};
+
+/**
+ * Checks wheter the app supports the credit card type.
+ *
+ * @param creditCardType - credit card type.
+ */
+export const isAllowed: IsAllowed = (creditCardType: CreditCardType): boolean => {
+  return ALLOWED_CREDIT_CARD_TYPES.includes(creditCardType);
+};
+
+// TODO: Implement all credit card type icon.
+const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
+  american_express: {
+    type: CreditCardType.american_express,
+    label: 'American Express',
+    icon: iconGenericFlag,
+  },
+  diners_club: {
+    type: CreditCardType.diners_club,
+    label: 'Diners Club',
+    icon: iconGenericFlag,
+  },
+  discover: {
+    type: CreditCardType.discover,
+    label: 'Discover',
+    icon: iconGenericFlag,
+  },
+  elo: {
+    type: CreditCardType.elo,
+    label: 'Elo',
+    icon: iconGenericFlag,
+  },
+  hiper: {
+    type: CreditCardType.hiper,
+    label: 'Hiper',
+    icon: iconGenericFlag,
+  },
+  hipercard: {
+    type: CreditCardType.hipercard,
+    label: 'Hipercard',
+    icon: iconGenericFlag,
+  },
+  jcb: {
+    type: CreditCardType.jcb,
+    label: 'JCB',
+    icon: iconGenericFlag,
+  },
+  maestro: {
+    type: CreditCardType.maestro,
+    label: 'Maestro',
+    icon: iconGenericFlag,
+  },
+  mastercard: {
+    type: CreditCardType.mastercard,
+    label: 'Mastercard',
+    icon: iconGenericFlag,
+  },
+  mir: {
+    type: CreditCardType.mir,
+    label: 'Mir',
+    icon: iconGenericFlag,
+  },
+  unionpay: {
+    type: CreditCardType.unionpay,
+    label: 'Union Pay',
+    icon: iconGenericFlag,
+  },
+  visa: {
+    type: CreditCardType.visa,
+    label: 'Visa',
+    icon: iconVisaFlag,
+  },
+  undefined: {
+    type: CreditCardType.undefined,
+    label: '',
+    icon: iconGenericFlag,
+  },
+};
diff --git a/common/utils/credit-card/ICreditCardRepository.ts b/common/utils/credit-card/ICreditCardRepository.ts
new file mode 100644
index 000000000..4acb223d5
--- /dev/null
+++ b/common/utils/credit-card/ICreditCardRepository.ts
@@ -0,0 +1,6 @@
+import { CreditCardType, ICreditCard } from './CreditCard';
+
+export type StringToCreditCardType = Record<string, CreditCardType>;
+export type GetCreditCard = (creditCardNumber: string) => ICreditCard;
+export type GetType = (creditCardNumber: string) => CreditCardType;
+export type IsAllowed = (creditCardType: CreditCardType) => boolean;
diff --git a/consumer/v2/main/profile/ProfileAddCard.tsx b/consumer/v2/main/profile/ProfileAddCard.tsx
index be5f5d618..36c6db166 100644
--- a/consumer/v2/main/profile/ProfileAddCard.tsx
+++ b/consumer/v2/main/profile/ProfileAddCard.tsx
@@ -2,8 +2,8 @@ import { Feather } from '@expo/vector-icons';
 import { RouteProp } from '@react-navigation/native';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { isEmpty, toNumber, trim } from 'lodash';
-import React from 'react';
-import { Keyboard, Text, TextInput, View } from 'react-native';
+import React, { useCallback } from 'react';
+import { Image, Keyboard, Text, TextInput, View } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
 import { useDispatch } from 'react-redux';
 import { ApiContext, AppDispatch } from '../../../../common/app/context';
@@ -11,7 +11,7 @@ import DefaultButton from '../../../../common/components/buttons/DefaultButton';
 import DefaultInput from '../../../../common/components/inputs/DefaultInput';
 import {
   cardFormatter,
-  cardMask,
+  cardMask
 } from '../../../../common/components/inputs/pattern-input/formatters';
 import { numbersOnlyParser } from '../../../../common/components/inputs/pattern-input/parsers';
 import PatternInput from '../../../../common/components/inputs/PatternInput';
@@ -19,6 +19,11 @@ import useAxiosCancelToken from '../../../../common/hooks/useAxiosCancelToken';
 import { useSegmentScreen } from '../../../../common/store/api/track';
 import { showToast } from '../../../../common/store/ui/actions';
 import { colors, halfPadding, padding, screens, texts } from '../../../../common/styles';
+import { CreditCardType } from '../../../../common/utils/credit-card/CreditCard';
+import {
+  getCreditCard,
+  isAllowed
+} from '../../../../common/utils/credit-card/CreditCardImplementation';
 import { t } from '../../../../strings';
 import { RestaurantNavigatorParamList } from '../../food/restaurant/types';
 import { OngoingOrderNavigatorParamList } from '../../ongoing/types';
@@ -33,9 +38,9 @@ export type ProfileAddCardParamList = {
 
 type ScreenNavigationProp = StackNavigationProp<
   ProfileParamList &
-    RestaurantNavigatorParamList &
-    P2POrderNavigatorParamList &
-    OngoingOrderNavigatorParamList,
+  RestaurantNavigatorParamList &
+  P2POrderNavigatorParamList &
+  OngoingOrderNavigatorParamList,
   'ProfileAddCard'
 >;
 type ScreenRouteProp = RouteProp<ProfileAddCardParamList, 'ProfileAddCard'>;
@@ -53,6 +58,8 @@ export default function ({ navigation, route }: Props) {
   const dispatch = useDispatch<AppDispatch>();
   // state
   const [number, setNumber] = React.useState('');
+  const [numberError, setNumberError] = React.useState('');
+  const [image, setImage] = React.useState<any>();
   const [month, setMonth] = React.useState('');
   const [year, setYear] = React.useState('');
   const [cvv, setCVV] = React.useState('');
@@ -90,6 +97,24 @@ export default function ({ navigation, route }: Props) {
       dispatch(showToast(error.toString(), 'error'));
     }
   };
+  const onChangeNumber = useCallback(
+    (text: string) => {
+      if (isNaN(toNumber(text))) return;
+
+      setNumber(text);
+
+      const { label, type, icon } = getCreditCard(text);
+
+      if (!isAllowed(type) && type !== CreditCardType.undefined) {
+        setNumberError(`Não aceitamos a bandeira ${label}`);
+      } else {
+        setNumberError('');
+      }
+
+      setImage(icon);
+    },
+    [setNumber, setNumberError]
+  );
   // refs
   const expirationMonthRef = React.useRef<TextInput>(null);
   const expirationYearRef = React.useRef<TextInput>(null);
@@ -118,9 +143,9 @@ export default function ({ navigation, route }: Props) {
             autoCompleteType="cc-number"
             returnKeyType="next"
             blurOnSubmit={false}
-            onChangeText={(text) => {
-              if (!isNaN(toNumber(text))) setNumber(text);
-            }}
+            onChangeText={onChangeNumber}
+            trailing={image && <Image source={image} />}
+            errorMessage={numberError}
             onSubmitEditing={() => expirationMonthRef.current?.focus()}
           />
           <View style={{ flexDirection: 'row', marginTop: padding }}>

From 800b8c7fa1744c3daf76cba9efcead346746f8b0 Mon Sep 17 00:00:00 2001
From: Fernando Kenji <kenjifernandoo@gmail.com>
Date: Fri, 29 Oct 2021 00:21:58 -0300
Subject: [PATCH 05/11] feat: Add month and year validation

Co-authored-by: lucasYudiCassin <lucasYudiCassin@users.noreply.github.com>
---
 consumer/v2/main/profile/ProfileAddCard.tsx | 48 ++++++++++++++++++---
 1 file changed, 41 insertions(+), 7 deletions(-)

diff --git a/consumer/v2/main/profile/ProfileAddCard.tsx b/consumer/v2/main/profile/ProfileAddCard.tsx
index 36c6db166..30f21732a 100644
--- a/consumer/v2/main/profile/ProfileAddCard.tsx
+++ b/consumer/v2/main/profile/ProfileAddCard.tsx
@@ -59,6 +59,8 @@ export default function ({ navigation, route }: Props) {
   // state
   const [number, setNumber] = React.useState('');
   const [numberError, setNumberError] = React.useState('');
+  const [yearError, setYearError] = React.useState('');
+  const [monthError, setMonthError] = React.useState('');
   const [image, setImage] = React.useState<any>();
   const [month, setMonth] = React.useState('');
   const [year, setYear] = React.useState('');
@@ -115,6 +117,40 @@ export default function ({ navigation, route }: Props) {
     },
     [setNumber, setNumberError]
   );
+  const onChangeYear = useCallback(
+    (yearString: string) => {
+      const yearNumber = toNumber(yearString);
+      if (isNaN(yearNumber)) return;
+
+      setYear(yearString);
+
+      const currentYear = new Date().getFullYear();
+      // TODO: Get upperbound limit year
+
+      if (currentYear > yearNumber && yearString.length === 4) {
+        setYearError('Digite um ano válido');
+      } else {
+        setYearError('');
+      }
+    },
+    [setYear, setYearError]
+  );
+  const onChangeMonth = useCallback(
+    (monthString: string) => {
+      const monthNumber = toNumber(monthString);
+      if (isNaN(monthNumber)) return;
+
+      setMonth(monthString);
+
+      // TODO: Dont show error when input is empty or only one zero
+      if ((monthNumber < 1 || monthNumber > 12) && monthString.length === 2) {
+        setMonthError('Digite um mês válido');
+      } else {
+        setMonthError('');
+      }
+    },
+    [setMonth, setMonthError]
+  );
   // refs
   const expirationMonthRef = React.useRef<TextInput>(null);
   const expirationYearRef = React.useRef<TextInput>(null);
@@ -160,9 +196,8 @@ export default function ({ navigation, route }: Props) {
               returnKeyType="next"
               autoCompleteType="cc-exp-month"
               blurOnSubmit={false}
-              onChangeText={(text) => {
-                if (!isNaN(toNumber(text))) setMonth(text);
-              }}
+              onChangeText={onChangeMonth}
+              errorMessage={monthError}
               onSubmitEditing={() => expirationYearRef.current?.focus()}
             />
             <DefaultInput
@@ -176,9 +211,8 @@ export default function ({ navigation, route }: Props) {
               returnKeyType="next"
               autoCompleteType="cc-exp-year"
               blurOnSubmit={false}
-              onChangeText={(text) => {
-                if (!isNaN(toNumber(text))) setYear(text);
-              }}
+              onChangeText={onChangeYear}
+              errorMessage={yearError}
               onSubmitEditing={() => cvvRef.current?.focus()}
             />
             <DefaultInput
@@ -237,7 +271,7 @@ export default function ({ navigation, route }: Props) {
             style={{ paddingVertical: padding }}
             title={t('Salvar')}
             onPress={saveCardHandler}
-            disabled={!canSubmit || isLoading}
+            disabled={!canSubmit || isLoading || !!numberError || !!monthError || !!yearError}
             activityIndicator={isLoading}
           />
         </View>

From 6dc2dd7c23f8f149b1e121a3fb1f85ccd77a44a4 Mon Sep 17 00:00:00 2001
From: Fernando Kenji <kenjifernandoo@gmail.com>
Date: Fri, 29 Oct 2021 00:23:00 -0300
Subject: [PATCH 06/11] fix: DefaultInput with error flex-direction

Co-authored-by: lucasYudiCassin <lucasYudiCassin@users.noreply.github.com>
---
 common/components/inputs/DefaultInput.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/common/components/inputs/DefaultInput.tsx b/common/components/inputs/DefaultInput.tsx
index b186df75a..4bfc3c712 100644
--- a/common/components/inputs/DefaultInput.tsx
+++ b/common/components/inputs/DefaultInput.tsx
@@ -32,7 +32,7 @@ export default React.forwardRef(
       // }
     }, [ref]);
     return (
-      <>
+      <View style={[{ flexDirection: 'column' }, style]}>
         <PaddedView
           half
           style={[
@@ -42,9 +42,8 @@ export default React.forwardRef(
               flexDirection: 'row',
               justifyContent: 'space-between',
               alignItems: 'flex-start',
-              borderColor: errorMessage ? colors.red : colors.grey500,
+              borderColor: errorMessage ? colors.red : borders.default.borderColor,
             },
-            style,
           ]}
         >
           <View style={{ flex: 1 }}>
@@ -80,7 +79,7 @@ export default React.forwardRef(
           {children}
         </PaddedView>
         {!!errorMessage && <Text style={{ ...texts.xs, color: colors.red }}>{errorMessage}</Text>}
-      </>
+      </View>
     );
   }
 );

From 95ba9ab478062ca2bb476f50b0a9c2e4eb1b1ad8 Mon Sep 17 00:00:00 2001
From: Fernando Kenji <kenjifernandoo@gmail.com>
Date: Fri, 29 Oct 2021 00:24:11 -0300
Subject: [PATCH 07/11] feat: set icon to undefined when CreditCardType is
 undefined

Co-authored-by: lucasYudiCassin <lucasYudiCassin@users.noreply.github.com>
---
 common/utils/credit-card/CreditCardImplementation.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/common/utils/credit-card/CreditCardImplementation.ts b/common/utils/credit-card/CreditCardImplementation.ts
index e80ac7e6a..81dc5cf2a 100644
--- a/common/utils/credit-card/CreditCardImplementation.ts
+++ b/common/utils/credit-card/CreditCardImplementation.ts
@@ -131,6 +131,6 @@ const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
   undefined: {
     type: CreditCardType.undefined,
     label: '',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
 };

From 6dcaa01d6148939ccfbfc376b2b0cfd3ec387e19 Mon Sep 17 00:00:00 2001
From: Fernando Kenji <kenjifernandoo@gmail.com>
Date: Fri, 19 Nov 2021 00:53:17 -0300
Subject: [PATCH 08/11] feat: credit-card icons

---
 assets/icons/credit-card/diners-icon.tsx      | 25 +++++++++++++
 assets/icons/credit-card/elo-icon.tsx         | 26 ++++++++++++++
 assets/icons/credit-card/mastercard-icon.tsx  | 31 ++++++++++++++++
 assets/icons/credit-card/visa-icon.tsx        | 21 +++++++++++
 .../credit-card/CreditCardImplementation.ts   | 35 ++++++++++---------
 5 files changed, 121 insertions(+), 17 deletions(-)
 create mode 100644 assets/icons/credit-card/diners-icon.tsx
 create mode 100644 assets/icons/credit-card/elo-icon.tsx
 create mode 100644 assets/icons/credit-card/mastercard-icon.tsx
 create mode 100644 assets/icons/credit-card/visa-icon.tsx

diff --git a/assets/icons/credit-card/diners-icon.tsx b/assets/icons/credit-card/diners-icon.tsx
new file mode 100644
index 000000000..eb9c67635
--- /dev/null
+++ b/assets/icons/credit-card/diners-icon.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react';
+import Svg, { Path, SvgProps } from 'react-native-svg';
+
+export const DinersIcon = (props: SvgProps) => {
+  return (
+    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <Path
+        d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
+        fill="#0079BE"
+      />
+      <Path
+        d="m599.93 251.45c0-99.415-82.98-168.13-173.9-168.1h-78.242c-92.003-0.033-167.73 68.705-167.73 168.1 0 90.93 75.727 165.64 167.73 165.2h78.242c90.914 0.436 173.9-74.294 173.9-165.2z"
+        fill="#fff"
+      />
+      <Path
+        d="m348.28 97.43c-84.07 0.027-152.19 68.308-152.21 152.58 0.02 84.258 68.144 152.53 152.21 152.56 84.09-0.027 152.23-68.303 152.24-152.56-0.011-84.272-68.149-152.55-152.24-152.58z"
+        fill="#0079BE"
+      />
+      <Path
+        d="m252.07 249.6c0.08-41.181 25.746-76.297 61.94-90.25v180.48c-36.194-13.948-61.861-49.045-61.94-90.23zm131 90.274v-180.53c36.207 13.92 61.914 49.057 61.979 90.257-0.065 41.212-25.772 76.322-61.979 90.269z"
+        fill="#fff"
+      />
+    </Svg>
+  );
+};
diff --git a/assets/icons/credit-card/elo-icon.tsx b/assets/icons/credit-card/elo-icon.tsx
new file mode 100644
index 000000000..ba91c8608
--- /dev/null
+++ b/assets/icons/credit-card/elo-icon.tsx
@@ -0,0 +1,26 @@
+import * as React from 'react';
+import Svg, { Path, SvgProps } from 'react-native-svg';
+
+export const EloIcon = (props: SvgProps) => {
+  return (
+    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <Path d="M41.68,0h698.14c23.027,0,41.68,18.983,41.68,42.42v414.66c0,23.437-18.652,42.42-41.68,42.42H41.68    C18.652,499.5,0,480.517,0,457.08V42.42C0,18.983,18.652,0,41.68,0z" />
+      <Path
+        d="m167.25 181.4c6.8-2.3 14.1-3.5 21.7-3.5 33.2 0 60.9 23.601 67.2 54.9l47-9.6c-10.8-53.2-57.8-93.301-114.2-93.301-12.9 0-25.3 2.101-36.9 6l15.2 45.501z"
+        fill="#FFF100"
+      />
+      <Path
+        d="m111.75 333.8l31.8-36c-14.2-12.6-23.1-30.9-23.1-51.4 0-20.399 8.9-38.8 23.1-51.3l-31.8-35.899c-24.1 21.399-39.3 52.5-39.3 87.3 0 34.699 15.2 65.898 39.3 87.299z"
+        fill="#00A3DF"
+      />
+      <Path
+        d="m256.15 260.2c-6.4 31.3-34 54.8-67.2 54.8-7.6 0-14.9-1.2-21.8-3.5l-15.2 45.5c11.6 3.899 24.1 6 37 6 56.4 0 103.4-40 114.2-93.2l-47-9.6z"
+        fill="#EE4023"
+      />
+      <Path
+        d="m459.75 292.4c-7.8 7.601-18.3 12.2-29.9 12-8-0.1-15.399-2.5-21.6-6.5l-15.601 24.801c10.7 6.699 23.2 10.699 36.801 10.899 19.699 0.3 37.699-7.5 50.8-20.2l-20.5-21zm-28.2-101.1c-39.2-0.6-71.6 30.8-72.2 70-0.2 14.7 4 28.5 11.5 39.9l128.8-55.101c-7.2-30.899-34.8-54.2-68.1-54.799m-42.7 75.599c-0.2-1.6-0.3-3.3-0.3-5 0.4-23.1 19.4-41.6 42.5-41.199 12.6 0.199 23.8 5.899 31.3 14.899l-73.5 31.3zm151.3-107.6v137.3l23.801 9.9-11.301 27.1-23.6-9.8c-5.3-2.3-8.9-5.8-11.6-9.8-2.601-4-4.601-9.601-4.601-17v-137.7h27.301zm85.901 63.5c4.2-1.4 8.6-2.1 13.3-2.1 20.3 0 37.101 14.399 41 33.5l28.7-5.9c-6.6-32.5-35.3-56.9-69.7-56.9-7.899 0-15.5 1.301-22.5 3.601l9.2 27.799zm-33.901 92.9l19.4-21.9c-8.7-7.7-14.1-18.9-14.1-31.4s5.5-23.699 14.1-31.3l-19.4-21.899c-14.699 13-24 32.1-24 53.3s9.301 40.199 24 53.199zm88.201-44.801c-3.899 19.101-20.8 33.5-41 33.5-4.6 0-9.1-0.8-13.3-2.199l-9.3 27.8c7.1 2.399 14.7 3.7 22.6 3.7 34.4 0 63.101-24.4 69.7-56.9l-28.7-5.901z"
+        fill="#fff"
+      />
+    </Svg>
+  );
+};
diff --git a/assets/icons/credit-card/mastercard-icon.tsx b/assets/icons/credit-card/mastercard-icon.tsx
new file mode 100644
index 000000000..6bc7e8598
--- /dev/null
+++ b/assets/icons/credit-card/mastercard-icon.tsx
@@ -0,0 +1,31 @@
+import * as React from 'react';
+import Svg, { Path, SvgProps } from 'react-native-svg';
+
+export const MasterCardIcon = (props: SvgProps) => {
+  return (
+    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <Path
+        d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
+        fill="#16366F"
+      />
+      <Path
+        d="m449.01 250c0 99.143-80.37 179.5-179.51 179.5s-179.5-80.361-179.5-179.5c0-99.133 80.362-179.5 179.5-179.5 99.137 0 179.51 80.37 179.51 179.5"
+        fill="#D9222A"
+      />
+      <Path
+        d="m510.49 70.496c-46.38 0-88.643 17.596-120.5 46.466-6.49 5.889-12.548 12.237-18.125 18.996h36.266c4.966 6.037 9.536 12.388 13.685 19.013h-63.635c-3.827 6.121-7.28 12.469-10.341 19.008h84.312c2.893 6.185 5.431 12.53 7.6 19.004h-99.512c-2.091 6.235-3.832 12.581-5.217 19.009h109.94c2.689 12.49 4.044 25.231 4.041 38.008 0 19.934-3.254 39.113-9.254 57.02h-99.512c2.164 6.479 4.7 12.825 7.595 19.01h84.317c-3.064 6.54-6.52 12.889-10.347 19.013h-63.625c4.154 6.629 8.73 12.979 13.685 18.996h36.258c-5.57 6.772-11.63 13.126-18.13 19.012 31.86 28.867 74.118 46.454 120.5 46.454 99.138-1e-3 179.51-80.362 179.51-179.5 0-99.13-80.37-179.5-179.51-179.5"
+        fill="#EE9F2D"
+      />
+      <Path d="m666.08 350.06c0-3.201 2.592-5.801 5.796-5.801s5.796 2.6 5.796 5.801c0 3.199-2.592 5.799-5.796 5.799-3.202-1e-3 -5.797-2.598-5.796-5.799zm5.796 4.408c2.435-1e-3 4.407-1.975 4.408-4.408 0-2.433-1.972-4.404-4.404-4.404h-4e-3c-2.429-4e-3 -4.4 1.963-4.404 4.392v0.013c-3e-3 2.432 1.967 4.406 4.399 4.408 1e-3 -1e-3 3e-3 -1e-3 5e-3 -1e-3zm-0.783-1.86h-1.188v-5.094h2.149c0.45 0 0.908 0 1.305 0.254 0.413 0.278 0.646 0.77 0.646 1.278 0 0.57-0.337 1.104-0.883 1.312l0.937 2.25h-1.315l-0.78-2.016h-0.87v2.016h-1e-3zm0-2.89h0.658c0.246 0 0.504 0.02 0.725-0.1 0.196-0.125 0.296-0.359 0.296-0.584 0-0.195-0.12-0.42-0.288-0.516-0.207-0.131-0.536-0.101-0.758-0.101h-0.633v1.301zm-443.5-80.063c-2.045-0.237-2.945-0.301-4.35-0.301-11.045 0-16.637 3.789-16.637 11.268 0 4.611 2.73 7.546 6.987 7.546 7.938 0 13.659-7.56 14-18.513zm14.171 32.996h-16.146l0.371-7.676c-4.925 6.067-11.496 8.95-20.425 8.95-10.562 0-17.804-8.25-17.804-20.229 0-18.024 12.596-28.54 34.217-28.54 2.208 0 5.041 0.2 7.941 0.569 0.605-2.441 0.763-3.486 0.763-4.8 0-4.908-3.396-6.738-12.5-6.738-9.533-0.108-17.396 2.271-20.625 3.334 0.204-1.23 2.7-16.658 2.7-16.658 9.712-2.846 16.117-3.917 23.325-3.917 16.733 0 25.596 7.512 25.58 21.712 0.032 3.805-0.597 8.5-1.58 14.671-1.692 10.731-5.32 33.718-5.817 39.322zm-62.158 0h-19.488l11.163-69.997-24.925 69.997h-13.28l-1.64-69.597-11.734 69.597h-18.242l15.238-91.054h28.02l1.7 50.966 17.092-50.966h31.167l-15.071 91.054m354.98-32.996c-2.037-0.237-2.942-0.301-4.342-0.301-11.041 0-16.634 3.789-16.634 11.268 0 4.611 2.726 7.546 6.983 7.546 7.939 0 13.664-7.56 13.993-18.513zm14.183 32.996h-16.145l0.365-7.676c-4.925 6.067-11.5 8.95-20.42 8.95-10.566 0-17.8-8.25-17.8-20.229 0-18.024 12.587-28.54 34.212-28.54 2.208 0 5.037 0.2 7.934 0.569 0.604-2.441 0.763-3.486 0.763-4.8 0-4.908-3.392-6.738-12.496-6.738-9.533-0.108-17.388 2.271-20.63 3.334 0.205-1.23 2.709-16.658 2.709-16.658 9.713-2.846 16.113-3.917 23.312-3.917 16.741 0 25.604 7.512 25.588 21.712 0.032 3.805-0.597 8.5-1.58 14.671-1.682 10.731-5.32 33.718-5.812 39.322zm-220.39-1.125c-5.334 1.68-9.492 2.399-14 2.399-9.963 0-15.4-5.725-15.4-16.267-0.142-3.27 1.433-11.879 2.67-19.737 1.125-6.917 8.45-50.53 8.45-50.53h19.371l-2.262 11.209h11.7l-2.643 17.796h-11.742c-2.25 14.083-5.454 31.625-5.491 33.95 0 3.817 2.037 5.483 6.67 5.483 2.221 0 3.941-0.226 5.255-0.7l-2.578 16.397m59.391-0.6c-6.654 2.033-13.075 3.017-19.879 3-21.683-0.021-32.987-11.346-32.987-33.032 0-25.313 14.38-43.947 33.9-43.947 15.97 0 26.17 10.433 26.17 26.796 0 5.429-0.7 10.729-2.387 18.212h-38.575c-1.304 10.742 5.57 15.217 16.837 15.217 6.935 0 13.188-1.43 20.142-4.663l-3.221 18.417zm-10.887-43.9c0.107-1.543 2.054-13.217-9.013-13.217-6.171 0-10.583 4.704-12.38 13.217h21.393zm-123.42-5.017c0 9.367 4.541 15.825 14.841 20.676 7.892 3.709 9.113 4.809 9.113 8.17 0 4.617-3.48 6.7-11.192 6.7-5.812 0-11.22-0.907-17.458-2.92 0 0-2.563 16.32-2.68 17.101 4.43 0.966 8.38 1.861 20.28 2.19 20.562 0 30.058-7.829 30.058-24.75 0-10.175-3.975-16.146-13.737-20.633-8.171-3.75-9.109-4.588-9.109-8.046 0-4.004 3.238-6.046 9.538-6.046 3.825 0 9.05 0.408 14 1.113l2.775-17.175c-5.046-0.8-12.696-1.442-17.15-1.442-21.8 0-29.346 11.387-29.279 25.062m229.09-23.116c5.413 0 10.459 1.42 17.413 4.92l3.187-19.762c-2.854-1.12-12.904-7.7-21.416-7.7-13.042 0-24.066 6.47-31.82 17.15-11.31-3.746-15.959 3.825-21.659 11.367l-5.062 1.179c0.383-2.483 0.73-4.95 0.613-7.446h-17.896c-2.445 22.917-6.779 46.13-10.171 69.075l-0.884 4.976h19.496c3.254-21.143 5.038-34.681 6.121-43.842l7.342-4.084c1.096-4.08 4.529-5.458 11.416-5.292-0.926 5.008-1.389 10.09-1.383 15.184 0 24.225 13.071 39.308 34.05 39.308 5.404 0 10.042-0.712 17.221-2.657l3.431-20.76c-6.46 3.18-11.761 4.676-16.561 4.676-11.328 0-18.183-8.362-18.183-22.184-1e-3 -20.05 10.195-34.108 24.745-34.108" />
+      <Path
+        d="m185.21 297.24h-19.491l11.17-69.988-24.925 69.988h-13.282l-1.642-69.588-11.733 69.588h-18.243l15.238-91.042h28.02l0.788 56.362 18.904-56.362h30.267l-15.071 91.042"
+        fill="#fff"
+      />
+      <Path d="m647.52 211.6l-4.319 26.308c-5.33-7.012-11.054-12.087-18.612-12.087-9.834 0-18.784 7.454-24.642 18.425-8.158-1.692-16.597-4.563-16.597-4.563l-4e-3 0.067c0.658-6.133 0.92-9.875 0.862-11.146h-17.9c-2.437 22.917-6.77 46.13-10.157 69.075l-0.893 4.976h19.492c2.633-17.097 4.65-31.293 6.133-42.551 6.659-6.017 9.992-11.267 16.721-10.917-2.979 7.206-4.725 15.504-4.725 24.017 0 18.513 9.367 30.725 23.534 30.725 7.141 0 12.62-2.462 17.966-8.17l-0.912 6.884h18.433l14.842-91.043h-19.222zm-24.37 73.942c-6.634 0-9.983-4.909-9.983-14.597 0-14.553 6.271-24.875 15.112-24.875 6.695 0 10.32 5.104 10.32 14.508 1e-3 14.681-6.369 24.964-15.449 24.964z" />
+      <Path
+        d="m233.19 264.26c-2.042-0.236-2.946-0.3-4.346-0.3-11.046 0-16.634 3.788-16.634 11.267 0 4.604 2.73 7.547 6.98 7.547 7.945-1e-3 13.666-7.559 14-18.514zm14.179 32.984h-16.146l0.367-7.663c-4.921 6.054-11.5 8.95-20.421 8.95-10.567 0-17.804-8.25-17.804-20.229 0-18.032 12.591-28.542 34.216-28.542 2.209 0 5.042 0.2 7.938 0.571 0.604-2.442 0.762-3.487 0.762-4.808 0-4.908-3.391-6.73-12.496-6.73-9.537-0.108-17.395 2.272-20.629 3.322 0.204-1.226 2.7-16.638 2.7-16.638 9.709-2.858 16.121-3.93 23.321-3.93 16.738 0 25.604 7.518 25.588 21.705 0.029 3.82-0.605 8.512-1.584 14.675-1.687 10.725-5.32 33.725-5.812 39.317zm261.38-88.592l-3.192 19.767c-6.95-3.496-12-4.921-17.407-4.921-14.551 0-24.75 14.058-24.75 34.107 0 13.821 6.857 22.181 18.183 22.181 4.8 0 10.096-1.492 16.554-4.677l-3.42 20.75c-7.184 1.959-11.816 2.672-17.226 2.672-20.976 0-34.05-15.084-34.05-39.309 0-32.55 18.059-55.3 43.888-55.3 8.507 1e-3 18.562 3.609 21.42 4.73m31.442 55.608c-2.041-0.236-2.941-0.3-4.346-0.3-11.042 0-16.634 3.788-16.634 11.267 0 4.604 2.729 7.547 6.984 7.547 7.937-1e-3 13.662-7.559 13.996-18.514zm14.179 32.984h-16.15l0.37-7.663c-4.924 6.054-11.5 8.95-20.42 8.95-10.563 0-17.804-8.25-17.804-20.229 0-18.032 12.595-28.542 34.212-28.542 2.213 0 5.042 0.2 7.941 0.571 0.601-2.442 0.763-3.487 0.763-4.808 0-4.908-3.392-6.73-12.496-6.73-9.533-0.108-17.396 2.272-20.629 3.322 0.204-1.226 2.704-16.638 2.704-16.638 9.709-2.858 16.116-3.93 23.316-3.93 16.742 0 25.604 7.518 25.583 21.705 0.034 3.82-0.595 8.512-1.579 14.675-1.682 10.725-5.324 33.725-5.811 39.317zm-220.39-1.122c-5.338 1.68-9.496 2.409-14 2.409-9.963 0-15.4-5.726-15.4-16.266-0.138-3.281 1.437-11.881 2.675-19.738 1.12-6.926 8.446-50.533 8.446-50.533h19.367l-2.259 11.212h9.942l-2.646 17.788h-9.975c-2.25 14.091-5.463 31.619-5.496 33.949 0 3.83 2.042 5.483 6.671 5.483 2.22 0 3.938-0.217 5.254-0.692l-2.579 16.388m59.392-0.591c-6.65 2.033-13.08 3.013-19.88 3-21.684-0.021-32.987-11.346-32.987-33.033 0-25.321 14.38-43.95 33.9-43.95 15.97 0 26.17 10.429 26.17 26.8 0 5.433-0.7 10.733-2.382 18.212h-38.575c-1.306 10.741 5.569 15.221 16.837 15.221 6.93 0 13.188-1.434 20.137-4.676l-3.22 18.426zm-10.892-43.912c0.117-1.538 2.059-13.217-9.013-13.217-6.166 0-10.579 4.717-12.375 13.217h21.388zm-123.42-5.004c0 9.365 4.542 15.816 14.842 20.675 7.891 3.708 9.112 4.812 9.112 8.17 0 4.617-3.483 6.7-11.187 6.7-5.817 0-11.225-0.908-17.467-2.92 0 0-2.554 16.32-2.67 17.1 4.42 0.967 8.374 1.85 20.274 2.191 20.567 0 30.059-7.829 30.059-24.746 0-10.18-3.971-16.15-13.738-20.637-8.167-3.758-9.112-4.583-9.112-8.046 0-4 3.245-6.058 9.541-6.058 3.821 0 9.046 0.42 14.004 1.125l2.771-17.18c-5.041-0.8-12.691-1.441-17.146-1.441-21.804 0-29.345 11.379-29.283 25.067m398.45 50.629h-18.437l0.917-6.893c-5.347 5.717-10.825 8.18-17.967 8.18-14.168 0-23.53-12.213-23.53-30.725 0-24.63 14.521-45.393 31.709-45.393 7.558 0 13.28 3.088 18.604 10.096l4.325-26.308h19.221l-14.842 91.043zm-28.745-17.109c9.075 0 15.45-10.283 15.45-24.953 0-9.405-3.63-14.509-10.325-14.509-8.838 0-15.116 10.317-15.116 24.875-1e-3 9.686 3.357 14.587 9.991 14.587zm-56.843-56.929c-2.439 22.917-6.773 46.13-10.162 69.063l-0.891 4.975h19.491c6.971-45.275 8.658-54.117 19.588-53.009 1.742-9.266 4.982-17.383 7.399-21.479-8.163-1.7-12.721 2.913-18.688 11.675 0.471-3.787 1.334-7.466 1.163-11.225h-17.9m-160.42 0c-2.446 22.917-6.78 46.13-10.167 69.063l-0.887 4.975h19.5c6.962-45.275 8.646-54.117 19.569-53.009 1.75-9.266 4.992-17.383 7.4-21.479-8.154-1.7-12.716 2.913-18.678 11.675 0.47-3.787 1.325-7.466 1.162-11.225h-17.899m254.57 68.242c0-3.214 2.596-5.8 5.796-5.8 3.197-3e-3 5.792 2.587 5.795 5.785v0.015c-1e-3 3.2-2.595 5.794-5.795 5.796-3.2-2e-3 -5.794-2.596-5.796-5.796zm5.796 4.404c2.432 1e-3 4.403-1.97 4.403-4.401v-2e-3c3e-3 -2.433-1.968-4.406-4.399-4.408h-4e-3c-2.435 1e-3 -4.408 1.974-4.409 4.408 3e-3 2.432 1.976 4.403 4.409 4.403zm-0.784-1.87h-1.188v-5.084h2.154c0.446 0 0.908 8e-3 1.296 0.254 0.416 0.283 0.654 0.767 0.654 1.274 0 0.575-0.338 1.113-0.888 1.317l0.941 2.236h-1.319l-0.78-2.008h-0.87v2.008 3e-3zm0-2.88h0.654c0.245 0 0.513 0.018 0.729-0.1 0.195-0.125 0.295-0.361 0.295-0.587-9e-3 -0.21-0.115-0.404-0.287-0.524-0.204-0.117-0.542-0.085-0.763-0.085h-0.629v1.296h1e-3z"
+        fill="#fff"
+      />
+    </Svg>
+  );
+};
diff --git a/assets/icons/credit-card/visa-icon.tsx b/assets/icons/credit-card/visa-icon.tsx
new file mode 100644
index 000000000..7e18bcf01
--- /dev/null
+++ b/assets/icons/credit-card/visa-icon.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Svg, { Path, SvgProps } from 'react-native-svg';
+
+export const VisaIcon = (props: SvgProps) => {
+  return (
+    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <Path
+        d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
+        fill="#0E4595"
+      />
+      <Path
+        d="m293.2 348.73l33.361-195.76h53.36l-33.385 195.76h-53.336zm246.11-191.54c-10.57-3.966-27.137-8.222-47.822-8.222-52.725 0-89.865 26.55-90.18 64.603-0.299 28.13 26.514 43.822 46.752 53.186 20.771 9.595 27.752 15.714 27.654 24.283-0.131 13.121-16.586 19.116-31.922 19.116-21.357 0-32.703-2.967-50.227-10.276l-6.876-3.11-7.489 43.823c12.463 5.464 35.51 10.198 59.438 10.443 56.09 0 92.5-26.246 92.916-66.882 0.199-22.269-14.016-39.216-44.801-53.188-18.65-9.055-30.072-15.099-29.951-24.268 0-8.137 9.668-16.839 30.557-16.839 17.449-0.27 30.09 3.535 39.938 7.5l4.781 2.26 7.232-42.429m137.31-4.223h-41.232c-12.773 0-22.332 3.487-27.941 16.234l-79.244 179.4h56.031s9.16-24.123 11.232-29.418c6.125 0 60.555 0.084 68.338 0.084 1.596 6.853 6.49 29.334 6.49 29.334h49.514l-43.188-195.64zm-65.418 126.41c4.412-11.279 21.26-54.723 21.26-54.723-0.316 0.522 4.379-11.334 7.074-18.684l3.605 16.879s10.219 46.729 12.354 56.528h-44.293zm-363.3-126.41l-52.24 133.5-5.567-27.13c-9.725-31.273-40.025-65.155-73.898-82.118l47.766 171.2 56.456-0.064 84.004-195.39h-56.521"
+        fill="#fff"
+      />
+      <Path
+        d="m146.92 152.96h-86.041l-0.681 4.073c66.938 16.204 111.23 55.363 129.62 102.41l-18.71-89.96c-3.23-12.395-12.597-16.094-24.186-16.527"
+        fill="#F2AE14"
+      />
+    </Svg>
+  );
+};
diff --git a/common/utils/credit-card/CreditCardImplementation.ts b/common/utils/credit-card/CreditCardImplementation.ts
index 81dc5cf2a..44b2183fb 100644
--- a/common/utils/credit-card/CreditCardImplementation.ts
+++ b/common/utils/credit-card/CreditCardImplementation.ts
@@ -1,10 +1,11 @@
 import creditCardType from 'credit-card-type';
+import { DinersIcon } from '../../../assets/icons/credit-card/diners-icon';
+import { EloIcon } from '../../../assets/icons/credit-card/elo-icon';
+import { MasterCardIcon } from '../../../assets/icons/credit-card/mastercard-icon';
+import { VisaIcon } from '../../../assets/icons/credit-card/visa-icon';
 import { CreditCardType, CreditCardTypeStrings, ICreditCard } from './CreditCard';
 import { GetCreditCard, GetType, IsAllowed, StringToCreditCardType } from './ICreditCardRepository';
 
-const iconVisaFlag = require('../../../assets/icons/credit-card-flag-visa.png');
-const iconGenericFlag = require('../../../assets/icons/credit-card-flag-generic.png');
-
 const ALLOWED_CREDIT_CARD_TYPES: CreditCardType[] = [
   CreditCardType.diners_club,
   CreditCardType.elo,
@@ -47,9 +48,9 @@ const _getType: GetType = (creditCardNumber: string): CreditCardType => {
 };
 
 /**
- * Returns .
+ * Returns credit card metadata from creditCardNumber.
  *
- * @param creditCardType - credit card type.
+ * @param creditCardNumber - credit card number.
  */
 export const getCreditCard: GetCreditCard = (creditCardNumber: string): ICreditCard => {
   const type = CreditCardType[_getType(creditCardNumber)] as CreditCardTypeStrings;
@@ -71,62 +72,62 @@ const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
   american_express: {
     type: CreditCardType.american_express,
     label: 'American Express',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   diners_club: {
     type: CreditCardType.diners_club,
     label: 'Diners Club',
-    icon: iconGenericFlag,
+    icon: DinersIcon,
   },
   discover: {
     type: CreditCardType.discover,
     label: 'Discover',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   elo: {
     type: CreditCardType.elo,
     label: 'Elo',
-    icon: iconGenericFlag,
+    icon: EloIcon,
   },
   hiper: {
     type: CreditCardType.hiper,
     label: 'Hiper',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   hipercard: {
     type: CreditCardType.hipercard,
     label: 'Hipercard',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   jcb: {
     type: CreditCardType.jcb,
     label: 'JCB',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   maestro: {
     type: CreditCardType.maestro,
     label: 'Maestro',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   mastercard: {
     type: CreditCardType.mastercard,
     label: 'Mastercard',
-    icon: iconGenericFlag,
+    icon: MasterCardIcon,
   },
   mir: {
     type: CreditCardType.mir,
     label: 'Mir',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   unionpay: {
     type: CreditCardType.unionpay,
     label: 'Union Pay',
-    icon: iconGenericFlag,
+    icon: undefined,
   },
   visa: {
     type: CreditCardType.visa,
     label: 'Visa',
-    icon: iconVisaFlag,
+    icon: VisaIcon,
   },
   undefined: {
     type: CreditCardType.undefined,

From c4c96d6d5d3ffc5250d30ec6a83962b6d127de54 Mon Sep 17 00:00:00 2001
From: Lucas Cassin <lucas.yudi@aluno.ufabc.edu.br>
Date: Thu, 4 Nov 2021 21:32:28 -0300
Subject: [PATCH 09/11] fix: undefined problem typeCard

---
 common/utils/credit-card/CreditCardImplementation.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/common/utils/credit-card/CreditCardImplementation.ts b/common/utils/credit-card/CreditCardImplementation.ts
index 44b2183fb..2a0474091 100644
--- a/common/utils/credit-card/CreditCardImplementation.ts
+++ b/common/utils/credit-card/CreditCardImplementation.ts
@@ -38,7 +38,7 @@ const stringToCreditCardType: StringToCreditCardType = {
  */
 const _getType: GetType = (creditCardNumber: string): CreditCardType => {
   const typeCard = creditCardType(creditCardNumber);
-  const type = typeCard?.at(0)?.type;
+  const type = typeCard[0]?.type;
 
   if (typeCard.length === 1 && type && Object.keys(stringToCreditCardType).includes(type)) {
     return stringToCreditCardType[type];

From 1c4e25be3a61f8ebeadfcadb4137f29ec5e71f01 Mon Sep 17 00:00:00 2001
From: Fernando Kenji <kenjifernandoo@gmail.com>
Date: Fri, 19 Nov 2021 00:42:21 -0300
Subject: [PATCH 10/11] fix: credit-card icons viewBox

---
 assets/icons/credit-card/diners-icon.tsx     |  9 ++++++++-
 assets/icons/credit-card/elo-icon.tsx        | 14 ++++++++++++--
 assets/icons/credit-card/mastercard-icon.tsx |  9 ++++++++-
 assets/icons/credit-card/visa-icon.tsx       |  9 ++++++++-
 4 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/assets/icons/credit-card/diners-icon.tsx b/assets/icons/credit-card/diners-icon.tsx
index eb9c67635..bb6b57410 100644
--- a/assets/icons/credit-card/diners-icon.tsx
+++ b/assets/icons/credit-card/diners-icon.tsx
@@ -3,7 +3,14 @@ import Svg, { Path, SvgProps } from 'react-native-svg';
 
 export const DinersIcon = (props: SvgProps) => {
   return (
-    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <Svg
+      width={24}
+      height={24}
+      fill="none"
+      viewBox="0 0 780 500"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
       <Path
         d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
         fill="#0079BE"
diff --git a/assets/icons/credit-card/elo-icon.tsx b/assets/icons/credit-card/elo-icon.tsx
index ba91c8608..2e1f1da19 100644
--- a/assets/icons/credit-card/elo-icon.tsx
+++ b/assets/icons/credit-card/elo-icon.tsx
@@ -3,8 +3,18 @@ import Svg, { Path, SvgProps } from 'react-native-svg';
 
 export const EloIcon = (props: SvgProps) => {
   return (
-    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <Path d="M41.68,0h698.14c23.027,0,41.68,18.983,41.68,42.42v414.66c0,23.437-18.652,42.42-41.68,42.42H41.68    C18.652,499.5,0,480.517,0,457.08V42.42C0,18.983,18.652,0,41.68,0z" />
+    <Svg
+      width={24}
+      height={24}
+      fill="none"
+      viewBox="0 0 780 500"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <Path
+        d="M41.68,0h698.14c23.027,0,41.68,18.983,41.68,42.42v414.66c0,23.437-18.652,42.42-41.68,42.42H41.68    C18.652,499.5,0,480.517,0,457.08V42.42C0,18.983,18.652,0,41.68,0z"
+        fill="#000000"
+      />
       <Path
         d="m167.25 181.4c6.8-2.3 14.1-3.5 21.7-3.5 33.2 0 60.9 23.601 67.2 54.9l47-9.6c-10.8-53.2-57.8-93.301-114.2-93.301-12.9 0-25.3 2.101-36.9 6l15.2 45.501z"
         fill="#FFF100"
diff --git a/assets/icons/credit-card/mastercard-icon.tsx b/assets/icons/credit-card/mastercard-icon.tsx
index 6bc7e8598..054efc93e 100644
--- a/assets/icons/credit-card/mastercard-icon.tsx
+++ b/assets/icons/credit-card/mastercard-icon.tsx
@@ -3,7 +3,14 @@ import Svg, { Path, SvgProps } from 'react-native-svg';
 
 export const MasterCardIcon = (props: SvgProps) => {
   return (
-    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <Svg
+      width={24}
+      height={24}
+      fill="none"
+      viewBox="0 0 780 500"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
       <Path
         d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
         fill="#16366F"
diff --git a/assets/icons/credit-card/visa-icon.tsx b/assets/icons/credit-card/visa-icon.tsx
index 7e18bcf01..8ebf62b7e 100644
--- a/assets/icons/credit-card/visa-icon.tsx
+++ b/assets/icons/credit-card/visa-icon.tsx
@@ -3,7 +3,14 @@ import Svg, { Path, SvgProps } from 'react-native-svg';
 
 export const VisaIcon = (props: SvgProps) => {
   return (
-    <Svg width={24} height={25} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <Svg
+      width={24}
+      height={24}
+      fill="none"
+      viewBox="0 0 780 500"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
       <Path
         d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
         fill="#0E4595"

From 60bd0634b840a17372cd0e27caf3455085313acb Mon Sep 17 00:00:00 2001
From: Fernando Kenji <kenjifernandoo@gmail.com>
Date: Fri, 19 Nov 2021 00:43:35 -0300
Subject: [PATCH 11/11] fix: credit-card icon type

---
 common/utils/credit-card/CreditCard.ts               |  4 +++-
 common/utils/credit-card/CreditCardImplementation.ts |  9 ---------
 consumer/v2/main/profile/ProfileAddCard.tsx          | 10 +++++-----
 3 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/common/utils/credit-card/CreditCard.ts b/common/utils/credit-card/CreditCard.ts
index c4b1405a3..17b1cd414 100644
--- a/common/utils/credit-card/CreditCard.ts
+++ b/common/utils/credit-card/CreditCard.ts
@@ -1,9 +1,11 @@
+import { ReactNode } from 'react';
+
 export interface ICreditCard {
   type: CreditCardType;
 
   label: string;
 
-  icon: any;
+  icon?: ReactNode;
 }
 
 export enum CreditCardType {
diff --git a/common/utils/credit-card/CreditCardImplementation.ts b/common/utils/credit-card/CreditCardImplementation.ts
index 2a0474091..caee09566 100644
--- a/common/utils/credit-card/CreditCardImplementation.ts
+++ b/common/utils/credit-card/CreditCardImplementation.ts
@@ -72,7 +72,6 @@ const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
   american_express: {
     type: CreditCardType.american_express,
     label: 'American Express',
-    icon: undefined,
   },
   diners_club: {
     type: CreditCardType.diners_club,
@@ -82,7 +81,6 @@ const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
   discover: {
     type: CreditCardType.discover,
     label: 'Discover',
-    icon: undefined,
   },
   elo: {
     type: CreditCardType.elo,
@@ -92,22 +90,18 @@ const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
   hiper: {
     type: CreditCardType.hiper,
     label: 'Hiper',
-    icon: undefined,
   },
   hipercard: {
     type: CreditCardType.hipercard,
     label: 'Hipercard',
-    icon: undefined,
   },
   jcb: {
     type: CreditCardType.jcb,
     label: 'JCB',
-    icon: undefined,
   },
   maestro: {
     type: CreditCardType.maestro,
     label: 'Maestro',
-    icon: undefined,
   },
   mastercard: {
     type: CreditCardType.mastercard,
@@ -117,12 +111,10 @@ const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
   mir: {
     type: CreditCardType.mir,
     label: 'Mir',
-    icon: undefined,
   },
   unionpay: {
     type: CreditCardType.unionpay,
     label: 'Union Pay',
-    icon: undefined,
   },
   visa: {
     type: CreditCardType.visa,
@@ -132,6 +124,5 @@ const _creditCards: Record<CreditCardTypeStrings, ICreditCard> = {
   undefined: {
     type: CreditCardType.undefined,
     label: '',
-    icon: undefined,
   },
 };
diff --git a/consumer/v2/main/profile/ProfileAddCard.tsx b/consumer/v2/main/profile/ProfileAddCard.tsx
index 30f21732a..c575705d3 100644
--- a/consumer/v2/main/profile/ProfileAddCard.tsx
+++ b/consumer/v2/main/profile/ProfileAddCard.tsx
@@ -3,7 +3,7 @@ import { RouteProp } from '@react-navigation/native';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { isEmpty, toNumber, trim } from 'lodash';
 import React, { useCallback } from 'react';
-import { Image, Keyboard, Text, TextInput, View } from 'react-native';
+import { Keyboard, Text, TextInput, View } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
 import { useDispatch } from 'react-redux';
 import { ApiContext, AppDispatch } from '../../../../common/app/context';
@@ -61,7 +61,7 @@ export default function ({ navigation, route }: Props) {
   const [numberError, setNumberError] = React.useState('');
   const [yearError, setYearError] = React.useState('');
   const [monthError, setMonthError] = React.useState('');
-  const [image, setImage] = React.useState<any>();
+  const [CreditCardIcon, setCreditCardIcon] = React.useState<React.ReactNode | undefined>();
   const [month, setMonth] = React.useState('');
   const [year, setYear] = React.useState('');
   const [cvv, setCVV] = React.useState('');
@@ -105,7 +105,7 @@ export default function ({ navigation, route }: Props) {
 
       setNumber(text);
 
-      const { label, type, icon } = getCreditCard(text);
+      const { label, type, icon: creditCardIcon } = getCreditCard(text);
 
       if (!isAllowed(type) && type !== CreditCardType.undefined) {
         setNumberError(`Não aceitamos a bandeira ${label}`);
@@ -113,7 +113,7 @@ export default function ({ navigation, route }: Props) {
         setNumberError('');
       }
 
-      setImage(icon);
+      setCreditCardIcon(creditCardIcon);
     },
     [setNumber, setNumberError]
   );
@@ -180,7 +180,7 @@ export default function ({ navigation, route }: Props) {
             returnKeyType="next"
             blurOnSubmit={false}
             onChangeText={onChangeNumber}
-            trailing={image && <Image source={image} />}
+            trailing={CreditCardIcon}
             errorMessage={numberError}
             onSubmitEditing={() => expirationMonthRef.current?.focus()}
           />