@flarehr/apollo-super-selection 1.2.32739 → 1.3.36

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

@@ -1 +1,16 @@
-export {};
+import { isSome } from 'fp-ts/lib/Option';
+import superSelectionService from '../services/super-selection-app.service';
+export const SuperFundDisclaimerViewedDetail = {
+  create: (superCampaignEnabled) => {
+    let isDefinedBenefitsEligibleString = 'Not set';
+    if (isSome(superSelectionService.isDefinedBenefitsEligible)) {
+      isDefinedBenefitsEligibleString = superSelectionService.isDefinedBenefitsEligible.value
+        ? 'True'
+        : 'False';
+    }
+    return {
+      isDefinedBenefitsEligible: isDefinedBenefitsEligibleString,
+      superCampaignEnabled: superCampaignEnabled
+    };
+  }
+};

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

@@ -1,5 +1,6 @@
 import { none, some } from 'fp-ts/Option';
 import { assertExhaustive } from '../../../utils';
+import { slate } from '../funds/slate-super/api/slate';
 export function hydratePromotedFundChoiceDtoKind(dto) {
   if ('slate' in dto) {
     dto.kind = 'slate';
@@ -28,36 +29,68 @@ export function hydratePromotedFundChoiceDtoKind(dto) {
   else if ('mercerMyChoice' in dto) {
     dto.kind = 'mercerMyChoice';
   }
+  else if ('generic' in dto) {
+    dto.kind = 'generic';
+  }
 }
 function getPromotedFundUsi(dto) {
   switch (dto.kind) {
     case 'slate':
-      return none;
+      return slate.usi;
     case 'australianRetirementTrust':
-      return some(dto.australianRetirementTrust.usi);
+      return dto.australianRetirementTrust.usi;
     case 'aware':
-      return some(dto.aware.usi);
+      return dto.aware.usi;
     case 'active':
-      return some(dto.active.usi);
+      return dto.active.usi;
     case 'australianEthical':
-      return some(dto.australianEthical.usi);
+      return dto.australianEthical.usi;
     case 'virgin':
-      return some(dto.virgin.usi);
+      return dto.virgin.usi;
     case 'spirit':
-      return some(dto.spirit.usi);
+      return dto.spirit.usi;
     case 'firstSuper':
-      return some(dto.firstSuper.usi);
+      return dto.firstSuper.usi;
     case 'mercerMyChoice':
-      return some(dto.mercerMyChoice.usi);
+      return dto.mercerMyChoice.usi;
+    case 'generic':
+      return dto.generic.usi;
     default:
       assertExhaustive(dto);
-      return none;
+      return '';
+  }
+}
+export function getPromotedFundId(dto) {
+  switch (dto.kind) {
+    case 'slate':
+      return slate.fundId;
+    case 'australianRetirementTrust':
+      return 'australian-retirement-trust';
+    case 'aware':
+      return 'aware';
+    case 'active':
+      return 'active';
+    case 'australianEthical':
+      return 'australian-ethical';
+    case 'virgin':
+      return 'virgin';
+    case 'spirit':
+      return 'spirit';
+    case 'firstSuper':
+      return 'first-super';
+    case 'mercerMyChoice':
+      return 'mercermychoice';
+    case 'generic':
+      return dto.generic.fundId;
+    default:
+      assertExhaustive(dto);
+      return '';
   }
 }
 export function getSuperChoiceUsi(dto) {
   switch (dto.kind) {
     case 'Promoted':
-      return getPromotedFundUsi(dto.promoted);
+      return some(getPromotedFundUsi(dto.promoted));
     case 'MyOwnFund':
       return some(dto.myOwnFund.usi);
     case 'SMSF':
@@ -66,6 +99,10 @@ export function getSuperChoiceUsi(dto) {
       return some(dto.default.usi);
     case 'PromotedDefault':
       return some(dto.promotedDefault.usi);
+    case 'DefinedBenefits':
+      return some(dto.definedBenefits.usi);
+    case 'PromotedDefaultWithJoin':
+      return some(dto.promotedDefaultWithJoin.usi);
     default:
       assertExhaustive(dto);
       return none;
@@ -74,34 +111,40 @@ export function getSuperChoiceUsi(dto) {
 function getPromotedFundMemberNumber(dto) {
   switch (dto.kind) {
     case 'slate':
-      return some(dto.slate.memberNumber);
+      return dto.slate.memberNumber;
     case 'australianRetirementTrust':
-      return some(dto.australianRetirementTrust.memberNumber);
+      return dto.australianRetirementTrust.memberNumber;
     case 'aware':
-      return some(dto.aware.memberNumber);
+      return dto.aware.memberNumber;
     case 'active':
-      return some(dto.active.memberNumber);
+      return dto.active.memberNumber;
     case 'australianEthical':
-      return some(dto.australianEthical.memberNumber);
+      return dto.australianEthical.memberNumber;
     case 'virgin':
-      return some(dto.virgin.memberNumber);
+      return dto.virgin.memberNumber;
     case 'spirit':
-      return some(dto.spirit.memberNumber);
+      return dto.spirit.memberNumber;
     case 'firstSuper':
-      return some(dto.firstSuper.memberNumber);
+      return dto.firstSuper.memberNumber;
     case 'mercerMyChoice':
-      return some(dto.mercerMyChoice.memberNumber);
+      return dto.mercerMyChoice.memberNumber;
+    case 'generic':
+      return dto.generic.memberNumber;
     default:
       assertExhaustive(dto);
-      return none;
+      return '';
   }
 }
 export function getSuperChoiceMemberNumber(dto) {
   switch (dto.kind) {
     case 'Promoted':
-      return getPromotedFundMemberNumber(dto.promoted);
+      return some(getPromotedFundMemberNumber(dto.promoted));
     case 'MyOwnFund':
       return some(dto.myOwnFund.memberNumber);
+    case 'DefinedBenefits':
+      return some(dto.definedBenefits.memberNumber);
+    case 'PromotedDefaultWithJoin':
+      return some(dto.promotedDefaultWithJoin.memberNumber);
     case 'SMSF':
     case 'Default':
     case 'PromotedDefault':
@@ -127,4 +170,10 @@ export function hydrateSuperChoiceDetailsDtoKind(dto) {
   else if ('promotedDefault' in dto) {
     dto.kind = 'PromotedDefault';
   }
+  else if ('definedBenefits' in dto) {
+    dto.kind = 'DefinedBenefits';
+  }
+  else if ('promotedDefaultWithJoin' in dto) {
+    dto.kind = 'PromotedDefaultWithJoin';
+  }
 }

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

@@ -40,6 +40,8 @@ export class SuperSelectionApi {
         case 'MyOwnFund':
         case 'PromotedDefault':
         case 'SMSF':
+        case 'DefinedBenefits':
+        case 'PromotedDefaultWithJoin':
           break;
         default:
           assertExhaustive(response.superBuyer.superChoice.choiceDetails);
@@ -47,18 +49,12 @@ export class SuperSelectionApi {
     }
     return response;
   }
-  async getCampaignConnectAsync() {
-    return buildBackendApiClient()
-      .url('campaign-connect')
-      .get()
-      .notFound(() => {
-      throw new Error('Failed to fetch campaign connect.');
-    })
-      .json();
-  }
   async clickPromotedTileAsync(payload) {
     return buildBackendApiClient().url('click-promoted-tile').post(payload).res();
   }
+  async viewSuperFundPanelAsync(payload) {
+    return buildBackendApiClient().url('view-super-fund-panel').post(payload).res();
+  }
   toSearchFilterQueryString(searchFilter) {
     return (`search=${searchFilter.searchString}` +
       (searchFilter.maxRecordCount > 0 ? '&maxRecordCount=' + searchFilter.maxRecordCount : ''));

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

@@ -1,6 +1,16 @@
 import { Component, h, Host } from '@stencil/core';
 import superSelectionAppService from '../services/super-selection-app.service';
 export class Success {
+  constructor() {
+    this.ignorePopState = () => window.history.pushState(null, '', null);
+  }
+  connectedCallback() {
+    this.ignorePopState();
+    window.addEventListener('popstate', this.ignorePopState);
+  }
+  disconnectedCallback() {
+    window.removeEventListener('popstate', this.ignorePopState);
+  }
   render() {
     const CheckIcon = () => {
       return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", class: "fill-primary-base" },
@@ -16,7 +26,7 @@ export class Success {
       h("p", { class: "mt-4 text-center text-gray-600 leading-7 max-w-560 mx-auto" }, "Your superannuation details have been updated successfully and will be submitted to your employer."),
       h("div", { class: "flex justify-center mt-8" },
         h("div", { class: "max-w-[200px] w-full" },
-          h("sss-button", { size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick },
+          h("sss-button", { testid: "continue-button", size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick },
             h("span", null, "Continue"))))));
   }
   handleContinueButtonClick(_event) {

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

@@ -0,0 +1,42 @@
+import { Component, Fragment, h, Prop } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+import navigationService from '../services/navigation.service';
+import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
+import superSelectionService from '../services/super-selection-app.service';
+export class ChoiceRouter {
+  async componentWillLoad() {
+    if (superSelectionService.superCampaignCanNotBeActivated) {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
+    }
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SuperCampaign);
+    }
+  }
+  render() {
+    return h(Fragment, null);
+  }
+  static get is() { return "sss-choice-router"; }
+  static get properties() { return {
+    "history": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RouterHistory",
+        "resolved": "RouterHistory",
+        "references": {
+          "RouterHistory": {
+            "location": "import",
+            "path": "@stencil/router"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+}
+injectHistory(ChoiceRouter);

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

@@ -1,7 +1,6 @@
 import { Component, h, Prop, State } from '@stencil/core';
 import { isSome } from 'fp-ts/Option';
 import { assertExhaustive } from '../../../utils';
-import { getFundNameByFundId, getLogoSrcByFundId } from '../funds/constants';
 import { EventTrackingService } from '../services/event-tracking.service';
 import existingFundService from '../services/existing-super-choice-info.service';
 import navigationService from '../services/navigation.service';
@@ -40,15 +39,12 @@ export class ExistingChoice {
       this.existingFund = chosenFundOption.value;
     }
     else {
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
     }
   }
   render() {
-    const PromotedFundView = (props) => {
-      const logo = getLogoSrcByFundId(props.id);
-      const fundName = getFundNameByFundId(props.id);
-      return (h("div", { class: "flex justify-center" },
-        h("img", { class: "h-16 object-contain w-full max-w-140", alt: isSome(fundName) ? fundName.value : undefined, src: isSome(logo) ? logo.value : undefined })));
+    const PromotedFundView = (_props) => {
+      return (h("div", { class: "flex justify-center" }));
     };
     const MyOwnFundView = () => {
       return (h("div", { class: "flex h-20 justify-center items-center relative" },
@@ -71,9 +67,20 @@ export class ExistingChoice {
           h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", class: "fill-primary-base" },
             h("path", { d: "M448 96h-64V48C384 21.53 362.5 0 336 0h-160C149.5 0 128 21.53 128 48V96H64C28.65 96 0 124.7 0 160v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V160C512 124.7 483.3 96 448 96zM160 48C160 39.17 167.2 32 176 32h160C344.8 32 352 39.17 352 48V96H160V48zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V288h144v64c0 8.844 7.156 16 16 16h128c8.844 0 16-7.156 16-16V288H480V416zM208 336V288h96v48H208zM480 256H32V160c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32V256z" })))));
     };
+    const DefinedBenefitsFundView = () => {
+      return (h("div", { class: "flex h-20 justify-center items-center relative" },
+        h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
+        h("div", { class: "h-10 w-10 absolute" },
+          h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" },
+            h("path", { d: "M174.7 111.8C165.1 110.3 160.1 102.1 161.5 93.35C170.4 40.37 216.5 0 272 0C320.8 0 362.3 31.19 377.6 74.67C380.6 82.1 376.2 92.14 367.9 95.09C359.5 98.03 350.4 93.66 347.5 85.33C336.5 54.24 306.8 32 272 32C232.4 32 199.5 60.82 193.1 98.65C191.6 107.4 183.4 113.2 174.7 111.8V111.8zM400 264C400 250.7 410.7 240 424 240C437.3 240 448 250.7 448 264C448 277.3 437.3 288 424 288C410.7 288 400 277.3 400 264zM488.5 125.8L480 159.1C501.1 176.5 519.6 198.5 530.7 224H544C561.7 224 576 238.3 576 256V352C576 369.7 561.7 384 544 384H512C495.5 405.1 473.5 423.6 448 434.7V464C448 490.5 426.5 512 400 512H368C341.5 512 320 490.5 320 464V448H256V464C256 490.5 234.5 512 208 512H176C149.5 512 128 490.5 128 464V416C89.14 386.8 64 340.3 64 288C28.52 287.2 0 258.2 0 222.6C0 197.8 14 175.1 36.18 164L40.84 161.7C48.75 157.7 58.36 160.9 62.31 168.8C66.26 176.7 63.06 186.4 55.16 190.3L50.49 192.6C39.16 198.3 31.1 209.9 31.1 222.6C31.1 241 46.97 256 65.44 256H67.2C82.02 182.1 146.6 128 223.1 128H376.4C394 108.4 419.6 96 448 96H465.3C480.9 96 492.3 110.7 488.5 125.8H488.5zM224 160C153.3 160 96 217.3 96 288C96 329.9 116.1 367 147.2 390.4L160 400V464C160 472.8 167.2 480 176 480H208C216.8 480 224 472.8 224 464V416H352V464C352 472.8 359.2 480 368 480H400C408.8 480 416 472.8 416 464V413.7L435.2 405.4C455.6 396.5 473.2 382.4 486.4 364.8L496 352H544V256H509.7L501.4 236.8C492.5 216.4 478.4 198.8 460.8 185.6L443.8 172.8L455 128H448C429 128 412.1 136.2 400.3 149.3L390.7 160H224z" })))));
+    };
+    const ChooseAnotherFundView = () => {
+      return this.existingFund.type == 'Defined Benefits Fund' ? null : (h("div", { class: "mt-4" },
+        h("sss-button", { testid: "choose-another-fund-button", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")));
+    };
     return (h("div", null,
-      h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super choice"),
-      h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7" }, "Continue with your chosen fund or choose another fund below."),
+      h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super nomination"),
+      this.existingFund.type == 'Defined Benefits Fund' ? null : (h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7" }, "Continue with your chosen fund or choose another fund below.")),
       h("div", { class: "flex justify-center mt-8 sm:mt-12" },
         h("div", { class: "max-w-400 w-full" },
           h("div", { class: "flex-col border shadow-sm p-6 pt-8 rounded-lg text-center" },
@@ -82,19 +89,22 @@ export class ExistingChoice {
                 switch (this.existingFund.type) {
                   case 'Promoted Fund':
                   case 'Promoted Default Fund':
-                    return h(PromotedFundView, { id: this.existingFund.id });
+                    return h(PromotedFundView, { name: this.existingFund.name });
                   case 'Self Managed Fund':
                     return h(SelfManagedFundView, null);
                   case 'My Own Fund':
+                  case 'Promoted Default Fund With Join':
                     return h(MyOwnFundView, null);
                   case 'Default Fund':
                     return h(DefaultFundView, null);
+                  case 'Defined Benefits Fund':
+                    return h(DefinedBenefitsFundView, null);
                   default:
                     assertExhaustive(this.existingFund);
                     return h("div", null);
                 }
               })(),
-              h("div", { class: "sm:text-lg font-bold leading-6" }, (() => {
+              h("div", { class: "sm:text-lg font-bold leading-6 break-words" }, (() => {
                 switch (this.existingFund.type) {
                   case 'Default Fund':
                     return "Employer's default fund";
@@ -102,6 +112,8 @@ export class ExistingChoice {
                   case 'Promoted Fund':
                   case 'Self Managed Fund':
                   case 'Promoted Default Fund':
+                  case 'Defined Benefits Fund':
+                  case 'Promoted Default Fund With Join':
                     return this.existingFund.name;
                   default:
                     assertExhaustive(this.existingFund);
@@ -109,9 +121,8 @@ export class ExistingChoice {
                 }
               })())),
             h("div", { class: "mt-6" },
-              h("sss-button", { fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))),
-          h("div", { class: "mt-4" },
-            h("sss-button", { fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund"))))));
+              h("sss-button", { testid: "continue-with-this-fund-button", fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))),
+          h(ChooseAnotherFundView, null)))));
   }
   async handleFundNominationAccepted() {
     const detail = this.createSuperFundNominationDetail(this.existingFund);
@@ -121,7 +132,7 @@ export class ExistingChoice {
   async handleFundNominationDeclined() {
     const detail = this.createSuperFundNominationDetail(this.existingFund);
     await this.eventTrackingService.TrackSuperFundNominationDeclinedAsync(detail);
-    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
   static get is() { return "sss-existing-choice-page"; }
   static get properties() { return {

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

@@ -1,14 +1,17 @@
 import { Component, h, Prop } from '@stencil/core';
-import { isSome } from 'fp-ts/lib/Option';
 import { AppVersion } from '../../../utils';
+import superSelectionAppService from '../services/super-selection-app.service';
 const DefaultFooterText = 'Powered by Flare';
 export class FooterSection {
   constructor() {
-    this.footerText = () => isSome(this.textOverride) ? this.textOverride.value : DefaultFooterText;
+    this.footerText = () => this.textOverride !== undefined ? this.textOverride : DefaultFooterText;
   }
   render() {
-    return (h("div", { class: "text-center text-gray-500 text-xs mt-8 sm:mt-20 w-full max-w-960 mx-auto" },
-      h("span", null, this.footerText()),
+    return (h("div", { class: {
+        'text-center text-gray-500 text-xs w-full max-w-960 mx-auto': true,
+        'mt-8 sm:mt-20': !superSelectionAppService.hideFooterSection
+      } },
+      !superSelectionAppService.hideFooterSection && h("span", null, this.footerText()),
       h("p", { class: "block text-transparent" },
         "v",
         AppVersion)));
@@ -16,24 +19,21 @@ export class FooterSection {
   static get is() { return "sss-footer-section"; }
   static get properties() { return {
     "textOverride": {
-      "type": "unknown",
+      "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "Option<string>",
-        "resolved": "None | Some<string>",
-        "references": {
-          "Option": {
-            "location": "import",
-            "path": "fp-ts/lib/Option"
-          }
-        }
+        "original": "string",
+        "resolved": "string | undefined",
+        "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
         "text": ""
-      }
+      },
+      "attribute": "text-override",
+      "reflect": false
     }
   }; }
 }

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/api/custom-fund-choice.api.js

@@ -27,6 +27,15 @@ export class CustomFundChoiceApi {
     })
       .text();
   }
+  async submitDefinedBenefitsChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/defined-benefits')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Defined Benefits choice request');
+    })
+      .text();
+  }
   async validateAbnForSMSF(abn) {
     const response = await buildBackendApiClient()
       .url(`super-choice/smsf/${abn}/validate`)

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

@@ -2,24 +2,47 @@ import { Component, h, Prop, State } from '@stencil/core';
 import { injectHistory } from '@stencil/router';
 import navigationService from '../../services/navigation.service';
 import { SuperSelectionAppRoutes } from '../../services/super-selection-app.routes';
-import customFundState from '../custom-fund/custom-fund.store';
-const customFundOptions = customFundState.customFunds;
+import superSelectionAppService from '../../services/super-selection-app.service';
+import { CustomFundTypes } from '../custom-fund/custom-fund.store';
+const myOwnFundCustomOption = {
+  label: CustomFundTypes.MyOwnFund,
+  value: SuperSelectionAppRoutes.MyOwnFund
+};
 export class CustomFund {
   constructor() {
-    this.currentCustomFund = customFundOptions[0];
-    this.fundOptionsList = customFundOptions;
+    this.currentCustomFund = myOwnFundCustomOption;
     this.showFundOptionsSelection = false;
   }
   componentWillLoad() {
-    let currentRoute = '';
+    let currentRoute = SuperSelectionAppRoutes.MyOwnFund;
     if (window.location.pathname.includes(SuperSelectionAppRoutes.MyOwnFund))
       currentRoute = SuperSelectionAppRoutes.MyOwnFund;
     if (window.location.pathname.includes(SuperSelectionAppRoutes.DefaultFund))
       currentRoute = SuperSelectionAppRoutes.DefaultFund;
     if (window.location.pathname.includes(SuperSelectionAppRoutes.SelfManagedFund))
       currentRoute = SuperSelectionAppRoutes.SelfManagedFund;
+    if (window.location.pathname.includes(SuperSelectionAppRoutes.FeaturedFunds))
+      currentRoute = SuperSelectionAppRoutes.FeaturedFunds;
+    this.fundOptionsList = [
+      myOwnFundCustomOption,
+      {
+        label: CustomFundTypes.SelfManagedFund,
+        value: SuperSelectionAppRoutes.SelfManagedFund
+      },
+      {
+        label: CustomFundTypes.DefaultFund,
+        value: SuperSelectionAppRoutes.DefaultFund
+      }
+    ];
+    if (superSelectionAppService.isFeaturedFundsEnabled &&
+      superSelectionAppService.isUsingSuperCampaign) {
+      this.fundOptionsList.push({
+        label: CustomFundTypes.FeaturedFunds,
+        value: SuperSelectionAppRoutes.FeaturedFunds
+      });
+    }
     this.currentCustomFund =
-      customFundOptions.find((item) => item.value === currentRoute) || customFundOptions[0];
+      this.fundOptionsList.find((item) => item.value === currentRoute) || this.currentCustomFund;
     navigationService.navigateInternally(this.history, currentRoute);
   }
   render() {
@@ -31,7 +54,7 @@ export class CustomFund {
       return (h("svg", { class: "h-5 w-5 fill-primary-base group-hover:fill-white", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
         h("path", { "fill-rule": "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule": "evenodd" })));
     };
-    return (h("div", { class: "max-w-560 relative" },
+    return (h("div", { class: "max-w-560 sm:w-560 relative" },
       h("label", { class: "font-medium text-gray-700 text-sm" }, "Which fund would you like to nominate?"),
       h("div", { class: "mt-1 mb-4" },
         h("button", { type: "button", class: "bg-white relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-primary-focus focus:border-primary-base text-base sm:text-sm", onClick: () => (this.showFundOptionsSelection = !this.showFundOptionsSelection) },

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/custom-fund.store.js

@@ -1,15 +1,13 @@
 import { createStore } from '@stencil/store';
 import * as O from 'fp-ts/Option';
-import { SuperSelectionAppRoutes } from '../../services/super-selection-app.routes';
-var CustomFundTypes;
+export var CustomFundTypes;
 (function (CustomFundTypes) {
-  CustomFundTypes["MyOwnFund"] = "Your current super fund";
-  CustomFundTypes["DefaultFund"] = "Your employer's default fund";
-  CustomFundTypes["SelfManagedFund"] = "Your self-managed super fund";
+  CustomFundTypes["MyOwnFund"] = "Existing super fund";
+  CustomFundTypes["DefaultFund"] = "Default super fund";
+  CustomFundTypes["SelfManagedFund"] = "Self-managed super fund";
+  CustomFundTypes["FeaturedFunds"] = "Featured super funds";
 })(CustomFundTypes || (CustomFundTypes = {}));
 export const initialStateCustomFund = {
-  continueAllowed: false,
-  nextRoute: '/',
   myOwnFundForm: {
     fundUsi: O.none,
     fundName: O.none,
@@ -31,22 +29,7 @@ export const initialStateCustomFund = {
     bankAccountNumber: '',
     memberFirstName: '',
     memberFamilyName: ''
-  },
-  currentCustomFundType: CustomFundTypes.MyOwnFund,
-  customFunds: [
-    {
-      label: CustomFundTypes.MyOwnFund,
-      value: SuperSelectionAppRoutes.MyOwnFund
-    },
-    {
-      label: CustomFundTypes.SelfManagedFund,
-      value: SuperSelectionAppRoutes.SelfManagedFund
-    },
-    {
-      label: CustomFundTypes.DefaultFund,
-      value: SuperSelectionAppRoutes.DefaultFund
-    }
-  ]
+  }
 };
 const { state, reset } = createStore(initialStateCustomFund);
 export const resetCustomFund = reset;

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/default-fund/default-fund.js

@@ -36,7 +36,7 @@ export class DefaultFund {
   }
   render() {
     return (h(Host, null,
-      h("sss-header-section", { currentPage: "own-fund" }),
+      h("sss-header-section", null),
       h("div", { class: "flex justify-center mt-11" },
         h("sss-custom-fund", null,
           h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" },
@@ -64,9 +64,9 @@ export class DefaultFund {
           h("div", { class: "flex justify-center mt-8" },
             h("div", { class: "sm:max-w-320 w-full" },
               this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" },
-                h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))),
+                h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))),
               h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
-                h("sss-button", { fillWidth: true, variant: "secondary" }, "Back"))))))));
+                h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back"))))))));
   }
   async handleSubmitForm() {
     if (this.isInvalidDefaultFund) {
@@ -75,6 +75,11 @@ export class DefaultFund {
     navigationService.navigateInternallyToStandardChoice({
       history: this.history,
       fundName: `Employer’s default fund`,
+      fundDetails: {
+        type: 'default',
+        fundName: this.defaultFundProductName,
+        fundUsi: this.defaultFund.usi
+      },
       handleSubmitFn: async (standardChoiceFormSignature) => {
         await customFundChoiceApi.submitDefaultFundChoiceAsync(Object.assign({ standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig));
       }