@flarehr/apollo-super-selection 1.3.65232 → 1.4.32906

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

@@ -0,0 +1,161 @@
+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.accountId = superSelectionAppService.accountIdOrDefault;
+      this.partnerId = superSelectionAppService.partnerIdOrDefault;
+      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, "account-id": this.accountId, "partner-id": this.partnerId })));
+  }
+  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": {},
+    "accountId": {},
+    "partnerId": {}
+  }; }
+}
+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/header-section/header-section.js

@@ -1,6 +1,27 @@
 import { Component, Fragment, h } from '@stencil/core';
 import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
 import superSelectionAppService from '../services/super-selection-app.service';
+const RouteLink = (props, children) => {
+  return (h("stencil-route-link", { exact: true, url: props.route },
+    h("div", { class: {
+        'block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full': true,
+        'bg-white shadow-sm text-primary-base': props.isActive,
+        'hover:bg-primary-hover text-white': !props.isActive
+      } }, children)));
+};
+const ChooseAnotherFundLink = (props) => {
+  let route = SuperSelectionAppRoutes.MyOwnFund;
+  if (window.location.href.includes(SuperSelectionAppRoutes.SelfManagedFund)) {
+    route = SuperSelectionAppRoutes.SelfManagedFund;
+  }
+  else if (window.location.href.includes(SuperSelectionAppRoutes.DefaultFund)) {
+    route = SuperSelectionAppRoutes.DefaultFund;
+  }
+  else if (window.location.href.includes(SuperSelectionAppRoutes.FeaturedFunds)) {
+    route = SuperSelectionAppRoutes.FeaturedFunds;
+  }
+  return (h(RouteLink, { route: route, isActive: props.isActive }, "Choose another fund"));
+};
 export class HeaderSection {
   render() {
     return (h("div", { class: "flex justify-center" },
@@ -8,11 +29,9 @@ export class HeaderSection {
         h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"),
         h(Fragment, null,
           h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, superSelectionAppService.superCampaignCanNotBeActivated ? (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF or your employer\u2019s default fund.")) : (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured\u00A0funds."))),
-          !superSelectionAppService.superCampaignCanNotBeActivated && (h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
-            h("a", { class: "inline-flex items-center mt-3 font-semibold text-primary-base" },
-              h("svg", { width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", class: "mr-1", xmlns: "http://www.w3.org/2000/svg" },
-                h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.7071 9.70711C5.31657 10.0976 4.68341 10.0976 4.29288 9.70711L0.29288 5.70711C-0.0976448 5.31658 -0.0976448 4.68342 0.29288 4.29289L4.29288 0.292893C4.68341 -0.0976315 5.31657 -0.0976315 5.7071 0.292893C6.09762 0.683417 6.09762 1.31658 5.7071 1.70711L3.4142 4L15 4C15.5523 4 16 4.44772 16 5C16 5.55228 15.5523 6 15 6L3.4142 6L5.7071 8.29289C6.09762 8.68342 6.09762 9.31658 5.7071 9.70711Z", fill: "currentColor" })),
-              h("span", { class: "leading-5 text-sm" }, "Back to featured funds"))))))));
+          !superSelectionAppService.superCampaignCanNotBeActivated && (h("div", { class: "inline-flex mt-8 sm:mt-12 bg-primary-base rounded-lg p-0.5 whitespace-normal" },
+            h(RouteLink, { route: SuperSelectionAppRoutes.ChoicePage, isActive: false }, "Featured super funds"),
+            h(ChooseAnotherFundLink, { isActive: true })))))));
   }
   static get is() { return "sss-header-section"; }
 }

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/";
@@ -21,14 +22,15 @@ export const superSelectionAppStencilRoutes = [
   h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-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.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" }),
   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.SelfManagedFund, component: "sss-super-smsf-host" }),
   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" }),

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-types.js

@@ -0,0 +1 @@
+export const LoadWaitingTimeout = 30000;

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

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

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

