From d45ef234191eb17954b8edb29bc1a5111cf536ac Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Mon, 30 Jan 2023 20:41:13 +0800
Subject: [PATCH 01/10] fix: android 11 splash screen

---
 android/app/src/main/res/drawable/splash_centered.xml | 8 ++++++++
 android/app/src/main/res/values-v26/styles.xml        | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 android/app/src/main/res/drawable/splash_centered.xml

diff --git a/android/app/src/main/res/drawable/splash_centered.xml b/android/app/src/main/res/drawable/splash_centered.xml
new file mode 100644
index 000000000..9da2c4756
--- /dev/null
+++ b/android/app/src/main/res/drawable/splash_centered.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list android:opacity="opaque"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/splash" />
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash" />
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/android/app/src/main/res/values-v26/styles.xml b/android/app/src/main/res/values-v26/styles.xml
index 71a2b3274..885355629 100644
--- a/android/app/src/main/res/values-v26/styles.xml
+++ b/android/app/src/main/res/values-v26/styles.xml
@@ -3,7 +3,7 @@
     <!--    These styles will be applied to Android API 26 and above-->
     <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
         <!--    Splash Screen Related configs    -->
-        <item name="android:background">@drawable/splash</item>
+        <item name="android:background">@drawable/splash_centered</item>
         <!--    App Launch Bar Related configs    -->
         <item name="android:windowNoTitle">true</item>
         <item name="android:windowActionBar">false</item>

From f67dd8c7c62c87acd703b459708ed854ce3c06f7 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Mon, 30 Jan 2023 21:24:58 +0800
Subject: [PATCH 02/10] fix: show 4 decimals for prices

no need to change in wallets.page and transfer.page because they will be reimplemented with iframe
---
 .../network-action-order-details.page.html                  | 6 +++---
 .../order-detail-dialog/order-detail-dialog.component.html  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/features/home/activities/network-action-order-details/network-action-order-details.page.html b/src/app/features/home/activities/network-action-order-details/network-action-order-details.page.html
index 66ee1fa3b..b7396f83a 100644
--- a/src/app/features/home/activities/network-action-order-details/network-action-order-details.page.html
+++ b/src/app/features/home/activities/network-action-order-details/network-action-order-details.page.html
@@ -72,7 +72,7 @@ <h4 id="network-action-name">{{ order.network_app_name_text }}</h4>
           </ion-col>
           <ion-col align="end">
             <ion-label
-              >{{ order.price_number | number: '1.2-2' }}
+              >{{ order.price_number | number: '1.4-4' }}
               {{ order.cost_token_ticker_text || 'NUM' }}</ion-label
             >
           </ion-col>
@@ -84,7 +84,7 @@ <h4 id="network-action-name">{{ order.network_app_name_text }}</h4>
           </ion-col>
           <ion-col align="end">
             <ion-label
-              >{{ order.gas_fee_number | number: '1.2-2' }}
+              >{{ order.gas_fee_number | number: '1.4-4' }}
               {{ order.cost_token_ticker_text || 'NUM' }}</ion-label
             >
           </ion-col>
@@ -96,7 +96,7 @@ <h4 id="network-action-name">{{ order.network_app_name_text }}</h4>
           </ion-col>
           <ion-col align="end">
             <ion-label
-              >{{ order.total_cost_number | number: '1.2-2' }}
+              >{{ order.total_cost_number | number: '1.4-4' }}
               {{ order.cost_token_ticker_text || 'NUM' }}</ion-label
             >
           </ion-col>
diff --git a/src/app/shared/order-detail-dialog/order-detail-dialog.component.html b/src/app/shared/order-detail-dialog/order-detail-dialog.component.html
index 63be1f38b..cce68d4f0 100644
--- a/src/app/shared/order-detail-dialog/order-detail-dialog.component.html
+++ b/src/app/shared/order-detail-dialog/order-detail-dialog.component.html
@@ -10,7 +10,7 @@ <h2 mat-dialog-title>{{ t('payment.confirmPayment') }}</h2>
         <ion-label>{{ t('payment.price') }}</ion-label>
       </ion-col>
       <ion-col align="end">
-        <ion-label>{{ orderStatus.price | number: '1.2-2' }} NUM</ion-label>
+        <ion-label>{{ orderStatus.price | number: '1.4-4' }} NUM</ion-label>
       </ion-col>
     </ion-row>
     <ion-row style="border-bottom: groove">
@@ -18,7 +18,7 @@ <h2 mat-dialog-title>{{ t('payment.confirmPayment') }}</h2>
         <ion-label>{{ t('payment.estimatedFee') }}</ion-label>
       </ion-col>
       <ion-col align="end">
-        <ion-label>{{ orderStatus.fee | number: '1.2-2' }} NUM</ion-label>
+        <ion-label>{{ orderStatus.fee | number: '1.4-4' }} NUM</ion-label>
       </ion-col>
     </ion-row>
     <ion-row>
@@ -27,7 +27,7 @@ <h2 mat-dialog-title>{{ t('payment.confirmPayment') }}</h2>
       </ion-col>
       <ion-col align="end">
         <ion-label
-          >{{ orderStatus.total_cost | number: '1.2-2' }} NUM</ion-label
+          >{{ orderStatus.total_cost | number: '1.4-4' }} NUM</ion-label
         >
       </ion-col>
     </ion-row>

