@flarehr/apollo-super-selection 3.33.55127 → 3.36.55466

package/dist/lib/cjs/fl-button_46.cjs.entry.js

@@ -265,7 +265,7 @@ class TapSubscriber extends delay.Subscriber {
     }
 }
 
-const AppVersion = '3.33.55127';
+const AppVersion = '3.36.55466';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -4078,14 +4078,18 @@ class EventTrackingService {
       }
     });
   }
-  async TrackMyOwnSuperFundDetailViewedAsync() {
+  async TrackMyOwnSuperFundDetailViewedAsync(detail) {
     return this.trackEventAsync({
-      SuperFundDetailViewed: 'MyOwnFund'
+      SuperFundDetailViewed: {
+        MyOwnFund: detail
+      }
     });
   }
-  async TrackSmsfSuperFundDetailViewedAsync() {
+  async TrackSmsfSuperFundDetailViewedAsync(detail) {
     return this.trackEventAsync({
-      SuperFundDetailViewed: 'Smsf'
+      SuperFundDetailViewed: {
+        Smsf: detail
+      }
     });
   }
   async TrackDefaultSuperFundDetailViewedAsync(detail) {
@@ -4208,20 +4212,21 @@ const DefaultFund = class {
   componentDidLoad() {
     return this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
       fundUsi: this.defaultFund.usi,
-      fundName: this.defaultFund.productName
+      fundName: this.defaultFund.productName,
+      promotedFundsShown: superSelectionAppService.promotedFunds
     });
   }
   render() {
     const NoDefaultFundBlock = () => (index.h("div", { class: "card p-4" }, index.h("p", { class: "font-weight-bold" }, "No Default Fund"), index.h("p", { class: "mb-4 small" }, "It looks like your employer has not yet defined a default fund. Please contact them if you wish to choose your company's default fund.")));
     const DefaultFundBlock = (props) => [
-      index.h("div", { class: "card p-4" }, index.h("p", { class: "font-weight-bold" }, "Default Fund"), index.h("p", { class: "mb-4 small" }, "Almost there... all you have to do now is review the fund below, complete and sign the super choice form and submit. Your application to join the fund is subject to Trustee approval."), index.h("p", { class: "font-weight-bold mt-3" }, "Default Fund Name"), index.h("p", null, props.defaultFundName)),
+      index.h("div", { class: "card p-4" }, index.h("p", { class: "font-weight-bold" }, "Default Fund"), index.h("p", { class: "mb-4 small" }, "Almost there... all you have to do now is review the fund below, complete and sign the super choice form and save. Your application to join the fund is subject to Trustee approval."), index.h("p", { class: "font-weight-bold mt-3" }, "Default Fund Name"), index.h("p", null, props.defaultFundName)),
       index.h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
           state.defaultFundForm = Object.assign(Object.assign({}, state.defaultFundForm), event.detail);
         } })
     ];
     return (index.h(index.Host, { class: "d-flex flex-fill" }, index.h("sss-custom-fund", { class: "flex-fill" }, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
         'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el) }, this.isDefaultFundExists ? (index.h(DefaultFundBlock, { defaultFundName: this.defaultFundProductName })) : (index.h(NoDefaultFundBlock, null))), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, this.isDefaultFundExists && (index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, disabled: this.isInvalidDefaultFund, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Submit")))))))));
+      }, ref: (el) => (this.formElement = el) }, this.isDefaultFundExists ? (index.h(DefaultFundBlock, { defaultFundName: this.defaultFundProductName })) : (index.h(NoDefaultFundBlock, null))), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, this.isDefaultFundExists && (index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, disabled: this.isInvalidDefaultFund, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Save and continue")))))))));
   }
   async handleSubmitForm() {
     if (this.isInvalidDefaultFund) {
@@ -4267,7 +4272,9 @@ const MyOwnFund = class {
     this.eventTrackingService = EventTrackingService.Instance;
   }
   componentDidLoad() {
-    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync();
+    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds
+    });
   }
   render() {
     return (index.h(index.Host, { class: "d-flex flex-fill" }, index.h("sss-custom-fund", { class: "flex-fill" }, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
@@ -4277,7 +4284,7 @@ const MyOwnFund = class {
         this.isNotAllInformationProvidedMessageVisible = false;
       } })), index.h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state.myOwnFundForm = Object.assign(Object.assign({}, state.myOwnFundForm), { standardChoiceFormSignature: fromNullable(event.detail.standardChoiceFormSignature) });
-      } })), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), this.isNotAllInformationProvidedMessageVisible && (index.h("div", { class: "mt-4 alert alert-danger", role: "alert" }, "All fields are required to complete submission. Make sure you have selected a fund.")), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Submit"))))))));
+      } })), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), this.isNotAllInformationProvidedMessageVisible && (index.h("div", { class: "mt-4 alert alert-danger", role: "alert" }, "All fields are required to complete submission. Make sure you have selected a fund.")), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Save and continue"))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';
@@ -4380,8 +4387,8 @@ class PromotedFundJoinIFrameBuilder {
       return `https://${this.environmentDiscriminator()}.flarehr.com/promoted-fund-join/embed/v1.0/web`;
     };
   }