@@ -0,0 +1,166 @@
+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';
+import superSelectionAppService from '../super-selection-app/services/super-selection-app.service';
+import { LoadWaitingTimeout } from './super-smsf-types';
+var SuperSmsfComponentStatus;
+(function (SuperSmsfComponentStatus) {
+  SuperSmsfComponentStatus[SuperSmsfComponentStatus["NotLoaded"] = 1] = "NotLoaded";
+  SuperSmsfComponentStatus[SuperSmsfComponentStatus["Loaded"] = 2] = "Loaded";
+})(SuperSmsfComponentStatus || (SuperSmsfComponentStatus = {}));
+let superSmsfComponentStatus = SuperSmsfComponentStatus.NotLoaded;
+export class SuperSmsfHost {
+  constructor() {
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.subscribeToSuperSmsfEvents = () => {
+      for (const eventName in this.smsfEventHandlers) {
+        document.addEventListener(eventName, this.smsfEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromSuperSmsfEvents = () => {
+      for (const eventName in this.smsfEventHandlers) {
+        document.removeEventListener(eventName, this.smsfEventHandlers[eventName]);
+      }
+    };
+    this.smsfLoaded = async (event) => {
+      if (event.detail.sender === 'super-smsf') {
+        superSmsfComponentStatus = SuperSmsfComponentStatus.Loaded;
+        clearTimeout(this.loadingTimeoutRef);
+        await this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+          promotedFundsShown: superSelectionAppService.promotedFunds,
+          defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
+        });
+      }
+      return Promise.resolve();
+    };
+    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',
+          fundDetails: {
+            type: 'smsf',
+            fundName: event.detail.fundName,
+            fundEsa: event.detail.fundEsa
+          },
+          handleSubmitFn: async (standardChoiceFormSignature) => {
+            const requestDto = Object.assign({ smsfChoice: {
+                abn: event.detail.fundAbn,
+                fundName: event.detail.fundName,
+                fundAddress: {
+                  addressLine1: event.detail.fundAddressLine1,
+                  addressLine2: event.detail.fundAddressLine2,
+                  city: event.detail.fundCity,
+                  state: event.detail.fundState,
+                  postcode: event.detail.fundPostcode
+                },
+                bsb: event.detail.bankBsb,
+                bankAccountName: event.detail.bankAccountName,
+                bankAccountNumber: event.detail.bankAccountNumber,
+                electronicServiceAddress: event.detail.fundEsa,
+                memberFirstName: event.detail.memberFirstName,
+                memberFamilyName: event.detail.memberLastName
+              }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+            await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+          }
+        });
+      }
+    };
+    this.smsfCancelled = async (event) => {
+      if (event.detail.sender === 'super-smsf') {
+        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+      }
+    };
+    this.smsfEventHandlers = {
+      'smsf-loaded': this.smsfLoaded.bind(this),
+      'smsf-completed': this.smsfCompleted.bind(this),
+      'smsf-cancelled': this.smsfCancelled.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (isSome(superSelectionAppService.backendUrl) && isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      if (superSmsfComponentStatus === SuperSmsfComponentStatus.NotLoaded) {
+        this.loadingTimeoutRef = setTimeout(this.smsfLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout);
+      }
+      this.subscribeToSuperSmsfEvents();
+    }
+    else {
+      throw Error(`SuperSmsfHost pre-requisites not met.`);
+    }
+  }
+  disconnectedCallback() {
+    clearTimeout(this.loadingTimeoutRef);
+    this.unSubscribeFromSuperSmsfEvents();
+  }
+  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) {
+    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.`);
+    }
+  }
+  static get is() { return "sss-super-smsf-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": {}
+  }; }
+}
+injectHistory(SuperSmsfHost);

package/dist/lib/esm/{active-router-5e40c0f8.js → active-router-d18b36fb.js}

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

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

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-189b2180.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-107d7c24.js';
 import './datorama-akita-127aea91.js';
 import { g as globalScripts } from './app-globals-c1f89805.js';
 
@@ -16,5 +16,5 @@ const patchBrowser = () => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy([["context-consumer",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_34",[[0,"sss-prefill",{"history":[16],"prefill":[32]}],[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[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-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-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-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-loading-page"],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"abnValidationStatus":[32],"isAbnTouched":[32],"currentBank":[32],"addressErrorMessage":[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-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-name-input",{"testId":[1,"test-id"],"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[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],"accountId":[32],"partnerId":[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/context-consumer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as getElement } from './index-189b2180.js';
+import { r as registerInstance, a as getElement } from './index-107d7c24.js';
 
 const ContextConsumer = class {
   constructor(hostRef) {