From 9705939a704af4a634375f97c72878b53f972247 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Tue, 31 Jan 2023 13:29:28 +0800
Subject: [PATCH 03/10] set minSdkVersion to 22 (Andoird 9)

---
 android/variables.gradle | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/android/variables.gradle b/android/variables.gradle
index 777bd7e87..505ecc283 100644
--- a/android/variables.gradle
+++ b/android/variables.gradle
@@ -1,5 +1,5 @@
 ext {
-    minSdkVersion = 22
+    minSdkVersion = 28
     compileSdkVersion = 32
     targetSdkVersion = 32
     androidxActivityVersion = '1.4.0'

From e22d2c4c67a2d6b654f49fb6868fefecd5d84cf7 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Tue, 31 Jan 2023 14:44:09 +0800
Subject: [PATCH 04/10] fix: improve image editor crop feature

---
 .../pre-publish-mode.component.html           |  1 +
 .../pre-publish-mode.component.ts             | 51 ++++++++++---------
 2 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.html b/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.html
index 4c6ae4979..2c068610d 100644
--- a/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.html
+++ b/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.html
@@ -32,6 +32,7 @@
       (processabort)="handleEditorProcessAbort()"
       (processerror)="handelEditorProcessError()"
       (process)="handleEditorProcess($event)"
+      (update)="handleEditorUpdate($event)"
     ></pintura-editor>
   </div>
 
diff --git a/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.ts b/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.ts
index db34562e3..4500c4ebd 100644
--- a/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.ts
+++ b/src/app/features/home/custom-camera/pre-publish-mode/pre-publish-mode.component.ts
@@ -40,6 +40,8 @@ export class PrePublishModeComponent {
     this.pinturaEditorOptions
   );
 
+  private editorImageState: any;
+
   private toggleCropFeature = false;
 
   private toggleBlackAndWhiteFilter = true;
@@ -95,6 +97,10 @@ export class PrePublishModeComponent {
     private readonly filesystemPlugin: FilesystemPlugin
   ) {}
 
+  handleEditorUpdate(imageState: any): void {
+    this.editorImageState = imageState;
+  }
+
   handleEditorProcessStart() {
     this.isProcessingImage$.next(true);
   }
@@ -107,6 +113,24 @@ export class PrePublishModeComponent {
     this.isProcessingImage$.next(false);
   }
 
+  async handleEditorProcess(imageWriterResult: any): Promise<void> {
+    const base64 = await blobToBase64(imageWriterResult.dest as File);
+    combineLatest([this.curCaptureFilePath$, of(base64)])
+      .pipe(
+        first(),
+        switchMap(([path, data]) =>
+          this.filesystemPlugin.writeFile({ path, data })
+        ),
+        tap(() => this.isProcessingImage$.next(false)),
+        tap(() => this.confirm.emit(null)),
+        catchError(() => {
+          this.isProcessingImage$.next(false);
+          return EMPTY;
+        })
+      )
+      .subscribe();
+  }
+
   async applyBlackAndWhiteFilter() {
     const monoFilter: ColorMatrix = [
       // eslint-disable-next-line @typescript-eslint/no-magic-numbers
@@ -114,7 +138,7 @@ export class PrePublishModeComponent {
       0, 0, 0, 0, 0, 1, 0,
     ];
     const filter = this.toggleBlackAndWhiteFilter ? monoFilter : undefined;
-    await this.pintura.editor.processImage({ imageColorMatrix: { filter } });
+    this.pintura.editor.imageColorMatrix = { filter };
     this.toggleBlackAndWhiteFilter = !this.toggleBlackAndWhiteFilter;
   }
 
@@ -132,34 +156,13 @@ export class PrePublishModeComponent {
         enableToolbar: false,
       }),
     });
-    if (this.toggleCropFeature === false) {
-      await this.pintura.editor.processImage();
-    }
-  }
-
-  async handleEditorProcess(imageWriterResult: any): Promise<void> {
-    const base64 = await blobToBase64(imageWriterResult.dest as File);
-
-    combineLatest([this.curCaptureFilePath$, of(base64)])
-      .pipe(
-        first(),
-        switchMap(([path, data]) =>
-          this.filesystemPlugin.writeFile({ path, data })
-        ),
-        tap(() => this.isProcessingImage$.next(false)),
-        catchError(() => {
-          this.isProcessingImage$.next(false);
-          return EMPTY;
-        })
-      )
-      .subscribe();
   }
 
   onDiscard() {
     this.discard.emit(null);
   }
 
-  onConfirm() {
-    this.confirm.emit(null);
+  async onConfirm() {
+    await this.pintura.editor.processImage(this.editorImageState);
   }
 }

From 1c29169ba77b7109f34c211faa66a625e4c78530 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Tue, 31 Jan 2023 18:15:24 +0800
Subject: [PATCH 05/10] add FAQ page (embed bubble app in iframe)

