@flarehr/apollo-super-selection 5.86.53344 → 5.88.58802

package/dist/lib/esm/{sss-button_32.entry.js → sss-button_33.entry.js}

@@ -1,7 +1,11 @@
-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 { r as registerInstance, h, F as Fragment, H as Host, c as createEvent, g as getAssetPath, 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-42801d64.js';
+import { n as none, i as isSome, s as some, a as superSelectionAppService, O as Option, b as isNone, g as getPromotedFundId, c as buildBackendApiClient, d as getSuperChoiceUsi, e as getSuperChoiceMemberNumber, S as SuperCampaignComponentStatus, t as toUndefined, f as superSelectionApi, h as slate, j as factory, k as fromNullable } from './super-selection-app.service-312ba6b0.js';
 import { A as ActiveRouter } from './active-router-d18b36fb.js';
+import { i as injectHistory } from './injectHistory-e92e4664.js';
+import { n as navigationService, S as SuperSelectionAppRoutes, E as EventTrackingService, c as customFundChoiceApi, s as state$1, i as iframe, a as superSelectionAppStencilRoutes } from './event-tracking.service-83984310.js';
+import { C as CustomFundTypes, s as state } from './custom-fund.store-59962585.js';
+import { a as australianFundLookupService } from './australian-fund-lookup.service-139f6b9d.js';
 
 function noop() { }
 
@@ -261,7 +265,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '5.86.53344';
+const AppVersion = '5.88.58802';
 
 class Lazy {
   constructor(factory) {
@@ -916,70 +920,97 @@ const CustomFund = class {
 };
 injectHistory(CustomFund);
 
-class AustralianFundLookupService {
-  async searchFundsAsync(searchString, maxRecordCount) {
-    return superSelectionApi.getAustralianFundsAsync({
-      searchString,
-      maxRecordCount
-    });
-  }
-  async getFundAsync(usi, includeInactive) {
-    const result = await superSelectionApi.getAustralianFundAsync(usi, includeInactive);
-    return Option.some(result);
-  }
-}
-const australianFundLookupService = new AustralianFundLookupService();
+const LoadWaitingTimeout = 30000;
 
-const DefaultFund = class {
+var SuperDefaultFundComponentStatus;
+(function (SuperDefaultFundComponentStatus) {
+  SuperDefaultFundComponentStatus[SuperDefaultFundComponentStatus["NotLoaded"] = 1] = "NotLoaded";
+  SuperDefaultFundComponentStatus[SuperDefaultFundComponentStatus["Loaded"] = 2] = "Loaded";
+})(SuperDefaultFundComponentStatus || (SuperDefaultFundComponentStatus = {}));
+let superDefaultFundComponentStatus = SuperDefaultFundComponentStatus.NotLoaded;
+const SuperDefaultFundHost = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.defaultFundProductName = 'Loading fund...';
+    this.productName = 'Employer’s default fund';
     this.eventTrackingService = EventTrackingService.Instance;
+    this.subscribeToSuperDefaultFundEvents = () => {
+      for (const eventName in this.defaultFundEventHandlers) {
+        document.addEventListener(eventName, this.defaultFundEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromSuperDefaultFundEvents = () => {
+      for (const eventName in this.defaultFundEventHandlers) {
+        document.removeEventListener(eventName, this.defaultFundEventHandlers[eventName]);
+      }
+    };
+    this.defaultFundLoaded = async (event) => {
+      var _a;
+      if (event.detail.sender === 'super-default-fund') {
+        superDefaultFundComponentStatus = SuperDefaultFundComponentStatus.Loaded;
+        clearTimeout(this.loadingTimeoutRef);
+        await this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
+          fundUsi: (_a = event.detail.fundUsi) !== null && _a !== void 0 ? _a : '',
+          fundName: this.productName,
+          promotedFundsShown: superSelectionAppService.promotedFunds,
+          defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
+        });
+      }
+      return Promise.resolve();
+    };
+    this.defaultFundCompleted = async (event) => {
+      if (event.detail.sender === 'super-default-fund') {
+        navigationService.navigateInternallyToStandardChoice({
+          history: this.history,
+          fundName: this.productName,
+          fundDetails: {
+            type: 'default',
+            fundName: this.productName,
+            fundUsi: event.detail.fundUsi
+          },
+          handleSubmitFn: async (standardChoiceFormSignature) => {
+            await customFundChoiceApi.submitDefaultFundChoiceAsync(Object.assign({ standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig));
+          }
+        });
+      }
+    };
+    this.defaultFundCancelled = async (event) => {
+      if (event.detail.sender === 'super-default-fund') {
+        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+      }
+    };
+    this.defaultFundEventHandlers = {
+      'default-fund-loaded': this.defaultFundLoaded.bind(this),
+      'default-fund-completed': this.defaultFundCompleted.bind(this),
+      'default-fund-cancelled': this.defaultFundCancelled.bind(this)
+    };
   }
   async componentWillLoad() {
-    const defaultFundUsi = superSelectionAppService.defaultFundUsi;
-    if (Option.isNone(defaultFundUsi)) {
-      return;
+    if (Option.isSome(superSelectionAppService.backendUrl) &&
+      Option.isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      if (superDefaultFundComponentStatus === SuperDefaultFundComponentStatus.NotLoaded) {
+        this.loadingTimeoutRef = setTimeout(this.defaultFundLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout);
+      }
+      this.subscribeToSuperDefaultFundEvents();
     }
-    this.isDefaultFundExists = true;
-    const defaultFundSearchResult = await australianFundLookupService.getFundAsync(defaultFundUsi.value, true);
-    if (Option.isNone(defaultFundSearchResult)) {
-      this.isInvalidDefaultFund = true;
-      return;
+    else {
+      throw Error(`SuperDefaultFundHost pre-requisites not met.`);
     }
-    this.defaultFund = defaultFundSearchResult.value;
-    this.defaultFundProductName = defaultFundSearchResult.value.productName;
   }
-  componentDidLoad() {
-    var _a, _b, _c, _d;
-    return this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
-      fundUsi: (_b = (_a = this.defaultFund) === null || _a === void 0 ? void 0 : _a.usi) !== null && _b !== void 0 ? _b : '',
-      fundName: (_d = (_c = this.defaultFund) === null || _c === void 0 ? void 0 : _c.productName) !== null && _d !== void 0 ? _d : '',
-      promotedFundsShown: superSelectionAppService.promotedFunds,
-      defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
-    });
+  disconnectedCallback() {
+    clearTimeout(this.loadingTimeoutRef);
   }
   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", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), (!this.isDefaultFundExists || this.isInvalidDefaultFund) && (h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })), h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, h("span", null, "It looks like your employer has not specified a default fund, please contact them if you\u2019d like to use your company\u2019s default fund."))))), this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", null, h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFundProductName)), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFund.usi)), h("div", { class: "mt-8 mb-8 h-px w-full bg-gray-200" }), h("div", { class: "text-sm text-gray-700" }, h("label", { class: "font-semibold text-gray-900" }, "By clicking \u201CContinue\u201D, you acknowledge that:"), h("ul", { class: "list-disc list-outside pl-5" }, h("li", { class: "mt-2" }, "you are choosing to join your employer\u2019s default super fund;"), h("li", { class: "mt-2" }, "your employer will open a new account for you with their default super fund; and"), h("li", { class: "mt-2" }, "your application to join is subject to Trustee approval.")))))), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" }, h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back"))))))));
