@flarehr/apollo-super-selection 3.17.52781 → 3.21.53721

package/dist/lib/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/lib/cjs/loader.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-942e6faa.js');
+require('./datorama-akita-7f4b082a.js');
+require('./delay-81aff2f1.js');
+const appGlobals = require('./app-globals-45007120.js');
+
+/*
+ Stencil Client Patch Esm v2.3.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  appGlobals.globalScripts();
+  return index.bootstrapLazy([["fl-style-guide.cjs",[[1,"fl-style-guide",{"themeCssUrl":[1,"theme-css-url"]}]]],["context-consumer.cjs",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content.cjs",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title.cjs",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt.cjs",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect.cjs",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["fl-button_46.cjs",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"showSmsfNotSupported":[32]}],[0,"sss-qsuper-question-1"],[0,"sss-qsuper-question-2"],[0,"sss-qsuper-question-3"],[0,"sss-qsuper-question-4"],[0,"sss-qsuper-question-5"],[0,"sss-qsuper-question-6"],[0,"sss-qsuper-question-7"],[0,"sss-qsuper-question-8"],[0,"sss-default-fund",{"history":[16],"formState":[32],"defaultFundProductName":[32]}],[0,"sss-qsuper-insurance-opt-in",{"insuranceChosen":[32]}],[0,"sss-qsuper-join"],[0,"sss-slate-standard-choice-page",{"history":[16],"formState":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"areStylesLoaded":[32]}],[0,"sss-qsuper-consent"],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32],"chosenFund":[32]}],[0,"sss-promoted-fund-standard-choice-page",{"history":[16],"formState":[32]}],[0,"sss-success"],[0,"sss-promoted-fund-join-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"super-selection-app",{"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"selectedOption":[32]}],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"currentBank":[32]}],[0,"sss-loading-page"],[0,"sss-smsf-not-supported-dialog"],[0,"sss-super-choice-item",{"heading":[1],"isSelected":[4,"is-selected"],"usi":[1],"name":[1],"logo":[1],"pdsLink":[1,"pds-link"],"callToAction":[1,"call-to-action"],"features":[1],"history":[16]}],[0,"sss-selected-super-choice-section",{"fundType":[1,"fund-type"],"fundName":[1,"fund-name"]}],[0,"sss-slatesuper-header"],[0,"sss-footer-section"],[4,"stencil-route-link",{"url":[1],"urlMatch":[1,"url-match"],"activeClass":[1,"active-class"],"exact":[4],"strict":[4],"custom":[1],"anchorClass":[1,"anchor-class"],"anchorRole":[1,"anchor-role"],"anchorTitle":[1,"anchor-title"],"anchorTabIndex":[1,"anchor-tab-index"],"anchorId":[1,"anchor-id"],"history":[16],"location":[16],"root":[1],"ariaHaspopup":[1,"aria-haspopup"],"ariaPosinset":[1,"aria-posinset"],"ariaSetsize":[2,"aria-setsize"],"ariaLabel":[1,"aria-label"],"match":[32]}],[4,"stencil-route-switch",{"group":[513],"scrollTopOffset":[2,"scroll-top-offset"],"location":[16],"routeViewsUpdated":[16]}],[4,"stencil-router",{"root":[1],"historyType":[1,"history-type"],"titleSuffix":[1,"title-suffix"],"scrollTopOffset":[2,"scroll-top-offset"],"location":[32],"history":[32]}],[4,"sss-custom-fund",{"history":[16],"currentCustomFund":[32],"fundOptionsList":[32]}],[0,"fl-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"fl-dropdown",{"placeholder":[1],"options":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-standard-choice-form",{"standardChoiceFormSignature":[32]}],[4,"sss-qsuper-insurance-questions"],[0,"sss-qsuper-question-yes-no-buttons",{"history":[16]}],[0,"sss-qsuper-confirm-header"],[4,"sss-qsuper-layout",{"history":[16]}],[0,"sss-notifications-section"],[4,"fl-promise-button",{"isBlockElement":[4,"is-block-element"],"isRounded":[4,"is-rounded"],"disabled":[4],"variant":[1],"promiseFn":[16],"state":[32]}],[4,"fl-button",{"isBlockElement":[4,"is-block-element"],"disabled":[4],"variant":[1]}],[0,"fl-loading-indicator",{"theme":[1]}],[0,"stencil-route",{"group":[513],"componentUpdated":[16],"match":[1040],"url":[1],"component":[1],"componentProps":[16],"exact":[4],"routeRender":[16],"scrollTopOffset":[2,"scroll-top-offset"],"routeViewsUpdated":[16],"location":[16],"history":[16],"historyType":[1,"history-type"]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/lib/cjs/stencil-async-content.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-942e6faa.js');
+
+const AsyncContent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.content = '';
+  }
+  componentWillLoad() {
+    if (this.documentLocation != null) {
+      return this.fetchNewContent(this.documentLocation);
+    }
+  }
+  fetchNewContent(newDocumentLocation) {
+    return fetch(newDocumentLocation)
+      .then(response => response.text())
+      .then(data => {
+      this.content = data;
+    });
+  }
+  render() {
+    return (index.h("div", { innerHTML: this.content }));
+  }
+  static get watchers() { return {
+    "documentLocation": ["fetchNewContent"]
+  }; }
+};
+
+exports.stencil_async_content = AsyncContent;

package/dist/lib/cjs/stencil-route-title.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-942e6faa.js');
+const activeRouter = require('./active-router-e92fd784.js');
+
+const RouteTitle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.titleSuffix = '';
+    this.pageTitle = '';
+  }
+  updateDocumentTitle() {
+    const el = this.el;
+    if (el.ownerDocument) {
+      el.ownerDocument.title = `${this.pageTitle}${this.titleSuffix || ''}`;
+    }
+  }
+  componentWillLoad() {
+    this.updateDocumentTitle();
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "pageTitle": ["updateDocumentTitle"]
+  }; }
+};
+activeRouter.ActiveRouter.injectProps(RouteTitle, [
+  'titleSuffix',
+]);
+
+exports.stencil_route_title = RouteTitle;

package/dist/lib/cjs/stencil-router-prompt.cjs.entry.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-942e6faa.js');
+const activeRouter = require('./active-router-e92fd784.js');
+
+const StencilRouterPrompt = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.when = true;
+    this.message = '';
+  }
+  enable(message) {
+    if (this.unblock) {
+      this.unblock();
+    }
+    if (this.history) {
+      this.unblock = this.history.block(message);
+    }
+  }
+  disable() {
+    if (this.unblock) {
+      this.unblock();
+      this.unblock = undefined;
+    }
+  }
+  componentWillLoad() {
+    if (this.when) {
+      this.enable(this.message);
+    }
+  }
+  updateMessage(newMessage, prevMessage) {
+    if (this.when) {
+      if (!this.when || prevMessage !== newMessage) {
+        this.enable(this.message);
+      }
+    }
+    else {
+      this.disable();
+    }
+  }
+  componentDidUnload() {
+    this.disable();
+  }
+  render() {
+    return null;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "message": ["updateMessage"],
+    "when": ["updateMessage"]
+  }; }
+};
+activeRouter.ActiveRouter.injectProps(StencilRouterPrompt, [
+  'history',
+]);
+
+exports.stencil_router_prompt = StencilRouterPrompt;

package/dist/lib/cjs/stencil-router-redirect.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-942e6faa.js');
+const activeRouter = require('./active-router-e92fd784.js');
+
+// Get the URL for this route link without the root from the router
+const getUrl = (url, root) => {
+  // Don't allow double slashes
+  if (url.charAt(0) == '/' && root.charAt(root.length - 1) == '/') {
+    return root.slice(0, root.length - 1) + url;
+  }
+  return root + url;
+};
+const Redirect = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillLoad() {
+    if (this.history && this.root && this.url) {
+      return this.history.replace(getUrl(this.url, this.root));
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+activeRouter.ActiveRouter.injectProps(Redirect, [
+  'history',
+  'root'
+]);
+
+exports.stencil_router_redirect = Redirect;

package/dist/lib/collection/collection-manifest.json

@@ -0,0 +1,131 @@
+{
+  "entries": [
+    "./components/super-selection-app/super-selection-app.js",
+    "./components/app-host/loading-page.js",
+    "./components/app-host/super-selection-app-host.js",
+    "./components/super-selection-app/app-state-pages/success.js",
+    "./components/super-selection-app/footer-section/footer-section.js",
+    "./components/super-selection-app/funds/custom-fund/custom-fund.js",
+    "./components/super-selection-app/funds/custom-fund/default-fund/default-fund.js",
+    "./components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund-inputs.js",
+    "./components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund.js",
+    "./components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund-inputs.js",
+    "./components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund.js",
+    "./components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-not-supported.js",
+    "./components/super-selection-app/funds/promoted-fund/promoted-fund-join-page.js",
+    "./components/super-selection-app/funds/promoted-fund/promoted-fund-standard-choice-page.js",
+    "./components/super-selection-app/funds/qsuper/qsuper-confirm-header.js",
+    "./components/super-selection-app/funds/qsuper/qsuper-insurance-opt-in.js",
+    "./components/super-selection-app/funds/qsuper/qsuper-insurance-questions.js",
+    "./components/super-selection-app/funds/qsuper/qsuper-layout.js",
+    "./components/super-selection-app/funds/qsuper/qsuper-confirm-selection/qsuper-confirm-selection.js",
+    "./components/super-selection-app/funds/qsuper/qsuper-consent/qsuper-consent.js",
+    "./components/super-selection-app/funds/qsuper/questions/question1/question1.js",
+    "./components/super-selection-app/funds/qsuper/questions/question2/question2.js",
+    "./components/super-selection-app/funds/qsuper/questions/question3/question3.js",
+    "./components/super-selection-app/funds/qsuper/questions/question4/question4.js",
+    "./components/super-selection-app/funds/qsuper/questions/question5/question5.js",
+    "./components/super-selection-app/funds/qsuper/questions/question6/question6.js",
+    "./components/super-selection-app/funds/qsuper/questions/question7/question7.js",
+    "./components/super-selection-app/funds/qsuper/questions/question8/question8.js",
+    "./components/super-selection-app/funds/qsuper/questions/yes-no-buttons/qsuper-question-yes-no-buttons.js",
+    "./components/super-selection-app/funds/slate-super/slate-join-page.js",
+    "./components/super-selection-app/funds/slate-super/slate-standard-choice-page.js",
+    "./components/super-selection-app/funds/slate-super/slatesuper-header.js",
+    "./components/super-selection-app/notifications-section/notifications-section.js",
+    "./components/super-selection-app/standard-choice/standard-choice-form.js",
+    "./components/super-selection-app/super-choice-page/super-choice-item.js",
+    "./components/super-selection-app/super-choice-page/super-choice-page.js",
+    "./components/super-selection-app/super-choice-page/selected-super-choice-section/selected-super-choice-section.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.3.0",
+    "typescriptVersion": "4.0.5"
+  },
+  "collections": [
+    {
+      "name": "@flarehr/beacon",
+      "tags": [
+        "fl-button",
+        "fl-dropdown",
+        "fl-dropdown-async",
+        "fl-loading-indicator",
+        "fl-promise-button",
+        "fl-style-guide"
+      ]
+    },
+    {
+      "name": "@stencil/router",
+      "tags": [
+        "stencil-async-content",
+        "stencil-route",
+        "stencil-route-link",
+        "stencil-route-switch",
+        "stencil-route-title",
+        "stencil-router",
+        "stencil-router-prompt",
+        "stencil-router-redirect"
+      ]
+    },
+    {
+      "name": "@stencil/state-tunnel",
+      "tags": [
+        "context-consumer"
+      ]
+    }
+  ],
+  "bundles": [
+    {
+      "components": [
+        "fl-button",
+        "fl-dropdown",
+        "fl-dropdown-async",
+        "fl-loading-indicator",
+        "fl-promise-button",
+        "sss-custom-fund",
+        "sss-default-fund",
+        "sss-footer-section",
+        "sss-loading-page",
+        "sss-my-own-fund",
+        "sss-my-own-fund-inputs",
+        "sss-notifications-section",
+        "sss-promoted-fund-join-page",
+        "sss-promoted-fund-standard-choice-page",
+        "sss-qsuper-confirm-header",
+        "sss-qsuper-consent",
+        "sss-qsuper-insurance-opt-in",
+        "sss-qsuper-insurance-questions",
+        "sss-qsuper-join",
+        "sss-qsuper-layout",
+        "sss-qsuper-question-1",
+        "sss-qsuper-question-2",
+        "sss-qsuper-question-3",
+        "sss-qsuper-question-4",
+        "sss-qsuper-question-5",
+        "sss-qsuper-question-6",
+        "sss-qsuper-question-7",
+        "sss-qsuper-question-8",
+        "sss-qsuper-question-yes-no-buttons",
+        "sss-selected-super-choice-section",
+        "sss-self-managed-fund",
+        "sss-self-managed-fund-inputs",
+        "sss-slate-join-page",
+        "sss-slate-standard-choice-page",
+        "sss-slatesuper-header",
+        "sss-smsf-not-supported-dialog",
+        "sss-standard-choice-form",
+        "sss-success",
+        "sss-super-choice-item",
+        "sss-super-choice-page",
+        "stencil-route",
+        "stencil-route-link",
+        "stencil-route-switch",
+        "stencil-router",
+        "super-selection-app",
+        "super-selection-app-host"
+      ]
+    }
+  ],
+  "global": "./global/main.js"
+}

package/dist/lib/collection/components/app-host/loading-page.js

@@ -0,0 +1,9 @@
+import { Component, h, Host } from '@stencil/core';
+export class LoadingPage {
+  render() {
+    return (h(Host, { class: "d-flex flex-column justify-content-center align-items-center flex-grow-1" },
+      h("h5", null, "Loading your superannuation step"),
+      h("fl-loading-indicator", null)));
+  }
+  static get is() { return "sss-loading-page"; }
+}

package/dist/lib/collection/components/app-host/services/app-configuration.query.js

@@ -0,0 +1,18 @@
+import { Query } from '@datorama/akita';
+import * as O from 'fp-ts/Option';
+import sessionStore from './session.store';
+export class AppConfigurationQuery extends Query {
+  constructor(store) {
+    super(store);
+    this.store = store;
+    this.appConfiguration$ = this.select((state) => state.appConfiguration);
+  }
+  get configuration() {
+    const configuration = this.getValue().appConfiguration;
+    if (O.isNone(configuration)) {
+      throw Error('App configuration is not yet loaded');
+    }
+    return configuration.value;
+  }
+}
+export default new AppConfigurationQuery(sessionStore);

package/dist/lib/collection/components/app-host/services/app-configuration.service.js

@@ -0,0 +1,25 @@
+import * as O from 'fp-ts/lib/Option';
+import wretch from 'wretch';
+import { Lazy } from '../../../utils';
+import sessionStore from './session.store';
+class AppConfigurationService {
+  constructor() {
+    this._appRootUrl = new Lazy(() => this.resolveRootUrl());
+    this.getAppRootUrl = () => this._appRootUrl.value;
+    this.getAppHostUrl = () => `${window.location.origin}${this.getAppRootUrl()}`.replace(/\/$/, '');
+  }
+  async loadConfigurationAsync() {
+    const configuration = await wretch(`${this.getAppRootUrl()}config.json`)
+      .get()
+      .json();
+    sessionStore.update({ appConfiguration: O.fromNullable(configuration) });
+  }
+  resolveRootUrl() {
+    const match = O.fromNullable(window.location.pathname.match(/^\/super-selection\/embed\/v1.0\/app/));
+    if (O.isNone(match)) {
+      throw Error('Unsupported host URL');
+    }
+    return match.value[0] + '/';
+  }
+}
+export default new AppConfigurationService();

package/dist/lib/collection/components/app-host/services/appinsights.service.js

@@ -0,0 +1,43 @@
+import { ApplicationInsights } from '@microsoft/applicationinsights-web';
+import { SeverityLevel } from '@microsoft/applicationinsights-web';
+import { setErrorHandler } from '@stencil/core';
+import { Lazy } from '../../../utils';
+import appConfigurationQuery from './app-configuration.query';
+export class AppInsightsService {
+  constructor() {
+    this.appInsights = new Lazy(() => new ApplicationInsights({
+      config: {
+        instrumentationKey: appConfigurationQuery.configuration.AppInsightsKey,
+        enableAutoRouteTracking: true,
+        autoTrackPageVisitTime: true,
+        maxBatchInterval: 1000,
+        enableUnhandledPromiseRejectionTracking: true
+      }
+    }));
+  }
+  init() {
+    this.appInsights.value.loadAppInsights();
+    setErrorHandler((err) => this.appInsightsErrorHandler(err));
+  }
+  getAppInsights() {
+    return this.appInsights.value;
+  }
+  addCustomProperties(properties) {
+    this.appInsights.value.addTelemetryInitializer((envelope) => {
+      envelope.data = envelope.data ? envelope.data : {};
+      for (const [k, v] of Object.entries(properties)) {
+        envelope.data[k] = v;
+      }
+    });
+  }
+  appInsightsErrorHandler(error) {
+    this.appInsights.value.trackException({
+      error: error,
+      severityLevel: SeverityLevel.Error
+    });
+    // eslint-disable-next-line no-console
+    const defaultStencilErrorHandler = (error) => console.error(error);
+    defaultStencilErrorHandler(error);
+  }
+}
+export default new AppInsightsService();

package/dist/lib/collection/components/app-host/services/authentication.query.js

@@ -0,0 +1,21 @@
+import { Query } from '@datorama/akita';
+import sessionStore, { AuthenticationState } from './session.store';
+export class AuthenticationQuery extends Query {
+  constructor(store) {
+    super(store);
+    this.store = store;
+    this.sessionState$ = this.select((state) => state.authenticationState);
+    this.jwt$ = this.select((state) => state.jwt);
+  }
+  get sessionState() {
+    return this.getValue().authenticationState;
+  }
+  get isUnauthorized() {
+    return (this.getValue().authenticationState === AuthenticationState.Unauthorized ||
+      this.getValue().authenticationState === AuthenticationState.Error);
+  }
+  get isAuthorized() {
+    return this.getValue().authenticationState === AuthenticationState.Authenticated;
+  }
+}
+export default new AuthenticationQuery(sessionStore);

package/dist/lib/collection/components/app-host/services/authentication.service.js

@@ -0,0 +1,50 @@
+import * as O from 'fp-ts/lib/Option';
+import wretch from 'wretch';
+import { sendAnalyticsEvent } from '../../../utils/gtm';
+import appConfigurationQuery from './app-configuration.query';
+import appConfigurationService from './app-configuration.service';
+import sessionStore, { AuthenticationState } from './session.store';
+export class AuthenticationService {
+  constructor() {
+    this.authCodeQueryParameter = 'code';
+  }
+  authorizationCodeIsPresent(query) {
+    const authCode = this.getAuthorizationCodeFromRoute(query);
+    return O.isSome(authCode);
+  }
+  initFromRoute(query) {
+    const authorizationCode = this.getAuthorizationCodeFromRoute(query);
+    if (O.isNone(authorizationCode)) {
+      sessionStore.update({ authenticationState: AuthenticationState.Error });
+      throw Error(`"${this.authCodeQueryParameter}" URL query parameter missing`);
+    }
+    this.authCodeExchangeAsync(authorizationCode.value);
+  }
+  async authCodeExchangeAsync(authorizationCode) {
+    const formData = new URLSearchParams([
+      ['grant_type', 'authorization_code'],
+      ['client_id', 'apollo-super-selection-app'],
+      ['code', authorizationCode],
+      ['redirect_uri', `${appConfigurationService.getAppHostUrl()}`]
+    ]);
+    const tokenResponse = await wretch(appConfigurationQuery.configuration.OidcAuthority + "/connect/token")
+      .headers({ 'Content-Type': 'application/x-www-form-urlencoded' })
+      .post(formData.toString())
+      .badRequest(() => {
+      sessionStore.update({ authenticationState: AuthenticationState.Error });
+      throw new Error('Failed to authenticate.');
+    })
+      .json();
+    sessionStore.update({
+      jwt: O.fromNullable(tokenResponse.access_token),
+      authenticationState: AuthenticationState.Authenticated
+    });
+    sendAnalyticsEvent('oidc_sign_in', {});
+    window.history.replaceState(null, '', appConfigurationService.getAppRootUrl());
+  }
+  getAuthorizationCodeFromRoute(query) {
+    const urlParams = new URLSearchParams(query);
+    return O.fromNullable(urlParams.get(this.authCodeQueryParameter));
+  }
+}
+export default new AuthenticationService();

package/dist/lib/collection/components/app-host/services/interop/host-interop.service.js

@@ -0,0 +1,31 @@
+import * as O from 'fp-ts/Option';
+import interopQuery from '../interop.query';
+import sessionStore from '../session.store';
+import { IFrameInteropService } from './iframe-interop.service';
+import { ReactNativeInteropService } from './react-native-interop.service';
+export class HostInteropService {
+  constructor() {
+    this.interopModeQueryParameter = 'interop-mode';
+  }
+  completeSuperSelectionStep() {
+    if (interopQuery.isIframeInteropEnabled()) {
+      IFrameInteropService.completeSuperSelectionStep();
+    }
+    else if (interopQuery.isReactNativeInteropEnabled()) {
+      ReactNativeInteropService.completeSuperSelectionStep();
+    }
+    else {
+      throw Error('Unknown interop mode');
+    }
+  }
+  init(urlQuery) {
+    const urlParams = new URLSearchParams(urlQuery);
+    const interopMode = O.fromNullable(urlParams.get(this.interopModeQueryParameter));
+    if (O.isSome(interopMode) && interopMode.value === "react-native") {
+      sessionStore.update({ reactNativeInterop: O.some(ReactNativeInteropService.init()) });
+      return;
+    }
+    sessionStore.update({ iframeInterop: O.some(IFrameInteropService.initFromRoute(urlQuery)) });
+  }
+}
+export default new HostInteropService();

package/dist/lib/collection/components/app-host/services/interop/iframe-interop.service.js

@@ -0,0 +1,30 @@
+import * as O from 'fp-ts/lib/Option';
+import iframe from '../../../../utils/iframe';
+import interopQuery from '../interop.query';
+export class IFrameInteropService {
+  static completeSuperSelectionStep() {
+    const { successRedirectionUrl } = interopQuery.getIframeInteropMode();
+    if (O.isSome(successRedirectionUrl)) {
+      window.top.location.href = successRedirectionUrl.value;
+    }
+    else {
+      iframe.complete();
+    }
+  }
+  static initFromRoute(route) {
+    const redirectionUrlQueryParameter = 'success-redirection-url';
+    const urlParams = new URLSearchParams(route);
+    const redirectionUrl = O.fromNullable(urlParams.get(redirectionUrlQueryParameter));
+    const iframeMode = { successRedirectionUrl: O.none };
+    if (O.isSome(redirectionUrl)) {
+      try {
+        const validatedUrl = new URL(redirectionUrl.value);
+        iframeMode.successRedirectionUrl = O.some(validatedUrl.toString());
+      }
+      catch (error) {
+        throw Error(`"${redirectionUrl.value}" is not a valid URL`);
+      }
+    }
+    return iframeMode;
+  }
+}

package/dist/lib/collection/components/app-host/services/interop/react-native-interop.service.js

@@ -0,0 +1,20 @@
+import { ReactNativeInteropMode } from '../session.store';
+export class ReactNativeInteropService {
+  static init() {
+    const isMessagingAvailable = window['ReactNativeWebView'] !== undefined;
+    if (!isMessagingAvailable) {
+      throw Error('React Native WebView messaging is not enabled. Please, refer to https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#the-windowreactnativewebviewpostmessage-method-and-onmessage-prop');
+    }
+    return new ReactNativeInteropMode();
+  }
+  static completeSuperSelectionStep() {
+    this.postRNMessage();
+  }
+  static postRNMessage() {
+    const message = {
+      stepStatus: 'completed'
+    };
+    ReactNativeInteropService.getRnInterop().postMessage(JSON.stringify(message));
+  }
+}
+ReactNativeInteropService.getRnInterop = () => window['ReactNativeWebView'];

package/dist/lib/collection/components/app-host/services/interop.query.js

@@ -0,0 +1,26 @@
+import { Query } from '@datorama/akita';
+import * as O from 'fp-ts/Option';
+import sessionStore from './session.store';
+export class InteropQuery extends Query {
+  constructor(store) {
+    super(store);
+    this.store = store;
+  }
+  isReactNativeInteropEnabled() {
+    return O.isSome(this.getValue().reactNativeInterop);
+  }
+  isIframeInteropEnabled() {
+    return O.isSome(this.getValue().iframeInterop);
+  }
+  getIframeInteropMode() {
+    const iframeInterop = this.getValue().iframeInterop;
+    if (O.isNone(iframeInterop)) {
+      throw Error('Failed to get iframe interop information: no data in store');
+    }
+    if (!this.isIframeInteropEnabled()) {
+      throw Error('Failed to get iframe interop information: iframe mode is disabled');
+    }
+    return iframeInterop.value;
+  }
+}
+export default new InteropQuery(sessionStore);

package/dist/lib/collection/components/app-host/services/session.store.js

@@ -0,0 +1,37 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Store, StoreConfig } from '@datorama/akita';
+import * as O from 'fp-ts/Option';
+export var AuthenticationState;
+(function (AuthenticationState) {
+  AuthenticationState[AuthenticationState["Unauthorized"] = 0] = "Unauthorized";
+  AuthenticationState[AuthenticationState["Authenticated"] = 1] = "Authenticated";
+  AuthenticationState[AuthenticationState["Error"] = 2] = "Error";
+})(AuthenticationState || (AuthenticationState = {}));
+export class ReactNativeInteropMode {
+}
+export class IframeInteropMode {
+}
+export function createInitialState() {
+  return {
+    authenticationState: AuthenticationState.Unauthorized,
+    jwt: O.none,
+    reactNativeInterop: O.none,
+    iframeInterop: O.none,
+    appConfiguration: O.none
+  };
+}
+let SessionStore = class SessionStore extends Store {
+  constructor() {
+    super(createInitialState());
+  }
+};
+SessionStore = __decorate([
+  StoreConfig({ name: 'sss-session', resettable: true })
+], SessionStore);
+export { SessionStore };
+export default new SessionStore();