---
 src/app/app-routing.module.ts              |  5 +++
 src/app/features/faq/faq-routing.module.ts | 17 ++++++++
 src/app/features/faq/faq.module.ts         | 12 ++++++
 src/app/features/faq/faq.page.html         | 24 ++++++++++++
 src/app/features/faq/faq.page.scss         | 39 +++++++++++++++++++
 src/app/features/faq/faq.page.spec.ts      | 26 +++++++++++++
 src/app/features/faq/faq.page.ts           | 45 ++++++++++++++++++++++
 src/app/features/home/home.page.html       |  5 +++
 src/assets/i18n/en-us.json                 |  1 +
 src/assets/i18n/zh-tw.json                 |  1 +
 10 files changed, 175 insertions(+)
 create mode 100644 src/app/features/faq/faq-routing.module.ts
 create mode 100644 src/app/features/faq/faq.module.ts
 create mode 100644 src/app/features/faq/faq.page.html
 create mode 100644 src/app/features/faq/faq.page.scss
 create mode 100644 src/app/features/faq/faq.page.spec.ts
 create mode 100644 src/app/features/faq/faq.page.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index b40f8bd48..3cffd2b84 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -96,6 +96,11 @@ const routes: Routes = [
         m => m.TermsOfUsePageModule
       ),
   },
