@flarehr/apollo-super-selection 1.3.19477 → 1.3.19524

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

@@ -0,0 +1,158 @@
+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.addressLine2 != 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]}]]],["sss-smsf-engagement-step-host",[[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]}]]],["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);
 });

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 });

package/dist/lib/esm/loader.js

@@ -13,7 +13,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   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]}]]],["sss-smsf-engagement-step-host",[[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]}]]],["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);
   });
 };
 

package/dist/lib/esm/sss-button_31.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, F as Fragment, g as getAssetPath, H as Host, c as createEvent, s as setErrorHandler, a as getElement, d as getContext } from './index-107d7c24.js';
 import { f as from, m as map, S as SimpleOuterSubscriber, a as SimpleInnerSubscriber, i as innerSubscribe, b as isArray, O as Observable, c as isFunction, d as async, g as Subscriber, h as distinctUntilChanged, j as filter, k as StoreConfig, l as Store, Q as Query } from './datorama-akita-127aea91.js';
-import { n as none, i as isSome, s as some, a as superSelectionAppService, b as navigationService, S as SuperSelectionAppRoutes, c as injectHistory, C as CustomFundTypes, d as superSelectionApi, O as Option, E as EventTrackingService, e as customFundChoiceApi, f as isNone, g as getPromotedFundId, h as buildBackendApiClient, j as getSuperChoiceUsi, k as getSuperChoiceMemberNumber, l as state, m as state$1, t as toUndefined, o as slate, p as SuperCampaignComponentStatus, q as iframe, r as superSelectionAppStencilRoutes, u as factory, v as fromNullable } from './custom-fund-choice.api-1d1d018f.js';
+import { n as none, i as isSome, s as some, a as superSelectionAppService, b as navigationService, S as SuperSelectionAppRoutes, c as injectHistory, C as CustomFundTypes, d as superSelectionApi, O as Option, E as EventTrackingService, e as customFundChoiceApi, f as isNone, g as getPromotedFundId, h as buildBackendApiClient, j as getSuperChoiceUsi, k as getSuperChoiceMemberNumber, l as state, m as state$1, t as toUndefined, o as slate, p as SuperCampaignComponentStatus, q as iframe, r as superSelectionAppStencilRoutes, u as factory, v as fromNullable } from './custom-fund-choice.api-42801d64.js';
 import { A as ActiveRouter } from './active-router-d18b36fb.js';
 
 function noop() { }
@@ -261,7 +261,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '1.3.19477';
+const AppVersion = '1.3.19524';
 
 class Lazy {
   constructor(factory) {
@@ -12849,7 +12849,7 @@ const SuperSmsfHost = class {
       if (event.detail.sender === 'super-smsf') {
         superSmsfComponentStatus = SuperSmsfComponentStatus.Loaded;
         clearTimeout(this.loadingTimeoutRef);
-        this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+        await this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
           promotedFundsShown: superSelectionAppService.promotedFunds,
           defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
         });
@@ -12858,6 +12858,12 @@ const SuperSmsfHost = class {
     };
     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',
@@ -12891,7 +12897,7 @@ const SuperSmsfHost = class {
     };
     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 = {
@@ -12920,6 +12926,23 @@ const SuperSmsfHost = class {
   render() {
     return (h(Host, null, h("sss-header-section", null), h("div", { class: "flex justify-center mt-11" }, h("sss-custom-fund", null, h("div", null, h("apollo-super-smsf", { "backend-url": this.backendUrl, "access-token": this.accessToken }))))));
   }
+  updateCustomFundStateStore(details) {
+    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.`);

package/dist/lib/esm/sss-smsf-engagement-step-host.entry.js

@@ -0,0 +1,119 @@
+import { r as registerInstance, h, H as Host } from './index-107d7c24.js';
+import { E as EventTrackingService, a as superSelectionAppService, l as state, O as Option, b as navigationService, S as SuperSelectionAppRoutes, e as customFundChoiceApi, c as injectHistory } from './custom-fund-choice.api-42801d64.js';
+import './active-router-d18b36fb.js';
+
+const SmsfEngagementStep = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.allFormFieldsAreFilled = (selfManagedFundForm) => {
+      return (selfManagedFundForm.fundName != null &&
+        selfManagedFundForm.fundAbn != null &&
+        selfManagedFundForm.fundEsa != null &&
+        selfManagedFundForm.addressLine1 != null &&
+        selfManagedFundForm.addressLine2 != 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(state.selfManagedFundForm) &&
+      Option.isSome(superSelectionAppService.backendUrl) &&
+      Option.isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      this.initialiseFormState(state.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;
+  }
+};
+injectHistory(SmsfEngagementStep);
+
+export { SmsfEngagementStep as sss_smsf_engagement_step_host };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-107d7c24.js';
-import { E as EventTrackingService, a as superSelectionAppService, O as Option, l as state, b as navigationService, S as SuperSelectionAppRoutes, e as customFundChoiceApi, c as injectHistory } from './custom-fund-choice.api-1d1d018f.js';
+import { E as EventTrackingService, a as superSelectionAppService, O as Option, l as state, b as navigationService, S as SuperSelectionAppRoutes, e as customFundChoiceApi, c as injectHistory } from './custom-fund-choice.api-42801d64.js';
 import './active-router-d18b36fb.js';
 
 const LoadWaitingTimeout = 30000;