@flarehr/apollo-super-selection 1.2.32665 → 1.3.36

package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-warning-box.js

@@ -0,0 +1,37 @@
+import { Component, h, Prop } from '@stencil/core';
+export class PrefillWarningBox {
+  render() {
+    const WarningIcon = () => {
+      return (h("div", { class: "w-5 h-5" },
+        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
+          h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.25706 3.09882C9.02167 1.73952 10.9788 1.73952 11.7434 3.09882L17.3237 13.0194C18.0736 14.3526 17.1102 15.9999 15.5805 15.9999H4.4199C2.89025 15.9999 1.92682 14.3526 2.67675 13.0194L8.25706 3.09882ZM11.0001 13C11.0001 13.5523 10.5524 14 10.0001 14C9.44784 14 9.00012 13.5523 9.00012 13C9.00012 12.4477 9.44784 12 10.0001 12C10.5524 12 11.0001 12.4477 11.0001 13ZM10.0001 5C9.44784 5 9.00012 5.44772 9.00012 6V9C9.00012 9.55228 9.44784 10 10.0001 10C10.5524 10 11.0001 9.55228 11.0001 9V6C11.0001 5.44772 10.5524 5 10.0001 5Z", fill: "#FBBF24" }))));
+    };
+    return (h("div", { class: "flex items-start self-stretch rounded-md bg-yellow-50" },
+      h("div", { class: "w-1 self-stretch bg-yellow-400" }),
+      h("div", { class: "flex items-start gap-3 flex-[1_0_0] p-4" },
+        h(WarningIcon, null),
+        h("div", { class: "flex flex-col items-start gap-2 flex-[1_0_0]" },
+          h("div", { class: "flex flex-col items-start gap-1 self-stretch" }, this.notificationList.map((text) => (h("div", { class: "flex items-start gap-[7px] self-stretch pl-0" },
+            this.notificationList.length > 1 && (h("div", { class: "pt-1.5 justify-center items-center flex" },
+              h("div", { class: "w-1.5 h-1.5 bg-yellow-700 rounded-full" }))),
+            h("div", { class: "flex-[1_0_0] text-sm not-italic font-normal leading-5 text-yellow-700" }, text)))))))));
+  }
+  static get is() { return "sss-prefill-warning-box"; }
+  static get properties() { return {
+    "notificationList": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "string[]",
+        "resolved": "string[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+}

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

@@ -0,0 +1,81 @@
+import { Component, h, Prop, State } from '@stencil/core';
+import { isSome } from 'fp-ts/Option';
+import navigationService from '../services/navigation.service';
+import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
+import superSelectionAppService from '../services/super-selection-app.service';
+export class Prefill {
+  constructor() {
+    this.prefill = undefined;
+    this.ignorePopState = () => window.history.pushState(null, '', null);
+  }
+  connectedCallback() {
+    this.ignorePopState();
+    window.addEventListener('popstate', this.ignorePopState);
+  }
+  disconnectedCallback() {
+    window.removeEventListener('popstate', this.ignorePopState);
+  }
+  async componentWillLoad() {
+    this.prefill = isSome(superSelectionAppService.state.superChoicePrefill)
+      ? superSelectionAppService.state.superChoicePrefill.value
+      : undefined;
+  }
+  render() {
+    if (this.prefill && this.prefill.type === 'myOwnFund') {
+      if (this.prefill.data.fundDetail.type === 'Valid') {
+        return this.renderMyOwnFund(this.prefill.data);
+      }
+      else {
+        return this.renderInvalidMyOwnFund(this.prefill.data);
+      }
+    }
+    if (this.prefill && this.prefill.type === 'smsf') {
+      if (this.prefill.data.fundAbn.valid) {
+        return this.renderSMSF(this.prefill.data);
+      }
+      else {
+        return this.renderInvalidSMSF(this.prefill.data);
+      }
+    }
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+    return null;
+  }
+  renderMyOwnFund(data) {
+    return h("sss-prefill-my-own-fund", { history: this.history, prefill: data });
+  }
+  renderInvalidMyOwnFund(data) {
+    return h("sss-prefill-invalid-my-own-fund", { history: this.history, prefill: data });
+  }
+  renderSMSF(data) {
+    return h("sss-prefill-smsf", { history: this.history, prefill: data });
+  }
+  renderInvalidSMSF(data) {
+    return h("sss-prefill-invalid-smsf", { history: this.history, prefill: data });
+  }
+  static get is() { return "sss-prefill"; }
+  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": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "prefill": {}
+  }; }
+}

package/dist/lib/collection/components/super-selection-app/services/event-tracking.service.js

@@ -6,31 +6,11 @@ export class EventTrackingService {
   static get Instance() {
     return this.instance || (this.instance = new this());
   }
-  async TrackFinancialProductViewedAsync(detail) {
-    return this.trackEventAsync({
-      FinancialProductViewed: detail
-    });
-  }
   async TrackSuperFundPdsViewedAsync(detail) {
     return this.trackEventAsync({
       SuperFundPdsViewed: detail
     });
   }
-  async TrackFinancialProductAcceptedAsync(detail) {
-    return this.trackEventAsync({
-      FinancialProductAccepted: detail
-    });
-  }
-  async TrackFinancialProductRejectedAsync(detail) {
-    return this.trackEventAsync({
-      FinancialProductRejected: detail
-    });
-  }
-  async TrackSuperFundPrivacyConfirmationAcceptedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundPrivacyConfirmationAccepted: detail
-    });
-  }
   async TrackPromotedSuperFundDetailViewedAsync(detail) {
     return this.trackEventAsync({
       SuperFundDetailViewed: {
@@ -66,11 +46,6 @@ export class EventTrackingService {
       }
     });
   }
-  async TrackSuperFundPanelViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundPanelViewed: detail
-    });
-  }
   async TrackSuperFundNominationViewedAsync(detail) {
     return this.trackEventAsync({
       SuperFundNominationViewed: detail
@@ -91,6 +66,36 @@ export class EventTrackingService {
       SuperFundDisclaimerAccepted: detail
     });
   }
+  async TrackSuperFundPrefillViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundPrefillViewed: detail
+    });
+  }
+  async TrackSuperFundPrefillDeclinedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundPrefillDeclined: detail
+    });
+  }
+  async TrackSuperFundDetailChangeRequestedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDetailChangeRequested: detail
+    });
+  }
+  async TrackSuperCampaignActivationSucceededAsync(detail) {
+    return this.trackEventAsync({
+      SuperCampaignActivationSucceeded: detail
+    });
+  }
+  async TrackSuperMyOwnFundEngagementStepActivationSucceeded(fundUsi) {
+    return this.trackEventAsync({
+      SuperMyOwnFundEngagementStepActivationSucceeded: { fundUsi }
+    });
+  }
+  async TrackSuperMyOwnFundEngagementStepContinued(fundUsi, reason) {
+    return this.trackEventAsync({
+      SuperMyOwnFundEngagementStepContinued: { fundUsi, reason }
+    });
+  }
   async trackEventAsync(event) {
     try {
       await this.eventTrackingApi.PostAnalyticsEventAsync({ event });

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

@@ -1,8 +1,7 @@
 import { isNone, isSome, none, some } from 'fp-ts/Option';
 import { assertExhaustive } from '../../../utils';
 import { buildBackendApiClient } from '../api/api-client';
-import { getSuperChoiceMemberNumber, getSuperChoiceUsi } from '../api/super-selection.api.dto';
-import * as constants from '../funds/constants';
+import { getPromotedFundId, getSuperChoiceMemberNumber, getSuperChoiceUsi } from '../api/super-selection.api.dto';
 import australianFundLookupService from './australian-fund-lookup.service';
 import superSelectionAppService from './super-selection-app.service';
 export function ExistingFund(fund) {
@@ -27,14 +26,13 @@ export class ExistingFundService {
     const memberNumber = getSuperChoiceMemberNumber(choiceDetails);
     switch (choiceDetails.kind) {
       case 'Promoted': {
-        const dtoPropName = Object.keys(choiceDetails.promoted)[0];
-        const fund = constants.getFundByDtoPropName(dtoPropName);
-        if (isNone(fund))
+        if (isNone(usi))
           return none;
+        const fund = await this.getFundByUsiAsync(usi.value);
         return some({
           type: 'Promoted Fund',
-          id: fund.value.fundId,
-          name: fund.value.name,
+          id: getPromotedFundId(choiceDetails.promoted),
+          name: isSome(fund) ? fund.value.productName : usi.value,
           usi: usi,
           valid: 'Active',
           memberNumber: memberNumber,
@@ -83,6 +81,30 @@ export class ExistingFundService {
           lastNominatedAt: dateSubmitted
         });
       }
+      case 'DefinedBenefits': {
+        const defaultUsi = choiceDetails.definedBenefits.usi;
+        const fund = await this.getFundByUsiAsync(defaultUsi);
+        return some({
+          type: 'Defined Benefits Fund',
+          name: isSome(fund) ? fund.value.productName : defaultUsi,
+          usi: usi,
+          valid: this.toFundValidState(fund),
+          lastNominatedAt: dateSubmitted
+        });
+      }
+      case 'PromotedDefaultWithJoin': {
+        const defaultUsi = choiceDetails.promotedDefaultWithJoin.usi;
+        const defaultFund = await this.getFundByUsiAsync(defaultUsi);
+        return some({
+          type: 'Promoted Default Fund With Join',
+          id: choiceDetails.promotedDefaultWithJoin.fundId,
+          name: isSome(defaultFund) ? defaultFund.value.productName : defaultUsi,
+          usi: usi,
+          valid: this.toFundValidState(defaultFund),
+          memberNumber: memberNumber,
+          lastNominatedAt: dateSubmitted
+        });
+      }
       default:
         assertExhaustive(choiceDetails);
         return none;

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

@@ -11,6 +11,7 @@ class NavigationService {
   navigateInternallyToStandardChoice(options) {
     standardChoiceFormState.handleSubmitFn = options.handleSubmitFn;
     standardChoiceFormState.fundName = options.fundName;
+    standardChoiceFormState.fundDetails = options.fundDetails;
     standardChoiceFormState.promotedFundId = options.promotedFundId;
     this.navigateInternally(options.history, SuperSelectionAppRoutes.StandardChoice);
   }

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

@@ -1,28 +1,36 @@
 import { h } from '@stencil/core';
 export var SuperSelectionAppRoutes;
 (function (SuperSelectionAppRoutes) {
-  SuperSelectionAppRoutes["ConsentPage"] = "/consent";
   SuperSelectionAppRoutes["ExistingChoicePage"] = "/existing";
+  SuperSelectionAppRoutes["SuperCampaign"] = "/super-campaign";
   SuperSelectionAppRoutes["ChoicePage"] = "/";
-  SuperSelectionAppRoutes["SlateJoin"] = "/slate/join/";
-  SuperSelectionAppRoutes["PromotedFundJoinV1"] = "/promoted-fund/join/v1";
-  SuperSelectionAppRoutes["PromotedFundJoinV2"] = "/promoted-fund/join/v2";
   SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
+  SuperSelectionAppRoutes["MyOwnFundEngagementStep"] = "/super-choice/my-own-fund-engagement/";
+  SuperSelectionAppRoutes["Prefill"] = "/super-choice/prefill/";
+  SuperSelectionAppRoutes["PrefillInvalidMyOwnFundPage"] = "/super-choice/sss-prefill-invalid-my-own-fund/";
+  SuperSelectionAppRoutes["PrefillMyOwnFundPage"] = "/super-choice/prefill-my-own-fund/";
+  SuperSelectionAppRoutes["PrefillSMSFPage"] = "/super-choice/prefill-smsf/";
+  SuperSelectionAppRoutes["PrefillInvalidSMSFPage"] = "/super-choice/prefill-invalid-smsf/";
   SuperSelectionAppRoutes["SelfManagedFund"] = "/super-choice/smsf/";
   SuperSelectionAppRoutes["DefaultFund"] = "/super-choice/default/";
+  SuperSelectionAppRoutes["FeaturedFunds"] = "/super-choice/featured-funds/";
   SuperSelectionAppRoutes["StandardChoice"] = "/standard-choice/";
   SuperSelectionAppRoutes["Success"] = "/success/";
 })(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
 export const superSelectionAppStencilRoutes = [
-  h("stencil-route", { url: SuperSelectionAppRoutes.ConsentPage, component: "sss-consent-page" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
-  h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.SlateJoin, component: "sss-slate-join-page" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV1, component: "sss-promoted-fund-join-v1-page" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV2, component: "sss-promoted-fund-join-v2-page" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.SuperCampaign, component: "sss-super-campaign-host" }),
+  h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-choice-router" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFundEngagementStep, component: "sss-my-own-fund-engagement-step-host" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage, component: "sss-prefill-invalid-my-own-fund" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.Prefill, component: "sss-prefill" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillMyOwnFundPage, component: "sss-prefill-my-own-fund" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillSMSFPage, component: "sss-prefill-smsf" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidSMSFPage, component: "sss-prefill-invalid-smsf" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.SelfManagedFund, component: "sss-self-managed-fund" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.DefaultFund, component: "sss-default-fund" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.FeaturedFunds, component: "sss-super-campaign-featured-funds" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.StandardChoice, component: "sss-standard-choice-form" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.Success, component: "sss-success" })
 ];

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

@@ -3,7 +3,7 @@ import { pipe } from 'fp-ts/lib/function';
 import * as O from 'fp-ts/lib/Option';
 import jwtDecode from 'jwt-decode';
 import superSelectionApi from '../api/super-selection.api';
-import { initialState } from './super-selection.store';
+import { initialState, SuperCampaignComponentStatus, SuperCampaignState } from './super-selection.store';
 export class SuperSelectionAppService {
   constructor() {
     const { state, onChange } = createStore(initialState);
@@ -38,8 +38,8 @@ export class SuperSelectionAppService {
     return this._state.appBaseUrl.value;
   }
   get promotedFunds() {
-    if (this._state.campaignConnectEnabled && O.isSome(this._state.campaignConnect)) {
-      return this._state.campaignConnect.value.promotedFunds;
+    if (this.state.superCampaignEnabled && this.superCampaignState !== undefined) {
+      return this.superCampaignState.PromotedFundIds;
     }
     if (O.isNone(this._state.promotedFunds)) {
       throw Error('Promoted Funds is not set');
@@ -47,8 +47,8 @@ export class SuperSelectionAppService {
     return this._state.promotedFunds.value;
   }
   get promotedDefaultFundPosition() {
-    if (this._state.campaignConnectEnabled && O.isSome(this._state.campaignConnect)) {
-      return O.fromNullable(this._state.campaignConnect.value.promotedDefaultFundPosition);
+    if (this.state.superCampaignEnabled && this.superCampaignState !== undefined) {
+      return O.fromNullable(this.superCampaignState.DefaultFundPosition);
     }
     return O.none;
   }
@@ -56,9 +56,7 @@ export class SuperSelectionAppService {
     return {
       shownFunds: this.promotedFunds,
       promotedDefaultFundPosition: O.toUndefined(this.promotedDefaultFundPosition),
-      promotedFundsConfigSource: O.isSome(this._state.campaignConnect)
-        ? 'campaignConnect'
-        : 'superSelection'
+      promotedFundsConfigSource: this.isUsingSuperCampaign ? 'superCampaign' : 'superSelection'
     };
   }
   get profileId() {
@@ -92,27 +90,78 @@ export class SuperSelectionAppService {
   markSuperSelectionAsSubmitted() {
     this._state.hasSuperSelectionBeenSubmitted = true;
   }
+  get isDefinedBenefitsEligible() {
+    return this._state.isDefinedBenefitsEligible;
+  }
   async loadAppStateAsync() {
     const appStateResponse = await superSelectionApi.getAppStateAsync();
     this._state.accountConfiguration = O.fromNullable(appStateResponse.accountConfiguration);
     this._state.profileConfiguration = O.fromNullable(appStateResponse.profileConfiguration);
     this._state.superBuyer = O.fromNullable(appStateResponse.superBuyer);
     this._state.promotedFunds = O.fromNullable(appStateResponse.promotedFunds);
-    this._state.campaignConnectEnabled = appStateResponse.campaignConnectEnabled;
-    if (this._state.campaignConnectEnabled) {
-      this._state.campaignConnectPromise = O.fromNullable(superSelectionApi.getCampaignConnectAsync());
+    this._state.bringYourOwnFundCustomStepEnabled =
+      appStateResponse.bringYourOwnFundCustomStepEnabled;
+    this._state.featuredFundsEnabled = appStateResponse.featuredFundsEnabled;
+    this._state.superChoicePrefill = O.fromNullable(appStateResponse.prefill);
+    this._state.isDefinedBenefitsEligible = O.fromNullable(appStateResponse.isDefinedBenefitsEligible);
+    if (O.isSome(this._state.accountConfiguration)) {
+      if (this._state.accountConfiguration.value.featureSet.type === 'basic') {
+        this._state.superCampaignEnabled = false;
+      }
     }
   }
-  async completeCampaignConnectRequestSafe() {
-    if (this._state.campaignConnectEnabled) {
-      try {
-        const campaignConnect = await pipe(this._state.campaignConnectPromise, O.getOrElse(() => superSelectionApi.getCampaignConnectAsync()));
-        this._state.campaignConnect = O.fromNullable(campaignConnect);
-      }
-      catch (_a) {
-        return;
-      }
+  setSuperCampaignPromotedFundsShown(shownFunds) {
+    if (this._state.superCampaignState !== undefined)
+      this._state.superCampaignState.promotedFundsShown = shownFunds;
+    else
+      throw new Error('Cannot set shown funds for SuperCampaing state because it is undefined');
+  }
+  viewSuperFundPanelAsync(placementId, promotedFundIdListOverride) {
+    return superSelectionApi.viewSuperFundPanelAsync(Object.assign(Object.assign({}, this.promotedFundsConfig), { shownFunds: promotedFundIdListOverride
+        ? promotedFundIdListOverride
+        : this.promotedFundsConfig.shownFunds, placementId }));
+  }
+  get superCampaignState() {
+    return this._state.superCampaignState;
+  }
+  get superCampaignComponentStatus() {
+    return this._state.superCampaignComponentStatus;
+  }
+  set superCampaignComponentStatus(value) {
+    if (value === SuperCampaignComponentStatus.Loaded) {
+      this._state.superCampaignComponentStatus = SuperCampaignComponentStatus.Loaded;
+      this._state.superCampaignState = new SuperCampaignState();
+    }
+    else {
+      this._state.superCampaignComponentStatus = value;
+      this._state.superCampaignState = undefined;
     }
   }
+  get isUsingSuperCampaign() {
+    return this.state.superCampaignEnabled && this.superCampaignState !== undefined;
+  }
+  get isBringYourOwnFundCustomStepEnabled() {
+    return this.state.bringYourOwnFundCustomStepEnabled;
+  }
+  get isFeaturedFundsEnabled() {
+    return this.state.featuredFundsEnabled;
+  }
+  get superCampaignCanNotBeActivated() {
+    return (!this.state.superCampaignEnabled ||
+      this.superCampaignComponentStatus === SuperCampaignComponentStatus.NotWorking);
+  }
+  get hideFooterSection() {
+    return this._state.hideFooterSection;
+  }
+  set hideFooterSection(value) {
+    this._state.hideFooterSection = value;
+  }
+  get backendUrl() {
+    return O.map(this.getBaseUrl)(this.state.apiBaseUrl);
+  }
+  getBaseUrl(url) {
+    const parsedUrl = new URL(url);
+    return `${parsedUrl.protocol}//${parsedUrl.hostname}${parsedUrl.port.length > 0 ? `:${parsedUrl.port}` : ''}`;
+  }
 }
 export default new SuperSelectionAppService();

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

@@ -1,16 +1,44 @@
 import * as O from 'fp-ts/lib/Option';
+export var SuperCampaignComponentStatus;
+(function (SuperCampaignComponentStatus) {
+  SuperCampaignComponentStatus[SuperCampaignComponentStatus["NotLoaded"] = 1] = "NotLoaded";
+  SuperCampaignComponentStatus[SuperCampaignComponentStatus["Loaded"] = 2] = "Loaded";
+  SuperCampaignComponentStatus[SuperCampaignComponentStatus["NotWorking"] = 3] = "NotWorking";
+})(SuperCampaignComponentStatus || (SuperCampaignComponentStatus = {}));
+export class SuperCampaignState {
+  constructor() {
+    this._promotedFundsShown = [];
+  }
+  get PromotedFundIds() {
+    return this._promotedFundsShown.map((p) => p.fundId);
+  }
+  set promotedFundsShown(value) {
+    this._promotedFundsShown = value;
+  }
+  get DefaultFundPosition() {
+    const index = this._promotedFundsShown.findIndex((value) => value.fundType === 'promoted-default');
+    if (index === -1)
+      return undefined;
+    return index + 1;
+  }
+}
 export const initialState = {
   apiBaseUrl: O.none,
   appBaseUrl: O.none,
   profileId: O.none,
   jwt: O.none,
   superBuyer: O.none,
+  superChoicePrefill: O.none,
   promotedFunds: O.none,
   accountConfiguration: O.none,
   profileConfiguration: O.none,
   hasSuccessPageBeenAcknowledged: false,
   hasSuperSelectionBeenSubmitted: false,
-  campaignConnectEnabled: false,
-  campaignConnectPromise: O.none,
-  campaignConnect: O.none
+  isDefinedBenefitsEligible: O.none,
+  superCampaignEnabled: true,
+  superCampaignState: undefined,
+  superCampaignComponentStatus: SuperCampaignComponentStatus.NotLoaded,
+  hideFooterSection: false,
+  bringYourOwnFundCustomStepEnabled: false,
+  featuredFundsEnabled: false
 };

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

@@ -1,6 +1,8 @@
 import { Component, getAssetPath, h, Host, Prop, State } from '@stencil/core';
-import { isSome } from 'fp-ts/lib/Option';
-import { getLogoSrcByFundId } from '../funds/constants';
+import * as O from 'fp-ts/Option';
+import { assertExhaustive } from '../../../utils';
+import { EventTrackingService } from '../services/event-tracking.service';
+import navigationService from '../services/navigation.service';
 import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
 import superSelectionAppService from '../services/super-selection-app.service';
 import standardChoiceFormState from './standard-choice-form.store';
@@ -8,6 +10,15 @@ export class StandardChoiceFormInputDefaultFund {
   constructor() {
     this.standardChoiceFormSignature = '';
     this.isSubmitDisabled = true;
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.ignorePopState = () => window.history.pushState(null, '', null);
+  }
+  connectedCallback() {
+    this.ignorePopState();
+    window.addEventListener('popstate', this.ignorePopState);
+  }
+  disconnectedCallback() {
+    window.removeEventListener('popstate', this.ignorePopState);
   }
   render() {
     return (h(Host, null,
@@ -22,8 +33,10 @@ export class StandardChoiceFormInputDefaultFund {
                 h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"),
                 h("div", { class: "text-sm mt-2" }, standardChoiceFormState.fundName)),
               h("div", { class: "grid content-center ml-4" },
-                h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
-                  h("sss-button", { size: "xs", variant: "secondary" }, "Change"))))),
+                h("sss-button", { testid: "change-fund-button", size: "xs", variant: "secondary", promiseFn: async () => {
+                    await this.trackChangeRequestedAsync();
+                    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+                  } }, "Change")))),
           h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" },
             h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"),
             h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" },
@@ -37,21 +50,71 @@ export class StandardChoiceFormInputDefaultFund {
                 'was-validated': this.formState === 'validated'
               }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) },
               h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"),
-              h("input", { type: "text", autocomplete: "off", class: {
+              h("input", { "data-testid": "standard-choice-form-signature-input", type: "text", autocomplete: "off", class: {
                   'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-base sm:text-sm border-gray-300 rounded-md mt-1': true,
                   'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
                 }, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }),
               h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"),
               h("div", { class: "mt-6" },
-                h("sss-button", { fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
+                h("sss-button", { testid: "confirm-and-continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
   }
+  // TODO: fetch external promoted fund logo
   renderLogo() {
-    if (standardChoiceFormState.promotedFundId == undefined)
-      return;
-    const logoSource = getLogoSrcByFundId(standardChoiceFormState.promotedFundId);
-    if (isSome(logoSource)) {
-      return (h("div", { class: "pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start" },
-        h("img", { class: "h-16 max-w-140 sm:h-12 sm:max-w-[100px] object-contain", alt: standardChoiceFormState.fundName, src: logoSource.value })));
+    return;
+    // if (standardChoiceFormState.promotedFundId == undefined) return;
+    // const logoSource = getLogoSrcByFundId(standardChoiceFormState.promotedFundId);
+    // if (isSome(logoSource)) {
+    //   return (
+    //     <div class="pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start">
+    //       <img
+    //         class="h-16 max-w-140 sm:h-12 sm:max-w-[100px] object-contain"
+    //         alt={standardChoiceFormState.fundName}
+    //         src={logoSource.value}
+    //       />
+    //     </div>
+    //   );
+    // }
+  }
+  async trackChangeRequestedAsync() {
+    const common = {
+      promotedFundsShown: superSelectionAppService.promotedFunds,
+      defaultFundUsiSet: O.toUndefined(superSelectionAppService.defaultFundUsi)
+    };
+    switch (standardChoiceFormState.fundDetails.type) {
+      case 'default':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          DefaultFund: Object.assign(Object.assign({}, standardChoiceFormState.fundDetails), common)
+        });
+        break;
+      case 'myOwnFund':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          MyOwnFund: Object.assign(Object.assign({}, standardChoiceFormState.fundDetails), common)
+        });
+        break;
+      case 'smsf':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          Smsf: Object.assign(Object.assign({}, standardChoiceFormState.fundDetails), common)
+        });
+        break;
+      case 'promoted':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          PromotedFund: Object.assign(Object.assign({}, standardChoiceFormState.fundDetails), common)
+        });
+        break;
+      case 'promotedDefault':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          PromotedDefaultFund: Object.assign(Object.assign({}, standardChoiceFormState.fundDetails), common)
+        });
+        break;
+      case 'promotedDefaultWithJoin':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          PromotedDefaultFundWithJoin: Object.assign(Object.assign({}, standardChoiceFormState.fundDetails), common)
+        });
+        break;
+      case 'null':
+        throw 'standardChoiceFormState.fundDetails was not set';
+      default:
+        assertExhaustive(standardChoiceFormState.fundDetails);
     }
   }
   async handleSubmitForm() {

package/dist/lib/collection/components/super-selection-app/standard-choice/standard-choice-form.store.js

@@ -4,6 +4,7 @@ export const initial = {
     return;
   },
   fundName: '',
+  fundDetails: { type: 'null' },
   promotedFundId: undefined
 };
 const { state } = createStore(initial);