-  build(iframe, history) {
-    if (!(iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument))
+  build(iframe$1, history) {
+    if (!(iframe$1 === null || iframe$1 === void 0 ? void 0 : iframe$1.contentDocument))
       return;
     const baseUrl = this.hostIsLocalSuperSelection() || this.hostIsDeployed()
       ? `${window.location.origin}/super-selection/embed/v1.0/app`
@@ -4413,14 +4420,18 @@ class PromotedFundJoinIFrameBuilder {
       if (data.sender === 'promoted-fund-join') {
         switch (data.type) {
           case 'contentResized':
-            iframe.height = data.height > 0 ? data.height : iframe.height;
-            iframe.width = data.width > 0 ? data.width : iframe.width;
+            iframe$1.height = data.height > 0 ? data.height : iframe$1.height;
+            iframe$1.width = data.width > 0 ? data.width : iframe$1.width;
+            break;
+          case 'pageNavigated':
+            window.scroll(iframe$1.offsetLeft, iframe$1.offsetTop);
+            iframe.navigation(window.location.href);
             break;
         }
       }
     };
     window.addEventListener('message', handleMessage);
-    const iframeDoc = iframe.contentDocument;
+    const iframeDoc = iframe$1.contentDocument;
     iframeDoc.open();
     const form = iframeDoc.createElement('form');
     form.method = 'POST';
@@ -4499,7 +4510,7 @@ const PromotedFundStandardChoicePage = class {
       }, ref: (el) => (this.formElement = el) }, index.h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state$1.standardChoiceFormSignature =
           event.detail.standardChoiceFormSignature;
-      } })), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Submit")))))))))));
+      } })), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Save and continue")))))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';
@@ -5113,7 +5124,9 @@ const SelfManagedFund = class {
     };
   }
   componentDidLoad() {
-    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync();
+    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds
+    });
   }
   render() {
     return (index.h(index.Host, { class: "d-flex flex-fill" }, index.h("sss-custom-fund", { class: "flex-fill" }, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
@@ -5122,7 +5135,7 @@ const SelfManagedFund = class {
         state.selfManagedFundForm = Object.assign(Object.assign({}, state.selfManagedFundForm), event.detail);
       } })), index.h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state.selfManagedFundForm = Object.assign(Object.assign({}, state.selfManagedFundForm), event.detail);
-      } }), this.showSmsfNotSupported && (index.h("sss-smsf-not-supported-dialog", { ref: (el) => (this.notSupportedDialog = el), onContinue: this.success }))), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Submit"))))))));
+      } }), this.showSmsfNotSupported && (index.h("sss-smsf-not-supported-dialog", { ref: (el) => (this.notSupportedDialog = el), onContinue: this.success }))), index.h("div", { class: "mt-4" }, index.h("sss-notifications-section", null)), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back")))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Save and continue"))))))));
   }
   componentDidRender() {
     var _a;
@@ -5543,7 +5556,7 @@ const SlateStandardChoicePage = class {
         'was-validated': this.formState === 'validated'
       }, ref: (el) => (this.formElement = el) }, index.h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state$3.slateFundForm = Object.assign(Object.assign({}, state$3.slateFundForm), event.detail);
