From a81c3c95a4df9d14f6af4bdd145e4f10fb3f6a9c Mon Sep 17 00:00:00 2001
From: Oscar Hinton <oscar@oscarhinton.com>
Date: Mon, 2 May 2022 19:45:24 +0200
Subject: [PATCH] [CP-30] Add credit card pipe (#1517)

---
 jslib                             | 2 +-
 src/app/vault/view.component.html | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/jslib b/jslib
index 2e2849b4..c757cc7a 160000
--- a/jslib
+++ b/jslib
@@ -1 +1 @@
-Subproject commit 2e2849b4def0534f3f72b7a84c3183ab0b1589f2
+Subproject commit c757cc7ab68d3e1f63b7a00ad50a7076a3248d87
diff --git a/src/app/vault/view.component.html b/src/app/vault/view.component.html
index df7d590b..255d0e76 100644
--- a/src/app/vault/view.component.html
+++ b/src/app/vault/view.component.html
@@ -149,8 +149,12 @@
           <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.number">
             <div class="row-main">
               <span class="row-label">{{ "number" | i18n }}</span>
-              <span *ngIf="!showCardNumber" class="monospaced">{{ cipher.card.maskedNumber }}</span>
-              <span *ngIf="showCardNumber" class="monospaced">{{ cipher.card.number }}</span>
+              <span *ngIf="!showCardNumber" class="monospaced">{{
+                cipher.card.maskedNumber | creditCardNumber: cipher.card.brand
+              }}</span>
+              <span *ngIf="showCardNumber" class="monospaced">{{
+                cipher.card.number | creditCardNumber: cipher.card.brand
+              }}</span>
             </div>
             <div class="action-buttons">
               <button