[PM-1823] Defining the card brand according to its number (#5204)

* Defining the card brand according to its number

* Moving cardBrandByPatterns function to Card View

* Getting Card brand via cardBrandByPatterns function

* Changing cardBrandByPatterns method to static. See:
The reason being that someone wanting to use this outside of the onCardNumberChange would need to know to set the cc-number on the view-model before calling cardBrandByPatterns

* Defining the card brand according to its number on Desktop

* Defining the card brand according to its number on Web

libs/common/src/vault/models/view/card.view.ts

@@ -81,4 +81,67 @@ export class CardView extends ItemView {
   static fromJSON(obj: Partial<Jsonify<CardView>>): CardView {
     return Object.assign(new CardView(), obj);
   }
+
+  // ref https://stackoverflow.com/a/5911300
+  static getCardBrandByPatterns(cardNum: string): string {
+    if (cardNum == null || typeof cardNum !== "string" || cardNum.trim() === "") {
+      return null;
+    }
+
+    // Visa
+    let re = new RegExp("^4");
+    if (cardNum.match(re) != null) {
+      return "Visa";
+    }
+
+    // Mastercard
+    // Updated for Mastercard 2017 BINs expansion
+    if (
+      /^(5[1-5][0-9]{14}|2(22[1-9][0-9]{12}|2[3-9][0-9]{13}|[3-6][0-9]{14}|7[0-1][0-9]{13}|720[0-9]{12}))$/.test(
+        cardNum
+      )
+    ) {
+      return "Mastercard";
+    }
+
+    // AMEX
+    re = new RegExp("^3[47]");
+    if (cardNum.match(re) != null) {
+      return "Amex";
+    }
+
+    // Discover
+    re = new RegExp(
+      "^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)"
+    );
+    if (cardNum.match(re) != null) {
+      return "Discover";
+    }
+
+    // Diners
+    re = new RegExp("^36");
+    if (cardNum.match(re) != null) {
+      return "Diners Club";
+    }
+
+    // Diners - Carte Blanche
+    re = new RegExp("^30[0-5]");
+    if (cardNum.match(re) != null) {
+      return "Diners Club";
+    }
+
+    // JCB
+    re = new RegExp("^35(2[89]|[3-8][0-9])");
+    if (cardNum.match(re) != null) {
+      return "JCB";
+    }
+
+    // Visa Electron
+    re = new RegExp("^(4026|417500|4508|4844|491(3|7))");
+    if (cardNum.match(re) != null) {
+      return "Visa";
+    }
+
+    return null;
+  }
 }