-      } })), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("stencil-route-link", { url: "/" }, index.h("fl-button", { isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back"))))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Submit")))))))))));
+      } })), index.h("div", { class: "d-flex mt-4" }, index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "mr-2" }, index.h("stencil-route-link", { url: "/" }, index.h("fl-button", { isBlockElement: true, variant: "secondary" }, index.h("span", null, "Back"))))), index.h("div", { class: "flex-grow-1 w-50" }, index.h("div", { class: "ml-2" }, index.h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, index.h("span", null, "Save and continue")))))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';
@@ -5703,9 +5716,9 @@ const SuperChoicePage = class {
   }
   componentDidLoad() {
     iframe.appReady();
-    const enabledFundIds = this.promotedFunds.map((item) => item.fundId);
+    const promotedFundsShown = this.promotedFunds.map((item) => item.fundId);
     this.eventTrackingService.TrackSuperFundPanelViewedAsync({
-      enabledFundIds
+      promotedFundsShown
     });
   }
   async componentWillLoad() {
@@ -5797,27 +5810,36 @@ const SuperChoicePage = class {
     return fundTiles;
   }
   async handleJoinSuperClickAsync(fund) {
+    const promotedFundsShown = superSelectionAppService.promotedFunds;
     if (fund.fundId === Slate.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
         fundUsi: Slate.Usi,
-        fundName: Slate.Name
+        fundName: Slate.Name,
+        promotedFundId: Slate.Id,
+        promotedFundsShown
       });
     }
     else if (fund.fundId === QSuper.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
         fundUsi: QSuper.Usi,
-        fundName: QSuper.Name
+        fundName: QSuper.Name,
+        promotedFundId: QSuper.Id,
+        promotedFundsShown
       });
     }
     else if (fund.fundId === AustralianRetirementTrust.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: AustralianRetirementTrust.Name
+        fundName: AustralianRetirementTrust.Name,
+        promotedFundId: AustralianRetirementTrust.Id,
+        promotedFundsShown
       });
       state$1.fundId = fund.fundId;
     }
     else if (fund.fundId === Aware.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: Aware.Name
+        fundName: Aware.Name,
+        promotedFundId: Aware.Id,
+        promotedFundsShown
       });
       state$1.fundId = fund.fundId;
     }

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/default-fund/default-fund.js

@@ -34,7 +34,8 @@ export class DefaultFund {
   componentDidLoad() {
     return this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
       fundUsi: this.defaultFund.usi,
-      fundName: this.defaultFund.productName
+      fundName: this.defaultFund.productName,
+      promotedFundsShown: superSelectionAppService.promotedFunds
     });
   }
   render() {
@@ -44,7 +45,7 @@ export class DefaultFund {
     const DefaultFundBlock = (props) => [
       h("div", { class: "card p-4" },
         h("p", { class: "font-weight-bold" }, "Default Fund"),
-        h("p", { class: "mb-4 small" }, "Almost there... all you have to do now is review the fund below, complete and sign the super choice form and submit. Your application to join the fund is subject to Trustee approval."),
+        h("p", { class: "mb-4 small" }, "Almost there... all you have to do now is review the fund below, complete and sign the super choice form and save. Your application to join the fund is subject to Trustee approval."),
         h("p", { class: "font-weight-bold mt-3" }, "Default Fund Name"),
         h("p", null, props.defaultFundName)),
       h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
@@ -65,7 +66,7 @@ export class DefaultFund {
                 h("span", null, "Back")))),
           h("div", { class: "flex-grow-1 w-50" }, this.isDefaultFundExists && (h("div", { class: "ml-2" },
             h("fl-promise-button", { isBlockElement: true, disabled: this.isInvalidDefaultFund, promiseFn: () => this.handleSubmitForm() },
-              h("span", null, "Submit")))))))));
+              h("span", null, "Save and continue")))))))));
   }
   async handleSubmitForm() {
     if (this.isInvalidDefaultFund) {

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund.js

@@ -14,7 +14,9 @@ export class MyOwnFund {
     this.eventTrackingService = EventTrackingService.Instance;
   }
   componentDidLoad() {
-    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync();
+    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds
+    });
   }
   render() {
     return (h(Host, { class: "d-flex flex-fill" },
@@ -43,7 +45,7 @@ export class MyOwnFund {
           h("div", { class: "flex-grow-1 w-50" },
             h("div", { class: "ml-2" },
               h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() },
-                h("span", null, "Submit"))))))));
+                h("span", null, "Save and continue"))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';

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