+    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-default-fund", { "backend-url": this.backendUrl, "access-token": this.accessToken }))))));
   }
-  async handleSubmitForm() {
-    if (this.isInvalidDefaultFund) {
-      return;
+  async defaultFundLoadingTimeoutTriggered() {
+    if (superDefaultFundComponentStatus !== SuperDefaultFundComponentStatus.Loaded) {
+      throw Error(`Default Fund component failed to load.`);
     }
-    navigationService.navigateInternallyToStandardChoice({
-      history: this.history,
-      fundName: `Employer’s default fund`,
-      fundDetails: {
-        type: 'default',
-        fundName: this.defaultFundProductName,
-        fundUsi: this.defaultFund.usi
-      },
-      handleSubmitFn: async (standardChoiceFormSignature) => {
-        await customFundChoiceApi.submitDefaultFundChoiceAsync(Object.assign({ standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig));
-      }
-    });
   }
 };
+injectHistory(SuperDefaultFundHost);
 
 const dropdownAsyncCss = "html{scroll-behavior:smooth}.sss-dropdown-menu{max-height:min(20rem, 50vh)}";
 
@@ -2559,6 +2590,206 @@ const PrefillWarningBox = class {
   }
 };
 
+class SuperCampaignErrorApi {
+  static get Instance() {
+    return this.instance || (this.instance = new this());
+  }
+  async PostError(error) {
+    buildBackendApiClient().url('super-campaign/errors').post(error);
+  }
+}
+
+class PromotedFundChoiceApi {
+  async submitChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/promoted-fund')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Promoted Fund choice request');
+    })
+      .text();
+  }
+  async submitDefaultChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/promoted-fund/default')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Promoted Default Fund choice request');
+    })
+      .text();
+  }
+  async submitDefaultChoiceWithJoinAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/promoted-fund/default-with-join')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Promoted Default Fund With Join choice request');
+    })
+      .text();
+  }
+}
+const promotedFundChoiceApi = new PromotedFundChoiceApi();
+
+const LoadWaitingTimeout$1 = 30000;
+
+var SuperPromotedFundComponentStatus;
+(function (SuperPromotedFundComponentStatus) {
+  SuperPromotedFundComponentStatus[SuperPromotedFundComponentStatus["NotLoaded"] = 1] = "NotLoaded";
+  SuperPromotedFundComponentStatus[SuperPromotedFundComponentStatus["Loaded"] = 2] = "Loaded";
+})(SuperPromotedFundComponentStatus || (SuperPromotedFundComponentStatus = {}));
+let superPromotedFundComponentStatus = SuperPromotedFundComponentStatus.NotLoaded;
+const SuperPromotedFundHost = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.subscribeToSuperPromotedFundEvents = () => {
+      for (const eventName in this.promotedFundEventHandlers) {
+        document.addEventListener(eventName, this.promotedFundEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromSuperPromotedFundEvents = () => {
+      for (const eventName in this.promotedFundEventHandlers) {
+        document.removeEventListener(eventName, this.promotedFundEventHandlers[eventName]);
+      }
+    };
+    this.promotedFundLoaded = async (event) => {
+      if (event.detail.sender === 'super-promoted-fund') {
+        superPromotedFundComponentStatus = SuperPromotedFundComponentStatus.Loaded;
+        clearTimeout(this.loadingTimeoutRef);
+      }
+    };
+    this.promotedFundCompleted = async (event) => {
+      if (event.detail.sender === 'super-promoted-fund') {
+        const { fundType, fundId, fundUsi, fundName, memberNumber } = event.detail;
+        const fundDetails = this.buildFundDetails(fundType, fundId, fundUsi, fundName, memberNumber);
+        const handleSubmitFn = this.buildHandleSubmitFn(event.detail);
+        navigationService.navigateInternallyToStandardChoice({
+          history: this.history,
+          fundName,
+          promotedFundId: fundId,
+          fundDetails,
+          handleSubmitFn
+        });
+      }
+    };
+    this.promotedFundCancelled = async (event) => {
+      if (event.detail.sender === 'super-promoted-fund') {
+        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
+      }
+    };
+    this.superCampaignLoadFailed = async (event) => {
+      if (event.detail.sender === 'super-promoted-fund') {
+        await this.activateFallbackMechanism({
+          type: 'SuperCampaignActivationFailed',
+          reason: event.detail.reason || 'Unknown'
+        });
+      }
+    };
+    this.superCampaignFailed = async (event) => {
+      if (event.detail.sender === 'super-promoted-fund') {
+        await this.activateFallbackMechanism({
+          type: 'SuperCampaignOperationFailed',
+          reason: event.detail.reason || 'Unknown'
+        });
+      }
+    };
+    this.promotedFundEventHandlers = {
+      'promoted-fund-loaded': this.promotedFundLoaded.bind(this),
+      'promoted-fund-completed': this.promotedFundCompleted.bind(this),
+      'promoted-fund-cancelled': this.promotedFundCancelled.bind(this),
+      'super-campaign-load-failed': this.superCampaignLoadFailed.bind(this),
+      'super-campaign-failed': this.superCampaignFailed.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (Option.isSome(superSelectionAppService.backendUrl) &&
+      Option.isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      superSelectionAppService.hideFooterSection = true;
+      if (superPromotedFundComponentStatus === SuperPromotedFundComponentStatus.NotLoaded) {
+        this.loadingTimeoutRef = setTimeout(this.promotedFundLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout$1);
+      }
+      this.subscribeToSuperPromotedFundEvents();
+    }
+    else {
+      throw Error(`SuperPromotedFundHost pre-requisites not met.`);
+    }
+  }
+  disconnectedCallback() {
+    clearTimeout(this.loadingTimeoutRef);
+    this.unSubscribeFromSuperPromotedFundEvents();
+    superSelectionAppService.hideFooterSection = false;
+  }
+  render() {
+    return (h(Host, null, h("apollo-super-promoted-fund", { "backend-url": this.backendUrl, "access-token": this.accessToken })));
+  }
+  buildFundDetails(fundType, fundId, fundUsi, fundName, memberNumber) {
+    switch (fundType) {
+      case 'Promoted':
+        return {
+          type: 'promoted',
+          fundName,
+          fundUsi,
+          memberNumber: memberNumber !== null && memberNumber !== void 0 ? memberNumber : '',
+          promotedFundId: fundId
+        };
+      case 'PromotedDefault':
+        return {
+          type: 'promotedDefault',
+          fundName,
+          fundUsi,
+          promotedFundId: fundId
+        };
+      case 'PromotedDefaultWithJoin':
+        return {
+          type: 'promotedDefaultWithJoin',
+          fundName,
+          fundUsi,
+          memberNumber: memberNumber !== null && memberNumber !== void 0 ? memberNumber : '',
+          promotedFundId: fundId
+        };
+    }
+  }
+  buildHandleSubmitFn(detail) {
+    const { fundType, fundId, fundUsi, memberNumber, memberFirstName, memberFamilyName, sourceOfJoin, isDefaultExclusive } = detail;
+    const defaultFundUsiSet = Option.toUndefined(superSelectionAppService.defaultFundUsi);
+    const promotedFundsConfig = superSelectionAppService.promotedFundsConfig;
+    switch (fundType) {
+      case 'Promoted':
+        return (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign({ fundId, memberNumber: memberNumber !== null && memberNumber !== void 0 ? memberNumber : '', memberFirstName,
+          memberFamilyName, usi: fundUsi, standardChoiceFormSignature,
+          defaultFundUsiSet, placementId: 'panel', sourceOfJoin,
+          isDefaultExclusive }, promotedFundsConfig));
+      case 'PromotedDefault':
+        return (standardChoiceFormSignature) => promotedFundChoiceApi.submitDefaultChoiceAsync(Object.assign({ fundId, usi: fundUsi, standardChoiceFormSignature,
+          defaultFundUsiSet, placementId: 'panel', sourceOfJoin,
+          isDefaultExclusive }, promotedFundsConfig));
+      case 'PromotedDefaultWithJoin':
+        return (standardChoiceFormSignature) => promotedFundChoiceApi.submitDefaultChoiceWithJoinAsync(Object.assign({ fundId, memberNumber: memberNumber !== null && memberNumber !== void 0 ? memberNumber : '', memberFirstName: memberFirstName !== null && memberFirstName !== void 0 ? memberFirstName : '', memberFamilyName: memberFamilyName !== null && memberFamilyName !== void 0 ? memberFamilyName : '', usi: fundUsi, standardChoiceFormSignature,
+          defaultFundUsiSet, placementId: 'panel', sourceOfJoin,
+          isDefaultExclusive }, promotedFundsConfig));
+    }
+  }
+  async activateFallbackMechanism(error) {
+    if (superSelectionAppService.superCampaignComponentStatus !==
+      SuperCampaignComponentStatus.NotWorking) {
+      superSelectionAppService.superCampaignComponentStatus =
+        SuperCampaignComponentStatus.NotWorking;
+      await SuperCampaignErrorApi.Instance.PostError(error);
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
+    }
+  }
+  async promotedFundLoadingTimeoutTriggered() {
+    if (superPromotedFundComponentStatus !== SuperPromotedFundComponentStatus.Loaded) {
+      this.activateFallbackMechanism({
+        type: 'SuperCampaignActivationFailed',
+        reason: `Activation timeout was triggered after:${LoadWaitingTimeout$1 / 1000} seconds`
+      });
+    }
+  }
+};
+injectHistory(SuperPromotedFundHost);
+
 const SmsfEngagementStep = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -12505,37 +12736,6 @@ class AppInsightsService {
 }
 const appInsights = new AppInsightsService();
 
-class PromotedFundChoiceApi {
-  async submitChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/promoted-fund')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process Promoted Fund choice request');
-    })
-      .text();
-  }
-  async submitDefaultChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/promoted-fund/default')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process Promoted Default Fund choice request');
-    })
-      .text();
-  }
-  async submitDefaultChoiceWithJoinAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/promoted-fund/default-with-join')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process Promoted Default Fund With Join choice request');
-    })
-      .text();
-  }
-}
-const promotedFundChoiceApi = new PromotedFundChoiceApi();
-
 class SlateChoiceApi {
   async submitSlateChoiceAsync(dto) {
     return buildBackendApiClient()
@@ -12554,7 +12754,7 @@ const Usi = {
     return usi.replace(/ /g, '');
   }
 };
-const LoadWaitingTimeout = 30000;
+const LoadWaitingTimeout$2 = 30000;
 
 class PromotedFundJoinedEventHandler {
   constructor(placementId, history) {
@@ -12746,15 +12946,6 @@ const FeaturedFunds = class {
 };
 injectHistory(FeaturedFunds);
 
-class SuperCampaignErrorApi {
-  static get Instance() {
-    return this.instance || (this.instance = new this());
-  }
-  async PostError(error) {
-    buildBackendApiClient().url('super-campaign/errors').post(error);
-  }
-}
-
 const SuperFundDisclaimerViewedDetail = {
   create: (superCampaignEnabled) => {
     let isDefinedBenefitsEligibleString = 'Not set';
@@ -12883,7 +13074,7 @@ const SuperCampaignHost = class {
           SuperCampaignComponentStatus.NotLoaded) {
           superCampaingScriptPath = this.createApolloSuperCampaignScriptUrl();
           await import(superCampaingScriptPath);
-          this.loadingTimeoutRef = setTimeout(this.superCampaignLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout);
+          this.loadingTimeoutRef = setTimeout(this.superCampaignLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout$2);
         }
         this.subscribeToSuperCampaignEvents();
         this.scriptImported = true;
@@ -12921,7 +13112,7 @@ const SuperCampaignHost = class {
     if (superSelectionAppService.superCampaignComponentStatus !== SuperCampaignComponentStatus.Loaded) {
       this.activateFallbackMechanism({
         type: 'SuperCampaignActivationFailed',
-        reason: `Activation timeout was triggered after:${LoadWaitingTimeout / 1000} seconds`
+        reason: `Activation timeout was triggered after:${LoadWaitingTimeout$2 / 1000} seconds`
       });
     }
   }
@@ -12943,7 +13134,7 @@ const SuperCampaignHost = class {
 };
 injectHistory(SuperCampaignHost);
 
-const LoadWaitingTimeout$1 = 30000;
+const LoadWaitingTimeout$3 = 30000;
 
 var SuperSmsfComponentStatus;
 (function (SuperSmsfComponentStatus) {
@@ -13031,7 +13222,7 @@ const SuperSmsfHost = class {
       this.backendUrl = superSelectionAppService.backendUrl.value;
       this.accessToken = superSelectionAppService.state.jwt.value;
       if (superSmsfComponentStatus === SuperSmsfComponentStatus.NotLoaded) {
-        this.loadingTimeoutRef = setTimeout(this.smsfLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout$1);
+        this.loadingTimeoutRef = setTimeout(this.smsfLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout$3);
       }
       this.subscribeToSuperSmsfEvents();
     }
@@ -14884,4 +15075,4 @@ const SuperSelectionAppHost = class {
 };
 SuperSelectionAppHost.style = superSelectionAppHostCss;
 
-export { Button as sss_button, ChoiceRouter as sss_choice_router, CustomFund as sss_custom_fund, DefaultFund as sss_default_fund, SelectInputAsync as sss_dropdown_async, ExistingChoice as sss_existing_choice_page, FooterSection as sss_footer_section, HeaderSection as sss_header_section, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, MyOwnFundEngagementStep as sss_my_own_fund_engagement_step_host, MemberNameInput as sss_name_input, Prefill as sss_prefill, DisplayField as sss_prefill_display_field, PrefillErrorBox as sss_prefill_error_box, PrefillInvalidMyOwnFund as sss_prefill_invalid_my_own_fund, PrefillInvalidSMSF as sss_prefill_invalid_smsf, PrefillMyOwnFund as sss_prefill_my_own_fund, PrefillSMSF as sss_prefill_smsf, PrefillWarningBox as sss_prefill_warning_box, SmsfEngagementStep as sss_smsf_engagement_step_host, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, FeaturedFunds as sss_super_campaign_featured_funds, SuperCampaignHost as sss_super_campaign_host, SuperSmsfHost as sss_super_smsf_host, Route as stencil_route, RouteLink$1 as stencil_route_link, RouteSwitch as stencil_route_switch, Router as stencil_router, SuperSelectionApp as super_selection_app, SuperSelectionAppHost as super_selection_app_host };
+export { Button as sss_button, ChoiceRouter as sss_choice_router, CustomFund as sss_custom_fund, SuperDefaultFundHost as sss_default_fund_host, SelectInputAsync as sss_dropdown_async, ExistingChoice as sss_existing_choice_page, FooterSection as sss_footer_section, HeaderSection as sss_header_section, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, MyOwnFundEngagementStep as sss_my_own_fund_engagement_step_host, MemberNameInput as sss_name_input, Prefill as sss_prefill, DisplayField as sss_prefill_display_field, PrefillErrorBox as sss_prefill_error_box, PrefillInvalidMyOwnFund as sss_prefill_invalid_my_own_fund, PrefillInvalidSMSF as sss_prefill_invalid_smsf, PrefillMyOwnFund as sss_prefill_my_own_fund, PrefillSMSF as sss_prefill_smsf, PrefillWarningBox as sss_prefill_warning_box, SuperPromotedFundHost as sss_promoted_fund_host, SmsfEngagementStep as sss_smsf_engagement_step_host, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, FeaturedFunds as sss_super_campaign_featured_funds, SuperCampaignHost as sss_super_campaign_host, SuperSmsfHost as sss_super_smsf_host, Route as stencil_route, RouteLink$1 as stencil_route_link, RouteSwitch as stencil_route_switch, Router as stencil_router, SuperSelectionApp as super_selection_app, SuperSelectionAppHost as super_selection_app_host };

package/dist/lib/esm/sss-default-fund-router.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, H as Host } from './index-107d7c24.js';
+import { a as superSelectionAppService } from './super-selection-app.service-312ba6b0.js';
+import './active-router-d18b36fb.js';
+import { i as injectHistory } from './injectHistory-e92e4664.js';
+
+const DefaultFundRouter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    if (superSelectionAppService.isDefaultFundNewComponentEnabled) {
+      return (h(Host, null, h("sss-default-fund-host", { history: this.history })));
+    }
+    return (h(Host, null, h("sss-default-fund", { history: this.history })));
+  }
+};
+injectHistory(DefaultFundRouter);
+
+export { DefaultFundRouter as sss_default_fund_router };

package/dist/lib/esm/sss-default-fund.entry.js

@@ -0,0 +1,57 @@
+import { r as registerInstance, h, g as getAssetPath, H as Host } from './index-107d7c24.js';
+import { O as Option, a as superSelectionAppService } from './super-selection-app.service-312ba6b0.js';
+import { E as EventTrackingService, S as SuperSelectionAppRoutes, n as navigationService, c as customFundChoiceApi } from './event-tracking.service-83984310.js';
+import { a as australianFundLookupService } from './australian-fund-lookup.service-139f6b9d.js';
+
+const DefaultFund = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.defaultFundProductName = 'Loading fund...';
+    this.eventTrackingService = EventTrackingService.Instance;
+  }
+  async componentWillLoad() {
+    const defaultFundUsi = superSelectionAppService.defaultFundUsi;
+    if (Option.isNone(defaultFundUsi)) {
+      return;
+    }
+    this.isDefaultFundExists = true;
+    const defaultFundSearchResult = await australianFundLookupService.getFundAsync(defaultFundUsi.value, true);
+    if (Option.isNone(defaultFundSearchResult)) {
+      this.isInvalidDefaultFund = true;
+      return;
+    }
+    this.defaultFund = defaultFundSearchResult.value;
+    this.defaultFundProductName = defaultFundSearchResult.value.productName;
+  }
+  componentDidLoad() {
+    var _a, _b, _c, _d;
+    return this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
+      fundUsi: (_b = (_a = this.defaultFund) === null || _a === void 0 ? void 0 : _a.usi) !== null && _b !== void 0 ? _b : '',
+      fundName: (_d = (_c = this.defaultFund) === null || _c === void 0 ? void 0 : _c.productName) !== null && _d !== void 0 ? _d : '',
+      promotedFundsShown: superSelectionAppService.promotedFunds,
+      defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
+    });
+  }
+  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", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), (!this.isDefaultFundExists || this.isInvalidDefaultFund) && (h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })), h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, h("span", null, "It looks like your employer has not specified a default fund, please contact them if you\u2019d like to use your company\u2019s default fund."))))), this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", null, h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFundProductName)), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFund.usi)), h("div", { class: "mt-8 mb-8 h-px w-full bg-gray-200" }), h("div", { class: "text-sm text-gray-700" }, h("label", { class: "font-semibold text-gray-900" }, "By clicking \u201CContinue\u201D, you acknowledge that:"), h("ul", { class: "list-disc list-outside pl-5" }, h("li", { class: "mt-2" }, "you are choosing to join your employer\u2019s default super fund;"), h("li", { class: "mt-2" }, "your employer will open a new account for you with their default super fund; and"), h("li", { class: "mt-2" }, "your application to join is subject to Trustee approval.")))))), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" }, h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back"))))))));
+  }
+  async handleSubmitForm() {
+    if (this.isInvalidDefaultFund) {
+      return;
+    }
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: `Employer’s default fund`,
+      fundDetails: {
+        type: 'default',
+        fundName: this.defaultFundProductName,
+        fundUsi: this.defaultFund.usi
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        await customFundChoiceApi.submitDefaultFundChoiceAsync(Object.assign({ standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig));
+      }
+    });
+  }
+};
+
+export { DefaultFund as sss_default_fund };

