@flarehr/apollo-super-selection 5.62.19178 → 5.63.19631

package/dist/lib/cjs/{sss-button_31.cjs.entry.js → sss-button_32.cjs.entry.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-eb4f212f.js');
 const datoramaAkita = require('./datorama-akita-6c9cb8fb.js');
-const customFundChoice_api = require('./custom-fund-choice.api-0545c774.js');
+const customFundChoice_api = require('./custom-fund-choice.api-293c1ace.js');
 const activeRouter = require('./active-router-1f555f75.js');
 
 function _interopNamespace(e) {
@@ -285,7 +285,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
     }
 }
 
-const AppVersion = '5.62.19178';
+const AppVersion = '5.63.19631';
 
 class Lazy {
   constructor(factory) {
@@ -2583,6 +2583,119 @@ const PrefillWarningBox = class {
   }
 };
 
+const SmsfEngagementStep = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.allFormFieldsAreFilled = (selfManagedFundForm) => {
+      return (selfManagedFundForm.fundName != null &&
+        selfManagedFundForm.fundAbn != null &&
+        selfManagedFundForm.fundEsa != null &&
+        selfManagedFundForm.addressLine1 != null &&
+        selfManagedFundForm.city != null &&
+        selfManagedFundForm.state != null &&
+        selfManagedFundForm.postcode != null &&
+        selfManagedFundForm.bsb != null &&
+        selfManagedFundForm.bankAccountName != null &&
+        selfManagedFundForm.bankAccountNumber != null &&
+        selfManagedFundForm.memberFirstName != null &&
+        selfManagedFundForm.memberFamilyName != null);
+    };
+    this.stepContinued = async (event) => {
+      if (event.detail.sender == 'smsf-engagement') {
+        await customFundChoice_api.EventTrackingService.Instance.TrackSuperSmsfEngagementStepContinued(event.detail.reason);
+        this.navigateToStandardChoice();
+      }
+    };
+    this.subscribeToStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.addEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.removeEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.stepEventHandlers = {
+      continue: this.stepContinued.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (customFundChoice_api.superSelectionAppService.isSmsfCustomStepEnabled &&
+      customFundChoice_api.superSelectionAppService.isUsingSuperCampaign &&
+      this.allFormFieldsAreFilled(customFundChoice_api.state.selfManagedFundForm) &&
+      customFundChoice_api.Option.isSome(customFundChoice_api.superSelectionAppService.backendUrl) &&
+      customFundChoice_api.Option.isSome(customFundChoice_api.superSelectionAppService.state.jwt)) {
+      this.backendUrl = customFundChoice_api.superSelectionAppService.backendUrl.value;
+      this.accessToken = customFundChoice_api.superSelectionAppService.state.jwt.value;
+      this.initialiseFormState(customFundChoice_api.state.selfManagedFundForm);
+      this.unSubscribeFromStepEvents();
+      this.subscribeToStepEvents();
+      customFundChoice_api.superSelectionAppService.hideFooterSection = true;
+      await customFundChoice_api.EventTrackingService.Instance.TrackSuperSmsfEngagementStepActivationSucceeded();
+    }
+    else {
+      customFundChoice_api.navigationService.navigateInternally(this.history, customFundChoice_api.SuperSelectionAppRoutes.SelfManagedFund);
+    }
+  }
+  disconnectedCallback() {
+    this.unSubscribeFromStepEvents();
+    customFundChoice_api.superSelectionAppService.hideFooterSection = false;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("apollo-super-smsf-engagement", { "backend-url": this.backendUrl, "access-token": this.accessToken })));
+  }
+  navigateToStandardChoice() {
+    customFundChoice_api.navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: 'Self-managed super fund',
+      fundDetails: {
+        type: 'smsf',
+        fundName: this.fundName,
+        fundEsa: this.fundEsa
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const requestDto = Object.assign({ smsfChoice: {
+            abn: this.fundAbn,
+            fundName: this.fundName,
+            fundAddress: {
+              addressLine1: this.fundAddress.addressLine1,
+              addressLine2: this.fundAddress.addressLine2,
+              city: this.fundAddress.city,
+              state: this.fundAddress.state,
+              postcode: this.fundAddress.postcode
+            },
+            bsb: this.bsb,
+            bankAccountName: this.bankAccountName,
+            bankAccountNumber: this.bankAccountNumber,
+            electronicServiceAddress: this.fundEsa,
+            memberFirstName: this.memberFirstName,
+            memberFamilyName: this.memberFamilyName
+          }, standardChoiceFormSignature }, customFundChoice_api.superSelectionAppService.promotedFundsConfig);
+        await customFundChoice_api.customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+      }
+    });
+  }
+  initialiseFormState(selfManagedFundForm) {
+    this.fundName = selfManagedFundForm.fundName;
+    this.fundAbn = selfManagedFundForm.fundAbn;
+    this.fundEsa = selfManagedFundForm.fundEsa;
+    this.fundAddress = {
+      addressLine1: selfManagedFundForm.addressLine1,
+      addressLine2: selfManagedFundForm.addressLine2,
+      city: selfManagedFundForm.city,
+      state: selfManagedFundForm.state,
+      postcode: selfManagedFundForm.postcode
+    };
+    this.bsb = selfManagedFundForm.bsb;
+    this.bankAccountName = selfManagedFundForm.bankAccountName;
+    this.bankAccountNumber = selfManagedFundForm.bankAccountNumber;
+    this.memberFirstName = selfManagedFundForm.memberFirstName;
+    this.memberFamilyName = selfManagedFundForm.memberFamilyName;
+  }
+};
+customFundChoice_api.injectHistory(SmsfEngagementStep);
+
 const StandardChoiceFormInputDefaultFund = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -12873,7 +12986,7 @@ const SuperSmsfHost = class {
       if (event.detail.sender === 'super-smsf') {
         superSmsfComponentStatus = SuperSmsfComponentStatus.Loaded;
         clearTimeout(this.loadingTimeoutRef);
-        this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+        await this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
           promotedFundsShown: customFundChoice_api.superSelectionAppService.promotedFunds,
           defaultFundUsiSet: customFundChoice_api.Option.toUndefined(customFundChoice_api.superSelectionAppService.defaultFundUsi)
         });
