changes

src/app/pages/fastcheck-page/fastcheck-page.html

@@ -118,62 +118,10 @@
   </div>
 </div>
 
-<!-- Telegram sign-in popup -->
-@if (popupOpen()) {
-  <div class="modal" (click)="closePopup()">
-    <div class="modal__card" (click)="$event.stopPropagation()">
-      <button class="modal__close" type="button" (click)="closePopup()" aria-label="Закрыть">×</button>
-
-      @if (paid()) {
-        <div class="modal__success">
-          <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#16a34a"
-               stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M20 6L9 17l-5-5" />
-          </svg>
-          @if (loginOnly()) {
-            <h2 class="modal__title">{{ 'fastcheck.modal_loggedin_title' | translate }}</h2>
-            <p class="modal__sub">{{ 'fastcheck.modal_loggedin_sub' | translate }}</p>
-          } @else {
-            <h2 class="modal__title">{{ 'fastcheck.modal_paid_title' | translate }}</h2>
-            <p class="modal__sub">
-              <span class="brand"><span class="brand__fast">fast</span><span class="brand__check">CHECK</span></span>
-              {{ 'fastcheck.modal_paid_sub' | translate }}
-            </p>
-          }
-        </div>
-      } @else {
-        <img class="brand-logo brand-logo--small" src="/logo_small.png"
-             alt="fastCHECK" width="32" height="32" />
-        <h2 class="modal__title">{{ 'fastcheck.modal_title' | translate }}</h2>
-        <p class="modal__sub">{{ 'fastcheck.modal_sub' | translate }}</p>
-
-        @if (popupLoading() && !webSessionId()) {
-          <div class="qr__placeholder">{{ 'fastcheck.modal_loading' | translate }}</div>
-        }
-
-        @if (webSessionId() && !isMobile) {
-          <img [src]="qrUrl()" width="240" height="240" alt="QR Telegram" style="border-radius:12px;display:block;margin:0 auto 12px;" />
-        }
-
-        @if (webSessionId()) {
-          <a class="tg-link" [href]="telegramLink()" target="_blank" rel="noopener">
-            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
-              <path d="M9.04 15.65l-.36 4.06c.51 0 .73-.22.99-.48l2.38-2.27 4.93 3.6c.9.5 1.55.24 1.79-.83l3.24-15.18h.01c.29-1.34-.48-1.86-1.36-1.54L1.13 9.66c-1.32.5-1.3 1.23-.22 1.56l4.92 1.53L17.27 5.6c.54-.34 1.03-.15.62.19" />
-            </svg>
-            {{ 'fastcheck.modal_open_tg' | translate }}
-          </a>
-        }
-
-        @if (popupLoading() && webSessionId()) {
-          <p class="modal__hint">{{ 'fastcheck.modal_confirming' | translate }}</p>
-        } @else if (webSessionId()) {
-          <p class="modal__hint">{{ 'fastcheck.modal_waiting' | translate }}</p>
-        }
-
-        @if (popupError()) {
-          <p class="modal__error">{{ popupError() }}</p>
-        }
-      }
-    </div>
-  </div>
-}
+<app-auth-dialog
+  [open]="authOpen()"
+  [mode]="authMode()"
+  [processing]="authProcessing()"
+  (authorized)="onAuthAuthorized($event)"
+  (closed)="onAuthClosed()"
+/>