@@ -16,7 +16,9 @@ export class SelfManagedFund {
     };
   }
   componentDidLoad() {
-    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync();
+    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds
+    });
   }
   render() {
     return (h(Host, { class: "d-flex flex-fill" },
@@ -44,7 +46,7 @@ export class SelfManagedFund {
           h("div", { class: "flex-grow-1 w-50" },
             h("div", { class: "ml-2" },
               h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() },
-                h("span", null, "Submit"))))))));
+                h("span", null, "Save and continue"))))))));
   }
   componentDidRender() {
     var _a;

package/dist/lib/collection/components/super-selection-app/funds/promoted-fund/promoted-fund-standard-choice-page.js

@@ -23,7 +23,7 @@ export class PromotedFundStandardChoicePage {
                 h("div", { class: "flex-grow-1 w-50" },
                   h("div", { class: "ml-2" },
                     h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() },
-                      h("span", null, "Submit")))))))))));
+                      h("span", null, "Save and continue")))))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';

package/dist/lib/collection/components/super-selection-app/funds/promoted-fund/services/promoted-fund-join-iframe-builder.js

@@ -2,6 +2,7 @@ import navigationService from '../../../services/navigation.service';
 import { SuperSelectionAppRoutes } from '../../../services/super-selection-app.routes';
 import superSelectionAppService from '../../../services/super-selection-app.service';
 import promotedFundState from '../promoted-fund.store';
+import iframeUtil from '../../../../../utils/iframe';
 class PromotedFundJoinIFrameBuilder {
   constructor() {
     this.hostIsLocalSuperSelection = () => window.location.origin == 'http://localhost:7100';
@@ -51,6 +52,10 @@ class PromotedFundJoinIFrameBuilder {
             iframe.height = data.height > 0 ? data.height : iframe.height;
             iframe.width = data.width > 0 ? data.width : iframe.width;
             break;
+          case 'pageNavigated':
+            window.scroll(iframe.offsetLeft, iframe.offsetTop);
+            iframeUtil.navigation(window.location.href);
+            break;
           default:
             break;
         }

package/dist/lib/collection/components/super-selection-app/funds/slate-super/slate-standard-choice-page.js

@@ -28,7 +28,7 @@ export class SlateStandardChoicePage {
                 h("div", { class: "flex-grow-1 w-50" },
                   h("div", { class: "ml-2" },
                     h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() },
-                      h("span", null, "Submit")))))))))));
+                      h("span", null, "Save and continue")))))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';

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

@@ -38,14 +38,18 @@ export class EventTrackingService {
       }
     });
   }
