[MOBILEAPPS-1654] Open in App pop-up implementation in android and iphone (#2889)

* Open in App pop up implementation

* review comments addressed

* unit test cases added for open-in-app component and aca-mobile-app-switcher-service and review comments addressed

* cspell changes

* test case build failing issue resolved

* review comments addressed of using specific type and void in functions that do not return anything

* remaining review comments fixed for type cases

* added check for ipad and ipod

* checkForIOSDevice function removed and checked for ios device in same line

* spacing issues addressed

* missing unit tests added and some review comments addressed

* app.config.json file updated

* removed configuration variables from default Readme file

* used only boolean instead of string conversion in app service file

* session storage name change

* review comments addressed

projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.html

@@ -0,0 +1,8 @@
+<div class="container">
+  <button mat-button (click)="openInApp()" data-automation-id="open-in-app-button">
+    <span>{{ 'APP.DIALOGS.MOBILE_APP.MOBILE_APP_BUTTON_LABEL' }}</span>
+  </button>
+  <button mat-button mat-dialog-close>
+    <mat-icon>close</mat-icon>
+  </button>
+</div>

projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.scss

@@ -0,0 +1,13 @@
+.container{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.mat-dialog-container{
+  padding: 12px;
+  border-radius: 36px;
+  background-color: var(--theme-blue-button-color);
+  color: var(--theme-about-panel-background-color);
+}

projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.spec.ts

@@ -0,0 +1,38 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { By } from '@angular/platform-browser';
+import { OpenInAppComponent } from './open-in-app.component';
+
+describe('OpenInAppComponent', () => {
+  let fixture: ComponentFixture<OpenInAppComponent>;
+  let component: OpenInAppComponent;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [OpenInAppComponent],
+      providers: [{ provide: MAT_DIALOG_DATA, useValue: { redirectUrl: 'mockRedirectUrl' } }]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(OpenInAppComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should redirect to app when click on `Open in App` button` ', async () => {
+    let currentLocation: string | string[];
+    const windowStub: Window & typeof globalThis = {
+      location: {
+        set href(value: string | string[]) {
+          currentLocation = value;
+        }
+      }
+    } as Window & typeof globalThis;
+    component.window = windowStub;
+    const saveButton = fixture.debugElement.query(By.css('[data-automation-id="open-in-app-button"]')).nativeElement;
+    saveButton.dispatchEvent(new Event('click'));
+    fixture.detectChanges();
+    await fixture.whenStable();
+
+    expect(currentLocation).toBe('mockRedirectUrl');
+  });
+});

projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.ts

@@ -0,0 +1,54 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { Component, Inject, ViewEncapsulation } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+
+export interface OpenInAppDialogOptions {
+  redirectUrl: string;
+}
+@Component({
+  selector: 'aca-open-in-app',
+  templateUrl: './open-in-app.component.html',
+  styleUrls: ['./open-in-app.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class OpenInAppComponent {
+  private redirectUrl: string;
+  public window: Window & typeof globalThis = window;
+
+  constructor(
+    @Inject(MAT_DIALOG_DATA)
+    public data: OpenInAppDialogOptions
+  ) {
+    if (data) {
+      this.redirectUrl = data.redirectUrl;
+    }
+  }
+
+  openInApp(): void {
+    this.window.location.href = this.redirectUrl;
+  }
+}