feat(explore-tab): pass tmp token to iframe

Author: sultanmyrza

src/app/features/home/explore-tab/explore-tab/explore-tab.component.html

@@ -7,7 +7,7 @@
 
 <ng-template #bubbleIframe>
   <iframe
-    [src]="bubbleIframeUrl$ | ngrxPush | safeResourceUrl"
+    [src]="bubbleIframeUrlWithJWTToken$ | ngrxPush | safeResourceUrl"
     class="bubble-iframe"
   ></iframe>
 </ng-template>

src/app/features/home/explore-tab/explore-tab/explore-tab.component.ts

@@ -1,24 +1,25 @@
 import { Component } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
+import { defer } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { DiaBackendAuthService } from '../../../../shared/dia-backend/auth/dia-backend-auth.service';
 import { BUBBLE_IFRAME_URL } from '../../../../shared/dia-backend/secret';
 import { ErrorService } from '../../../../shared/error/error.service';
 import { NetworkService } from '../../../../shared/network/network.service';
-import { isNonNullable } from '../../../../utils/rx-operators/rx-operators';
 
 @Component({
   selector: 'app-explore-tab',
   templateUrl: './explore-tab.component.html',
   styleUrls: ['./explore-tab.component.scss'],
 })
 export class ExploreTabComponent {
-  readonly bubbleIframeUrl$ = this.diaBackendAuthService.token$.pipe(
-    isNonNullable(),
-    map(token => {
-      return `${BUBBLE_IFRAME_URL}/?token=${token}`;
-    })
-  );
+  readonly bubbleIframeUrlWithJWTToken$ = defer(() => {
+    return this.diaBackendAuthService.queryJWTToken$().pipe(
+      map(token => {
+        return `${BUBBLE_IFRAME_URL}/?token=${token.access}&refresh_token=${token.refresh}`;
+      })
+    );
+  });
 
   readonly networkConnected$ = this.networkService.connected$;