-  async TrackMyOwnSuperFundDetailViewedAsync() {
+  async TrackMyOwnSuperFundDetailViewedAsync(detail) {
     return this.trackEventAsync({
-      SuperFundDetailViewed: 'MyOwnFund'
+      SuperFundDetailViewed: {
+        MyOwnFund: detail
+      }
     });
   }
-  async TrackSmsfSuperFundDetailViewedAsync() {
+  async TrackSmsfSuperFundDetailViewedAsync(detail) {
     return this.trackEventAsync({
-      SuperFundDetailViewed: 'Smsf'
+      SuperFundDetailViewed: {
+        Smsf: detail
+      }
     });
   }
   async TrackDefaultSuperFundDetailViewedAsync(detail) {

package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js

@@ -22,9 +22,9 @@ export class SuperChoicePage {
   }
   componentDidLoad() {
     iframe.appReady();
-    const enabledFundIds = this.promotedFunds.map((item) => item.fundId);
+    const promotedFundsShown = this.promotedFunds.map((item) => item.fundId);
     this.eventTrackingService.TrackSuperFundPanelViewedAsync({
-      enabledFundIds
+      promotedFundsShown
     });
   }
   async componentWillLoad() {
@@ -183,27 +183,36 @@ export class SuperChoicePage {
     return fundTiles;
   }
   async handleJoinSuperClickAsync(fund) {
+    const promotedFundsShown = SuperSelectionAppService.promotedFunds;
     if (fund.fundId === constants.Slate.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
         fundUsi: constants.Slate.Usi,
-        fundName: constants.Slate.Name
+        fundName: constants.Slate.Name,
+        promotedFundId: constants.Slate.Id,
+        promotedFundsShown
       });
     }
     else if (fund.fundId === constants.QSuper.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
         fundUsi: constants.QSuper.Usi,
-        fundName: constants.QSuper.Name
+        fundName: constants.QSuper.Name,
+        promotedFundId: constants.QSuper.Id,
+        promotedFundsShown
       });
     }
     else if (fund.fundId === constants.AustralianRetirementTrust.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: constants.AustralianRetirementTrust.Name
+        fundName: constants.AustralianRetirementTrust.Name,
+        promotedFundId: constants.AustralianRetirementTrust.Id,
+        promotedFundsShown
       });
       promotedFundState.fundId = fund.fundId;
     }
     else if (fund.fundId === constants.Aware.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: constants.Aware.Name
+        fundName: constants.Aware.Name,
+        promotedFundId: constants.Aware.Id,
+        promotedFundsShown
       });
       promotedFundState.fundId = fund.fundId;
     }

package/dist/lib/esm/fl-button_46.entry.js

@@ -261,7 +261,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '3.33.55127';
+const AppVersion = '3.36.55466';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -4074,14 +4074,18 @@ class EventTrackingService {
       }
     });
   }
