[PS-1122] Adds Mir payment system (#3079)

* Adds Mir payment system

* Fixes Mir regex pattern and formatting

* Changes Mir logos to Russian ones

* Localize Mir in select

libs/angular/src/components/add-edit.component.ts

@@ -110,6 +110,7 @@ export class AddEditComponent implements OnInit {
       { name: "Maestro", value: "Maestro" },
       { name: "UnionPay", value: "UnionPay" },
       { name: "RuPay", value: "RuPay" },
+      { name: i18nService.t("cardBrandMir"), value: "Mir" },
       { name: i18nService.t("other"), value: "Other" },
     ];
     this.cardExpMonthOptions = [

libs/angular/src/components/icon.component.ts

@@ -20,6 +20,7 @@ const cardIcons: Record<string, string> = {
   Maestro: "card-maestro",
   UnionPay: "card-union-pay",
   RuPay: "card-ru-pay",
+  Mir: "card-mir",
 };
 
 @Component({

libs/angular/src/pipes/credit-card-number.pipe.ts

@@ -25,6 +25,12 @@ const numberFormats: Record<string, CardRuleEntry[]> = {
     { cardLength: 19, blocks: [6, 13] },
   ],
   Amex: [{ cardLength: 15, blocks: [4, 6, 5] }],
+  Mir: [
+    { cardLength: 16, blocks: [4, 4, 4, 4] },
+    { cardLength: 17, blocks: [5, 4, 4, 4] },
+    { cardLength: 18, blocks: [6, 4, 4, 4] },
+    { cardLength: 19, blocks: [7, 4, 4, 4] },
+  ],
   Other: [{ cardLength: 16, blocks: [4, 4, 4, 4] }],
 };
 

libs/angular/src/scss/icons.scss

@@ -9,6 +9,7 @@ $card-icons: (
   "mastercard": $card-icons-base + "mastercard-light.png",
   "union-pay": $card-icons-base + "union_pay-light.png",
   "ru-pay": $card-icons-base + "ru_pay-light.png",
+  "mir": $card-icons-base + "mir-light.png",
 );
 
 $card-icons-dark: (
@@ -21,6 +22,7 @@ $card-icons-dark: (
   "mastercard": $card-icons-base + "mastercard-dark.png",
   "union-pay": $card-icons-base + "union_pay-dark.png",
   "ru-pay": $card-icons-base + "ru_pay-dark.png",
+  "mir": $card-icons-base + "mir-dark.png",
 );
 
 .credit-card-icon {