[accelerator] polish pizza accel x2

frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html

@@ -104,7 +104,7 @@
     <div class="row mt-2 mb-2 text-center">
       <div class="col-sm d-flex flex-column">
         <small>Changed your mind?</small>
-        <button type="button" class="mt-1 btn btn-secondary btn-sm rounded-pill align-self-center" style="width: 200px" (click)="restart()">Go Back</button>
+        <button type="button" class="mt-1 btn btn-secondary btn-sm rounded-pill align-self-center" style="width: 200px" (click)="step = 'cta'">Go Back</button>
       </div>
     </div>
   }

frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts

@@ -62,7 +62,6 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
         this.estimate();
       }
     });
-
   }
 
   ngOnDestroy() {
@@ -97,7 +96,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
     }
   }
 
- /**
+  /**
    * Accelerator
    */
   estimate() {
@@ -173,8 +172,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
       this.payments = window.Square.payments(this.square.appId, this.square.locationId)
       await this.requestCashAppPayment();
     } catch (e) {
-      console.error(e);
+      console.debug('Error loading Square Payments', e);
-      this.error = 'Error loading Square Payments';
       return;
     }
   }
@@ -189,7 +187,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
     this.conversionsSubscription = this.stateService.conversions$.subscribe(
       async (conversions) => {
         if (this.cashAppPay) {
-          await this.cashAppPay.destroy();
+          this.cashAppPay.destroy();
         }
 
         const redirectHostname = document.location.hostname === 'localhost' ? `http://localhost:4200`: `https://${document.location.hostname}`;
@@ -231,13 +229,22 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
             ).subscribe({
               next: () => {
                 that.audioService.playSound('ascend-chime-cartoon');
-                that.closeModal();
+                if (that.cashAppPay) {
+                  that.cashAppPay.destroy();
+                }
+                setTimeout(() => {
+                  that.closeModal();
+                }, 1000);
               },
               error: (response) => {
                 if (response.status === 403 && response.error === 'not_available') {
                   that.error = 'waitlisted';
                 } else {
                   that.error = response.error;
+                  setTimeout(() => {
+                    const urlParams = new URLSearchParams(window.location.search);
+                    window.location.assign(window.location.toString().replace(`?cash_request_id=${urlParams.get('cash_request_id')}`, ``));
+                  }, 3000);
                 }
               }
             });
@@ -259,14 +266,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy {
   selectedOptionChanged(event) {
     this.choosenOption = event.target.id;
   }
-  restart() {
-    this.step = 'cta';
-    this.choosenOption = 'wait';
-  }
   closeModal(): void {
-    if (this.cashAppPay) {
-      this.cashAppPay.destroy();
-    }
     this.close.emit();
   }
 }

frontend/src/app/components/tracker/tracker.component.html

@@ -84,8 +84,8 @@
     </div>
 
     <div class="bottom-panel">
-      @if (showAccelerationSummary) {
+      @if (showAccelerationSummary && !accelerationFlowCompleted) {
-        <app-accelerate-checkout *ngIf="(da$ | async) as da;" [txid]="tx.txid" [eta]="mempoolPosition?.block >= 7 ? null : da.adjustedTimeAvg * (mempoolPosition.block + 1) + now + da.timeOffset" (close)="showAccelerationSummary = false" [scrollEvent]="scrollIntoAccelPreview" class="h-100 w-100"></app-accelerate-checkout>
+        <app-accelerate-checkout *ngIf="(da$ | async) as da;" [txid]="tx.txid" [eta]="mempoolPosition?.block >= 7 ? null : da.adjustedTimeAvg * (mempoolPosition.block + 1) + now + da.timeOffset" (close)="accelerationFlowCompleted = true" [scrollEvent]="scrollIntoAccelPreview" class="h-100 w-100"></app-accelerate-checkout>
       } @else {
         @if (tx?.acceleration && !tx.status?.confirmed) {
           <div class="progress-icon">

frontend/src/app/components/tracker/tracker.component.ts

@@ -19,11 +19,9 @@ import { WebsocketService } from '../../services/websocket.service';
 import { AudioService } from '../../services/audio.service';
 import { ApiService } from '../../services/api.service';
 import { SeoService } from '../../services/seo.service';
-import { StorageService } from '../../services/storage.service';
 import { seoDescriptionNetwork } from '../../shared/common.utils';
 import { Filter } from '../../shared/filters.utils';
 import { BlockExtended, CpfpInfo, RbfTree, MempoolPosition, DifficultyAdjustment, Acceleration } from '../../interfaces/node-api.interface';
-import { RelativeUrlPipe } from '../../shared/pipes/relative-url/relative-url.pipe';
 import { PriceService } from '../../services/price.service';
 import { ServicesApiServices } from '../../services/services-api.service';
 import { EnterpriseService } from '../../services/enterprise.service';
@@ -111,6 +109,7 @@ export class TrackerComponent implements OnInit, OnDestroy {
   acceleratorAvailable: boolean = this.stateService.env.OFFICIAL_MEMPOOL_SPACE && this.stateService.env.ACCELERATOR && this.stateService.network === '';
   accelerationEligible: boolean = false;
   showAccelerationSummary = false;
+  accelerationFlowCompleted = false;
   scrollIntoAccelPreview = false;
   auditEnabled: boolean = this.stateService.env.AUDIT && this.stateService.env.BASE_MODULE === 'mempool' && this.stateService.env.MINING_DASHBOARD === true;