-  async TrackMyOwnSuperFundDetailViewedAsync() {
+  async TrackMyOwnSuperFundDetailViewedAsync(detail) {
     return this.trackEventAsync({
-      SuperFundDetailViewed: 'MyOwnFund'
+      SuperFundDetailViewed: {
+        MyOwnFund: detail
+      }
     });
   }
-  async TrackSmsfSuperFundDetailViewedAsync() {
+  async TrackSmsfSuperFundDetailViewedAsync(detail) {
     return this.trackEventAsync({
-      SuperFundDetailViewed: 'Smsf'
+      SuperFundDetailViewed: {
+        Smsf: detail
+      }
     });
   }
   async TrackDefaultSuperFundDetailViewedAsync(detail) {
@@ -4204,20 +4208,21 @@ const DefaultFund = class {
   componentDidLoad() {
     return this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
       fundUsi: this.defaultFund.usi,
-      fundName: this.defaultFund.productName
+      fundName: this.defaultFund.productName,
+      promotedFundsShown: superSelectionAppService.promotedFunds
     });
   }
   render() {
     const NoDefaultFundBlock = () => (h("div", { class: "card p-4" }, h("p", { class: "font-weight-bold" }, "No Default Fund"), h("p", { class: "mb-4 small" }, "It looks like your employer has not yet defined a default fund. Please contact them if you wish to choose your company's default fund.")));
     const DefaultFundBlock = (props) => [
-      h("div", { class: "card p-4" }, h("p", { class: "font-weight-bold" }, "Default Fund"), h("p", { class: "mb-4 small" }, "Almost there... all you have to do now is review the fund below, complete and sign the super choice form and submit. Your application to join the fund is subject to Trustee approval."), h("p", { class: "font-weight-bold mt-3" }, "Default Fund Name"), h("p", null, props.defaultFundName)),
+      h("div", { class: "card p-4" }, h("p", { class: "font-weight-bold" }, "Default Fund"), h("p", { class: "mb-4 small" }, "Almost there... all you have to do now is review the fund below, complete and sign the super choice form and save. Your application to join the fund is subject to Trustee approval."), h("p", { class: "font-weight-bold mt-3" }, "Default Fund Name"), h("p", null, props.defaultFundName)),
       h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
           state.defaultFundForm = Object.assign(Object.assign({}, state.defaultFundForm), event.detail);
         } })
     ];
     return (h(Host, { class: "d-flex flex-fill" }, h("sss-custom-fund", { class: "flex-fill" }, h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
         'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el) }, this.isDefaultFundExists ? (h(DefaultFundBlock, { defaultFundName: this.defaultFundProductName })) : (h(NoDefaultFundBlock, null))), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, this.isDefaultFundExists && (h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, disabled: this.isInvalidDefaultFund, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Submit")))))))));
+      }, ref: (el) => (this.formElement = el) }, this.isDefaultFundExists ? (h(DefaultFundBlock, { defaultFundName: this.defaultFundProductName })) : (h(NoDefaultFundBlock, null))), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, this.isDefaultFundExists && (h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, disabled: this.isInvalidDefaultFund, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Save and continue")))))))));
   }
   async handleSubmitForm() {
     if (this.isInvalidDefaultFund) {
@@ -4263,7 +4268,9 @@ const MyOwnFund = class {
     this.eventTrackingService = EventTrackingService.Instance;
   }
   componentDidLoad() {
-    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync();
+    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds
+    });
   }
   render() {
     return (h(Host, { class: "d-flex flex-fill" }, h("sss-custom-fund", { class: "flex-fill" }, h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
@@ -4273,7 +4280,7 @@ const MyOwnFund = class {
         this.isNotAllInformationProvidedMessageVisible = false;
       } })), h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state.myOwnFundForm = Object.assign(Object.assign({}, state.myOwnFundForm), { standardChoiceFormSignature: fromNullable(event.detail.standardChoiceFormSignature) });
-      } })), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), this.isNotAllInformationProvidedMessageVisible && (h("div", { class: "mt-4 alert alert-danger", role: "alert" }, "All fields are required to complete submission. Make sure you have selected a fund.")), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Submit"))))))));
+      } })), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), this.isNotAllInformationProvidedMessageVisible && (h("div", { class: "mt-4 alert alert-danger", role: "alert" }, "All fields are required to complete submission. Make sure you have selected a fund.")), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Save and continue"))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';
@@ -4376,8 +4383,8 @@ class PromotedFundJoinIFrameBuilder {
       return `https://${this.environmentDiscriminator()}.flarehr.com/promoted-fund-join/embed/v1.0/web`;
     };
   }
