Merge remote-tracking branch 'remotes/origin/coffee-like-test' into coffee-like

angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.html

@@ -3,17 +3,35 @@
   <div class="guest-card">
     <div class="top-info">
       <div class="top-info__level">
-        <p id="level">Уровень {{ authService.error ? '--' : authService.userInfo?.current_level_and_cashback?.current_level }}</p>
+        <p id="level">
-        <p id="level-percent">Кэшбек {{ authService.error ? '--' : authService.currentLvlPeriod.percent }}%</p>  
+          Уровень
+          {{
+            authService.error
+              ? "--"
+              : authService.userInfo?.current_level_and_cashback?.current_level
+          }}
+        </p>
+        <p id="level-percent">
+          Кэшбек
+          {{ authService.error ? "--" : authService.currentLvlPeriod.percent }}%
+        </p>
       </div>
-      <ng-container *ngIf="!authService.error && authService.userInfo!.walletBalances < 0">
+      <ng-container
+        *ngIf="!authService.error && authService.userInfo!.walletBalances < 0"
+      >
         <p class="top-info__bonus">
           Отрицательный баланс бонусов, свяжитесь с техподдержкой
         </p>
       </ng-container>
-      <ng-container *ngIf="authService.error || authService.userInfo!.walletBalances >= 0">
+      <ng-container
+        *ngIf="authService.error || authService.userInfo!.walletBalances >= 0"
+      >
         <p class="top-info__bonus">
-	  {{ authService.error ? '--' : Math.floor(authService.userInfo!.walletBalances) }}
+          {{
+            authService.error
+              ? "--"
+              : Math.floor(authService.userInfo!.walletBalances)
+          }}
           бонусов
         </p>
       </ng-container>
@@ -26,9 +44,7 @@
           [size]="qrCodeSize"
           errorCorrectionLevel="H"
         ></qr-code>
-        <span class="material-icons zoom">
+        <span class="material-icons zoom"> zoom_in </span>
-          zoom_in
-        </span>           
       </div>
       <span>Покажи бариста</span>
     </div>
@@ -46,13 +62,11 @@
     </ng-container>
     <ng-container *ngIf="authService.error">
       <div class="broken">
-            
         <img src="./assets/broken.jpg" alt="" />
         <p>
-              Упс, что-то пошло не так..
+          Упс, что-то пошло не так.. Мы уже работаем над этой проблемой.
-              Мы уже работаем над этой проблемой.
+          Попробуйте обновить страницу или зайти попозже. Приносим извинения за
-              Попробуйте обновить страницу или зайти попозже.
+          неудобства.
-              Приносим извинения за неудобства.
         </p>
       </div>
     </ng-container>
@@ -65,7 +79,6 @@
   ></ng-container>
 </ng-container>
 
-
 <ng-template #spinner let-diameter>
   <div class="center wrapper">
     <mat-spinner [strokeWidth]="3" [diameter]="diameter"></mat-spinner>

angular/src/app/presentation-options/default-option/pages/guest-card/guest-card.component.ts

@@ -54,13 +54,21 @@ export class GuestCardComponent implements OnInit {
   ) {}
 
   ngOnInit(): void {
-    this.phone =
+    this.getUserPhone()
-      this.cookiesService.getItem('phone-number') ||
-      this.authService.userInfo?.phone;
 
     this.requestPermission();
   }
 
+  getUserPhone() {
+    if (this.cookiesService.getItem('phone-number')) {
+      this.phone = this.cookiesService.getItem('phone-number');
+      return 
+    }
+    this.authService.getUserPhone()?.subscribe((phone) => {
+      this.phone = this.cookiesService.getItem('phone-number') || phone;
+    });
+  }
+
   requestPermission() {
     const userAgent = window.navigator.userAgent.toLowerCase();
     const ios = /iphone|ipod|ipad/.test(userAgent);

angular/src/app/services/auth.service.ts

@@ -13,6 +13,7 @@ import {
 import { lvlPeriods } from 'src/app/app.constants';
 import moment from 'moment-timezone';
 import { Router } from '@angular/router';
+import { Observable, map } from 'rxjs';
 
 @Injectable({
   providedIn: 'root',
@@ -51,6 +52,24 @@ export class AuthService {
     return !!this.token;
   }
 
+  getUserPhone() {
+    const token = this.cookiesService.getItem('token');
+
+    if (!token) {
+      return;
+    }
+
+    return this.wpJsonService.getCustomerInfo(
+      environment.systemId,
+      token,
+      environment.icardProxy
+    ).pipe(
+      map((value) => {
+        return value.customer_info.phone;
+      })
+    )
+  }
+
   getUserInfo() {
     const token = this.cookiesService.getItem('token');