feat(details-page): pass tmp token to iframe

Author: sultanmyrza

src/app/features/home/details/details.page.html

@@ -55,7 +55,7 @@
       "
     >
       <div class="slide">
-        <iframe [src]="iframeUrlWithToken$ | ngrxPush"></iframe>
+        <iframe [src]="iframeUrlWithJWTToken$ | ngrxPush"></iframe>
       </div>
     </ng-template>
   </swiper>

src/app/features/home/details/details.page.ts

@@ -213,6 +213,22 @@ export class DetailsPage {
     })
   );
 
+  readonly iframeUrlWithJWTToken$ = combineLatest([
+    this.activeDetailedCapture$,
+    defer(() => this.diaBackendAuthService.queryJWTToken$()),
+  ]).pipe(
+    distinctUntilChanged(),
+    map(([detailedCapture, token]) => {
+      const params =
+        `nid=${detailedCapture.id}` +
+        `&token=${token.access}` +
+        `&refresh_token=${token.refresh}` +
+        `&from=mycapture`;
+      const url = `${BUBBLE_IFRAME_URL}/asset_page?${params}`;
+      return this.sanitizer.bypassSecurityTrustResourceUrl(url);
+    })
+  );
+
   readonly isFromSeriesPage$ = this.type$.pipe(map(type => type === 'series'));
 
   constructor(