-  build(iframe, history) {
-    if (!(iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument))
+  build(iframe$1, history) {
+    if (!(iframe$1 === null || iframe$1 === void 0 ? void 0 : iframe$1.contentDocument))
       return;
     const baseUrl = this.hostIsLocalSuperSelection() || this.hostIsDeployed()
       ? `${window.location.origin}/super-selection/embed/v1.0/app`
@@ -4409,14 +4416,18 @@ class PromotedFundJoinIFrameBuilder {
       if (data.sender === 'promoted-fund-join') {
         switch (data.type) {
           case 'contentResized':
-            iframe.height = data.height > 0 ? data.height : iframe.height;
-            iframe.width = data.width > 0 ? data.width : iframe.width;
+            iframe$1.height = data.height > 0 ? data.height : iframe$1.height;
+            iframe$1.width = data.width > 0 ? data.width : iframe$1.width;
+            break;
+          case 'pageNavigated':
+            window.scroll(iframe$1.offsetLeft, iframe$1.offsetTop);
+            iframe.navigation(window.location.href);
             break;
         }
       }
     };
     window.addEventListener('message', handleMessage);
-    const iframeDoc = iframe.contentDocument;
+    const iframeDoc = iframe$1.contentDocument;
     iframeDoc.open();
     const form = iframeDoc.createElement('form');
     form.method = 'POST';
@@ -4495,7 +4506,7 @@ const PromotedFundStandardChoicePage = class {
       }, ref: (el) => (this.formElement = el) }, h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state$1.standardChoiceFormSignature =
           event.detail.standardChoiceFormSignature;
-      } })), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Submit")))))))))));
+      } })), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Save and continue")))))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';
@@ -5109,7 +5120,9 @@ const SelfManagedFund = class {
     };
   }
   componentDidLoad() {
-    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync();
+    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds
+    });
   }
   render() {
     return (h(Host, { class: "d-flex flex-fill" }, h("sss-custom-fund", { class: "flex-fill" }, h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
@@ -5118,7 +5131,7 @@ const SelfManagedFund = class {
         state.selfManagedFundForm = Object.assign(Object.assign({}, state.selfManagedFundForm), event.detail);
       } })), h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state.selfManagedFundForm = Object.assign(Object.assign({}, state.selfManagedFundForm), event.detail);
-      } }), this.showSmsfNotSupported && (h("sss-smsf-not-supported-dialog", { ref: (el) => (this.notSupportedDialog = el), onContinue: this.success }))), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Submit"))))))));
+      } }), this.showSmsfNotSupported && (h("sss-smsf-not-supported-dialog", { ref: (el) => (this.notSupportedDialog = el), onContinue: this.success }))), h("div", { class: "mt-4" }, h("sss-notifications-section", null)), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" }, h("span", null, "Back")))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Save and continue"))))))));
   }
   componentDidRender() {
     var _a;
@@ -5539,7 +5552,7 @@ const SlateStandardChoicePage = class {
         'was-validated': this.formState === 'validated'
       }, ref: (el) => (this.formElement = el) }, h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
         state$3.slateFundForm = Object.assign(Object.assign({}, state$3.slateFundForm), event.detail);
-      } })), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("stencil-route-link", { url: "/" }, h("fl-button", { isBlockElement: true, variant: "secondary" }, h("span", null, "Back"))))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Submit")))))))))));
+      } })), h("div", { class: "d-flex mt-4" }, h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "mr-2" }, h("stencil-route-link", { url: "/" }, h("fl-button", { isBlockElement: true, variant: "secondary" }, h("span", null, "Back"))))), h("div", { class: "flex-grow-1 w-50" }, h("div", { class: "ml-2" }, h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() }, h("span", null, "Save and continue")))))))))));
   }
   async handleSubmitForm() {
     this.formState = 'validated';
@@ -5699,9 +5712,9 @@ const SuperChoicePage = class {
   }
   componentDidLoad() {
     iframe.appReady();
-    const enabledFundIds = this.promotedFunds.map((item) => item.fundId);
+    const promotedFundsShown = this.promotedFunds.map((item) => item.fundId);
     this.eventTrackingService.TrackSuperFundPanelViewedAsync({
-      enabledFundIds
+      promotedFundsShown
     });
   }
   async componentWillLoad() {
@@ -5793,27 +5806,36 @@ const SuperChoicePage = class {
     return fundTiles;
   }
   async handleJoinSuperClickAsync(fund) {
+    const promotedFundsShown = superSelectionAppService.promotedFunds;
     if (fund.fundId === Slate.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
         fundUsi: Slate.Usi,
-        fundName: Slate.Name
+        fundName: Slate.Name,
+        promotedFundId: Slate.Id,
+        promotedFundsShown
       });
     }
     else if (fund.fundId === QSuper.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
         fundUsi: QSuper.Usi,
-        fundName: QSuper.Name
+        fundName: QSuper.Name,
+        promotedFundId: QSuper.Id,
+        promotedFundsShown
       });
     }
     else if (fund.fundId === AustralianRetirementTrust.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: AustralianRetirementTrust.Name
+        fundName: AustralianRetirementTrust.Name,
+        promotedFundId: AustralianRetirementTrust.Id,
+        promotedFundsShown
       });
       state$1.fundId = fund.fundId;
     }
     else if (fund.fundId === Aware.Id) {
       await this.eventTrackingService.TrackPromotedSuperFundDetailViewedAsync({
-        fundName: Aware.Name
+        fundName: Aware.Name,
+        promotedFundId: Aware.Id,
+        promotedFundsShown
       });
       state$1.fundId = fund.fundId;
     }