@@ -12882,6 +12995,12 @@ const SuperSmsfHost = class {
     };
     this.smsfCompleted = async (event) => {
       if (event.detail.sender === 'super-smsf') {
+        this.updateCustomFundStateStore(event.detail);
+        if (customFundChoice_api.superSelectionAppService.isSmsfCustomStepEnabled &&
+          customFundChoice_api.superSelectionAppService.isUsingSuperCampaign) {
+          customFundChoice_api.navigationService.navigateInternally(this.history, customFundChoice_api.SuperSelectionAppRoutes.SmsfEngagementStep);
+          return;
+        }
         customFundChoice_api.navigationService.navigateInternallyToStandardChoice({
           history: this.history,
           fundName: 'Self-managed super fund',
@@ -12915,7 +13034,7 @@ const SuperSmsfHost = class {
     };
     this.smsfCancelled = async (event) => {
       if (event.detail.sender === 'super-smsf') {
-        await customFundChoice_api.navigationService.navigateInternally(this.history, customFundChoice_api.SuperSelectionAppRoutes.ChoicePage);
+        customFundChoice_api.navigationService.navigateInternally(this.history, customFundChoice_api.SuperSelectionAppRoutes.ChoicePage);
       }
     };
     this.smsfEventHandlers = {
@@ -12944,6 +13063,23 @@ const SuperSmsfHost = class {
   render() {
     return (index.h(index.Host, null, index.h("sss-header-section", null), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("div", null, index.h("apollo-super-smsf", { "backend-url": this.backendUrl, "access-token": this.accessToken }))))));
   }
+  updateCustomFundStateStore(details) {
+    customFundChoice_api.state.selfManagedFundForm = {
+      fundAbn: details.fundAbn,
+      fundName: details.fundName,
+      addressLine1: details.fundAddressLine1,
+      addressLine2: details.fundAddressLine2,
+      city: details.fundCity,
+      state: details.fundState,
+      postcode: details.fundPostcode,
+      bsb: details.bankBsb,
+      bankAccountName: details.bankAccountName,
+      bankAccountNumber: details.bankAccountNumber,
+      fundEsa: details.fundEsa,
+      memberFirstName: details.memberFirstName,
+      memberFamilyName: details.memberLastName
+    };
+  }
   async smsfLoadingTimeoutTriggered() {
     if (superSmsfComponentStatus !== SuperSmsfComponentStatus.Loaded) {
       throw Error(`SMSF component failed to load.`);
@@ -14785,6 +14921,7 @@ exports.sss_prefill_invalid_smsf = PrefillInvalidSMSF;
 exports.sss_prefill_my_own_fund = PrefillMyOwnFund;
 exports.sss_prefill_smsf = PrefillSMSF;
 exports.sss_prefill_warning_box = PrefillWarningBox;
+exports.sss_smsf_engagement_step_host = SmsfEngagementStep;
 exports.sss_standard_choice_form = StandardChoiceFormInputDefaultFund;
 exports.sss_success = Success;
 exports.sss_super_campaign_featured_funds = FeaturedFunds;

package/dist/lib/cjs/sss-super-byof-host.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-eb4f212f.js');
-const customFundChoice_api = require('./custom-fund-choice.api-0545c774.js');
+const customFundChoice_api = require('./custom-fund-choice.api-293c1ace.js');
 require('./active-router-1f555f75.js');
 
 const LoadWaitingTimeout = 30000;

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

@@ -16,6 +16,7 @@
     "./components/super-selection-app/funds/custom-fund/default-fund/default-fund.js",
     "./components/super-selection-app/funds/custom-fund/featured-funds/super-campaign-featured-funds.js",
     "./components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund-engagement-step.js",
+    "./components/super-selection-app/funds/custom-fund/self-managed-fund/smsf-engagement-step-host.js",
     "./components/super-selection-app/header-section/header-section.js",
     "./components/super-selection-app/misc/loading-indicator.js",
     "./components/super-selection-app/prefill-fund/prefill-display-field.js",
@@ -78,6 +79,7 @@
         "sss-prefill-my-own-fund",
         "sss-prefill-smsf",
         "sss-prefill-warning-box",
+        "sss-smsf-engagement-step-host",
         "sss-standard-choice-form",
         "sss-success",
         "sss-super-campaign-featured-funds",

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/smsf-engagement-step-host.js

@@ -0,0 +1,157 @@
+import { Component, h, Host, Prop, State } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+import { isSome } from 'fp-ts/lib/Option';
+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 customFundChoiceApi from '../api/custom-fund-choice.api';
+import customFundState from '../custom-fund.store';
+export class SmsfEngagementStep {
+  constructor() {
+    this.allFormFieldsAreFilled = (selfManagedFundForm) => {
+      return (selfManagedFundForm.fundName != null &&
+        selfManagedFundForm.fundAbn != null &&
+        selfManagedFundForm.fundEsa != null &&
+        selfManagedFundForm.addressLine1 != null &&
+        selfManagedFundForm.city != null &&
+        selfManagedFundForm.state != null &&
+        selfManagedFundForm.postcode != null &&
+        selfManagedFundForm.bsb != null &&
+        selfManagedFundForm.bankAccountName != null &&
+        selfManagedFundForm.bankAccountNumber != null &&
+        selfManagedFundForm.memberFirstName != null &&
+        selfManagedFundForm.memberFamilyName != null);
+    };
+    this.stepContinued = async (event) => {
+      if (event.detail.sender == 'smsf-engagement') {
+        await EventTrackingService.Instance.TrackSuperSmsfEngagementStepContinued(event.detail.reason);
+        this.navigateToStandardChoice();
+      }
+    };
+    this.subscribeToStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.addEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.removeEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.stepEventHandlers = {
+      continue: this.stepContinued.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (superSelectionAppService.isSmsfCustomStepEnabled &&
+      superSelectionAppService.isUsingSuperCampaign &&
+      this.allFormFieldsAreFilled(customFundState.selfManagedFundForm) &&
+      isSome(superSelectionAppService.backendUrl) &&
+      isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      this.initialiseFormState(customFundState.selfManagedFundForm);
+      this.unSubscribeFromStepEvents();
+      this.subscribeToStepEvents();
+      superSelectionAppService.hideFooterSection = true;
+      await EventTrackingService.Instance.TrackSuperSmsfEngagementStepActivationSucceeded();
+    }
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SelfManagedFund);
+    }
+  }
+  disconnectedCallback() {
+    this.unSubscribeFromStepEvents();
+    superSelectionAppService.hideFooterSection = false;
+  }
+  render() {
+    return (h(Host, null,
+      h("apollo-super-smsf-engagement", { "backend-url": this.backendUrl, "access-token": this.accessToken })));
+  }
+  navigateToStandardChoice() {
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: 'Self-managed super fund',
+      fundDetails: {
+        type: 'smsf',
+        fundName: this.fundName,
+        fundEsa: this.fundEsa
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const requestDto = Object.assign({ smsfChoice: {
+            abn: this.fundAbn,
+            fundName: this.fundName,
+            fundAddress: {
+              addressLine1: this.fundAddress.addressLine1,
+              addressLine2: this.fundAddress.addressLine2,
+              city: this.fundAddress.city,
+              state: this.fundAddress.state,
+              postcode: this.fundAddress.postcode
+            },
+            bsb: this.bsb,
+            bankAccountName: this.bankAccountName,
+            bankAccountNumber: this.bankAccountNumber,
+            electronicServiceAddress: this.fundEsa,
+            memberFirstName: this.memberFirstName,
+            memberFamilyName: this.memberFamilyName
+          }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+      }
+    });
+  }
+  initialiseFormState(selfManagedFundForm) {
+    this.fundName = selfManagedFundForm.fundName;
+    this.fundAbn = selfManagedFundForm.fundAbn;
+    this.fundEsa = selfManagedFundForm.fundEsa;
+    this.fundAddress = {
+      addressLine1: selfManagedFundForm.addressLine1,
+      addressLine2: selfManagedFundForm.addressLine2,
+      city: selfManagedFundForm.city,
+      state: selfManagedFundForm.state,
+      postcode: selfManagedFundForm.postcode
+    };
+    this.bsb = selfManagedFundForm.bsb;
+    this.bankAccountName = selfManagedFundForm.bankAccountName;
+    this.bankAccountNumber = selfManagedFundForm.bankAccountNumber;
+    this.memberFirstName = selfManagedFundForm.memberFirstName;
+    this.memberFamilyName = selfManagedFundForm.memberFamilyName;
+  }
+  static get is() { return "sss-smsf-engagement-step-host"; }
+  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 {
+    "backendUrl": {},
+    "accessToken": {},
+    "fundName": {},
+    "fundAbn": {},
+    "fundEsa": {},
+    "fundAddress": {},
+    "bsb": {},
+    "bankAccountName": {},
+    "bankAccountNumber": {},
+    "memberFirstName": {},
+    "memberFamilyName": {}
+  }; }
+}
+injectHistory(SmsfEngagementStep);

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/smsf-engagement-step-types.js

@@ -0,0 +1 @@
+export {};

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

@@ -96,6 +96,16 @@ export class EventTrackingService {
       SuperMyOwnFundEngagementStepContinued: { fundUsi, reason }
     });
   }
+  async TrackSuperSmsfEngagementStepActivationSucceeded() {
+    return this.trackEventAsync({
+      SuperSmsfEngagementStepActivationSucceeded: {}
+    });
+  }
+  async TrackSuperSmsfEngagementStepContinued(reason) {
+    return this.trackEventAsync({
+      SuperSmsfEngagementStepContinued: { reason }
+    });
+  }
   async trackEventAsync(event) {
     try {
       await this.eventTrackingApi.PostAnalyticsEventAsync({ event });

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

@@ -6,6 +6,7 @@ export var SuperSelectionAppRoutes;
   SuperSelectionAppRoutes["ChoicePage"] = "/";
   SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
   SuperSelectionAppRoutes["MyOwnFundEngagementStep"] = "/super-choice/my-own-fund-engagement/";
+  SuperSelectionAppRoutes["SmsfEngagementStep"] = "/super-choice/smsf-engagement/";
   SuperSelectionAppRoutes["Prefill"] = "/super-choice/prefill/";
   SuperSelectionAppRoutes["PrefillInvalidMyOwnFundPage"] = "/super-choice/sss-prefill-invalid-my-own-fund/";
   SuperSelectionAppRoutes["PrefillMyOwnFundPage"] = "/super-choice/prefill-my-own-fund/";
@@ -23,6 +24,7 @@ export const superSelectionAppStencilRoutes = [
   h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-choice-router" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-super-byof-host" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFundEngagementStep, component: "sss-my-own-fund-engagement-step-host" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.SmsfEngagementStep, component: "sss-smsf-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" }),

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

@@ -101,6 +101,7 @@ export class SuperSelectionAppService {
     this._state.promotedFunds = O.fromNullable(appStateResponse.promotedFunds);
     this._state.bringYourOwnFundCustomStepEnabled =
       appStateResponse.bringYourOwnFundCustomStepEnabled;
+    this._state.smsfCustomStepEnabled = appStateResponse.smsfCustomStepEnabled;
     this._state.featuredFundsEnabled = appStateResponse.featuredFundsEnabled;
     this._state.superChoicePrefill = O.fromNullable(appStateResponse.prefill);
     this._state.isDefinedBenefitsEligible = O.fromNullable(appStateResponse.isDefinedBenefitsEligible);
@@ -143,6 +144,9 @@ export class SuperSelectionAppService {
   get isBringYourOwnFundCustomStepEnabled() {
     return this.state.bringYourOwnFundCustomStepEnabled;
   }
+  get isSmsfCustomStepEnabled() {
+    return this.state.smsfCustomStepEnabled;
+  }
   get isFeaturedFundsEnabled() {
     return this.state.featuredFundsEnabled;
   }

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

@@ -40,5 +40,6 @@ export const initialState = {
   superCampaignComponentStatus: SuperCampaignComponentStatus.NotLoaded,
   hideFooterSection: false,
   bringYourOwnFundCustomStepEnabled: false,
+  smsfCustomStepEnabled: false,
   featuredFundsEnabled: false
 };

package/dist/lib/collection/components/super-smsf/super-smsf.js

@@ -2,6 +2,7 @@ import { Component, h, Host, Prop, State } from '@stencil/core';
 import { injectHistory } from '@stencil/router';
 import { isSome, toUndefined } from 'fp-ts/lib/Option';
 import customFundChoiceApi from '../super-selection-app/funds/custom-fund/api/custom-fund-choice.api';
+import customFundState from '../super-selection-app/funds/custom-fund/custom-fund.store';
 import { EventTrackingService } from '../super-selection-app/services/event-tracking.service';
 import navigationService from '../super-selection-app/services/navigation.service';
 import { SuperSelectionAppRoutes } from '../super-selection-app/services/super-selection-app.routes';
@@ -30,7 +31,7 @@ export class SuperSmsfHost {
       if (event.detail.sender === 'super-smsf') {
         superSmsfComponentStatus = SuperSmsfComponentStatus.Loaded;
         clearTimeout(this.loadingTimeoutRef);
-        this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+        await this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
           promotedFundsShown: superSelectionAppService.promotedFunds,
           defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
         });
@@ -39,6 +40,12 @@ export class SuperSmsfHost {
     };
     this.smsfCompleted = async (event) => {
       if (event.detail.sender === 'super-smsf') {
+        this.updateCustomFundStateStore(event.detail);
+        if (superSelectionAppService.isSmsfCustomStepEnabled &&
+          superSelectionAppService.isUsingSuperCampaign) {
+          navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SmsfEngagementStep);
+          return;
+        }
         navigationService.navigateInternallyToStandardChoice({
           history: this.history,
           fundName: 'Self-managed super fund',
@@ -72,7 +79,7 @@ export class SuperSmsfHost {
     };
     this.smsfCancelled = async (event) => {
       if (event.detail.sender === 'super-smsf') {
-        await navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
       }
     };
     this.smsfEventHandlers = {
@@ -106,6 +113,23 @@ export class SuperSmsfHost {
           h("div", null,
             h("apollo-super-smsf", { "backend-url": this.backendUrl, "access-token": this.accessToken }))))));
   }
+  updateCustomFundStateStore(details) {
+    customFundState.selfManagedFundForm = {
+      fundAbn: details.fundAbn,
+      fundName: details.fundName,
+      addressLine1: details.fundAddressLine1,
+      addressLine2: details.fundAddressLine2,
+      city: details.fundCity,
+      state: details.fundState,
+      postcode: details.fundPostcode,
+      bsb: details.bankBsb,
+      bankAccountName: details.bankAccountName,
+      bankAccountNumber: details.bankAccountNumber,
+      fundEsa: details.fundEsa,
+      memberFirstName: details.memberFirstName,
+      memberFamilyName: details.memberLastName
+    };
+  }
   async smsfLoadingTimeoutTriggered() {
     if (superSmsfComponentStatus !== SuperSmsfComponentStatus.Loaded) {
       throw Error(`SMSF component failed to load.`);

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

@@ -16,5 +16,5 @@ const patchBrowser = () => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy([["sss-super-byof-host",[[0,"sss-super-byof-host",{"history":[16],"backendUrl":[32],"accessToken":[32]}]]],["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_31",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-super-campaign-featured-funds",{"history":[16],"backendUrl":[32],"accessToken":[32],"currentView":[32]}],[0,"sss-super-smsf-host",{"history":[16],"backendUrl":[32],"accessToken":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-success"],[0,"sss-choice-router",{"history":[16]}],[0,"sss-my-own-fund-engagement-step-host",{"history":[16],"backendUrl":[32],"accessToken":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberFirstName":[32],"memberFamilyName":[32]}],[0,"sss-super-campaign-host",{"history":[16],"scriptImported":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-dropdown-async",{"testId":[1,"test-id"],"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-name-input",{"testId":[1,"test-id"],"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"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-loading-page"],[0,"sss-footer-section",{"textOverride":[1,"text-override"]}],[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]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-header-section"],[4,"sss-custom-fund",{"history":[16],"currentCustomFund":[32],"fundOptionsList":[32],"showFundOptionsSelection":[32]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[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",{"testid":[1],"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[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);
+  return bootstrapLazy([["sss-super-byof-host",[[0,"sss-super-byof-host",{"history":[16],"backendUrl":[32],"accessToken":[32]}]]],["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_32",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-super-campaign-featured-funds",{"history":[16],"backendUrl":[32],"accessToken":[32],"currentView":[32]}],[0,"sss-super-smsf-host",{"history":[16],"backendUrl":[32],"accessToken":[32]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-success"],[0,"sss-choice-router",{"history":[16]}],[0,"sss-my-own-fund-engagement-step-host",{"history":[16],"backendUrl":[32],"accessToken":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberFirstName":[32],"memberFamilyName":[32]}],[0,"sss-smsf-engagement-step-host",{"history":[16],"backendUrl":[32],"accessToken":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddress":[32],"bsb":[32],"bankAccountName":[32],"bankAccountNumber":[32],"memberFirstName":[32],"memberFamilyName":[32]}],[0,"sss-super-campaign-host",{"history":[16],"scriptImported":[32],"backendUrl":[32],"accessToken":[32]}],[0,"sss-dropdown-async",{"testId":[1,"test-id"],"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-name-input",{"testId":[1,"test-id"],"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[0,"sss-prefill-my-own-fund",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-smsf",{"history":[16],"prefill":[16],"mode":[32],"formState":[32],"isSubmitDisabled":[32],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[0,"sss-prefill-invalid-my-own-fund",{"history":[16],"prefill":[16],"fundUsi":[32],"fundName":[32],"memberNumber":[32],"memberGivenNames":[32],"memberLastName":[32]}],[0,"sss-prefill-invalid-smsf",{"history":[16],"prefill":[16],"fundName":[32],"fundAbn":[32],"fundEsa":[32],"fundAddressLine1":[32],"fundAddressLine2":[32],"fundAddressCity":[32],"fundAddressPostcode":[32],"fundAddressState":[32],"fundAddress":[32],"memberGivenNames":[32],"memberLastName":[32],"bankAccountName":[32],"bankAccountBsb":[32],"bankAccountNumber":[32]}],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"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-loading-page"],[0,"sss-footer-section",{"textOverride":[1,"text-override"]}],[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]}],[0,"sss-prefill-warning-box",{"notificationList":[16]}],[0,"sss-header-section"],[4,"sss-custom-fund",{"history":[16],"currentCustomFund":[32],"fundOptionsList":[32],"showFundOptionsSelection":[32]}],[0,"sss-prefill-display-field",{"field":[16]}],[0,"sss-prefill-error-box",{"withHeader":[4,"with-header"],"notificationList":[16]}],[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",{"testid":[1],"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[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/{custom-fund-choice.api-1d1d018f.js → custom-fund-choice.api-42801d64.js}

@@ -319,6 +319,7 @@ var SuperSelectionAppRoutes;
   SuperSelectionAppRoutes["ChoicePage"] = "/";
   SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
   SuperSelectionAppRoutes["MyOwnFundEngagementStep"] = "/super-choice/my-own-fund-engagement/";
+  SuperSelectionAppRoutes["SmsfEngagementStep"] = "/super-choice/smsf-engagement/";
   SuperSelectionAppRoutes["Prefill"] = "/super-choice/prefill/";
   SuperSelectionAppRoutes["PrefillInvalidMyOwnFundPage"] = "/super-choice/sss-prefill-invalid-my-own-fund/";
   SuperSelectionAppRoutes["PrefillMyOwnFundPage"] = "/super-choice/prefill-my-own-fund/";
@@ -336,6 +337,7 @@ const superSelectionAppStencilRoutes = [
   h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-choice-router" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-super-byof-host" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFundEngagementStep, component: "sss-my-own-fund-engagement-step-host" }),
+  h("stencil-route", { url: SuperSelectionAppRoutes.SmsfEngagementStep, component: "sss-smsf-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" }),
@@ -2776,6 +2778,7 @@ const initialState = {
   superCampaignComponentStatus: SuperCampaignComponentStatus.NotLoaded,
   hideFooterSection: false,
   bringYourOwnFundCustomStepEnabled: false,
+  smsfCustomStepEnabled: false,
   featuredFundsEnabled: false
 };
 
@@ -2876,6 +2879,7 @@ class SuperSelectionAppService {
     this._state.promotedFunds = Option.fromNullable(appStateResponse.promotedFunds);
     this._state.bringYourOwnFundCustomStepEnabled =
       appStateResponse.bringYourOwnFundCustomStepEnabled;
+    this._state.smsfCustomStepEnabled = appStateResponse.smsfCustomStepEnabled;
     this._state.featuredFundsEnabled = appStateResponse.featuredFundsEnabled;
     this._state.superChoicePrefill = Option.fromNullable(appStateResponse.prefill);
     this._state.isDefinedBenefitsEligible = Option.fromNullable(appStateResponse.isDefinedBenefitsEligible);
@@ -2918,6 +2922,9 @@ class SuperSelectionAppService {
   get isBringYourOwnFundCustomStepEnabled() {
     return this.state.bringYourOwnFundCustomStepEnabled;
   }
+  get isSmsfCustomStepEnabled() {
+    return this.state.smsfCustomStepEnabled;
+  }
   get isFeaturedFundsEnabled() {
     return this.state.featuredFundsEnabled;
   }
@@ -3108,6 +3115,16 @@ class EventTrackingService {
       SuperMyOwnFundEngagementStepContinued: { fundUsi, reason }
     });
   }
+  async TrackSuperSmsfEngagementStepActivationSucceeded() {
+    return this.trackEventAsync({
+      SuperSmsfEngagementStepActivationSucceeded: {}
+    });
+  }
+  async TrackSuperSmsfEngagementStepContinued(reason) {
+    return this.trackEventAsync({
+      SuperSmsfEngagementStepContinued: { reason }
+    });
+  }
   async trackEventAsync(event) {
     try {
       await this.eventTrackingApi.PostAnalyticsEventAsync({ event });