package/dist/lib/esm/sss-promoted-fund-router.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, H as Host } from './index-107d7c24.js';
+import { a as superSelectionAppService } from './super-selection-app.service-312ba6b0.js';
+import './active-router-d18b36fb.js';
+import { i as injectHistory } from './injectHistory-e92e4664.js';
+
+const PromotedFundRouter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    if (superSelectionAppService.isPromotedFundNewComponentEnabled) {
+      return (h(Host, null, h("sss-promoted-fund-host", { history: this.history })));
+    }
+    return (h(Host, null, h("sss-super-campaign-host", { history: this.history })));
+  }
+};
+injectHistory(PromotedFundRouter);
+
+export { PromotedFundRouter as sss_promoted_fund_router };

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

@@ -1,6 +1,9 @@
 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-42801d64.js';
+import { a as superSelectionAppService, O as Option } from './super-selection-app.service-312ba6b0.js';
 import './active-router-d18b36fb.js';
+import { i as injectHistory } from './injectHistory-e92e4664.js';
+import { E as EventTrackingService, n as navigationService, S as SuperSelectionAppRoutes, c as customFundChoiceApi } from './event-tracking.service-83984310.js';
+import { s as state } from './custom-fund.store-59962585.js';
 
 const LoadWaitingTimeout = 30000;