@flarehr/apollo-super-selection 3.52.60060 → 3.55.61713

package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js

@@ -1,97 +1,103 @@
-import { Component, h, Host, Prop, State } from '@stencil/core';
-import { isSome, none } from 'fp-ts/Option';
-import iframe from '../../../utils/iframe';
+import { Component, getAssetPath, h, Host, Prop, State } from '@stencil/core';
 import * as constants from '../funds/constants';
 import promotedFundState from '../funds/promoted-fund/promoted-fund.store';
 import { EventTrackingService } from '../services/event-tracking.service';
+import { FeatureFlagService } from '../services/feature-flag.service';
 import navigationService from '../services/navigation.service';
-import chosenFundService from '../services/selected-super-choice-info.service';
 import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
 import SuperSelectionAppService from '../services/super-selection-app.service';
 export class SuperChoicePage {
   constructor() {
     this.promotedFunds = this.getPromotedFunds();
-    this.chosenFund = none;
     this.eventTrackingService = EventTrackingService.Instance;
-    this.isPromotedFundSelected = (fundId) => {
-      return (isSome(this.chosenFund) &&
-        this.chosenFund.value.isPromoted &&
-        this.chosenFund.value.promotedId === fundId);
-    };
   }
   componentDidLoad() {
-    iframe.appReady();
     const promotedFundsShown = this.promotedFunds.map((item) => item.fundId);
-    this.eventTrackingService.TrackSuperFundPanelViewedAsync({
+    return this.eventTrackingService.TrackSuperFundPanelViewedAsync({
       promotedFundsShown
     });
   }
-  async componentWillLoad() {
-    this.chosenFund = await chosenFundService.GetChosenFundAsync();
-  }
   render() {
-    const superChoiceParagraphOne = `The choice of superannuation fund is an important personal financial decision. It is open to you to continue with your existing fund, or alternatively, you can select from one of the funds below or choose another fund. Flare is not licensed to advise you in relation to this decision and you may wish to return to this page at a later stage.`;
-    const superChoiceParagraphTwo = `The content on this page and on the following pages relating to each super fund is provided by the trustee or promoter of the super fund. The super funds presented have not been selected by your employer and neither your employer or Flare are making any recommendation or opinion.`;
-    const superChoiceParagraphThree = `There are many super funds out there and you should consider the relevant product disclosure statement and choose one that is right for you. If you are unsure, obtain your own advice. You can choose your super fund later, if you need time to obtain advice.`;
-    const superChoiceParagraphFour = `You should be aware that, if you do choose one of these advertised funds, Flare and its associated entities will normally receive a fee for you doing so.`;
-    const atoLink = 'https://my.gov.au';
-    const atoLinkDisplay = 'my.gov.au';
+    const mygovLink = 'https://my.gov.au';
+    const mygovLinkDisplay = 'www.my.gov.au';
     const superfundsLink = 'https://www.apra.gov.au/register-of-superannuation-institutions';
-    const superfundsLinkDisplay = 'www.apra.gov.au/register-of-superannuation-institutions';
+    const superfundsLinkDisplay = 'www.apra.gov.au';
     return (h(Host, null,
-      h("div", { class: "container mt-0 mb-0" },
-        h("div", { class: "row justify-content-center" },
-          h("div", { class: "col" },
-            h("h3", { class: "mt-3 font-weight-bold text-center mb-4" }, "Choose your Super"))),
-        h("div", { class: "row justify-content-center" },
-          h("div", { class: "col" },
-            h("p", { class: "text-center font-weight-bold" }, superChoiceParagraphOne),
-            h("p", { class: "text-center" }, superChoiceParagraphTwo),
-            h("p", { class: "text-center" }, superChoiceParagraphThree))),
-        h("div", { class: "row" },
-          h("div", { class: "col" },
-            h("sss-notifications-section", null))),
-        h("div", { class: "row justify-content-center mt-4" },
-          h("div", { class: "col col-sm-10 col-md-8 col-xl-7" },
-            h("div", { class: "row" },
-              h("div", { class: "col" },
-                h("div", { class: "d-flex flex-fill" }, isSome(this.chosenFund) && !this.chosenFund.value.isPromoted && (h("sss-selected-super-choice-section", { fundType: this.chosenFund.value.type, fundName: this.chosenFund.value.name, class: "flex-fill position-relative" }))))),
-            h("div", { class: "row mt-3 justify-content-center" }, this.getPromotedFunds().map((fund) => (h("div", { class: "col-12 col-lg-6 d-flex" },
-              h("sss-super-choice-item", { class: "card mb-3 mb-lg-0 mx-0 flex-grow-1", logo: fund.logo, isSelected: this.isPromotedFundSelected(fund.fundId), usi: fund.usi, name: fund.name, subText: fund.subText, pdsLinkText: fund.pdsLinkText, pdsLink: navigationService.toExternalUrl(fund.pdsLink), features: JSON.stringify(fund.features), featureSubText: fund.featureSubText, disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))),
-            h("div", { class: "row mt-3 px-3" },
-              h("div", { class: "col p-4 border rounded bg-light" },
-                h("div", { class: "row" },
-                  h("div", { class: "col" },
-                    h("h5", { class: "font-weight-bold" }, "Choose another super fund"),
-                    h("p", { class: "mb-1" }, "Select this option if you'd like to use your current account with another super fund."),
-                    h("ul", { class: "ml-n3" },
-                      h("li", null,
-                        "If you are unsure of your current super fund details, you can find out at",
-                        ' ',
-                        h("a", { target: "_blank", href: navigationService.toExternalUrl(atoLink) }, atoLinkDisplay)),
-                      h("li", { class: "mt-1" },
-                        "A full list of super funds can be viewed at",
-                        ' ',
-                        h("a", { target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))))),
-                h("div", { class: "row" },
-                  h("div", { class: "col" },
-                    h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
-                      h("fl-button", { isBlockElement: true, variant: "primary", class: "d-lg-none" }, "Choose another fund"),
-                      h("div", { class: "mt-n3 d-none d-lg-flex justify-content-end align-items-end" },
-                        h("fl-button", { variant: "primary" }, "Choose another fund"))))))))),
-        h("div", { class: "row justify-content-center mt-5" },
-          h("div", { class: "col" },
-            h("p", { class: "text-center" }, superChoiceParagraphFour))))));
+      h("div", null,
+        h("sss-header-section", { currentPage: "choice" }),
+        FeatureFlagService.isNewComplianceEnabled() && (h("div", { class: "mt-8 text-sm text-center leading-6" },
+          "Not looking to join a new fund? You can skip the featured super funds and",
+          ' ',
+          h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
+            h("span", { class: "text-primary-base font-medium" }, "choose another super fund")),
+          ".")),
+        !FeatureFlagService.isNewComplianceEnabled() && (h("div", { class: "flex justify-center pb-4" },
+          h("div", { class: "text-center space-y-4 max-w-960 text-sm leading-6" },
+            h("p", { class: "text-lg leading-8 text-gray-600" }, "The choice of superannuation fund is an important personal financial decision. It is open to you to continue with your existing fund, or alternatively, you can select from one of the funds below or choose another fund."),
+            h("p", null, "Flare is not licensed to advise you in relation to this decision and you may wish to return to this page at a later stage."),
+            h("p", null, "The content on this page and on the following pages relating to each super fund is provided by the trustee or promoter of the super fund. The super funds presented have not been selected by your employer and neither your employer or Flare are making any recommendation or opinion."),
+            h("p", null, "There are many super funds out there and you should consider the relevant product disclosure statement and choose one that is right for you. If you are unsure, obtain your own advice. You can choose your super fund later, if you need time to obtain advice."),
+            h("p", null, "You should be aware that, if you do choose one of these advertised funds, Flare and its associated entities will normally receive a fee for you doing so.")))),
+        h("div", { class: "flex justify-center mt-8" },
+          h("div", { class: {
+              'lg:grid border-l border-t lg:border-b rounded-lg': true,
+              'lg:grid-cols-1 max-w-400': this.promotedFunds.length === 1,
+              'lg:grid-cols-2 max-w-720': this.promotedFunds.length === 2,
+              'lg:grid-cols-3 max-w-960': this.promotedFunds.length === 3
+            } },
+            this.promotedFunds.map((fund, index) => (h("div", { class: {
+                'border-r': true,
+                'rounded-tr-lg': index === 0,
+                'lg:rounded-tr-none': index === 0 && index !== this.promotedFunds.length - 1,
+                'rounded-br-lg lg:rounded-br-none lg:rounded-tr-lg': index === this.promotedFunds.length - 1
+              } },
+              h("div", { class: {
+                  'flex border-b lg:border-b-0': true,
+                  'rounded-b-lg': index === this.promotedFunds.length - 1
+                } },
+                h("div", { class: "hidden md:flex lg:hidden w-36 justify-center pt-6 pl-6" },
+                  h("img", { class: "h-16 object-contain w-full max-w-[96px]", alt: fund.name, src: getAssetPath(`assets/${fund.logo}`) })),
+                h("div", { class: "w-full" },
+                  h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features: JSON.stringify(fund.features), featureSubText: fund.featureSubText }),
+                  h("div", { class: "lg:hidden" },
+                    h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))),
+            this.promotedFunds.map((fund, index) => (h("div", { class: {
+                'hidden lg:block border-r': true,
+                'rounded-br-lg': index === this.promotedFunds.length - 1
+              } },
+              h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))),
+        h("div", { class: "flex justify-center mt-8 sm:mt-12" },
+          h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" },
+            h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"),
+            h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" },
+              h("li", null, "Select this option if you'd like to use your current account with another super fund, your self-managed super fund, or your employer's default fund."),
+              h("li", null,
+                "If you are unsure of your current super fund details, you can find out at",
+                ' ',
+                h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)),
+              h("li", null,
+                "A full list of super funds can be viewed at",
+                ' ',
+                h("a", { class: "text-primary-base font-medium", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))),
+            h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
+              h("sss-button", { fillWidthOnMobile: true }, "Choose another super fund")))),
+        FeatureFlagService.isNewComplianceEnabled() && (h("div", { class: "flex justify-center" },
+          h("div", { class: "pt-8 sm:pt-12 max-w-720" },
+            h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"),
+            h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" },
+              h("li", null, "The superannuation funds featured above are for your information only. The order, position and placement of content should not be interpreted as an opinion or recommendation (actual or implied) by Flare as to the suitability or appropriateness of any superannuation fund for you. In featuring these superannuation funds, Flare has not taken into account your objectives, financial situation or needs."),
+              h("li", null, "This is not a comparison service. This page contains factual information only and does not constitute either general or personal advice about any financial products. We do not take into account your objectives, financial situation or needs. If you have questions or need help making a decision about your superannuation fund, you should speak to a licensed financial product advice provider."),
+              h("li", null, "Your employer and Flare do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the featured superannuation funds. Flare does not endorse or accept responsibility for any of the content shown about any of the featured superannuation funds."),
+              h("li", null, "You should consider the relevant superannuation fund\u2019s PDS and TMD (if applicable) in deciding whether to apply to join the superannuation fund. Each of the superannuation funds featured above include a link to their PDS and TMD (if applicable) for your convenience. If you are considering joining another superannuation fund, you can typically find the PDS and TMD (if applicable) on that fund\u2019s website."),
+              h("li", null, "You should be aware that, if you do choose one of the featured superannuation funds, Flare and it\u2019s associates will normally receive a fee for you doing so (this includes Simple Financial Choices Pty Ltd, a wholly owned subsidiary of Flare, which is a sub-promoter of Slate Super)."))))))));
   }
   allFunds() {
     return [
       {
         fundId: constants.Slate.Id,
-        usi: constants.Slate.Usi,
         name: constants.Slate.Name,
         logo: 'logo-slate.png',
         route: SuperSelectionAppRoutes.SlateJoin,
-        pdsLink: constants.Slate.PdsUrl,
         features: [
           { order: 1, value: 'A lifestage investment strategy that evolves with you' },
           { order: 2, value: 'Advanced mobile app with retirement forecast and smart features' },
@@ -100,11 +106,11 @@ export class SuperChoicePage {
         disclaimer: (h("p", { class: "small text-muted" },
           "You should consider the",
           ' ',
-          h("a", { target: "_blank", href: navigationService.toExternalUrl(constants.Slate.PdsUrl), onClick: () => this.pdsViewedAsync(constants.Slate.Name, constants.Slate.Usi) }, "Product Disclosure Statement"),
+          h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(constants.Slate.PdsUrl), onClick: () => this.pdsViewedAsync(constants.Slate.Name, constants.Slate.Usi) }, "Product Disclosure Statement"),
           ' ',
           "and",
           ' ',
-          h("a", { target: "_blank", href: navigationService.toExternalUrl('https://slate.co/forms-and-documents/target-market-determination/') }, "Target Market Determination"),
+          h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl('https://slate.co/forms-and-documents/target-market-determination/') }, "Target Market Determination"),
           ' ',
           "before deciding to invest in or apply to become a member of the fund.")),
         abnInfo: `Diversa Trustees Limited`,
@@ -113,19 +119,18 @@ export class SuperChoicePage {
       {
         fundId: constants.AustralianRetirementTrust.Id,
         name: constants.AustralianRetirementTrust.Name,
-        subText: 'QSuper is now part of Australian Retirement Trust. If you have an existing QSuper account, you will continue to hold that account by selecting this option.',
         logo: 'logo-art.svg',
         route: SuperSelectionAppRoutes.PromotedFundJoin,
-        pdsLink: constants.AustralianRetirementTrust.PdsUrl,
         features: [
           { order: 1, value: '$200 billion in retirement savings' },
           { order: 2, value: '2+ million members' },
           { order: 3, value: 'A focus on delivering strong, long‑term returns' }
         ],
-        disclaimer: (h("p", { class: "small text-muted" },
+        featureSubText: 'QSuper is now part of Australian Retirement Trust. If you have an existing QSuper account, you will continue to hold that account by selecting this option.',
+        disclaimer: (h("p", null,
           "You should consider the",
           ' ',
-          h("a", { target: "_blank", href: navigationService.toExternalUrl(constants.AustralianRetirementTrust.PdsUrl), onClick: () => this.pdsViewedAsync(constants.AustralianRetirementTrust.Name) }, "Product Disclosure Statement"),
+          h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(constants.AustralianRetirementTrust.PdsUrl), onClick: () => this.pdsViewedAsync(constants.AustralianRetirementTrust.Name) }, "Product Disclosure Statement"),
           ' ',
           "before deciding to invest in or apply to become a member of this fund.")),
         abnInfo: `Australian Retirement Trust`,
@@ -134,20 +139,17 @@ export class SuperChoicePage {
       {
         fundId: constants.Aware.Id,
         name: constants.Aware.Name,
-        subText: 'An industry fund for all',
         logo: 'logo-aware.svg',
         route: SuperSelectionAppRoutes.PromotedFundJoin,
-        pdsLinkText: constants.Aware.PdsUrlText,
-        pdsLink: constants.Aware.PdsUrl,
         features: [
           { order: 1, value: 'Acting on climate change' },
           { order: 2, value: 'All profits go to members' },
           { order: 3, value: 'One of Australia’s largest funds' }
         ],
-        disclaimer: (h("p", { class: "small text-muted" },
+        disclaimer: (h("p", null,
           "You should consider the",
           ' ',
-          h("a", { target: "_blank", href: navigationService.toExternalUrl(constants.Aware.PdsUrl), onClick: () => this.pdsViewedAsync(constants.Aware.Name) }, "Product Disclosure Statement"),
+          h("a", { class: "font-medium underline", target: "_blank", href: navigationService.toExternalUrl(constants.Aware.PdsUrl), onClick: () => this.pdsViewedAsync(constants.Aware.Name) }, "Product Disclosure Statement"),
           ' ',
           "before deciding to invest in or apply to become a member of this fund.")),
         abnInfo: `Aware Super Pty Ltd`,
@@ -158,18 +160,16 @@ export class SuperChoicePage {
         name: constants.Active.Name,
         logo: 'logo-active.svg',
         route: SuperSelectionAppRoutes.PromotedFundJoin,
-        pdsLinkText: constants.Active.PdsUrlText,
-        pdsLink: constants.Active.PdsUrl,
         features: [
           { order: 1, value: "One of Canstar's top-performing funds*" },
           { order: 2, value: 'Recognised as a leader in responsible investment' },
           { order: 3, value: 'Calls answered in 20 seconds (average over 5 years)' }
         ],
-        featureSubText: '*Past performance does not indicate future performance. As at 22/4/22, Active Super ranked in Canstar’s top 5 funds for 18-49 year-olds with balances up to $250K based on returns over 5 years in Accumulation Scheme.',
-        disclaimer: (h("p", { class: "small text-muted" },
+        featureSubText: '*Past performance is not a reliable indicator of future performance. As at 22 April 2022, Active Super is ranked among Canstar’s top five funds for 18-49 year-olds with a balance up to $250,000 based on returns over 5 years in the Accumulation Scheme.',
+        disclaimer: (h("p", null,
           "Issued by LGSS Pty Limited as trustee for Local Government Super (Active Super ABN:28 901 371 321). Consider the PDS and TMD at",
           ' ',
-          h("a", { target: "_blank", onClick: () => this.pdsViewedAsync(constants.Active.Name), href: navigationService.toExternalUrl(constants.Active.PdsUrl) }, "activesuper.com.au"),
+          h("a", { class: "font-medium underline", target: "_blank", onClick: () => this.pdsViewedAsync(constants.Active.Name), href: navigationService.toExternalUrl(constants.Active.PdsUrl) }, "activesuper.com.au"),
           ' ',
           "before making a decision."))
       }
@@ -178,7 +178,7 @@ export class SuperChoicePage {
   getPromotedFunds() {
     const fundTiles = [];
     SuperSelectionAppService.promotedFunds.forEach((fundId) => {
-      const fund = this.allFunds().find((fund) => fundId == fund.fundId);
+      const fund = this.allFunds().find((fund) => fundId === fund.fundId);
       if (fund !== undefined) {
         fundTiles.push(fund);
       }
@@ -229,12 +229,6 @@ export class SuperChoicePage {
     });
   }
   static get is() { return "sss-super-choice-page"; }
-  static get originalStyleUrls() { return {
-    "$": ["super-choice-page.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["super-choice-page.css"]
-  }; }
   static get assetsDirs() { return ["assets"]; }
   static get properties() { return {
     "history": {
@@ -259,7 +253,6 @@ export class SuperChoicePage {
     }
   }; }
   static get states() { return {
-    "promotedFunds": {},
-    "chosenFund": {}
+    "promotedFunds": {}
   }; }
 }

package/dist/lib/collection/components/super-selection-app/super-selection-app.css

@@ -2,14 +2,26 @@ html {
   scroll-behavior: smooth;
 }
 
-img.fluid-fit {
-  object-fit: cover;
-}
-
 stencil-route {
   display: flex;
   flex: 1 1 auto;
+  justify-content: center;
 }
 stencil-route:empty {
   display: none;
+}
+
+input + .invalid-feedback {
+  display: none;
+}
+
+select + .invalid-feedback {
+  display: none;
+}
+
+.was-validated input:invalid + .invalid-feedback {
+  display: block;
+}
+.was-validated select:invalid + .invalid-feedback {
+  display: block;
 }

package/dist/lib/collection/components/super-selection-app/super-selection-app.js

@@ -1,11 +1,16 @@
-import '@flarehr/beacon';
-import { Component, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { Component, Event, getAssetPath, h, Host, Prop, State, Watch } from '@stencil/core';
 import { injectHistory } from '@stencil/router';
 import * as O from 'fp-ts/lib/Option';
-import { superSelectionAppStencilRoutes } from './services/super-selection-app.routes';
+import { isSome } from 'fp-ts/lib/Option';
+import iframe from '../../utils/iframe';
+import existingFundService from './services/existing-super-choice-info.service';
+import { FeatureFlagService } from './services/feature-flag.service';
+import navigationService from './services/navigation.service';
+import { SuperSelectionAppRoutes, superSelectionAppStencilRoutes } from './services/super-selection-app.routes';
 import superSelectionAppService from './services/super-selection-app.service';
 export class SuperSelectionApp {
   constructor() {
+    this.isSelfHosted = false;
     this.isAppInitialised = false;
   }
   async componentWillLoad() {
@@ -30,16 +35,29 @@ export class SuperSelectionApp {
         return;
       this.stepSubmitSuccess.emit();
       superSelectionAppService.state.hasSuperSelectionBeenSubmitted = false;
+      if (this.isSelfHosted) {
+        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.Success);
+      }
     });
   }
   async componentDidLoad() {
     await superSelectionAppService.loadAppStateAsync();
+    const chosenFundOption = await existingFundService.GetExistingFundAsync();
     this.isAppInitialised = true;
     this.initialised.emit({
       accountIdOrDefault: superSelectionAppService.accountIdOrDefault,
       partnerIdOrDefault: superSelectionAppService.partnerIdOrDefault,
       profileId: superSelectionAppService.profileId
     });
+    iframe.appReady();
+    if (isSome(chosenFundOption) && chosenFundOption.value.valid !== 'Inactive') {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ExistingChoicePage);
+    }
+    else {
+      navigationService.navigateInternally(this.history, FeatureFlagService.isNewComplianceEnabled()
+        ? SuperSelectionAppRoutes.ConsentPage
+        : SuperSelectionAppRoutes.ChoicePage);
+    }
   }
   authTokenChanged(newValue) {
     superSelectionAppService.state.jwt = O.fromNullable(newValue);
@@ -48,28 +66,40 @@ export class SuperSelectionApp {
     window === null || window === void 0 ? void 0 : window.scroll(0, 0);
   }
   render() {
-    return (h(Host, { class: "d-flex justify-content-center flex-grow-1" },
-      h("div", { class: "d-flex flex-column justify-content-between" }, this.renderAppContent())));
+    return (h(Host, null,
+      h("link", { rel: "stylesheet", href: getAssetPath('apollo-super-selection.css'), media: "all" }),
+      this.renderAppContent()));
   }
   routerBaseUrl() {
     var _a;
     return ((_a = this.appBaseUrl) === null || _a === void 0 ? void 0 : _a.replace(/\/$/, '')) + '/';
   }
   renderAppContent() {
-    return (h("stencil-router", { root: this.routerBaseUrl() },
-      h("stencil-route-switch", { scrollTopOffset: 0 },
-        h("div", { class: "d-flex flex-column" },
-          h("div", { class: "d-flex justify-content-center" }, this.isAppInitialised ? (superSelectionAppStencilRoutes) : (h("fl-loading-indicator", { class: "mt-5" }))),
-          h("div", { class: "d-flex justify-content-center" },
-            h("sss-footer-section", null))))));
+    return (h("stencil-router", { root: this.routerBaseUrl(), class: "font-inter" },
+      h("stencil-route-switch", { scrollTopOffset: 0 }, this.isAppInitialised ? (h("div", { class: {
+          'pt-28': true,
+          '-mt-12': !this.isFundJoinPage(),
+          '-mt-28': this.isFundJoinPage(),
+          'pb-6': !FeatureFlagService.isNewComplianceEnabled() && !this.isFundJoinPage(),
+          'pb-12': FeatureFlagService.isNewComplianceEnabled() && !this.isFundJoinPage()
+        } },
+        superSelectionAppStencilRoutes,
+        !FeatureFlagService.isNewComplianceEnabled() && h("sss-footer-section", null))) : (h("div", { class: "flex justify-center py-20" },
+        h("sss-loading-indicator", null))))));
+  }
+  isFundJoinPage() {
+    return (window.location.pathname.includes(SuperSelectionAppRoutes.SlateJoin) ||
+      window.location.pathname.includes(SuperSelectionAppRoutes.PromotedFundJoin));
   }
   static get is() { return "super-selection-app"; }
+  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
     "$": ["super-selection-app.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["super-selection-app.css"]
   }; }
+  static get assetsDirs() { return ["assets"]; }
   static get properties() { return {
     "accessToken": {
       "type": "string",
@@ -161,6 +191,24 @@ export class SuperSelectionApp {
         "tags": [],
         "text": ""
       }
+    },
+    "isSelfHosted": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-self-hosted",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {

package/dist/lib/esm/{active-router-4c80d3d2.js → active-router-2056f552.js}

@@ -1,4 +1,4 @@
-import { h } from './index-0496d1af.js';
+import { h } from './index-e1e930c8.js';
 
 const createProviderConsumer = (defaultState, consumerRender) => {
     let listeners = new Map();

package/dist/lib/esm/apollo-super-selection.js

@@ -1,7 +1,6 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-0496d1af.js';
-import './datorama-akita-79ce4385.js';
-import './delay-c0555599.js';
-import { g as globalScripts } from './app-globals-7ac1ffba.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e1e930c8.js';
+import './datorama-akita-127aea91.js';
+import { g as globalScripts } from './app-globals-c1f89805.js';
 
 /*
  Stencil Client Patch Browser v2.3.0 | MIT Licensed | https://stenciljs.com
@@ -17,5 +16,5 @@ const patchBrowser = () => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy([["fl-style-guide",[[1,"fl-style-guide",{"themeCssUrl":[1,"theme-css-url"]}]]],["context-consumer",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["fl-button_31",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"showSmsfNotSupported":[32]}],[0,"sss-default-fund",{"history":[16],"formState":[32],"defaultFundProductName":[32]}],[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-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-loading-page"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"currentBank":[32]}],[0,"sss-smsf-not-supported-dialog"],[0,"sss-super-choice-item",{"isSelected":[4,"is-selected"],"usi":[1],"name":[1],"subText":[1,"sub-text"],"logo":[1],"pdsLinkText":[1,"pds-link-text"],"pdsLink":[1,"pds-link"],"features":[1],"featureSubText":[1,"feature-sub-text"],"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"history":[16]}],[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-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,"sss-notifications-section"],[0,"sss-standard-choice-form",{"standardChoiceFormSignature":[32]}],[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);
+  return bootstrapLazy([["context-consumer",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_28",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"showSmsfNotSupported":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page",{"history":[16]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-success"],[0,"sss-promoted-fund-join-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[1,"super-selection-app",{"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-smsf-not-supported-dialog"],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1]}],[0,"sss-loading-page"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[1],"featureSubText":[1,"feature-sub-text"]}],[0,"sss-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section"],[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],"showFundOptionsSelection":[32]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[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,"sss-button",{"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"promiseFn":[16],"state":[32]}],[0,"sss-loading-indicator",{"theme":[1],"size":[2]}],[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);
 });

package/dist/lib/esm/{app-globals-7ac1ffba.js → app-globals-c1f89805.js}

@@ -1,4 +1,4 @@
-import { e as enableAkitaProdMode } from './datorama-akita-79ce4385.js';
+import { e as enableAkitaProdMode } from './datorama-akita-127aea91.js';
 
 // Interim workaround for stencil router accessing session storage.
 // See https://github.com/ionic-team/stencil-router/pull/111/files.

package/dist/lib/esm/context-consumer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as getElement } from './index-0496d1af.js';
+import { r as registerInstance, d as getElement } from './index-e1e930c8.js';
 
 const ContextConsumer = class {
   constructor(hostRef) {