This page is displayed to the User following the successful retrieval of a CFAR contract for a booking eligible to the refund.
- The User gets a display of the booking’s itinerary that can be cancelled and is prompted to choose the refund type.
- This page provides an authentication mode based on a one-time password. A numeric code will be sent to the registered email in the CFAR contract. The user will have to enter this code (i.e. code = 123456 for the demo) before processing an exercise.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/app/pages/guides/cfar-exercise-flow/cfar-exercise-flow.component.scss b/src/app/pages/guides/cfar-exercise-flow/cfar-exercise-flow.component.scss
deleted file mode 100644
index 8363306..0000000
--- a/src/app/pages/guides/cfar-exercise-flow/cfar-exercise-flow.component.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// How to use : https://tomastrajan.medium.com/the-complete-guide-to-angular-material-themes-4d165a9d24d1
-@mixin cfar-exercise-flow-page-component-theme($theme) {
-
- // Colors used for element backgrounds
- // Values : status-bar, app-bar, background, hover, card, dialog, disabled-button, raised-button,
- // focused-button, selected-button, disabled-button-toggle, unselected-chip, disabled-list-option, tooltip
- $bg-palette: map-get($theme, background);
-
- // Colors used for texts and icons
- $fg-palette: map-get($theme, foreground);
-
- // Main color most widely used across all screens and components
- $primary-palette: map-get($theme, primary);
-
- // Also known as the secondary color. Used for floating action buttons and interactive elements.
- $accent-palette: map-get($theme, accent);
-
- // Color to convey error state
- $warn-palette: map-get($theme, warn);
-
- // If it's dark theme or not
- $is-dark: map-get($theme, is-dark);
-
- // ----------------------------------------------
-
- app-cfar-exercise-flow {
-
- .cfar-exercise-flow-page-container {
-
- .tab-group {
- @include mat.elevation(4);
-
- .mat-mdc-tab-body {
- background-color: map-get($bg-palette, card);
-
- .hljs {
- width: calc(90% - 32px);
- padding: 0px;
- margin: 16px;
- }
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/src/app/pages/guides/cfar-exercise-flow/cfar-exercise-flow.component.ts b/src/app/pages/guides/cfar-exercise-flow/cfar-exercise-flow.component.ts
deleted file mode 100644
index 2eb015c..0000000
--- a/src/app/pages/guides/cfar-exercise-flow/cfar-exercise-flow.component.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-import { Component, ElementRef, ViewChild } from "@angular/core";
-import { MatSnackBar } from "@angular/material/snack-bar";
-import { Store } from "@ngrx/store";
-import { Locales } from "projects/angular-sdk/src/i18n";
-import { InputModel, OutputModel } from "src/app/shared/models";
-import { AppState } from "src/app/shared/ngrx";
-import { CommonGuidesComponent } from "../common-guides.component";
-import { Clipboard } from '@angular/cdk/clipboard';
-import { ErrorSdkModel } from "projects/angular-sdk/src/models";
-
-@Component({
- selector: "app-cfar-exercise-flow",
- templateUrl: "./cfar-exercise-flow.component.html",
- styleUrls: ["./cfar-exercise-flow.component.scss"],
-})
-export class CfarExerciseFlowPageComponent extends CommonGuidesComponent {
-
- public htmlCode: string = `
-
-
-
- `;
-
- public tsCode: string = `
- import { ErrorSdkModel } from "@hopper-cloud-airlines/angular-sdk/models";
-
- @ViewChild('scrollAnchor') public anchor!: ElementRef;
-
- // ....
-
- public onFlowCompleted(data: string): void {
- console.log(data);
- }
-
- public onErrorOccurred(error: ErrorSdkModel): void {
- console.log(error);
- }
-
- public onStepCompleted(timer?: number): void {
- // Scroll to top of component (timer due to rendering delay)
- setTimeout(() => this.anchor.nativeElement.scrollTo(0,0), timer || 0);
- }
- `;
-
- @ViewChild('scrollAnchor') public anchor!: ElementRef;
-
- constructor(
- protected _store: Store,
- protected _clipboard: Clipboard,
- protected _snackBar: MatSnackBar,
- ) {
- super(_store, _clipboard, _snackBar);
- }
-
- // -----------------------------------------------
- // Publics Methods
- // -----------------------------------------------
-
- public getInputs(): InputModel[] {
- return [
- {
- name: 'currentLang',
- description: `
- The language to apply to the component.
- Supported Languages : ${Array.from(Locales.keys()).map(lang => ' ' + lang)}
- By default : en
- `,
- required: false
- },
- {
- name: 'basePath',
- description: `
- The HTS API url base path
- `,
- required: true
- },
- {
- name: 'imageBasePath',
- description: `
- The basePath for images (empty by default)
- `,
- required: false
- },
- {
- name: 'currentTheme',
- description: `
- The active theme managed by HTS.
- If you have an Angular material theme, this field can be ignored
- `,
- required: false
- },
- {
- name: 'hCSessionId',
- description: `
- Example: 9fd3f2f9-e5aa-4128-ace9-3c4ee37b685f
- The ID of the current airline session.
- `,
- required: true
- },
- {
- name: 'exerciseId',
- description: `
- A unique identifier for a CFAR exercise
- `,
- required: true
- },
- {
- name: 'hyperwalletUrl',
- description: `
- Url for hyperwallet integration
- `,
- required: true
- },
- {
- name: 'contactFormUrl',
- description: `
- Url for support
- `,
- required: true
- }
- ];
- }
-
- public getOutputs(): OutputModel[] {
- return [
- {
- name: 'flowCompleted',
- description: `
- Event triggered when the flow is completed
- `
- },
- {
- name: 'errorOccurred',
- description: `
- Event triggered when an error occurs into the SDK
- Returns a ErrorSdkModel : { endpoint: string, errorCode: string, errorDescription?: string }
- `
- },
- {
- name: 'stepCompleted',
- description: `
- Event triggered when a step is completed
- `
- },
- ];
- }
-
- public onFlowCompleted(data: string): void {
- console.log(data);
- }
-
- public onErrorOccurred(error: ErrorSdkModel): void {
- console.log(error);
- }
-
- public onStepCompleted(timer?: number): void {
- // Scroll to top of component (timer due to rendering delay)
- setTimeout(() => this.anchor.nativeElement.scrollTo(0,0), timer || 0);
- }
-}
diff --git a/src/app/pages/guides/common-guides.component.ts b/src/app/pages/guides/common-guides.component.ts
index 8fbcc7c..f6af85b 100644
--- a/src/app/pages/guides/common-guides.component.ts
+++ b/src/app/pages/guides/common-guides.component.ts
@@ -7,7 +7,7 @@ import { AppState } from "src/app/shared/ngrx";
import { getCurrentLang, getCurrentTheme } from "src/app/shared/ngrx/global/global.selectors";
import { Clipboard } from '@angular/cdk/clipboard';
import { MatSnackBar } from "@angular/material/snack-bar";
-import { CfarItinerary, PassengerPricing, UiVariant } from "projects/angular-sdk/src/apis/hopper-cloud-airline/v1";
+import { CfarItinerary, UiVariant } from "projects/angular-sdk/src/apis/hopper-cloud-airline/v1";
@Directive({
selector: '[CommonGuidesComponent]'
@@ -23,30 +23,21 @@ export abstract class CommonGuidesComponent implements OnInit, OnDestroy {
public isFakeBackend!: boolean;
public env: string = 'development';
- protected _unsubcriber: Subject;
-
- public abstract tsCode: string;
- public abstract htmlCode: string;
-
// Parameters
public hCSessionId = "b7c98b1c-00c3-4082-a72b-cce39a29a640";
- public contractId = "1ed5f483-6287-6b77-acb5-9719296bfa70";
- public exerciseId = "1ee262de-901f-6f60-af7f-1b34c81fb4d6";
public currency = "EUR";
- public passengers: PassengerPricing[] = [
- {
- passengerCount: {
- count: 3,
- type: "adult"
- },
- individualPrice: "50.10"
- }
- ];
- public pnrReference = "123456";
public itineraries: CfarItinerary[] = [
{
currency: this.currency,
- passengerPricing: this.passengers,
+ passengerPricing: [
+ {
+ passengerCount: {
+ count: 3,
+ type: "adult"
+ },
+ individualPrice: "50.10"
+ }
+ ],
slices: [
{
fareBrand: "comfort",
@@ -73,40 +64,14 @@ export abstract class CommonGuidesComponent implements OnInit, OnDestroy {
]
}
];
- public itinerary: CfarItinerary = {
- currency: this.currency,
- passengerPricing: this.passengers,
- slices: [
- {
- fareBrand: "comfort",
- segments: [
- {
- originAirport: "LGA",
- destinationAirport: "BOS",
- departureDateTime: "2023-11-01T18:34:30",
- arrivalDateTime: "2023-11-02T19:12:30",
- flightNumber: "JB776",
- validatingCarrierCode: "B6",
- fareClass: "economy",
- fareBrand: "comfort"
- }
- ]
- }
- ],
- totalPrice: "150.30",
- ancillaries: [
- {
- totalPrice: "30.55",
- type: "travel_insurance"
- }
- ]
- };
- public hyperwalletUrl: string = "https://uat-api.paylution.com/rest/widgets/transfer-methods/";
- // public hyperwalletUrl: string = "https://api.paylution.com/rest/widgets/transfer-methods/";
- public contactFormUrl: string = "https://www.google.com";
public hasNoCoverageOption = false;
public hasWarningCoverageMessage = true;
public uiVariant = UiVariant.A;
+
+ protected _unsubcriber: Subject;
+
+ public abstract tsCode: string;
+ public abstract htmlCode: string;
constructor(
protected _store: Store,
diff --git a/src/app/pages/guides/guides.component.html b/src/app/pages/guides/guides.component.html
index 0f08f41..962af3a 100644
--- a/src/app/pages/guides/guides.component.html
+++ b/src/app/pages/guides/guides.component.html
@@ -1,7 +1,7 @@
- HTS - Angular SDK offers a wide variety of UI components based on
+ HTS - CFAR SDK offers a wide variety of UI components based on
the Material Design specification
diff --git a/src/app/pages/guides/guides.component.ts b/src/app/pages/guides/guides.component.ts
index 0461b52..000a29d 100644
--- a/src/app/pages/guides/guides.component.ts
+++ b/src/app/pages/guides/guides.component.ts
@@ -1,119 +1,35 @@
-import { Component, OnDestroy, OnInit } from "@angular/core";
-import { select, Store } from "@ngrx/store";
-import { Subject, takeUntil } from "rxjs";
-import { AppState } from "src/app/shared/ngrx";
-import { getCurrentPartnerId } from "src/app/shared/ngrx/global/global.selectors";
-import { environment } from "src/environments/environment";
+import { Component } from "@angular/core";
@Component({
selector: "app-guides-page",
templateUrl: "./guides.component.html",
styleUrls: ["./guides.component.scss"],
})
-export class GuidesPageComponent implements OnInit, OnDestroy {
+export class GuidesPageComponent {
public components: {
name: string;
link: string;
description: string;
}[] = [];
-
- private _unsubcriber: Subject = new Subject();
-
- constructor(
- private _store: Store,
- ) {
- // Working items
- if (!environment.production) {
- }
- }
-
- // -------------------------------
- // - LIFE CYCLE HOOKS
- // -------------------------------
-
- ngOnInit(): void {
- // Update the visibles components when the partnerId has changed
- this._store.pipe(
- select(getCurrentPartnerId),
- takeUntil(this._unsubcriber)
- ).subscribe((partnerId: number) => this._loadPartnerData(partnerId));
- }
-
- ngOnDestroy(): void {
- this._unsubcriber.next(null);
- this._unsubcriber.complete();
- }
-
- // -------------------------------
- // - PRIVATES METHODS
- // -------------------------------
-
- private _loadPartnerData(partnerId: number): void {
- var components = [];
-
- if (partnerId == 0) {
- components.push({
- name: 'CFAR Offer Banner',
- link: 'cfar-offer-banner',
- description: 'A banner to display offer to the user'
- });
-
- components.push({
- name: 'CFAR Offer Banner Large',
- link: 'cfar-offer-banner-large',
- description: 'A large banner to display offer to the user'
- });
-
- components.push({
- name: 'CFAR Offer Dialog',
- link: 'cfar-offer-dialog',
- description: 'A dialog to choose different coverage options'
- });
- components.push({
- name: 'CFAR Exercise Flow',
- link: 'cfar-exercise-flow',
- description: 'A flow that allow user to be refund'
- });
- } else if (partnerId == 1) {
- components.push({
- name: 'CFAR Offer Dialog',
- link: 'cfar-offer-dialog',
- description: 'A dialog to choose different coverage options'
- });
-
- components.push({
- name: 'CFAR Exercise Flow',
- link: 'cfar-exercise-flow',
- description: 'A flow that allow user to be refund'
- });
- } else {
- components.push({
+ constructor() {
+ this.components = [
+ {
name: 'CFAR Offer Banner',
link: 'cfar-offer-banner',
description: 'A banner to display offer to the user'
- });
-
- components.push({
+ },
+ {
name: 'CFAR Offer Banner Large',
link: 'cfar-offer-banner-large',
description: 'A large banner to display offer to the user'
- });
-
- components.push({
+ },
+ {
name: 'CFAR Offer Dialog',
link: 'cfar-offer-dialog',
description: 'A dialog to choose different coverage options'
- });
-
- components.push({
- name: 'CFAR Exercise Flow',
- link: 'cfar-exercise-flow',
- description: 'A flow that allow user to be refund'
- });
- }
-
- this.components = components;
+ }
+ ];
}
}
diff --git a/src/app/pages/pages-routing.module.ts b/src/app/pages/pages-routing.module.ts
index 6a9d78a..8c976e7 100644
--- a/src/app/pages/pages-routing.module.ts
+++ b/src/app/pages/pages-routing.module.ts
@@ -4,7 +4,6 @@ import { CfarOfferBannerPageComponent } from './guides/cfar-offer-banner/cfar-of
import { CfarOfferDialogPageComponent } from './guides/cfar-offer-dialog/cfar-offer-dialog.component';
import { GuidesPageComponent } from './guides/guides.component';
import { CfarOfferBannerLargePageComponent } from './guides/cfar-offer-banner-large/cfar-offer-banner-large.component';
-import { CfarExerciseFlowPageComponent } from './guides/cfar-exercise-flow/cfar-exercise-flow.component';
const routes: Routes = [
{
@@ -25,11 +24,6 @@ const routes: Routes = [
path: 'cfar-offer-banner-large',
component: CfarOfferBannerLargePageComponent,
data: { path: 'cfar-offer-banner-large' }
- },
- {
- path: 'cfar-exercise-flow',
- component: CfarExerciseFlowPageComponent,
- data: { path: 'cfar-exercise-flow' }
}
];
diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index 279d1e5..b8eafa2 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -15,7 +15,6 @@ import { NotFoundPageComponent } from './not-found/not-found.component';
import { CfarOfferDialogPageComponent } from './guides/cfar-offer-dialog/cfar-offer-dialog.component';
import { PagesRoutingModule } from './pages-routing.module';
import { CfarOfferBannerPageComponent } from './guides/cfar-offer-banner/cfar-offer-banner.component';
-import { CfarExerciseFlowPageComponent } from './guides/cfar-exercise-flow/cfar-exercise-flow.component';
import { GuidesPageComponent } from './guides/guides.component';
import { SharedModule } from '../shared/shared.module';
import { MatCardModule } from '@angular/material/card';
@@ -29,8 +28,7 @@ import { HighlightJsModule } from 'ngx-highlight-js';
GuidesPageComponent,
CfarOfferDialogPageComponent,
CfarOfferBannerPageComponent,
- CfarOfferBannerLargePageComponent,
- CfarExerciseFlowPageComponent
+ CfarOfferBannerLargePageComponent
],
imports: [
// Angular Module
diff --git a/src/app/shared/components/layout/layout.component.html b/src/app/shared/components/layout/layout.component.html
index 7717083..e9552ce 100644
--- a/src/app/shared/components/layout/layout.component.html
+++ b/src/app/shared/components/layout/layout.component.html
@@ -4,7 +4,7 @@
- Hopper Cloud Airlines - Angular SDK - {{ version }}
+ HTS - CFAR SDK - {{ version }}{{ version }}
diff --git a/src/app/shared/components/layout/layout.component.ts b/src/app/shared/components/layout/layout.component.ts
index ffc89e9..dc5a148 100644
--- a/src/app/shared/components/layout/layout.component.ts
+++ b/src/app/shared/components/layout/layout.component.ts
@@ -1,5 +1,5 @@
import { Component, OnDestroy, OnInit } from "@angular/core";
-import { ActivatedRoute, Data } from "@angular/router";
+import { Data } from "@angular/router";
import { select, Store } from "@ngrx/store";
import { Subject } from "rxjs";
import { takeUntil } from "rxjs/operators";
@@ -7,7 +7,7 @@ import { environment } from "src/environments/environment";
import { AppState } from "../../ngrx";
import { selectRouteData } from "../../ngrx/router/router.actions";
-import { getCurrentLang, getCurrentPartnerId, getCurrentTheme } from "../../ngrx/global/global.selectors";
+import { getCurrentLang, getCurrentTheme } from "../../ngrx/global/global.selectors";
import * as globalActions from "../../ngrx/global/global.actions";
import { MatDrawerMode } from "@angular/material/sidenav";
import { Theme } from "../../enums";
@@ -40,15 +40,10 @@ export class LayoutComponent implements OnInit, OnDestroy {
constructor(
private _store: Store,
- private _route: ActivatedRoute,
private _matIconRegistry: MatIconRegistry,
private _breakpointObserver: BreakpointObserver,
private _domSanitizer: DomSanitizer
) {
- // Working items
- if (!environment.production) {
- }
-
// Set the current version
this.version = environment.version;
@@ -62,8 +57,20 @@ export class LayoutComponent implements OnInit, OnDestroy {
this._matIconRegistry.addSvgIcon("flag_" + language, this._domSanitizer.bypassSecurityTrustResourceUrl("assets/flags/" + language + ".svg"));
});
- // Set the partnerId in the state
- this._store.dispatch(globalActions.setCurrentPartnerId({ currentPartnerId: this._route.snapshot.params.partnerId }));
+ this.components = [
+ {
+ name: 'CFAR Offer Banner',
+ link: 'cfar-offer-banner',
+ },
+ {
+ name: 'CFAR Offer Banner Large',
+ link: 'cfar-offer-banner-large',
+ },
+ {
+ name: 'CFAR Offer Dialog',
+ link: 'cfar-offer-dialog',
+ }
+ ];
}
// -------------------------------
@@ -77,12 +84,6 @@ export class LayoutComponent implements OnInit, OnDestroy {
takeUntil(this._unsubcriber)
).subscribe((data: Data) => this.selectedPath = data.path);
- // Update the visibles components when the partnerId has changed
- this._store.pipe(
- select(getCurrentPartnerId),
- takeUntil(this._unsubcriber)
- ).subscribe((partnerId: number) => this._loadPartnerData(partnerId));
-
// Update the current theme when it's changing
this._store.pipe(
select(getCurrentTheme),
@@ -126,41 +127,4 @@ export class LayoutComponent implements OnInit, OnDestroy {
onSetLanguage(newLanguage: string): void {
this._store.dispatch(globalActions.setCurrentLang({ currentLang: newLanguage }));
}
-
- // -------------------------------
- // - PRIVATES METHODS
- // -------------------------------
-
- /**
- * FIXME : Load config by partner ?
- * @param partnerId
- */
- private _loadPartnerData(partnerId: number): void {
- var components = [];
-
- this.currentPartnerId = partnerId;
-
- if (partnerId == 0) {
- this.onSetTheme(Theme.THEME_LIGHT_BLUE);
-
- components.push({ name: 'CFAR Offer Banner', link: 'cfar-offer-banner' });
- components.push({ name: 'CFAR Offer Banner Large', link: 'cfar-offer-banner-large' });
- components.push({ name: 'CFAR Offer Dialog', link: 'cfar-offer-dialog' });
- components.push({ name: 'CFAR Exercise Flow', link: 'cfar-exercise-flow' });
- } else if (partnerId == 1) {
- this.onSetTheme(Theme.THEME_LIGHT_YELLOW);
-
- components.push({ name: 'CFAR Offer Dialog', link: 'cfar-offer-dialog' });
- components.push({ name: 'CFAR Exercise Flow', link: 'cfar-exercise-flow' });
- } else {
- this.onSetTheme(Theme.THEME_LIGHT_HOPPER);
-
- components.push({ name: 'CFAR Offer Banner', link: 'cfar-offer-banner' });
- components.push({ name: 'CFAR Offer Banner Large', link: 'cfar-offer-banner-large' });
- components.push({ name: 'CFAR Offer Dialog', link: 'cfar-offer-dialog' });
- components.push({ name: 'CFAR Exercise Flow', link: 'cfar-exercise-flow' });
- }
-
- this.components = components;
- }
}
diff --git a/src/app/shared/enums/theme.enum.ts b/src/app/shared/enums/theme.enum.ts
index 16ac64a..04833bd 100644
--- a/src/app/shared/enums/theme.enum.ts
+++ b/src/app/shared/enums/theme.enum.ts
@@ -1,6 +1,5 @@
export enum Theme {
THEME_DARK_HOPPER = "theme-dark-hopper",
THEME_LIGHT_HOPPER = "theme-light-hopper",
- THEME_LIGHT_BLUE = "theme-light-blue",
- THEME_LIGHT_YELLOW = "theme-light-yellow"
+ THEME_LIGHT_BLUE = "theme-light-blue"
}
\ No newline at end of file
diff --git a/src/app/shared/ngrx/global/global.actions.ts b/src/app/shared/ngrx/global/global.actions.ts
index d1d364e..46131be 100644
--- a/src/app/shared/ngrx/global/global.actions.ts
+++ b/src/app/shared/ngrx/global/global.actions.ts
@@ -1,5 +1,4 @@
import { createAction, props } from '@ngrx/store';
export const setCurrentLang = createAction('[TODO] Set the current language', props<{ currentLang: string }>());
-export const setCurrentTheme = createAction('[TODO] Set the current theme', props<{ currentTheme: string }>());
-export const setCurrentPartnerId = createAction('[TODO] Set the current partner id', props<{ currentPartnerId: number }>());
\ No newline at end of file
+export const setCurrentTheme = createAction('[TODO] Set the current theme', props<{ currentTheme: string }>());
\ No newline at end of file
diff --git a/src/app/shared/ngrx/global/global.reducer.ts b/src/app/shared/ngrx/global/global.reducer.ts
index fa76703..33dc720 100644
--- a/src/app/shared/ngrx/global/global.reducer.ts
+++ b/src/app/shared/ngrx/global/global.reducer.ts
@@ -5,20 +5,17 @@ import * as globalActions from './global.actions';
export interface GlobalState {
currentLang: string;
currentTheme: string;
- currentPartnerId: number;
}
const initialState: GlobalState = {
currentLang: 'en',
- currentTheme: Theme.THEME_LIGHT_HOPPER,
- currentPartnerId: 0
+ currentTheme: Theme.THEME_LIGHT_HOPPER
};
const reducer = createReducer(
initialState,
on(globalActions.setCurrentLang, (state, { currentLang }) => ({ ...state, currentLang: currentLang })),
on(globalActions.setCurrentTheme, (state, { currentTheme }) => ({ ...state, currentTheme: currentTheme })),
- on(globalActions.setCurrentPartnerId, (state, { currentPartnerId }) => ({ ...state, currentPartnerId: currentPartnerId }))
);
export function globalReducer(state: GlobalState | undefined, action: Action): GlobalState {
diff --git a/src/app/shared/ngrx/global/global.selectors.ts b/src/app/shared/ngrx/global/global.selectors.ts
index e0ef0e0..740ddd7 100644
--- a/src/app/shared/ngrx/global/global.selectors.ts
+++ b/src/app/shared/ngrx/global/global.selectors.ts
@@ -3,5 +3,4 @@ import { GlobalState } from "./global.reducer";
export const getGlobalState = createFeatureSelector('global');
export const getCurrentLang = createSelector(getGlobalState, state => state.currentLang);
-export const getCurrentTheme = createSelector(getGlobalState, state => state.currentTheme);
-export const getCurrentPartnerId = createSelector(getGlobalState, state => state.currentPartnerId);
\ No newline at end of file
+export const getCurrentTheme = createSelector(getGlobalState, state => state.currentTheme);
\ No newline at end of file
diff --git a/src/assets/miniatures/cfar-exercise-flow.png b/src/assets/miniatures/cfar-exercise-flow.png
deleted file mode 100644
index 2d0ff65..0000000
Binary files a/src/assets/miniatures/cfar-exercise-flow.png and /dev/null differ
diff --git a/src/index.html b/src/index.html
index 843837c..46303f4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,7 @@
- HTS - Angular SDK
+ HTS - CFAR SDK
diff --git a/src/styles.scss b/src/styles.scss
index 1b76fb1..f63cc1f 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -34,7 +34,6 @@ $light-primary-text: white;
@import "./app/pages/guides/cfar-offer-banner/cfar-offer-banner.component.scss";
@import "./app/pages/guides/cfar-offer-banner-large/cfar-offer-banner-large.component.scss";
@import "./app/pages/guides/cfar-offer-dialog/cfar-offer-dialog.component.scss";
-@import "./app/pages/guides/cfar-exercise-flow/cfar-exercise-flow.component.scss";
@import "./app/pages/not-found/not-found.component.scss";
@@ -50,7 +49,6 @@ $light-primary-text: white;
@include cfar-offer-banner-page-component-theme($theme);
@include cfar-offer-banner-large-page-component-theme($theme);
@include cfar-offer-dialog-page-component-theme($theme);
- @include cfar-exercise-flow-page-component-theme($theme);
@include not-found-page-component-theme($theme);
@@ -186,17 +184,6 @@ $hopper-light-theme: mat.define-light-theme((
@include documentation-components-theme($light-blue-theme);
}
-.theme-light-yellow {
- // Apply the theme to all Angular Material Components
- @include mat.all-component-themes($light-yellow-theme);
-
- // Apply the theme to the library components
- @include hopper-cloud-airlines-angular-sdk-components-theme($light-yellow-theme);
-
- // Apply the theme to the documentation components
- @include documentation-components-theme($light-yellow-theme);
-}
-
// ------------------------------------------
// GLOBAL STYLE
// ------------------------------------------