@flarehr/apollo-super-selection 4.27.29425 → 4.29.30453

package/dist/lib/cjs/sss-button_30.cjs.entry.js

@@ -264,7 +264,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
     }
 }
 
-const AppVersion = '4.27.29425';
+const AppVersion = '4.29.30453';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -3305,6 +3305,18 @@ class SuperSelectionApi {
     })
       .json();
   }
+  async getCampaignConnectAsync() {
+    return buildBackendApiClient()
+      .url('campaign-connect')
+      .get()
+      .notFound(() => {
+      throw new Error('Failed to fetch campaign connect.');
+    })
+      .json();
+  }
+  async clickPromotedTileAsync(payload) {
+    return buildBackendApiClient().url('click-promoted-tile').post(payload).res();
+  }
   toSearchFilterQueryString(searchFilter) {
     return (`search=${searchFilter.searchString}` +
       (searchFilter.maxRecordCount > 0 ? '&maxRecordCount=' + searchFilter.maxRecordCount : ''));
@@ -3328,7 +3340,10 @@ const initialState = {
   accountConfiguration: Option.none,
   profileConfiguration: Option.none,
   hasSuccessPageBeenAcknowledged: false,
-  hasSuperSelectionBeenSubmitted: false
+  hasSuperSelectionBeenSubmitted: false,
+  campaignConnectEnabled: false,
+  campaignConnectPromise: Option.none,
+  campaignConnect: Option.none
 };
 
 class SuperSelectionAppService {
@@ -3365,11 +3380,29 @@ class SuperSelectionAppService {
     return this._state.appBaseUrl.value;
   }
   get promotedFunds() {
+    if (this._state.campaignConnectEnabled && Option.isSome(this._state.campaignConnect)) {
+      return this._state.campaignConnect.value.promotedFunds;
+    }
     if (Option.isNone(this._state.promotedFunds)) {
       throw Error('Promoted Funds is not set');
     }
     return this._state.promotedFunds.value;
   }
+  get promotedDefaultFundPosition() {
+    if (this._state.campaignConnectEnabled && Option.isSome(this._state.campaignConnect)) {
+      return Option.fromNullable(this._state.campaignConnect.value.promotedDefaultFundPosition);
+    }
+    return Option.none;
+  }
+  get promotedFundsConfig() {
+    return {
+      shownFunds: this.promotedFunds,
+      promotedDefaultFundPosition: Option.toUndefined(this.promotedDefaultFundPosition),
+      promotedFundsConfigSource: Option.isSome(this._state.campaignConnect)
+        ? 'campaignConnect'
+        : 'superSelection'
+    };
+  }
   get profileId() {
     if (Option.isNone(this._state.profileId)) {
       throw Error('Failed to get Profile ID from JWT');
@@ -3407,6 +3440,21 @@ class SuperSelectionAppService {
     this._state.profileConfiguration = Option.fromNullable(appStateResponse.profileConfiguration);
     this._state.superBuyer = Option.fromNullable(appStateResponse.superBuyer);
     this._state.promotedFunds = Option.fromNullable(appStateResponse.promotedFunds);
+    this._state.campaignConnectEnabled = appStateResponse.campaignConnectEnabled;
+    if (this._state.campaignConnectEnabled) {
+      this._state.campaignConnectPromise = Option.fromNullable(superSelectionApi.getCampaignConnectAsync());
+    }
+  }
+  async completeCampaignConnectRequestSafe() {
+    if (this._state.campaignConnectEnabled) {
+      try {
+        const campaignConnect = await _function.pipe(this._state.campaignConnectPromise, Option.getOrElse(() => superSelectionApi.getCampaignConnectAsync()));
+        this._state.campaignConnect = Option.fromNullable(campaignConnect);
+      }
+      catch (_a) {
+        return;
+      }
+    }
   }
 }
 const superSelectionAppService = new SuperSelectionAppService();
@@ -3629,19 +3677,16 @@ const navigationService = new NavigationService();
 const Consent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.promotedFunds = superSelectionAppService.promotedFunds;
     this.eventTrackingService = EventTrackingService.Instance;
   }
   componentDidLoad() {
-    const detail = { promotedFundsShown: this.promotedFunds };
-    return this.eventTrackingService.TrackSuperFundDisclaimerViewedAsync(detail);
+    return this.eventTrackingService.TrackSuperFundDisclaimerViewedAsync({});
   }
   render() {
     return (index.h("div", null, index.h("div", { class: "text-2xl sm:text-3xl font-bold text-center leading-8" }, "Important information about super"), index.h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7 sm:leading-8" }, "The choice of superannuation fund is an important personal financial decision. Next, you\u2019ll be asked to nominate a super fund to receive your employer contributions."), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "border shadow-sm p-4 pb-6 sm:p-6 sm:pb-8 max-w-560 rounded-lg" }, index.h("div", { class: "sm:text-lg font-bold leading-6" }, "By clicking \u201CContinue\u201D you acknowledge that:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 text-sm leading-6" }, index.h("li", null, "Flare (we/us) provides this paperless employee management service, will feature superannuation funds and offer you employee benefits that you may be interested in;"), index.h("li", null, "all content contained in the following pages does not take into account any of your objectives, financial situation or needs and does not constitute financial product advice;"), index.h("li", null, "in featuring any superannuation funds, we, the technology partner you are accessing us via, or your employer, are not providing any opinion or recommendation (actual or implied) in relation to the suitability or appropriateness of the featured funds;"), index.h("li", null, "if you do choose one of the featured superannuation funds, we and our associates will normally receive a fee for you doing so;"), index.h("li", null, "in the event that you choose one of the featured superannuation funds, we may pass on your personal information and TFN to a related party for the purpose of completing your chosen fund's application form.")), index.h("sss-button", { fillWidth: true, promiseFn: () => this.handleSuperFundDisclaimerAccepted() }, "Continue")))));
   }
   async handleSuperFundDisclaimerAccepted() {
-    const detail = { promotedFundsShown: this.promotedFunds };
-    await this.eventTrackingService.TrackSuperFundDisclaimerAcceptedAsync(detail);
+    await this.eventTrackingService.TrackSuperFundDisclaimerAcceptedAsync({});
     navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
 };
@@ -3831,7 +3876,7 @@ const DefaultFund = class {
       history: this.history,
       fundName: `Employer’s default fund`,
       handleSubmitFn: async (standardChoiceFormSignature) => {
-        await customFundChoiceApi.submitDefaultFundChoiceAsync({ standardChoiceFormSignature });
+        await customFundChoiceApi.submitDefaultFundChoiceAsync(Object.assign({ standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig));
       }
     });
   }
@@ -4301,101 +4346,81 @@ const getFundUsiByFundId = (fundId) => fundId == fund$6.fundId ? some(slateUsi)
 const getLogoSrcByFundId = (fundId) => fundsById[fundId] != undefined ? some(index.getAssetPath(`assets/${fundsById[fundId].logo}`)) : none;
 
 function getPromotedFundUsi(dto) {
-  if ('slate' in dto) {
-    return none;
-  }
-  else if ('australianRetirementTrust' in dto) {
-    return some(dto.australianRetirementTrust.usi);
-  }
-  else if ('aware' in dto) {
-    return some(dto.aware.usi);
-  }
-  else if ('active' in dto) {
-    return some(dto.active.usi);
-  }
-  else if ('australianEthical' in dto) {
-    return some(dto.australianEthical.usi);
-  }
-  else if ('virgin' in dto) {
-    return some(dto.virgin.usi);
-  }
-  else if ('spirit' in dto) {
-    return some(dto.spirit.usi);
-  }
-  else if ('firstSuper' in dto) {
-    return some(dto.firstSuper.usi);
-  }
-  else if ('mercerMyChoice' in dto) {
-    return some(dto.mercerMyChoice.usi);
-  }
-  else {
-    return none;
+  switch (dto.kind) {
+    case 'slate':
+      return none;
+    case 'australianRetirementTrust':
+      return some(dto.australianRetirementTrust.usi);
+    case 'aware':
+      return some(dto.aware.usi);
+    case 'active':
+      return some(dto.active.usi);
+    case 'australianEthical':
+      return some(dto.australianEthical.usi);
+    case 'virgin':
+      return some(dto.virgin.usi);
+    case 'spirit':
+      return some(dto.spirit.usi);
+    case 'firstSuper':
+      return some(dto.firstSuper.usi);
+    case 'mercerMyChoice':
+      return some(dto.mercerMyChoice.usi);
+    default:
+      return none;
   }
 }
 function getSuperChoiceUsi(dto) {
-  if ('promoted' in dto) {
-    return getPromotedFundUsi(dto.promoted);
-  }
-  else if ('myOwnFund' in dto) {
-    return some(dto.myOwnFund.usi);
-  }
-  else if ('smsf' in dto) {
-    return none;
-  }
-  else if ('default' in dto) {
-    return some(dto.default.usi);
-  }
-  else {
-    return none;
+  switch (dto.kind) {
+    case 'Promoted':
+      return getPromotedFundUsi(dto.promoted);
+    case 'MyOwnFund':
+      return some(dto.myOwnFund.usi);
+    case 'SMSF':
+      return none;
+    case 'Default':
+      return some(dto.default.usi);
+    case 'PromotedDefault':
+      return some(dto.promotedDefault.usi);
+    default:
+      return none;
   }
 }
 function getPromotedFundMemberNumber(dto) {
-  if ('slate' in dto) {
-    return some(dto.slate.memberNumber);
-  }
-  else if ('australianRetirementTrust' in dto) {
-    return some(dto.australianRetirementTrust.memberNumber);
-  }
-  else if ('aware' in dto) {
-    return some(dto.aware.memberNumber);
-  }
-  else if ('active' in dto) {
-    return some(dto.active.memberNumber);
-  }
-  else if ('australianEthical' in dto) {
-    return some(dto.australianEthical.memberNumber);
-  }
-  else if ('virgin' in dto) {
-    return some(dto.virgin.memberNumber);
-  }
-  else if ('spirit' in dto) {
-    return some(dto.spirit.memberNumber);
-  }
-  else if ('firstSuper' in dto) {
-    return some(dto.firstSuper.memberNumber);
-  }
-  else if ('mercerMyChoice' in dto) {
-    return some(dto.mercerMyChoice.memberNumber);
-  }
-  else {
-    return none;
+  switch (dto.kind) {
+    case 'slate':
+      return some(dto.slate.memberNumber);
+    case 'australianRetirementTrust':
+      return some(dto.australianRetirementTrust.memberNumber);
+    case 'aware':
+      return some(dto.aware.memberNumber);
+    case 'active':
+      return some(dto.active.memberNumber);
+    case 'australianEthical':
+      return some(dto.australianEthical.memberNumber);
+    case 'virgin':
+      return some(dto.virgin.memberNumber);
+    case 'spirit':
+      return some(dto.spirit.memberNumber);
+    case 'firstSuper':
+      return some(dto.firstSuper.memberNumber);
+    case 'mercerMyChoice':
+      return some(dto.mercerMyChoice.memberNumber);
+    default:
+      return none;
   }
 }
 function getSuperChoiceMemberNumber(dto) {
-  if ('promoted' in dto) {
-    return getPromotedFundMemberNumber(dto.promoted);
-  }
-  else if ('myOwnFund' in dto) {
-    return some(dto.myOwnFund.memberNumber);
-  }
-  else if ('smsf' in dto) {
-    return none;
-  }
-  else if ('default' in dto) {
-    return none;
-  }
-  else {
-    return none;
+  switch (dto.kind) {
+    case 'Promoted':
+      return getPromotedFundMemberNumber(dto.promoted);
+    case 'MyOwnFund':
+      return some(dto.myOwnFund.memberNumber);
+    case 'SMSF':
+    case 'Default':
+    case 'PromotedDefault':
+      return none;
+    default:
+      return none;
   }
 }
 
@@ -4411,53 +4436,67 @@ class ExistingFundService {
     const dateSubmitted = choice.dateSubmitted == undefined ? none : some(new Date(choice.dateSubmitted));
     const usi = getSuperChoiceUsi(choiceDetails);
     const memberNumber = getSuperChoiceMemberNumber(choiceDetails);
-    if ('promoted' in choiceDetails) {
-      const dtoPropName = Object.keys(choiceDetails.promoted)[0];
-      const fund = getFundByDtoPropName(dtoPropName);
-      if (isNone(fund))
+    switch (choiceDetails.kind) {
+      case 'Promoted': {
+        const dtoPropName = Object.keys(choiceDetails.promoted)[0];
+        const fund = getFundByDtoPropName(dtoPropName);
+        if (isNone(fund))
+          return none;
+        return some({
+          type: 'Promoted Fund',
+          id: fund.value.fundId,
+          name: fund.value.name,
+          usi: usi,
+          valid: 'Active',
+          memberNumber: memberNumber,
+          lastNominatedAt: dateSubmitted
+        });
+      }
+      case 'MyOwnFund': {
+        const fundUsi = choiceDetails.myOwnFund.usi;
+        const fund = await this.getFundByUsiAsync(fundUsi);
+        return some({
+          type: 'My Own Fund',
+          name: isSome(fund) ? fund.value.productName : fundUsi,
+          usi: usi,
+          valid: this.toFundValidState(fund),
+          memberNumber: memberNumber,
+          lastNominatedAt: dateSubmitted
+        });
+      }
+      case 'SMSF':
+        return some({
+          type: 'Self Managed Fund',
+          name: choiceDetails.smsf.fundName,
+          valid: 'Unknown',
+          lastNominatedAt: dateSubmitted
+        });
+      case 'Default': {
+        const defaultUsi = choiceDetails.default.usi;
+        const defaultFund = await this.getFundByUsiAsync(defaultUsi);
+        return some({
+          type: 'Default Fund',
+          name: isSome(defaultFund) ? defaultFund.value.productName : defaultUsi,
+          usi: usi,
+          valid: this.toFundValidState(defaultFund),
+          lastNominatedAt: dateSubmitted
+        });
+      }
+      case 'PromotedDefault': {
+        const defaultUsi = choiceDetails.promotedDefault.usi;
+        const defaultFund = await this.getFundByUsiAsync(defaultUsi);
+        return some({
+          type: 'Promoted Default Fund',
+          id: choiceDetails.promotedDefault.fundId,
+          name: isSome(defaultFund) ? defaultFund.value.productName : defaultUsi,
+          usi: usi,
+          valid: this.toFundValidState(defaultFund),
+          lastNominatedAt: dateSubmitted
+        });
+      }
+      default:
         return none;
-      return some({
-        type: 'Promoted Fund',
-        id: fund.value.fundId,
-        name: fund.value.name,
-        usi: usi,
-        valid: 'Active',
-        memberNumber: memberNumber,
-        lastNominatedAt: dateSubmitted
-      });
     }
-    else if ('smsf' in choiceDetails) {
-      return some({
-        type: 'Self Managed Fund',
-        name: choiceDetails.smsf.fundName,
-        valid: 'Unknown',
-        lastNominatedAt: dateSubmitted
-      });
-    }
-    else if ('myOwnFund' in choiceDetails) {
-      const fundUsi = choiceDetails.myOwnFund.usi;
-      const fund = await this.getFundByUsiAsync(fundUsi);
-      return some({
-        type: 'My Own Fund',
-        name: isSome(fund) ? fund.value.productName : fundUsi,
-        usi: usi,
-        valid: this.toFundValidState(fund),
-        memberNumber: memberNumber,
-        lastNominatedAt: dateSubmitted
-      });
-    }
-    else if ('default' in choiceDetails) {
-      const defaultUsi = choiceDetails.default.usi;
-      const defaultFund = await this.getFundByUsiAsync(defaultUsi);
-      return some({
-        type: 'Default Fund',
-        name: isSome(defaultFund) ? defaultFund.value.productName : defaultUsi,
-        usi: usi,
-        valid: this.toFundValidState(defaultFund),
-        lastNominatedAt: dateSubmitted
-      });
-    }
-    return none;
   }
   async submitRetainSuperFundAsync(dto) {
     return buildBackendApiClient()
@@ -4672,13 +4711,7 @@ const MyOwnFund = class {
       history: this.history,
       fundName: this.getOrError(state$1.myOwnFundForm.fundName),
       handleSubmitFn: async (standardChoiceFormSignature) => {
-        const customFundChoiceDto = {
-          fundUsi: this.getOrError(state$1.myOwnFundForm.fundUsi),
-          memberNumber: this.getOrError(state$1.myOwnFundForm.memberNumber),
-          memberFirstName: this.getOrError(state$1.myOwnFundForm.memberFirstName),
-          memberFamilyName: this.getOrError(state$1.myOwnFundForm.memberFamilyName),
-          standardChoiceFormSignature
-        };
+        const customFundChoiceDto = Object.assign({ fundUsi: this.getOrError(state$1.myOwnFundForm.fundUsi), memberNumber: this.getOrError(state$1.myOwnFundForm.memberNumber), memberFirstName: this.getOrError(state$1.myOwnFundForm.memberFirstName), memberFamilyName: this.getOrError(state$1.myOwnFundForm.memberFamilyName), standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
         await customFundChoiceApi.submitCustomFundChoiceAsync(customFundChoiceDto);
       }
     });
@@ -4809,16 +4842,23 @@ class PromotedFundChoiceApi {
     })
       .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();
+  }
 }
 const promotedFundChoiceApi = new PromotedFundChoiceApi();
 
 const initial$1 = {
-  fundId: ''
+  fundId: '',
+  isPromotedDefault: false
 };
-const { state: state$2 } = createStore(initial$1);
-function reset$1() {
-  state$2.fundId = initial$1.fundId;
-}
+const { state: state$2, reset: reset$1 } = createStore(initial$1);
 
 class PromotedFundJoinV1IFrameBuilder {
   constructor() {
@@ -4854,16 +4894,7 @@ class PromotedFundJoinV1IFrameBuilder {
               navigationService.navigateInternallyToStandardChoice({
                 history,
                 fundName: Option.isSome(fundName) ? fundName.value : '',
-                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync({
-                  fundId: promotedFundId,
-                  memberNumber: data.memberNumber,
-                  memberFirstName: data.memberFirstName,
-                  memberFamilyName: data.memberFamilyName,
-                  usi: data.usi.replace(/ /g, ''),
-                  standardChoiceFormSignature,
-                  shownFunds: superSelectionAppService.promotedFunds,
-                  defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
-                }),
+                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign({ fundId: promotedFundId, memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig)),
                 promotedFundId
               });
               break;
@@ -4964,7 +4995,7 @@ class PromotedFundJoinV2IFrameBuilder {
   build(iframe$1, history) {
     if (!(iframe$1 === null || iframe$1 === void 0 ? void 0 : iframe$1.contentDocument))
       return;
-    const postData = Object.assign(Object.assign({}, this.getMemberData()), { partnerId: superSelectionAppService.partnerIdOrDefault, accountId: superSelectionAppService.accountIdOrDefault, fundId: state$2.fundId, authToken: superSelectionAppService.jwt });
+    const postData = Object.assign(Object.assign({}, this.getMemberData()), { partnerId: superSelectionAppService.partnerIdOrDefault, accountId: superSelectionAppService.accountIdOrDefault, fundId: state$2.fundId, authToken: superSelectionAppService.jwt, employerDefault: state$2.isPromotedDefault });
     const handleMessage = (event) => {
       const { data } = event;
       if (!data) {
@@ -4983,17 +5014,10 @@ class PromotedFundJoinV2IFrameBuilder {
               navigationService.navigateInternallyToStandardChoice({
                 history,
                 fundName: Option.isSome(fundName) ? fundName.value : '',
-                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync({
-                  fundId: promotedFundId,
-                  memberNumber: data.memberNumber,
-                  memberFirstName: data.memberFirstName,
-                  memberFamilyName: data.memberFamilyName,
-                  usi: data.usi.replace(/ /g, ''),
-                  standardChoiceFormSignature,
-                  shownFunds: superSelectionAppService.promotedFunds,
-                  defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
-                }),
-                promotedFundId
+                promotedFundId,
+                handleSubmitFn: state$2.isPromotedDefault
+                  ? (standardChoiceFormSignature) => promotedFundChoiceApi.submitDefaultChoiceAsync(Object.assign({ fundId: promotedFundId, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig))
+                  : (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign({ fundId: promotedFundId, memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig))
               });
               break;
             }
@@ -5030,9 +5054,16 @@ class PromotedFundJoinV2IFrameBuilder {
       const value = postData[prop];
       if (value !== undefined) {
         const input = document.createElement('input');
-        input.type = 'hidden';
         input.name = prop;
-        input.value = value;
+        if (typeof value === 'boolean') {
+          input.type = 'checkbox';
+          input.checked = value;
+          input.style.visibility = 'hidden';
+        }
+        else {
+          input.type = 'hidden';
+          input.value = value;
+        }
         form.append(input);
       }
     }
@@ -5095,8 +5126,7 @@ const SelfManagedFund = class {
         history: this.history,
         fundName: 'Self-managed super fund',
         handleSubmitFn: async (standardChoiceFormSignature) => {
-          const requestDto = {
-            smsfChoice: {
+          const requestDto = Object.assign({ smsfChoice: {
               abn: state$1.selfManagedFundForm.fundAbn,
               fundName: state$1.selfManagedFundForm.fundName,
               fundAddress: {
@@ -5112,9 +5142,7 @@ const SelfManagedFund = class {
               electronicServiceAddress: state$1.selfManagedFundForm.fundEsa,
               memberFirstName: state$1.selfManagedFundForm.memberFirstName,
               memberFamilyName: state$1.selfManagedFundForm.memberFamilyName
-            },
-            standardChoiceFormSignature
-          };
+            }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
           await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
         }
       });
@@ -5484,14 +5512,7 @@ class SlateIFrameBuilder {
               navigationService.navigateInternallyToStandardChoice({
                 history,
                 fundName: fund$6.name,
-                handleSubmitFn: (standardChoiceFormSignature) => slateChoiceApi.submitSlateChoiceAsync({
-                  memberNumber: data.memberNumber,
-                  memberFirstName: data.memberFirstName,
-                  memberFamilyName: data.memberFamilyName,
-                  standardChoiceFormSignature,
-                  shownFunds: superSelectionAppService.promotedFunds,
-                  defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
-                }),
+                handleSubmitFn: (standardChoiceFormSignature) => slateChoiceApi.submitSlateChoiceAsync(Object.assign({ memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig)),
                 promotedFundId: fund$6.fundId
               });
               break;
@@ -5646,17 +5667,27 @@ const SuperChoiceItemTop = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "px-4 lg:px-6 pt-6" }, index.h("div", { class: "text-right w-100 -mt-5 -mr-3.5 lg:-mr-5" }, index.h("span", { class: "text-xs bg-gray-100 text-gray-800 font-medium rounded-xl py-0.5 px-2.5 mr-0.5" }, "Featured")), index.h("div", { class: "flex lg:block mt-2 md:mt-0 lg:mt-4" }, index.h("img", { class: "h-12 md:h-14 lg:h-16 object-contain w-auto w-[80px] md:w-[96px] lg:w-[140px] md:hidden lg:block lg:object-left", alt: this.name, src: index.getAssetPath(`assets/${this.logo}`) }), index.h("div", { class: "grid content-center" }, index.h("p", { class: "text-base md:text-lg font-bold ml-4 md:ml-0 md:mb-0 lg:mt-4" }, this.name))), index.h("div", { class: "mt-4 sm:mt-2 text-sm space-y-2" }, this.features.map((feature) => (index.h("div", { class: "flex" }, index.h("div", { class: "h-5 w-5 flex-none mr-1.5" }, index.h("img", { alt: "checked", src: index.getAssetPath(`assets/icon-check.svg`) })), index.h("div", { class: "leading-5" }, feature))))), this.featureSubText && (index.h("p", { class: "text-xs text-gray-500 italic mt-4 leading-4" }, this.featureSubText)))));
+    return (index.h(index.Host, null, index.h("div", { class: "px-4 lg:px-6 pt-6" }, index.h("div", { class: "text-right w-100 -mt-5 -mr-3.5 lg:-mr-5" }, this.isPromotedDefault && (index.h("span", { class: "text-xs bg-blue-100 text-blue-800 font-medium rounded-xl py-0.5 px-2.5 mr-1" }, "Employer Default")), index.h("span", { class: "text-xs bg-gray-100 text-gray-800 font-medium rounded-xl py-0.5 px-2.5 mr-0.5" }, "Featured")), index.h("div", { class: "flex lg:block mt-2 md:mt-0 lg:mt-4" }, index.h("img", { class: "h-12 md:h-14 lg:h-16 object-contain w-[80px] md:w-[96px] lg:w-[140px] md:hidden lg:block lg:object-left", alt: this.name, src: index.getAssetPath(`assets/${this.logo}`) }), index.h("div", { class: "grid content-center" }, index.h("p", { class: "text-base md:text-lg font-bold ml-4 md:ml-0 md:mb-0 lg:mt-4" }, this.name))), index.h("div", { class: "mt-4 sm:mt-2 text-sm space-y-2" }, this.features.map((feature) => (index.h("div", { class: "flex" }, index.h("div", { class: "h-5 w-5 flex-none mr-1.5" }, index.h("img", { alt: "checked", src: index.getAssetPath(`assets/icon-check.svg`) })), index.h("div", { class: "leading-5" }, feature))))), this.featureSubText && (index.h("p", { class: "text-xs text-gray-500 italic mt-4 leading-4" }, this.featureSubText)))));
   }
 };
 
+class MiscService {
+  trackClickPromotedTileAsync(payload) {
+    return superSelectionApi.clickPromotedTileAsync(payload);
+  }
+}
+const miscService = new MiscService();
+
 const SuperChoicePage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.promotedFunds = this.getPromotedFunds();
+    this.campaignConnectRequestInProgress = true;
     this.eventTrackingService = EventTrackingService.Instance;
   }
-  componentDidLoad() {
+  async componentDidLoad() {
+    await superSelectionAppService.completeCampaignConnectRequestSafe();
+    this.promotedFunds = this.getPromotedFunds();
+    this.campaignConnectRequestInProgress = false;
     const promotedFundsShown = this.promotedFunds.map((item) => item.fundId);
     return this.eventTrackingService.TrackSuperFundPanelViewedAsync({
       promotedFundsShown,
@@ -5668,6 +5699,9 @@ const SuperChoicePage = class {
     const mygovLinkDisplay = 'www.my.gov.au';
     const superfundsLink = 'https://www.apra.gov.au/register-of-superannuation-institutions';
     const superfundsLinkDisplay = 'www.apra.gov.au';
+    if (this.campaignConnectRequestInProgress) {
+      return (index.h("div", { class: "w-[327px] sm:w-full bg-white flex flex-col items-center" }, index.h("div", { class: "w-full sm:w-[440px] h-9 bg-gray-200 animate-pulse rounded" }), index.h("div", { class: "mt-6 w-full sm:w-[720px] h-6 bg-gray-200 animate-pulse rounded" }), index.h("div", { class: "mt-2 w-[220px] sm:w-[560px] h-6 bg-gray-200 animate-pulse rounded" }), index.h("div", { class: "mt-10 w-full sm:w-[560px] h-80 bg-gray-200 animate-pulse rounded" }), index.h("div", { class: "mt-10 w-full sm:w-[200px] h-11 bg-gray-200 animate-pulse rounded" })));
+    }
     return (index.h(index.Host, null, index.h("div", null, index.h("sss-header-section", { currentPage: "choice" }), index.h("div", { class: "mt-8 text-sm text-center leading-6" }, index.h("p", { class: "leading-6" }, "Not ready to join a new fund, or want to nominate another super fund?"), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, index.h("span", { class: "inline-block text-primary-base font-medium mt-3" }, "Skip Featured Funds\u00A0", index.h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "inline h-5 w-5 fill-primary-base group-hover:fill-white" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" }))))), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: {
         'lg:grid border-l border-t lg:border-b rounded-lg': true,
         'lg:grid-cols-1 max-w-400': this.promotedFunds.length === 1,
@@ -5681,7 +5715,7 @@ const SuperChoicePage = class {
       } }, index.h("div", { class: {
         'flex border-b lg:border-b-0': true,
         'rounded-b-lg': index$1 === this.promotedFunds.length - 1
-      } }, index.h("div", { class: "hidden md:flex lg:hidden w-36 justify-center pt-6 pl-6" }, index.h("img", { class: "h-16 object-contain w-full max-w-[96px]", alt: fund.name, src: index.getAssetPath(`assets/${fund.logo}`) })), index.h("div", { class: "w-full" }, index.h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features: fund.features, featureSubText: fund.featureSubText }), index.h("div", { class: "lg:hidden" }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))), this.promotedFunds.map((fund, index$1) => (index.h("div", { class: {
+      } }, index.h("div", { class: "hidden md:flex lg:hidden w-36 justify-center pt-6 pl-6" }, index.h("img", { class: "h-16 object-contain w-full max-w-[96px]", alt: fund.name, src: index.getAssetPath(`assets/${fund.logo}`) })), index.h("div", { class: "w-full" }, index.h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features: fund.features, featureSubText: fund.featureSubText, isPromotedDefault: fund.isPromotedDefault }), index.h("div", { class: "lg:hidden" }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))), this.promotedFunds.map((fund, index$1) => (index.h("div", { class: {
         'hidden lg:block border-r': true,
         'rounded-br-lg': index$1 === this.promotedFunds.length - 1
       } }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" }, index.h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 mb-6 space-y-2 leading-6 text-sm sm:text-base" }, index.h("li", null, "Select this option if you'd like to use your current account with another super fund, your self-managed super fund, or your employer's default fund."), index.h("li", null, "If you are unsure of your current super fund details, you can find out at", ' ', index.h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(mygovLink) }, mygovLinkDisplay)), index.h("li", null, "A full list of super funds can be viewed at", ' ', index.h("a", { class: "text-primary-base font-medium hover:text-primary-hover", target: "_blank", href: navigationService.toExternalUrl(superfundsLink) }, superfundsLinkDisplay))), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund }, index.h("sss-button", { fillWidthOnMobile: true }, "Choose another super fund")))), index.h("div", { class: "flex justify-center" }, index.h("div", { class: "pt-8 sm:pt-12 max-w-720" }, index.h("h5", { class: "font-semibold" }, "IMPORTANT INFORMATION:"), index.h("ul", { class: "list-disc list-outside ml-6 mt-3 space-y-2 text-sm leading-6" }, index.h("li", null, "The superannuation funds featured above are for your information only. The order, position and placement of content should not be interpreted as an opinion or recommendation (actual or implied) by Flare as to the suitability or appropriateness of any superannuation fund for you. In featuring these superannuation funds, Flare has not taken into account your objectives, financial situation or needs."), index.h("li", null, "This is not a comparison service. This page contains factual information only and does not constitute either general or personal advice about any financial products. We do not take into account your objectives, financial situation or needs. If you have questions or need help making a decision about your superannuation fund, you should speak to a licensed financial product advice provider."), index.h("li", null, "Flare, the technology partner you are accessing Flare via and your employer do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the featured superannuation funds. Flare does not endorse or accept responsibility for any of the content shown about any of the featured superannuation funds."), index.h("li", null, "You should consider the relevant superannuation fund\u2019s PDS and TMD (if applicable) in deciding whether to apply to join the superannuation fund. Each of the superannuation funds featured above include a link to their PDS and TMD (if applicable) for your convenience. If you are considering joining another superannuation fund, you can typically find the PDS and TMD (if applicable) on that fund\u2019s website."), index.h("li", null, "You should be aware that, if you do choose one of the featured superannuation funds, Flare and it\u2019s associates will normally receive a fee for you doing so (this includes Simple Financial Choices Pty Ltd, a wholly owned subsidiary of Flare, which is a sub-promoter of Slate Super).")))))));
@@ -5697,17 +5731,32 @@ const SuperChoicePage = class {
     return fundTiles;
   }
   async handleJoinSuperClickAsync(fund) {
+    var _a;
     const promotedFundsShown = superSelectionAppService.promotedFunds;
     const fundUsi = getFundUsiByFundId(fund.fundId);
     const fundName = getFundNameByFundId(fund.fundId);
-    await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-      fundUsi: Option.isSome(fundUsi) ? fundUsi.value : undefined,
-      fundName: Option.isSome(fundName) ? fundName.value : '',
-      promotedFundId: fund.fundId,
-      promotedFundsShown,
-      defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
-    });
+    await Promise.all([
+      this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
+        fundUsi: Option.isSome(fundUsi) ? fundUsi.value : undefined,
+        fundName: Option.isSome(fundName) ? fundName.value : '',
+        promotedFundId: fund.fundId,
+        promotedFundsShown,
+        defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
+      }),
+      miscService.trackClickPromotedTileAsync(fund.isPromotedDefault
+        ? {
+          promotedDefault: {
+            fundId: fund.fundId
+          }
+        }
+        : {
+          promoted: {
+            fundId: fund.fundId
+          }
+        })
+    ]);
     state$2.fundId = fund.fundId;
+    state$2.isPromotedDefault = (_a = fund.isPromotedDefault) !== null && _a !== void 0 ? _a : false;
     return navigationService.navigateInternally(this.history, fund.route);
   }
   static get assetsDirs() { return ["assets"]; }