+  {
+    path: 'faq',
+    loadChildren: () =>
+      import('./features/faq/faq.module').then(m => m.FaqPageModule),
+  },
 ];
 @NgModule({
   imports: [
diff --git a/src/app/features/faq/faq-routing.module.ts b/src/app/features/faq/faq-routing.module.ts
new file mode 100644
index 000000000..76e7d4167
--- /dev/null
+++ b/src/app/features/faq/faq-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { FaqPage } from './faq.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: FaqPage,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class FaqPageRoutingModule {}
diff --git a/src/app/features/faq/faq.module.ts b/src/app/features/faq/faq.module.ts
new file mode 100644
index 000000000..ba6146386
--- /dev/null
+++ b/src/app/features/faq/faq.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+
+import { FaqPageRoutingModule } from './faq-routing.module';
+
+import { SharedModule } from '../../shared/shared.module';
+import { FaqPage } from './faq.page';
+
+@NgModule({
+  imports: [SharedModule, FaqPageRoutingModule],
+  declarations: [FaqPage],
+})
+export class FaqPageModule {}
diff --git a/src/app/features/faq/faq.page.html b/src/app/features/faq/faq.page.html
new file mode 100644
index 000000000..691c44b86
--- /dev/null
+++ b/src/app/features/faq/faq.page.html
@@ -0,0 +1,24 @@
+<ng-container *ngIf="(networkConnected$ | async) === false; else bubbleIframe">
+  <mat-toolbar>
+    <button
+      routerLink=".."
+      routerDirection="back"
+      mat-mini-fab
+      class="capture-rebranded-button"
+    >
+      <mat-icon>arrow_back</mat-icon>
+    </button>
+    <span>{{ 'faq' | transloco }}</span>
+  </mat-toolbar>
+  <div class="no-network-text">
+    {{ 'message.networkNotConnected' | transloco }}
+  </div>
+</ng-container>
+
+<ng-template #bubbleIframe>
+  <iframe [src]="iframeUrl | safeResourceUrl" class="bubble-iframe"></iframe>
+  <ion-spinner
+    *ngIf="(iframeLoaded$ | async) !== true"
+    name="lines-sharp"
+  ></ion-spinner>
+</ng-template>
diff --git a/src/app/features/faq/faq.page.scss b/src/app/features/faq/faq.page.scss
new file mode 100644
index 000000000..044c5df02
--- /dev/null
+++ b/src/app/features/faq/faq.page.scss
@@ -0,0 +1,39 @@
+mat-toolbar {
+  span {
+    padding-right: 40px;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 21px;
+    text-align: center;
+    color: white;
+  }
+
+  .capture-rebranded-button {
+    margin: 0 4px;
+    background: #ffffff40 !important; /* stylelint-disable-line declaration-no-important */
+    color: white !important; /* stylelint-disable-line declaration-no-important */
+    backdrop-filter: blur(4px);
+    box-shadow: none;
+  }
+}
+
+.no-network-text {
+  font-size: 18px;
+  margin: auto;
+}
+
+.bubble-iframe {
+  background-color: black;
+  width: 100vw;
+  height: 100vh;
+  border: 0;
+}
+
+ion-spinner {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  scale: 1.5;
+}
diff --git a/src/app/features/faq/faq.page.spec.ts b/src/app/features/faq/faq.page.spec.ts
new file mode 100644
index 000000000..cba943b5f
--- /dev/null
+++ b/src/app/features/faq/faq.page.spec.ts
@@ -0,0 +1,26 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { SharedTestingModule } from '../../shared/shared-testing.module';
+
+import { FaqPage } from './faq.page';
+
+describe('FaqPage', () => {
+  let component: FaqPage;
+  let fixture: ComponentFixture<FaqPage>;
+
+  beforeEach(
+    waitForAsync(() => {
+      TestBed.configureTestingModule({
+        declarations: [FaqPage],
+        imports: [SharedTestingModule],
+      }).compileComponents();
+
+      fixture = TestBed.createComponent(FaqPage);
+      component = fixture.componentInstance;
+      fixture.detectChanges();
+    })
+  );
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/faq/faq.page.ts b/src/app/features/faq/faq.page.ts
new file mode 100644
index 000000000..99a3b1862
--- /dev/null
+++ b/src/app/features/faq/faq.page.ts
@@ -0,0 +1,45 @@
+import { Component } from '@angular/core';
+import { NavController } from '@ionic/angular';
+import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
+import { BehaviorSubject, fromEvent } from 'rxjs';
+import { tap } from 'rxjs/operators';
+import { BUBBLE_IFRAME_URL } from '../../shared/dia-backend/secret';
+import { NetworkService } from '../../shared/network/network.service';
+
+@UntilDestroy()
+@Component({
+  selector: 'app-faq',
+  templateUrl: './faq.page.html',
+  styleUrls: ['./faq.page.scss'],
+})
+export class FaqPage {
+  readonly networkConnected$ = this.networkService.connected$;
+  readonly iframeUrl = `${BUBBLE_IFRAME_URL}/version-v230207-sam/faq`;
+  readonly iframeLoaded$ = new BehaviorSubject(false);
+
+  constructor(
+    private readonly networkService: NetworkService,
+    private readonly navController: NavController
+  ) {}
+
+  ionViewDidEnter() {
+    this.processIframeEvents();
+  }
+
+  processIframeEvents() {
+    fromEvent(window, 'message')
+      .pipe(
+        tap(event => {
+          const postMessageEvent = event as MessageEvent;
+          if (postMessageEvent.data === 'iframe-on-load') {
+            this.iframeLoaded$.next(true);
+          }
+          if (postMessageEvent.data === 'iframe-back-button-clicked') {
+            this.navController.pop();
+          }
+        }),
+        untilDestroyed(this)
+      )
+      .subscribe();
+  }
+}
diff --git a/src/app/features/home/home.page.html b/src/app/features/home/home.page.html
index 27b0d0bb1..c1f63d94e 100644
--- a/src/app/features/home/home.page.html
+++ b/src/app/features/home/home.page.html
@@ -40,6 +40,11 @@
           {{ t('termsOfUse') }}
         </a>
       </mat-list-item>
+      <mat-list-item>
+        <a routerLink="/faq" (click)="sidenav.close()" mat-list-item>
+          {{ t('faq') }}
+        </a>
+      </mat-list-item>
       <mat-list-item>
         <a class="logout" (click)="sidenav.close(); logout()" mat-list-item>
           {{ t('logout') }}
diff --git a/src/assets/i18n/en-us.json b/src/assets/i18n/en-us.json
index d321d1135..4f267db29 100644
--- a/src/assets/i18n/en-us.json
+++ b/src/assets/i18n/en-us.json
@@ -92,6 +92,7 @@
   "friends": "Friends",
   "dataPolicy": "Data policy",
   "termsOfUse": "Terms of use",
+  "faq": "FAQ",
   "takePicture": "Take Picture",
   "recordVideo": "Record Video",
   "videoLimitation": "Video Limitation",
diff --git a/src/assets/i18n/zh-tw.json b/src/assets/i18n/zh-tw.json
index e7d6e3cf4..ba3f82ce1 100644
--- a/src/assets/i18n/zh-tw.json
+++ b/src/assets/i18n/zh-tw.json
@@ -92,6 +92,7 @@
   "friends": "好友",
   "dataPolicy": "數據政策",
   "termsOfUse": "使用條款",
+  "faq": "常問問題",
   "takePicture": "拍攝照片",
   "recordVideo": "錄製影片",
   "videoLimitation": "影片錄製限制",

From a9e4232dfd700d07b6a61ec73910927941b129ae Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Wed, 1 Feb 2023 20:31:27 +0800
Subject: [PATCH 06/10] refactor: to enums + switch for iframe post message
 events

---
 .../features/data-policy/data-policy.page.ts   | 14 +++++++++-----
 src/app/features/faq/faq.page.ts               | 14 +++++++++-----
 .../details/edit-caption/edit-caption.page.ts  | 18 ++++++++++--------
 .../explore-tab/explore-tab.component.ts       |  3 ++-
 .../features/terms-of-use/terms-of-use.page.ts | 14 +++++++++-----
 src/app/shared/iframe/iframe.ts                | 10 ++++++++++
 6 files changed, 49 insertions(+), 24 deletions(-)
 create mode 100644 src/app/shared/iframe/iframe.ts

diff --git a/src/app/features/data-policy/data-policy.page.ts b/src/app/features/data-policy/data-policy.page.ts
index 386baa86d..5a67ddb3e 100644
--- a/src/app/features/data-policy/data-policy.page.ts
+++ b/src/app/features/data-policy/data-policy.page.ts
@@ -4,6 +4,7 @@ import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { BehaviorSubject, fromEvent } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { BUBBLE_IFRAME_URL } from '../../shared/dia-backend/secret';
+import { BubbleToIonicPostMessage } from '../../shared/iframe/iframe';
 import { NetworkService } from '../../shared/network/network.service';
 
 @UntilDestroy()
@@ -31,11 +32,14 @@ export class DataPolicyPage {
       .pipe(
         tap(event => {
           const postMessageEvent = event as MessageEvent;
-          if (postMessageEvent.data === 'iframe-on-load') {
-            this.iframeLoaded$.next(true);
-          }
-          if (postMessageEvent.data === 'iframeBackButtonClicked') {
-            this.navController.back();
+          const data = postMessageEvent.data as BubbleToIonicPostMessage;
+          switch (data) {
+            case BubbleToIonicPostMessage.IFRAME_ON_LOAD:
+              this.iframeLoaded$.next(true);
+              break;
+            case BubbleToIonicPostMessage.IFRAME_BACK_BUTTON_CLICKED:
+              this.navController.back();
+              break;
           }
         }),
         untilDestroyed(this)
diff --git a/src/app/features/faq/faq.page.ts b/src/app/features/faq/faq.page.ts
index 99a3b1862..ed09e3c57 100644
--- a/src/app/features/faq/faq.page.ts
+++ b/src/app/features/faq/faq.page.ts
@@ -4,6 +4,7 @@ import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { BehaviorSubject, fromEvent } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { BUBBLE_IFRAME_URL } from '../../shared/dia-backend/secret';
+import { BubbleToIonicPostMessage } from '../../shared/iframe/iframe';
 import { NetworkService } from '../../shared/network/network.service';
 
 @UntilDestroy()
@@ -31,11 +32,14 @@ export class FaqPage {
       .pipe(
         tap(event => {
           const postMessageEvent = event as MessageEvent;
-          if (postMessageEvent.data === 'iframe-on-load') {
-            this.iframeLoaded$.next(true);
-          }
-          if (postMessageEvent.data === 'iframe-back-button-clicked') {
-            this.navController.pop();
+          const data = postMessageEvent.data as BubbleToIonicPostMessage;
+          switch (data) {
+            case BubbleToIonicPostMessage.IFRAME_ON_LOAD:
+              this.iframeLoaded$.next(true);
+              break;
+            case BubbleToIonicPostMessage.IFRAME_BACK_BUTTON_CLICKED:
+              this.navController.back();
+              break;
           }
         }),
         untilDestroyed(this)
diff --git a/src/app/features/home/details/edit-caption/edit-caption.page.ts b/src/app/features/home/details/edit-caption/edit-caption.page.ts
index 68964de77..f5208a6e5 100644
--- a/src/app/features/home/details/edit-caption/edit-caption.page.ts
+++ b/src/app/features/home/details/edit-caption/edit-caption.page.ts
@@ -7,6 +7,7 @@ import { combineLatest, fromEvent } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 import { DiaBackendAuthService } from '../../../../shared/dia-backend/auth/dia-backend-auth.service';
 import { BUBBLE_IFRAME_URL } from '../../../../shared/dia-backend/secret';
+import { BubbleToIonicPostMessage } from '../../../../shared/iframe/iframe';
 import { IframeService } from '../../../../shared/iframe/iframe.service';
 import { isNonNullable } from '../../../../utils/rx-operators/rx-operators';
 
@@ -52,14 +53,15 @@ export class EditCaptionPage {
       .pipe(
         tap(event => {
           const postMessageEvent = event as MessageEvent;
-
-          if (postMessageEvent.data === 'edit-caption-cancel') {
-            this.navController.back();
-          }
-
-          if (postMessageEvent.data === 'edit-caption-save') {
-            this.iframeService.refreshDetailsPageIframe();
-            this.navController.back();
+          const data = postMessageEvent.data as BubbleToIonicPostMessage;
+          switch (data) {
+            case BubbleToIonicPostMessage.EDIT_CAPTION_CANCEL:
+              this.navController.back();
+              break;
+            case BubbleToIonicPostMessage.EDIT_CAPTION_SAVE:
+              this.iframeService.refreshDetailsPageIframe();
+              this.navController.back();
+              break;
           }
         }),
         untilDestroyed(this)
diff --git a/src/app/features/home/explore-tab/explore-tab/explore-tab.component.ts b/src/app/features/home/explore-tab/explore-tab/explore-tab.component.ts
index 5d073fc54..c45e602c0 100644
--- a/src/app/features/home/explore-tab/explore-tab/explore-tab.component.ts
+++ b/src/app/features/home/explore-tab/explore-tab/explore-tab.component.ts
@@ -5,6 +5,7 @@ import { combineLatest } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 import { DiaBackendAuthService } from '../../../../shared/dia-backend/auth/dia-backend-auth.service';
 import { BUBBLE_IFRAME_URL } from '../../../../shared/dia-backend/secret';
+import { IonicToBubblePostMessage } from '../../../../shared/iframe/iframe';
 import { IframeService } from '../../../../shared/iframe/iframe.service';
 import { NetworkService } from '../../../../shared/network/network.service';
 
@@ -45,7 +46,7 @@ export class ExploreTabComponent {
 
   navigateBackExploreIframe() {
     this.exploreIframe?.nativeElement.contentWindow?.postMessage(
-      'android-back-button',
+      IonicToBubblePostMessage.ANDROID_BACK_BUTTON,
       BUBBLE_IFRAME_URL
     );
   }
diff --git a/src/app/features/terms-of-use/terms-of-use.page.ts b/src/app/features/terms-of-use/terms-of-use.page.ts
index b4734ce11..e4fea2d20 100644
--- a/src/app/features/terms-of-use/terms-of-use.page.ts
+++ b/src/app/features/terms-of-use/terms-of-use.page.ts
@@ -4,6 +4,7 @@ import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { BehaviorSubject, fromEvent } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { BUBBLE_IFRAME_URL } from '../../shared/dia-backend/secret';
+import { BubbleToIonicPostMessage } from '../../shared/iframe/iframe';
 import { NetworkService } from '../../shared/network/network.service';
 
 @UntilDestroy()
@@ -31,11 +32,14 @@ export class TermsOfUsePage {
       .pipe(
         tap(event => {
           const postMessageEvent = event as MessageEvent;
-          if (postMessageEvent.data === 'iframe-on-load') {
-            this.iframeLoaded$.next(true);
-          }
-          if (postMessageEvent.data === 'iframeBackButtonClicked') {
-            this.navController.back();
+          const data = postMessageEvent.data as BubbleToIonicPostMessage;
+          switch (data) {
+            case BubbleToIonicPostMessage.IFRAME_ON_LOAD:
+              this.iframeLoaded$.next(true);
+              break;
+            case BubbleToIonicPostMessage.IFRAME_BACK_BUTTON_CLICKED:
+              this.navController.back();
+              break;
           }
         }),
         untilDestroyed(this)
diff --git a/src/app/shared/iframe/iframe.ts b/src/app/shared/iframe/iframe.ts
new file mode 100644
index 000000000..46f7e727d
--- /dev/null
+++ b/src/app/shared/iframe/iframe.ts
@@ -0,0 +1,10 @@
+export enum BubbleToIonicPostMessage {
+  IFRAME_ON_LOAD = 'iframe-on-load',
+  IFRAME_BACK_BUTTON_CLICKED = 'iframe-back-button-clicked',
+  EDIT_CAPTION_CANCEL = 'edit-caption-cancel',
+  EDIT_CAPTION_SAVE = 'edit-caption-save',
+}
+
+export enum IonicToBubblePostMessage {
+  ANDROID_BACK_BUTTON = 'android-back-button',
+}

From 05b66f4d98deddd62b83102cedf23af764797294 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Wed, 15 Feb 2023 16:24:22 +0800
Subject: [PATCH 07/10] feat(home.page): swap explore tab with profile tab

---
 src/app/features/home/home.page.html | 30 ++++++++++++++--------------
 src/app/features/home/home.page.ts   | 18 +++++++++--------
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/app/features/home/home.page.html b/src/app/features/home/home.page.html
index c1f63d94e..db572fddb 100644
--- a/src/app/features/home/home.page.html
+++ b/src/app/features/home/home.page.html
@@ -53,7 +53,7 @@
     </mat-nav-list>
   </mat-sidenav>
   <mat-sidenav-content>
-    <mat-toolbar *ngIf="selectedTabIndex === 2">
+    <mat-toolbar *ngIf="selectedTabIndex === initialTabIndex">
       <button (click)="sidenav.toggle()" mat-icon-button>
         <mat-icon>menu</mat-icon>
       </button>
@@ -93,17 +93,19 @@
     >
       <mat-tab>
         <ng-template mat-tab-label>
-          <button mat-icon-button (click)="navigateToExploreTab()">
+          <button mat-icon-button (click)="navigateToInboxTab()">
             <mat-icon
-              svgIcon="search"
+              svgIcon="profile"
               class="tab-action-button-icon"
-              joyrideStep="highlightHomeTab"
-              title="Home Tab"
-              text="View created captures"
+              joyrideStep="highlightInboxTab"
+              [title]="t('userGuide.inboxTab')"
+              [text]="
+                t('userGuide.visitInboxForPurchasedItemsAndGiftsReceived')
+              "
             ></mat-icon>
           </button>
         </ng-template>
-        <app-explore-tab></app-explore-tab>
+        <app-capture-tab></app-capture-tab>
       </mat-tab>
       <mat-tab disabled>
         <ng-template mat-tab-label>
@@ -122,19 +124,17 @@
       </mat-tab>
       <mat-tab>
         <ng-template mat-tab-label>
-          <button mat-icon-button (click)="navigateToInboxTab()">
+          <button mat-icon-button (click)="navigateToExploreTab()">
             <mat-icon
-              svgIcon="profile"
+              svgIcon="search"
               class="tab-action-button-icon"
-              joyrideStep="highlightInboxTab"
-              [title]="t('userGuide.inboxTab')"
-              [text]="
-                t('userGuide.visitInboxForPurchasedItemsAndGiftsReceived')
-              "
+              joyrideStep="highlightHomeTab"
+              title="Home Tab"
+              text="View created captures"
             ></mat-icon>
           </button>
         </ng-template>
-        <app-capture-tab></app-capture-tab>
+        <app-explore-tab></app-explore-tab>
       </mat-tab>
     </mat-tab-group>
   </mat-sidenav-content>
diff --git a/src/app/features/home/home.page.ts b/src/app/features/home/home.page.ts
index 45abf4142..442922fad 100644
--- a/src/app/features/home/home.page.ts
+++ b/src/app/features/home/home.page.ts
@@ -53,8 +53,9 @@ import { PrefetchingDialogComponent } from './onboarding/prefetching-dialog/pref
   styleUrls: ['./home.page.scss'],
 })
 export class HomePage {
-  private readonly initialTabIndex = 0;
-  private readonly afterCaptureTabIndex = 2;
+  readonly initialTabIndex = 0;
+  private readonly afterCaptureTabIndex = 0;
+  private readonly exploreTabIndex = 2;
   selectedTabIndex = this.initialTabIndex;
 
   readonly username$ = this.diaBackendAuthService.username$;
@@ -257,8 +258,7 @@ export class HomePage {
 
   capture() {
     return defer(() => {
-      const captureIndex = this.afterCaptureTabIndex;
-      this.selectedTabIndex = captureIndex;
+      this.selectedTabIndex = this.afterCaptureTabIndex;
       return this.presentCaptureActions$();
     })
       .pipe(
@@ -277,8 +277,7 @@ export class HomePage {
     if (!this.platform.is('hybrid')) {
       this.capture();
     } else {
-      const captureIndex = this.afterCaptureTabIndex;
-      this.selectedTabIndex = captureIndex;
+      this.selectedTabIndex = this.afterCaptureTabIndex;
       this.router.navigate(['home', 'custom-camera']);
     }
   }
@@ -363,14 +362,17 @@ export class HomePage {
   }
 
   private shouldNavigateBackExploreIframe(): void {
-    if (this.selectedTabIndex === 0 && this.router.url === '/home') {
+    if (
+      this.selectedTabIndex === this.exploreTabIndex &&
+      this.router.url === '/home'
+    ) {
       this.iframeService.navigateBackExploreTabIframe();
     }
   }
 
   // eslint-disable-next-line class-methods-use-this
   navigateToExploreTab() {
-    if (this.selectedTabIndex === 0) {
+    if (this.selectedTabIndex === this.exploreTabIndex) {
       // window.location.reload();
       this.iframeService.refreshExploreTabIframe();
     }

From 5cef4487d6d99ec3487fed32a6a976b2dbfe3ab4 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Wed, 22 Feb 2023 12:18:39 +0800
Subject: [PATCH 08/10] fix(wallet.page): unify iframe post messages

---
 src/app/features/wallets/wallets.page.ts | 16 +++++++++-------
 src/app/shared/iframe/iframe.ts          |  4 ++++
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/app/features/wallets/wallets.page.ts b/src/app/features/wallets/wallets.page.ts
index 53e82c122..cd290ee27 100644
--- a/src/app/features/wallets/wallets.page.ts
+++ b/src/app/features/wallets/wallets.page.ts
@@ -12,6 +12,7 @@ import { WebCryptoApiSignatureProvider } from '../../shared/collector/signature/
 import { DiaBackendAuthService } from '../../shared/dia-backend/auth/dia-backend-auth.service';
 import { BUBBLE_IFRAME_URL } from '../../shared/dia-backend/secret';
 import { DiaBackendWalletService } from '../../shared/dia-backend/wallet/dia-backend-wallet.service';
+import { BubbleToIonicPostMessage } from '../../shared/iframe/iframe';
 @UntilDestroy({ checkProperties: true })
 @Component({
   selector: 'app-wallets',
@@ -56,23 +57,24 @@ export class WalletsPage {
       .pipe(
         tap(event => {
           const postMessageEvent = event as MessageEvent;
-          switch (postMessageEvent.data) {
-            case 'iframe-on-load':
+          const data = postMessageEvent.data as BubbleToIonicPostMessage;
+          switch (data) {
+            case BubbleToIonicPostMessage.IFRAME_ON_LOAD:
               this.iframeLoaded$.next(true);
               break;
-            case 'iframeBackButtonClicked':
+            case BubbleToIonicPostMessage.IFRAME_BACK_BUTTON_CLICKED:
               this.navController.pop();
               break;
-            case 'iframe-buy-num-button-clicked':
+            case BubbleToIonicPostMessage.IFRAME_BUY_NUM_BUTTON_CLICKED:
               this.navigateToBuyNumPage();
               break;
-            case 'iframe-copy-to-clipboard-asset-wallet':
+            case BubbleToIonicPostMessage.IFRAME_COPY_TO_CLIPBOARD_ASSET_WALLET:
               this.copyToClipboardAssetWallet();
               break;
-            case 'iframe-copy-to-clipboard-integrity-wallet':
+            case BubbleToIonicPostMessage.IFRAME_COPY_TO_CLIPBOARD_INTEGRITY_WALLET:
               this.copyToClipboardIntegrityWallet();
               break;
-            case 'iframe-copy-to-clipboard-private-key':
+            case BubbleToIonicPostMessage.IFRAME_COPY_TO_CLIPBOARD_PRIVATE_KEY:
               this.copyToClipboardPrivateKey();
               break;
             default:
diff --git a/src/app/shared/iframe/iframe.ts b/src/app/shared/iframe/iframe.ts
index 46f7e727d..5f1ec4ceb 100644
--- a/src/app/shared/iframe/iframe.ts
+++ b/src/app/shared/iframe/iframe.ts
@@ -3,6 +3,10 @@ export enum BubbleToIonicPostMessage {
   IFRAME_BACK_BUTTON_CLICKED = 'iframe-back-button-clicked',
   EDIT_CAPTION_CANCEL = 'edit-caption-cancel',
   EDIT_CAPTION_SAVE = 'edit-caption-save',
+  IFRAME_BUY_NUM_BUTTON_CLICKED = 'iframe-buy-num-button-clicked',
+  IFRAME_COPY_TO_CLIPBOARD_ASSET_WALLET = 'iframe-copy-to-clipboard-asset-wallet',
+  IFRAME_COPY_TO_CLIPBOARD_INTEGRITY_WALLET = 'iframe-copy-to-clipboard-integrity-wallet',
+  IFRAME_COPY_TO_CLIPBOARD_PRIVATE_KEY = 'iframe-copy-to-clipboard-private-key',
 }
 
 export enum IonicToBubblePostMessage {

From 19d136984b7f08ff4ddbee65965ee854c8fc9397 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Thu, 2 Mar 2023 17:28:43 +0800
Subject: [PATCH 09/10] build: bump to 0.75.0

---
 android/app/build.gradle              | 4 ++--
 ios/App/App.xcodeproj/project.pbxproj | 8 ++++----
 package-lock.json                     | 4 ++--
 package.json                          | 2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 731b944ec..e22220633 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -6,8 +6,8 @@ android {
         applicationId "io.numbersprotocol.capturelite"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 474
-        versionName "0.74.2"
+        versionCode 750
+        versionName "0.75.0"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
     }
     buildFeatures {
diff --git a/ios/App/App.xcodeproj/project.pbxproj b/ios/App/App.xcodeproj/project.pbxproj
index 59c0ab5a6..0992a8b5c 100644
--- a/ios/App/App.xcodeproj/project.pbxproj
+++ b/ios/App/App.xcodeproj/project.pbxproj
@@ -368,13 +368,13 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 2;
+				CURRENT_PROJECT_VERSION = 750;
 				DEVELOPMENT_TEAM = G7NB5YCKAP;
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = G7NB5YCKAP;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 0.74.2;
+				MARKETING_VERSION = 0.75.0;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = io.numbersprotocol.capturelite;
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -395,13 +395,13 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 2;
+				CURRENT_PROJECT_VERSION = 750;
 				DEVELOPMENT_TEAM = G7NB5YCKAP;
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = G7NB5YCKAP;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 0.74.2;
+				MARKETING_VERSION = 0.75.0;
 				PRODUCT_BUNDLE_IDENTIFIER = io.numbersprotocol.capturelite;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = NumbersAppDistributionV4;
diff --git a/package-lock.json b/package-lock.json
index 0a85fdbbb..5eaa4379e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "capture-lite",
-  "version": "0.74.2",
+  "version": "0.75.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "capture-lite",
-      "version": "0.74.2",
+      "version": "0.75.0",
       "dependencies": {
         "packages": "^0.0.8",
         "@angular/animations": "^14.2.0",
diff --git a/package.json b/package.json
index 255b0ee7d..2b4273d24 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "capture-lite",
-  "version": "0.74.2",
+  "version": "0.75.0",
   "author": "numbersprotocol",
   "homepage": "https://numbersprotocol.io/",
   "scripts": {

From 1a7ead9b67809ac03ef28d00b5cf9a62e5ca1986 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Thu, 2 Mar 2023 17:31:36 +0800
Subject: [PATCH 10/10] build: update changelog

---
 CHANGELOG.md | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 506f73505..6f12adc42 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,21 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 To check the difference between the last releaes and the latest dev status, click the link above.
 
+## [0.75.0] - 2023-03-02
+
+### Added
+
+1. Feature swap explore tab with profile tab (#2590)
+2. Feature add faq page (#2588)
+3. Feature crop ux flow improvement (#2587)
+4. Feature increase android minimum required os (#2586)
+
+### Fixed
+
+1. Fixed unify iframe post messages in wallets page (#2613)
+2. Fixed unify iframe post messages (#2589)
+3. Fixed android 11 splash screen (#2585)
+
 ## [0.74.2] - 2023-02-14
 
 ### Fixed
@@ -2042,10 +2057,11 @@ This is the first release! _Capture Lite_ is a cross-platform app adapted from [
 - Web - see the demo [here](https://github.com/numbersprotocol/capture-lite#demo-app)
 - Android - the APK file `app-debug.apk` is attached to this release
 
-[unreleased]: https://github.com/numbersprotocol/capture-lite/compare/0.74.2...HEAD
+[unreleased]: https://github.com/numbersprotocol/capture-lite/compare/0.75.0...HEAD
+[0.75.0]: https://github.com/numbersprotocol/capture-lite/compare/0.74.2...0.75.0
 [0.74.2]: https://github.com/numbersprotocol/capture-lite/compare/0.74.1...0.74.2
 [0.74.1]: https://github.com/numbersprotocol/capture-lite/compare/0.74.0...0.74.1
-[0.74.0]: https://github.com/numbersprotocol/capture-lite/compare/0.73.0...0.74.0
+[0.74.0]: https://github.com/numbersprotocol/capture-lite/compare/0.73.1...0.74.0
 [0.73.1]: https://github.com/numbersprotocol/capture-lite/compare/0.72.4...0.73.1
 [0.72.4]: https://github.com/numbersprotocol/capture-lite/compare/0.72.3...0.72.4
 [0.72.3]: https://github.com/numbersprotocol/capture-lite/compare/0.72.2...0.72.3