@flarehr/apollo-super-selection 5.24.54264 → 5.26.55632

package/dist/lib/cjs/{sss-button_43.cjs.entry.js → sss-button_32.cjs.entry.js}

@@ -284,7 +284,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
     }
 }
 
-const AppVersion = '5.24.54264';
+const AppVersion = '5.26.55632';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -987,6 +987,255 @@ const Button = class {
   }
 };
 
+function appReady() {
+  postMessage({
+    type: 'appReady'
+  });
+}
+function postMessage(message, origin) {
+  if (origin === undefined)
+    origin = '*';
+  message.sender = 'flare';
+  window.parent.postMessage(message, origin);
+}
+function resize(height, width) {
+  postMessage({
+    type: 'contentResized',
+    height,
+    width
+  });
+}
+function navigation(url) {
+  postMessage({
+    type: 'pageNavigated',
+    url
+  });
+}
+function complete() {
+  postMessage({ type: 'complete' });
+}
+function submitSuccess() {
+  postMessage({
+    type: 'submitSuccess'
+  });
+}
+const iframe = { appReady, resize, navigation, complete, submitSuccess };
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = ({ on }) => {
+    const elmsToUpdate = new Map();
+    if (typeof index.getRenderingRef === 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        on('dispose', () => {
+            elmsToUpdate.clear();
+        });
+        on('get', (propName) => {
+            const elm = index.getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        });
+        on('set', (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        });
+        on('reset', () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
+            cleanupElements(elmsToUpdate);
+        });
+    }
+};
+
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(defaultState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        const unReset = on('reset', () => cb(defaultState[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => subscriptions.forEach((subscription) => {
+        if (subscription.set) {
+            on('set', subscription.set);
+        }
+        if (subscription.get) {
+            on('get', subscription.get);
+        }
+        if (subscription.reset) {
+            on('reset', subscription.reset);
+        }
+    });
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    stencilSubscription(map);
+    return map;
+};
+
+const initial = {
+  handleSubmitFn: async function () {
+    return;
+  },
+  fundName: '',
+  fundDetails: { type: 'null' },
+  promotedFundId: undefined
+};
+const { state } = createStore(initial);
+
+var SuperSelectionAppRoutes;
+(function (SuperSelectionAppRoutes) {
+  SuperSelectionAppRoutes["ExistingChoicePage"] = "/existing";
+  SuperSelectionAppRoutes["SuperCampaign"] = "/super-campaign";
+  SuperSelectionAppRoutes["ChoicePage"] = "/";
+  SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
+  SuperSelectionAppRoutes["MyOwnFundEngagementStep"] = "/super-choice/my-own-fund-engagement/";
+  SuperSelectionAppRoutes["Prefill"] = "/super-choice/prefill/";
+  SuperSelectionAppRoutes["PrefillInvalidMyOwnFundPage"] = "/super-choice/sss-prefill-invalid-my-own-fund/";
+  SuperSelectionAppRoutes["PrefillMyOwnFundPage"] = "/super-choice/prefill-my-own-fund/";
+  SuperSelectionAppRoutes["PrefillSMSFPage"] = "/super-choice/prefill-smsf/";
+  SuperSelectionAppRoutes["PrefillInvalidSMSFPage"] = "/super-choice/prefill-invalid-smsf/";
+  SuperSelectionAppRoutes["SelfManagedFund"] = "/super-choice/smsf/";
+  SuperSelectionAppRoutes["DefaultFund"] = "/super-choice/default/";
+  SuperSelectionAppRoutes["StandardChoice"] = "/standard-choice/";
+  SuperSelectionAppRoutes["Success"] = "/success/";
+})(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
+const superSelectionAppStencilRoutes = [
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.SuperCampaign, component: "sss-super-campaign-host" }),
+  index.h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-campaign-host" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFundEngagementStep, component: "sss-my-own-fund-engagement-step-host" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage, component: "sss-prefill-invalid-my-own-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.Prefill, component: "sss-prefill" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillMyOwnFundPage, component: "sss-prefill-my-own-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillSMSFPage, component: "sss-prefill-smsf" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidSMSFPage, component: "sss-prefill-invalid-smsf" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.SelfManagedFund, component: "sss-self-managed-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.DefaultFund, component: "sss-default-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.StandardChoice, component: "sss-standard-choice-form" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.Success, component: "sss-success" })
+];
+
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 		path: basedir,
@@ -2450,177 +2699,6 @@ exports.sequenceArray =
 exports.traverseArray(_function.identity);
 });
 
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = ({ on }) => {
-    const elmsToUpdate = new Map();
-    if (typeof index.getRenderingRef === 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        on('dispose', () => {
-            elmsToUpdate.clear();
-        });
-        on('get', (propName) => {
-            const elm = index.getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        });
-        on('set', (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        });
-        on('reset', () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
-            cleanupElements(elmsToUpdate);
-        });
-    }
-};
-
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    let states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        states = new Map(Object.entries(defaultState !== null && defaultState !== void 0 ? defaultState : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(defaultState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        const unReset = on('reset', () => cb(defaultState[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => subscriptions.forEach((subscription) => {
-        if (subscription.set) {
-            on('set', subscription.set);
-        }
-        if (subscription.get) {
-            on('get', subscription.get);
-        }
-        if (subscription.reset) {
-            on('reset', subscription.reset);
-        }
-    });
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    stencilSubscription(map);
-    return map;
-};
-
 function e(e){this.message=e;}e.prototype=new Error,e.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t(e.split(".")[o]))}catch(e){throw new n("Invalid token specified: "+e.message)}}n.prototype=new Error,n.prototype.name="InvalidTokenError";
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
@@ -3310,6 +3388,11 @@ function buildBackendApiClient() {
   });
 }
 
+const slate = {
+  fundId: 'slate',
+  usi: '32367272075001'
+};
+
 function hydratePromotedFundChoiceDtoKind(dto) {
   if ('slate' in dto) {
     dto.kind = 'slate';
@@ -3345,33 +3428,33 @@ function hydratePromotedFundChoiceDtoKind(dto) {
 function getPromotedFundUsi(dto) {
   switch (dto.kind) {
     case 'slate':
-      return none;
+      return slate.usi;
     case 'australianRetirementTrust':
-      return some(dto.australianRetirementTrust.usi);
+      return dto.australianRetirementTrust.usi;
     case 'aware':
-      return some(dto.aware.usi);
+      return dto.aware.usi;
     case 'active':
-      return some(dto.active.usi);
+      return dto.active.usi;
     case 'australianEthical':
-      return some(dto.australianEthical.usi);
+      return dto.australianEthical.usi;
     case 'virgin':
-      return some(dto.virgin.usi);
+      return dto.virgin.usi;
     case 'spirit':
-      return some(dto.spirit.usi);
+      return dto.spirit.usi;
     case 'firstSuper':
-      return some(dto.firstSuper.usi);
+      return dto.firstSuper.usi;
     case 'mercerMyChoice':
-      return some(dto.mercerMyChoice.usi);
+      return dto.mercerMyChoice.usi;
     case 'generic':
-      return some(dto.generic.usi);
+      return dto.generic.usi;
     default:
-      return none;
+      return '';
   }
 }
 function getPromotedFundId(dto) {
   switch (dto.kind) {
     case 'slate':
-      return 'slate';
+      return slate.fundId;
     case 'australianRetirementTrust':
       return 'australian-retirement-trust';
     case 'aware':
@@ -3397,7 +3480,7 @@ function getPromotedFundId(dto) {
 function getSuperChoiceUsi(dto) {
   switch (dto.kind) {
     case 'Promoted':
-      return getPromotedFundUsi(dto.promoted);
+      return some(getPromotedFundUsi(dto.promoted));
     case 'MyOwnFund':
       return some(dto.myOwnFund.usi);
     case 'SMSF':
@@ -3417,33 +3500,33 @@ function getSuperChoiceUsi(dto) {
 function getPromotedFundMemberNumber(dto) {
   switch (dto.kind) {
     case 'slate':
-      return some(dto.slate.memberNumber);
+      return dto.slate.memberNumber;
     case 'australianRetirementTrust':
-      return some(dto.australianRetirementTrust.memberNumber);
+      return dto.australianRetirementTrust.memberNumber;
     case 'aware':
-      return some(dto.aware.memberNumber);
+      return dto.aware.memberNumber;
     case 'active':
-      return some(dto.active.memberNumber);
+      return dto.active.memberNumber;
     case 'australianEthical':
-      return some(dto.australianEthical.memberNumber);
+      return dto.australianEthical.memberNumber;
     case 'virgin':
-      return some(dto.virgin.memberNumber);
+      return dto.virgin.memberNumber;
     case 'spirit':
-      return some(dto.spirit.memberNumber);
+      return dto.spirit.memberNumber;
     case 'firstSuper':
-      return some(dto.firstSuper.memberNumber);
+      return dto.firstSuper.memberNumber;
     case 'mercerMyChoice':
-      return some(dto.mercerMyChoice.memberNumber);
+      return dto.mercerMyChoice.memberNumber;
     case 'generic':
-      return some(dto.generic.memberNumber);
+      return dto.generic.memberNumber;
     default:
-      return none;
+      return '';
   }
 }
 function getSuperChoiceMemberNumber(dto) {
   switch (dto.kind) {
     case 'Promoted':
-      return getPromotedFundMemberNumber(dto.promoted);
+      return some(getPromotedFundMemberNumber(dto.promoted));
     case 'MyOwnFund':
       return some(dto.myOwnFund.memberNumber);
     case 'DefinedBenefits':
@@ -3521,15 +3604,6 @@ class SuperSelectionApi {
     }
     return response;
   }
-  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();
   }
@@ -3584,13 +3658,12 @@ const initialState = {
   profileConfiguration: Option.none,
   hasSuccessPageBeenAcknowledged: false,
   hasSuperSelectionBeenSubmitted: false,
-  campaignConnectEnabled: false,
   isDefinedBenefitsEligible: Option.none,
-  campaignConnect: Option.none,
-  superCampaignEnabled: false,
+  superCampaignEnabled: true,
   superCampaignState: undefined,
   superCampaignComponentStatus: SuperCampaignComponentStatus.NotLoaded,
-  superCampaignIsInView: false
+  hideFooterSection: false,
+  bringYourOwnFundCustomStepEnabled: false
 };
 
 class SuperSelectionAppService {
@@ -3630,9 +3703,6 @@ class SuperSelectionAppService {
     if (this.state.superCampaignEnabled && this.superCampaignState !== undefined) {
       return this.superCampaignState.PromotedFundIds;
     }
-    if (this._state.campaignConnectEnabled && Option.isSome(this._state.campaignConnect)) {
-      return this._state.campaignConnect.value.promotedFunds.map((v) => v.fundId);
-    }
     if (Option.isNone(this._state.promotedFunds)) {
       throw Error('Promoted Funds is not set');
     }
@@ -3642,35 +3712,15 @@ class SuperSelectionAppService {
     if (this.state.superCampaignEnabled && this.superCampaignState !== undefined) {
       return Option.fromNullable(this.superCampaignState.DefaultFundPosition);
     }
-    if (this._state.campaignConnectEnabled && Option.isSome(this._state.campaignConnect)) {
-      const index = this._state.campaignConnect.value.promotedFunds.findIndex((v) => v.type === 'promoted-default');
-      if (index === -1) {
-        return Option.fromNullable(null);
-      }
-      else {
-        return Option.fromNullable(index + 1);
-      }
-    }
     return Option.none;
   }
   get promotedFundsConfig() {
     return {
       shownFunds: this.promotedFunds,
       promotedDefaultFundPosition: Option.toUndefined(this.promotedDefaultFundPosition),
-      promotedFundsConfigSource: this.isUsingSuperCampaign
-        ? 'superCampaign'
-        : Option.isSome(this._state.campaignConnect)
-          ? 'campaignConnect'
-          : 'superSelection'
+      promotedFundsConfigSource: this.isUsingSuperCampaign ? 'superCampaign' : 'superSelection'
     };
   }
-  get definedBenefitsFundId() {
-    if (Option.isSome(this._state.campaignConnect)) {
-      const definedBenefitsFund = this._state.campaignConnect.value.promotedFunds.find((fund) => fund.type == 'defined-benefits');
-      return Option.fromNullable(definedBenefitsFund === null || definedBenefitsFund === void 0 ? void 0 : definedBenefitsFund.fundId);
-    }
-    return Option.none;
-  }
   get profileId() {
     if (Option.isNone(this._state.profileId)) {
       throw Error('Failed to get Profile ID from JWT');
@@ -3702,9 +3752,6 @@ class SuperSelectionAppService {
   markSuperSelectionAsSubmitted() {
     this._state.hasSuperSelectionBeenSubmitted = true;
   }
-  get campaignConnectEnabled() {
-    return this._state.campaignConnectEnabled;
-  }
   get isDefinedBenefitsEligible() {
     return this._state.isDefinedBenefitsEligible;
   }
@@ -3714,17 +3761,11 @@ 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;
-    this._state.superCampaignEnabled = appStateResponse.superCampaignEnabled;
+    this._state.bringYourOwnFundCustomStepEnabled =
+      appStateResponse.bringYourOwnFundCustomStepEnabled;
     this._state.superChoicePrefill = Option.fromNullable(appStateResponse.prefill);
     this._state.isDefinedBenefitsEligible = Option.fromNullable(appStateResponse.isDefinedBenefitsEligible);
   }
-  async loadCampaignConnectAsync() {
-    if (this._state.campaignConnectEnabled) {
-      const campaignConnect = await superSelectionApi.getCampaignConnectAsync();
-      this._state.campaignConnect = Option.fromNullable(campaignConnect);
-    }
-  }
   setSuperCampaignPromotedFundsShown(shownFunds) {
     if (this._state.superCampaignState !== undefined)
       this._state.superCampaignState.promotedFundsShown = shownFunds;
@@ -3755,320 +3796,57 @@ class SuperSelectionAppService {
   get isUsingSuperCampaign() {
     return this.state.superCampaignEnabled && this.superCampaignState !== undefined;
   }
+  get isBringYourOwnFundCustomStepEnabled() {
+    return this.state.bringYourOwnFundCustomStepEnabled;
+  }
   get isSuperCampaignFallbackActivated() {
     return (this.state.superCampaignEnabled &&
       this.superCampaignComponentStatus === SuperCampaignComponentStatus.NotWorking);
   }
-  get superCampaignIsInView() {
-    return this._state.superCampaignIsInView;
-  }
-  set superCampaignIsInView(value) {
-    this._state.superCampaignIsInView = value;
-  }
-}
-const superSelectionAppService = new SuperSelectionAppService();
-
-const SuperFundDisclaimerViewedDetail = {
-  create: (superCampaignEnabled) => {
-    let isDefinedBenefitsEligibleString = 'Not set';
-    if (Option.isSome(superSelectionAppService.isDefinedBenefitsEligible)) {
-      isDefinedBenefitsEligibleString = superSelectionAppService.isDefinedBenefitsEligible.value
-        ? 'True'
-        : 'False';
-    }
-    return {
-      isDefinedBenefitsEligible: isDefinedBenefitsEligibleString,
-      superCampaignEnabled: superCampaignEnabled
-    };
+  get hideFooterSection() {
+    return this._state.hideFooterSection;
   }
-};
-
-const initial = {
-  fund: {
-    id: '',
-    type: 'null'
+  set hideFooterSection(value) {
+    this._state.hideFooterSection = value;
   }
-};
-const { state, reset } = createStore(initial);
-
-class EventTrackingApi {
-  static get Instance() {
-    return this.instance || (this.instance = new this());
+  get backendUrl() {
+    return Option.map(this.getBaseUrl)(this.state.apiBaseUrl);
   }
-  async PostAnalyticsEventAsync(event) {
-    return buildBackendApiClient().url('analytics-events').post(event).res();
+  getBaseUrl(url) {
+    const parsedUrl = new URL(url);
+    return `${parsedUrl.protocol}//${parsedUrl.hostname}${parsedUrl.port.length > 0 ? `:${parsedUrl.port}` : ''}`;
   }
 }
+const superSelectionAppService = new SuperSelectionAppService();
 
-class EventTrackingService {
-  constructor() {
-    this.eventTrackingApi = EventTrackingApi.Instance;
+class NavigationService {
+  navigateInternally(history, route) {
+    const path = `${this.appBaseUrl}${this.toRouteWithLeadingSlash(route)}`;
+    iframe.navigation(path);
+    history.push(path);
   }
-  static get Instance() {
-    return this.instance || (this.instance = new this());
+  navigateInternallyToStandardChoice(options) {
+    state.handleSubmitFn = options.handleSubmitFn;
+    state.fundName = options.fundName;
+    state.fundDetails = options.fundDetails;
+    state.promotedFundId = options.promotedFundId;
+    this.navigateInternally(options.history, SuperSelectionAppRoutes.StandardChoice);
   }
-  async TrackSuperFundPdsViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundPdsViewed: detail
-    });
+  toExternalUrl(url) {
+    const externalUrl = new URL(url);
+    externalUrl.searchParams.append('_extnav', 'true');
+    return externalUrl.href;
   }
-  async TrackPromotedSuperFundDetailViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDetailViewed: {
-        PromotedFund: detail
-      }
-    });
+  get appBaseUrl() {
+    const baseUrl = superSelectionAppService.appBaseUrl;
+    return baseUrl.replace(/\/$/, '');
   }
-  async TrackPromotedDefaultSuperFundDetailViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDetailViewed: {
-        PromotedDefaultFund: detail
-      }
-    });
-  }
-  async TrackMyOwnSuperFundDetailViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDetailViewed: {
-        MyOwnFund: detail
-      }
-    });
-  }
-  async TrackSmsfSuperFundDetailViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDetailViewed: {
-        Smsf: detail
-      }
-    });
-  }
-  async TrackDefaultSuperFundDetailViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDetailViewed: {
-        DefaultFund: detail
-      }
-    });
-  }
-  async TrackSuperFundNominationViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundNominationViewed: detail
-    });
-  }
-  async TrackSuperFundNominationDeclinedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundNominationDeclined: detail
-    });
-  }
-  async TrackSuperFundDisclaimerViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDisclaimerViewed: detail
-    });
-  }
-  async TrackSuperFundDisclaimerAcceptedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDisclaimerAccepted: detail
-    });
-  }
-  async TrackSuperFundPrefillViewedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundPrefillViewed: detail
-    });
-  }
-  async TrackSuperFundPrefillDeclinedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundPrefillDeclined: detail
-    });
-  }
-  async TrackSuperFundDetailChangeRequestedAsync(detail) {
-    return this.trackEventAsync({
-      SuperFundDetailChangeRequested: detail
-    });
-  }
-  async TrackSuperCampaignActivationSucceededAsync(detail) {
-    return this.trackEventAsync({
-      SuperCampaignActivationSucceeded: detail
-    });
-  }
-  async trackEventAsync(event) {
-    try {
-      await this.eventTrackingApi.PostAnalyticsEventAsync({ event });
-    }
-    catch (_a) {
-      return;
-    }
-  }
-}
-
-function appReady() {
-  postMessage({
-    type: 'appReady'
-  });
-}
-function postMessage(message, origin) {
-  if (origin === undefined)
-    origin = '*';
-  message.sender = 'flare';
-  window.parent.postMessage(message, origin);
-}
-function resize(height, width) {
-  postMessage({
-    type: 'contentResized',
-    height,
-    width
-  });
-}
-function navigation(url) {
-  postMessage({
-    type: 'pageNavigated',
-    url
-  });
-}
-function complete() {
-  postMessage({ type: 'complete' });
-}
-function submitSuccess() {
-  postMessage({
-    type: 'submitSuccess'
-  });
-}
-const iframe = { appReady, resize, navigation, complete, submitSuccess };
-
-const initial$1 = {
-  handleSubmitFn: async function () {
-    return;
-  },
-  fundName: '',
-  fundDetails: { type: 'null' },
-  promotedFundId: undefined
-};
-const { state: state$1 } = createStore(initial$1);
-
-var SuperSelectionAppRoutes;
-(function (SuperSelectionAppRoutes) {
-  SuperSelectionAppRoutes["ConsentPage"] = "/consent";
-  SuperSelectionAppRoutes["ExistingChoicePage"] = "/existing";
-  SuperSelectionAppRoutes["SuperCampaign"] = "/super-campaign";
-  SuperSelectionAppRoutes["ChoicePage"] = "/";
-  SuperSelectionAppRoutes["SlateJoin"] = "/slate/join/";
-  SuperSelectionAppRoutes["PromotedFundJoinV1"] = "/promoted-fund/join/v1";
-  SuperSelectionAppRoutes["PromotedFundJoinV2"] = "/promoted-fund/join/v2";
-  SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
-  SuperSelectionAppRoutes["Prefill"] = "/super-choice/prefill/";
-  SuperSelectionAppRoutes["PrefillInvalidMyOwnFundPage"] = "/super-choice/sss-prefill-invalid-my-own-fund/";
-  SuperSelectionAppRoutes["PrefillMyOwnFundPage"] = "/super-choice/prefill-my-own-fund/";
-  SuperSelectionAppRoutes["PrefillSMSFPage"] = "/super-choice/prefill-smsf/";
-  SuperSelectionAppRoutes["PrefillInvalidSMSFPage"] = "/super-choice/prefill-invalid-smsf/";
-  SuperSelectionAppRoutes["SelfManagedFund"] = "/super-choice/smsf/";
-  SuperSelectionAppRoutes["DefaultFund"] = "/super-choice/default/";
-  SuperSelectionAppRoutes["StandardChoice"] = "/standard-choice/";
-  SuperSelectionAppRoutes["Success"] = "/success/";
-})(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
-const superSelectionAppStencilRoutes = [
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.ConsentPage, component: "sss-consent-page-wrapper" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.SuperCampaign, component: "sss-super-campaign-host" }),
-  index.h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-super-choice-page-wrapper" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.SlateJoin, component: "sss-slate-join-page" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV1, component: "sss-promoted-fund-join-v1-page" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV2, component: "sss-promoted-fund-join-v2-page" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage, component: "sss-prefill-invalid-my-own-fund" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.Prefill, component: "sss-prefill" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillMyOwnFundPage, component: "sss-prefill-my-own-fund" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillSMSFPage, component: "sss-prefill-smsf" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidSMSFPage, component: "sss-prefill-invalid-smsf" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.SelfManagedFund, component: "sss-self-managed-fund" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.DefaultFund, component: "sss-default-fund" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.StandardChoice, component: "sss-standard-choice-form" }),
-  index.h("stencil-route", { url: SuperSelectionAppRoutes.Success, component: "sss-success" })
-];
-
-class NavigationService {
-  navigateInternally(history, route) {
-    const path = `${this.appBaseUrl}${this.toRouteWithLeadingSlash(route)}`;
-    iframe.navigation(path);
-    history.push(path);
-  }
-  navigateInternallyToStandardChoice(options) {
-    state$1.handleSubmitFn = options.handleSubmitFn;
-    state$1.fundName = options.fundName;
-    state$1.fundDetails = options.fundDetails;
-    state$1.promotedFundId = options.promotedFundId;
-    this.navigateInternally(options.history, SuperSelectionAppRoutes.StandardChoice);
-  }
-  toExternalUrl(url) {
-    const externalUrl = new URL(url);
-    externalUrl.searchParams.append('_extnav', 'true');
-    return externalUrl.href;
-  }
-  get appBaseUrl() {
-    const baseUrl = superSelectionAppService.appBaseUrl;
-    return baseUrl.replace(/\/$/, '');
-  }
-  toRouteWithLeadingSlash(route) {
-    return route.length > 0 && route[0] === '/' ? route : `/${route}`;
+  toRouteWithLeadingSlash(route) {
+    return route.length > 0 && route[0] === '/' ? route : `/${route}`;
   }
 }
 const navigationService = new NavigationService();
 
-const Link = (props, children) => {
-  return (index.h("a", { class: props.className || 'font-medium underline underline-offset-2 hover:text-gray-600', target: "_blank", href: navigationService.toExternalUrl(props.href), onClick: props.onClick }, children));
-};
-const PoweredByFlareFS = 'Powered by Flare FS';
-function pdsViewedAsync(name, usi) {
-  return EventTrackingService.Instance.TrackSuperFundPdsViewedAsync({
-    fundUsi: usi,
-    fundName: name,
-    pageName: 'Panel Fund Page',
-    superCampaignEnabled: false
-  });
-}
-
-const Consent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.campaignConnectRequestInProgress = false;
-    this.eventTrackingService = EventTrackingService.Instance;
-  }
-  componentDidLoad() {
-    return this.eventTrackingService.TrackSuperFundDisclaimerViewedAsync(SuperFundDisclaimerViewedDetail.create(false));
-  }
-  render() {
-    if (this.campaignConnectRequestInProgress) {
-      return index.h("sss-loading-super-indicator", null);
-    }
-    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, "Trustees of the featured superannuation funds pay fees to Flare and/or its associates. Some funds pay us a fee if you choose one of the featured funds, while others pay us to have their application form on our platform;"), 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("li", null, "Your personal data that is provided to us will be subject to our", ' ', index.h(Link, { className: "font-medium text-blue-600 hover:text-blue-800", href: "https://www.flarehr.com/privacy-policy" }, "Privacy Policy"), ".")), index.h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSuperFundDisclaimerAccepted() }, "Continue")))));
-  }
-  async handleSuperFundDisclaimerAccepted() {
-    await this.eventTrackingService.TrackSuperFundDisclaimerAcceptedAsync({
-      superCampaignEnabled: false
-    });
-    if (superSelectionAppService.campaignConnectEnabled) {
-      this.campaignConnectRequestInProgress = true;
-      await superSelectionAppService.loadCampaignConnectAsync();
-      if (superSelectionAppService.isDefinedBenefitsEligible &&
-        Option.isSome(superSelectionAppService.definedBenefitsFundId)) {
-        state.fund = {
-          id: superSelectionAppService.definedBenefitsFundId.value,
-          type: 'DefinedBenefits'
-        };
-        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.PromotedFundJoinV2);
-        return;
-      }
-    }
-    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
-  }
-};
-injectHistory(Consent);
-
-const ConsentWrapper = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return superSelectionAppService.state.superCampaignEnabled ? (index.h("sss-super-campaign-host", null)) : (index.h("sss-consent-page", null));
-  }
-};
-injectHistory(ConsentWrapper);
-
 var CustomFundTypes;
 (function (CustomFundTypes) {
   CustomFundTypes["MyOwnFund"] = "Your current super fund";
@@ -4116,9 +3894,9 @@ const initialStateCustomFund = {
     }
   ]
 };
-const { state: state$2, reset: reset$1 } = createStore(initialStateCustomFund);
+const { state: state$1, reset } = createStore(initialStateCustomFund);
 
-const customFundOptions = state$2.customFunds;
+const customFundOptions = state$1.customFunds;
 const CustomFund = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -4173,67 +3951,183 @@ class AustralianFundLookupService {
 }
 const australianFundLookupService = new AustralianFundLookupService();
 
-class CustomFundChoiceApi {
-  async submitDefaultFundChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/default')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process default fund join request');
-    })
-      .text();
-  }
-  async submitCustomFundChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/custom-fund')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process custom fund join request');
-    })
-      .text();
-  }
-  async submitSelfManagedFundChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/smsf')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process SMSF choice request');
-    })
-      .text();
-  }
-  async submitDefinedBenefitsChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/defined-benefits')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process Defined Benefits choice request');
-    })
-      .text();
+class EventTrackingApi {
+  static get Instance() {
+    return this.instance || (this.instance = new this());
   }
-  async validateAbnForSMSF(abn) {
-    const response = await buildBackendApiClient()
-      .url(`super-choice/smsf/${abn}/validate`)
-      .get()
-      .badRequest(() => {
-      throw new Error('Failed to verify that if the provided abn is used for regulated fund');
-    })
-      .json();
-    return response.result;
+  async PostAnalyticsEventAsync(event) {
+    return buildBackendApiClient().url('analytics-events').post(event).res();
   }
 }
-const customFundChoiceApi = new CustomFundChoiceApi();
 
-const DefaultFund = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.defaultFundProductName = 'Loading fund...';
-    this.eventTrackingService = EventTrackingService.Instance;
+class EventTrackingService {
+  constructor() {
+    this.eventTrackingApi = EventTrackingApi.Instance;
   }
-  async componentWillLoad() {
-    const defaultFundUsi = superSelectionAppService.defaultFundUsi;
-    if (Option.isNone(defaultFundUsi)) {
-      return;
-    }
+  static get Instance() {
+    return this.instance || (this.instance = new this());
+  }
+  async TrackSuperFundPdsViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundPdsViewed: detail
+    });
+  }
+  async TrackPromotedSuperFundDetailViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDetailViewed: {
+        PromotedFund: detail
+      }
+    });
+  }
+  async TrackPromotedDefaultSuperFundDetailViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDetailViewed: {
+        PromotedDefaultFund: detail
+      }
+    });
+  }
+  async TrackMyOwnSuperFundDetailViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDetailViewed: {
+        MyOwnFund: detail
+      }
+    });
+  }
+  async TrackSmsfSuperFundDetailViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDetailViewed: {
+        Smsf: detail
+      }
+    });
+  }
+  async TrackDefaultSuperFundDetailViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDetailViewed: {
+        DefaultFund: detail
+      }
+    });
+  }
+  async TrackSuperFundNominationViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundNominationViewed: detail
+    });
+  }
+  async TrackSuperFundNominationDeclinedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundNominationDeclined: detail
+    });
+  }
+  async TrackSuperFundDisclaimerViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDisclaimerViewed: detail
+    });
+  }
+  async TrackSuperFundDisclaimerAcceptedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDisclaimerAccepted: detail
+    });
+  }
+  async TrackSuperFundPrefillViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundPrefillViewed: detail
+    });
+  }
+  async TrackSuperFundPrefillDeclinedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundPrefillDeclined: detail
+    });
+  }
+  async TrackSuperFundDetailChangeRequestedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundDetailChangeRequested: detail
+    });
+  }
+  async TrackSuperCampaignActivationSucceededAsync(detail) {
+    return this.trackEventAsync({
+      SuperCampaignActivationSucceeded: detail
+    });
+  }
+  async TrackSuperMyOwnFundEngagementStepActivationSucceeded(fundUsi) {
+    return this.trackEventAsync({
+      SuperMyOwnFundEngagementStepActivationSucceeded: { fundUsi }
+    });
+  }
+  async TrackSuperMyOwnFundEngagementStepContinued(fundUsi, reason) {
+    return this.trackEventAsync({
+      SuperMyOwnFundEngagementStepContinued: { fundUsi, reason }
+    });
+  }
+  async trackEventAsync(event) {
+    try {
+      await this.eventTrackingApi.PostAnalyticsEventAsync({ event });
+    }
+    catch (_a) {
+      return;
+    }
+  }
+}
+
+class CustomFundChoiceApi {
+  async submitDefaultFundChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/default')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process default fund join request');
+    })
+      .text();
+  }
+  async submitCustomFundChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/custom-fund')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process custom fund join request');
+    })
+      .text();
+  }
+  async submitSelfManagedFundChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/smsf')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process SMSF choice request');
+    })
+      .text();
+  }
+  async submitDefinedBenefitsChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/defined-benefits')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Defined Benefits choice request');
+    })
+      .text();
+  }
+  async validateAbnForSMSF(abn) {
+    const response = await buildBackendApiClient()
+      .url(`super-choice/smsf/${abn}/validate`)
+      .get()
+      .badRequest(() => {
+      throw new Error('Failed to verify that if the provided abn is used for regulated fund');
+    })
+      .json();
+    return response.result;
+  }
+}
+const customFundChoiceApi = new CustomFundChoiceApi();
+
+const DefaultFund = class {
+  constructor(hostRef) {
+    index.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)) {
@@ -4442,466 +4336,6 @@ const SelectInputAsync = class {
 };
 SelectInputAsync.style = dropdownAsyncCss;
 
-const name = 'Active Super';
-const fund = {
-  fundId: 'active',
-  name,
-  logo: 'logo-active.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV1,
-  features: [
-    index.h("p", null, "Winner of Canstar's 2023 Outstanding Value \u2013 Superannuation Award considering investment performance, fees and product features*"),
-    index.h("p", null, "Recognised as a leader in responsible investment"),
-    index.h("p", null, "Calls answered in 20 seconds (average over 5 years)")
-  ],
-  featureSubText: (index.h("span", null, "*Based on a comparison of the Active Super Accumulation Scheme held by those aged 20-69 years and balances between $30,000 and $1.5 million.")),
-  disclaimer: (index.h("p", null,
-    "Issued by LGSS Pty Limited as trustee for Local Government Super (Active Super ABN:28 901 371 321). Consider the PDS and TMD at",
-    ' ',
-    index.h(Link, { onClick: () => pdsViewedAsync(name), href: "https://www.activesuper.com.au/pds" }, "activesuper.com.au"),
-    ' ',
-    "before making a decision.")),
-  footnoteTextOverride: Option.some(PoweredByFlareFS),
-  dtoPropName: 'active'
-};
-
-const name$1 = 'Australian Ethical';
-const pdsUrl = 'https://www.australianethical.com.au/super/pds-forms/';
-const fund$1 = {
-  fundId: 'australian-ethical',
-  name: name$1,
-  logo: 'logo-aus-eth.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null,
-      "Fastest growing super fund in Australia",
-      index.h("sup", { class: "text-tiny" }, "1")),
-    index.h("p", null,
-      "Nil investments in fossil fuel companies",
-      index.h("sup", { class: "text-tiny" }, "2")),
-    index.h("p", null, "Competitive returns")
-  ],
-  featureSubText: (index.h("ol", { class: "list-decimal list-outside ml-3" },
-    index.h("li", null, "Source: KPMG Super Insights Report 2022."),
-    index.h("li", null, "All our options go through positive and negative ethical screening in accordance with the Australian Ethical Charter (in place since 1986)."))),
-  disclaimer: (index.h("p", null,
-    "Issued by Australian Ethical Superannuation Pty Ltd (ABN 43 079 259 733, RSE L0001441, AFSL 526055). Please consider the",
-    ' ',
-    index.h(Link, { href: "https://www.australianethical.com.au/globalassets/pdf-files/forms--pds/superpension/important-information/ae-financial-services-guide_sec.pdf" }, "Financial Services Guide"),
-    ", the",
-    ' ',
-    index.h(Link, { href: pdsUrl, onClick: () => pdsViewedAsync(name$1) }, "Product Disclosure Statement"),
-    ' ',
-    "and",
-    ' ',
-    index.h(Link, { href: pdsUrl, onClick: () => pdsViewedAsync(name$1) }, "Target Market Determination"),
-    ' ',
-    "available on our",
-    ' ',
-    index.h(Link, { href: pdsUrl, onClick: () => pdsViewedAsync(name$1) }, "website"),
-    ".")),
-  footnoteTextOverride: Option.none,
-  dtoPropName: 'australianEthical'
-};
-
-const name$2 = 'Australian Retirement Trust';
-const fund$2 = {
-  fundId: 'australian-retirement-trust',
-  name: name$2,
-  logo: 'logo-art.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV1,
-  features: [
-    index.h("p", null, "$200 billion in retirement savings"),
-    index.h("p", null, "2+ million members"),
-    index.h("p", null, "A focus on delivering strong, long\u2011term returns")
-  ],
-  featureSubText: (index.h("span", null, "QSuper is now part of Australian Retirement Trust. If you have an existing QSuper account, you will continue to hold that account by selecting this option.")),
-  disclaimer: (index.h("p", null,
-    "You should consider the",
-    ' ',
-    index.h(Link, { href: "https://www.australianretirementtrust.com.au/library/media/pdfs/pds/super-savings-product-disclosure-statement-and-membership-form.pdf", onClick: () => pdsViewedAsync(name$2) }, "Product Disclosure Statement"),
-    ' ',
-    "and",
-    ' ',
-    index.h(Link, { href: "https://www.australianretirementtrust.com.au/tmd" }, "Target Market Determination"),
-    ' ',
-    "before deciding to invest in or apply to become a member of this fund.")),
-  abnInfo: name$2,
-  abn: '60 905 115 063',
-  footnoteTextOverride: Option.none,
-  dtoPropName: 'australianRetirementTrust'
-};
-
-const name$3 = 'Aware Super';
-const fund$3 = {
-  fundId: 'aware',
-  name: name$3,
-  logo: 'logo-aware.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV1,
-  features: [
-    index.h("p", null, "Awarded Canstar\u2019s Outstanding Value Super^ in 2022 and 2023."),
-    index.h("p", null,
-      "Over 1 million",
-      index.h("sup", { class: "text-tiny" }, "\u2021"),
-      " Australians trust us with their super."),
-    index.h("p", null, "Our super helpful app helps you stay in control of your super.")
-  ],
-  featureSubText: (index.h("div", { class: "space-y-0.5" },
-    index.h("p", null,
-      "^ See ",
-      index.h(Link, { href: "https://aware.com.au/awards" }, "aware.com.au/awards"),
-      " for more information"),
-    index.h("p", null,
-      index.h("sup", { class: "text-tiny" }, "\u2021"),
-      " Member numbers as of December 2023"))),
-  disclaimer: (index.h("p", null,
-    "You should consider the",
-    ' ',
-    index.h(Link, { href: "https://aware.com.au/member/campaign/flare-documents?cid=par-aq-no-su-Flare-PDSTMD-Direct-ImpDocs-", onClick: () => pdsViewedAsync(name$3) }, "Product Disclosure Statement and Target Market Determination"),
-    ' ',
-    "before deciding to invest in or apply to become a member of this fund.")),
-  abnInfo: `Aware Super Pty Ltd`,
-  abn: '53 226 460 365',
-  footnoteTextOverride: Option.none,
-  dtoPropName: 'aware'
-};
-
-const name$4 = 'First Super';
-const fund$4 = {
-  fundId: 'first-super',
-  name: name$4,
-  logo: 'logo-first.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null, "Industry SuperFund that offers five investment options and default insurance"),
-    index.h("p", null, "Strong long-term investment returns and superior customer service - members first"),
-    index.h("p", null, "Established super fund \u2013 anyone can join including KiwiSaver members")
-  ],
-  disclaimer: (index.h("div", null,
-    index.h("p", null,
-      "General advice only which has been prepared without taking into account your objectives, financial situation or needs. Consider whether the advice is appropriate for you and read the Product Disclosure Statement (PDS) before making any investment decisions. PDS and Target Market Determination are available at our",
-      ' ',
-      index.h(Link, { onClick: () => pdsViewedAsync(name$4), href: "https://www.firstsuper.com.au/forms-tools/product-disclosure-statements/" }, "website"),
-      ". Past performance is not a reliable indicator of future performance."),
-    index.h("br", null),
-    index.h("p", null, "Issued by First Super Pty Ltd ABN 42 053 498 472, AFSL 223988 (Trustee) as Trustee of First Super ABN 56 286 625 181."))),
-  footnoteTextOverride: Option.none,
-  dtoPropName: 'firstSuper'
-};
-
-const name$5 = 'HESTA';
-const fund$5 = {
-  fundId: 'hesta-default',
-  name: name$5,
-  logo: 'logo-hesta.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null, "A top-performing super fund* working for real-world impact"),
-    index.h("p", null, "1+ million members"),
-    index.h("p", null, "Expert help whenever you need it to help you face the future with confidence")
-  ],
-  featureSubText: undefined,
-  disclaimer: (index.h("div", { class: "space-y-2" },
-    index.h("p", { class: "italic" },
-      "* SuperRatings 10 Year Platinum Performance 2014-2024 (MySuper). Investment performance contributes to but is not the only factor in determining this product rating. Product ratings and awards are only one factor to be considered. See",
-      ' ',
-      index.h(Link, { className: "underline underline-offset-2 hover:text-gray-600", href: "https://www.hesta.com.au/ratings" }, "hesta.com.au/ratings"),
-      ' ',
-      "for more information."),
-    index.h("p", null,
-      "Consider whether this product is appropriate for you by reading the Product Disclosure Statement and Target Market Determination at",
-      ' ',
-      index.h(Link, { onClick: () => pdsViewedAsync(name$5), href: "https://www.hesta.com.au/pds" }, "hesta.com.au/pds"),
-      ' ',
-      "In considering your own circumstances about the suitability of HESTA products, you may wish to consult an adviser or use the ATO YourSuper comparison tool. Please also consider the relevant risks."),
-    index.h("p", null, "Issued by H.E.S.T. Australia Ltd ABN 66 006 818 695 AFSL No. 235249, Trustee of HESTA"))),
-  footnoteTextOverride: Option.none,
-  isPromotedDefault: true
-};
-
-const name$6 = 'Mercer MyChoice';
-const fund$6 = {
-  fundId: 'mercermychoice',
-  name: name$6,
-  logo: 'logo-mercer-mychoice.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null, "Save more super with our low fees"),
-    index.h("p", null, "Take control with 6 MyChoice investment options"),
-    index.h("p", null, "Join 850,000 Australians who trust our global expertise")
-  ],
-  disclaimer: (index.h("div", null,
-    index.h("p", null,
-      "You should consider the",
-      ' ',
-      index.h(Link, { href: "https://www.mercersuper.com.au/campaign-page/mercer-mychoice", onClick: () => pdsViewedAsync(name$6) }, "Product Disclosure Statement"),
-      ' ',
-      "and",
-      ' ',
-      index.h(Link, { href: "https://www.mercersuper.com.au/documents/target-market-determinations" }, "Target Market Determination"),
-      ' ',
-      "before deciding to invest in or apply to become a member of the fund."),
-    index.h("br", null),
-    index.h("p", null, "Issued by Mercer Superannuation (Australia) Limited (\u2018Mercer Super\u2019) ABN: 79 004 717 533"))),
-  footnoteTextOverride: Option.some(PoweredByFlareFS),
-  dtoPropName: 'mercerMyChoice',
-  extraBadge: (index.h("span", { class: "text-xs bg-green-100 text-green-800 font-medium rounded-xl py-0.5 px-2.5 mr-1" }, "Low fees"))
-};
-
-const name$7 = 'REI Super';
-const fund$7 = {
-  fundId: 'reisuper',
-  name: name$7,
-  logo: 'logo-rei.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null, "Built by and for the real estate industry"),
-    index.h("p", null, "Consistent long-term performance with competitive fees*"),
-    index.h("p", null, "All profits to members, not shareholders")
-  ],
-  disclaimer: (index.h("div", { class: "space-y-2" },
-    index.h("p", null, "*Balanced Option net investment return of 9.45% for year ending 30 June 2023."),
-    index.h("p", null,
-      "You should consider the",
-      ' ',
-      index.h(Link, { href: "https://www.reisuper.com.au/docs/default-source/super/rei-super-pds.pdf?utm_source=flarehr&utm_medium=banners&utm_campaign=flarehr_join&utm_term=pds", onClick: () => pdsViewedAsync(name$7) }, "Product Disclosure Statement"),
-      ' ',
-      "and",
-      ' ',
-      index.h(Link, { href: "https://www.reisuper.com.au/publications-and-forms/target-market-determination?utm_source=flarehr&utm_medium=banners&utm_campaign=flarehr_join&utm_term=tmd" }, "Target Market Determination"),
-      ' ',
-      "before deciding to invest in or apply to become a member of the fund."))),
-  abnInfo: `REI Superannuation Fund Pty Ltd`,
-  abn: '68 056 044 770',
-  footnoteTextOverride: Option.none,
-  dtoPropName: 'reisuper'
-};
-
-const name$8 = 'Slate Super';
-const slateUsi = '32367272075001';
-const fund$8 = {
-  fundId: 'slate',
-  name: name$8,
-  logo: 'logo-slate.png',
-  route: SuperSelectionAppRoutes.SlateJoin,
-  features: [
-    index.h("p", null, "A lifestage investment strategy that evolves with you"),
-    index.h("p", null, "Advanced mobile app with retirement forecast and smart features"),
-    index.h("p", null, "Member advocates at Slate to assist with your account")
-  ],
-  disclaimer: (index.h("p", { class: "small text-muted" },
-    "You should consider the",
-    ' ',
-    index.h(Link, { href: "https://slate.co/pds/?utm_source=flare&utm_medium=superselection", onClick: () => pdsViewedAsync(name$8, slateUsi) }, "Product Disclosure Statement"),
-    ' ',
-    "and",
-    ' ',
-    index.h(Link, { href: "https://slate.co/forms-and-documents/target-market-determination/" }, "Target Market Determination"),
-    ' ',
-    "before deciding to invest in or apply to become a member of the fund.")),
-  abnInfo: `Diversa Trustees Limited`,
-  abn: '49 006 421 638',
-  footnoteTextOverride: Option.none,
-  dtoPropName: 'slate'
-};
-
-const name$9 = 'Spirit Super';
-const fund$9 = {
-  fundId: 'spirit',
-  name: name$9,
-  logo: 'logo-spirit.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null, "Proud Industry SuperFund - all profits go back to members"),
-    index.h("p", null,
-      "Best customer experience in super",
-      index.h("sup", { class: "text-tiny" }, "1"),
-      " and best for value",
-      index.h("sup", { class: "text-tiny" }, "2")),
-    index.h("p", null,
-      "Low fees",
-      index.h("sup", { class: "text-tiny" }, "3"),
-      " with a focus on strong returns and investing with impact in communities",
-      index.h("sup", { class: "text-tiny" }, "4"))
-  ],
-  featureSubText: (index.h("div", { class: "m-4 pt-2" },
-    index.h("ol", { class: "list-decimal space-y-2" },
-      index.h("li", null,
-        index.h("span", null, "CSBA SenseCX Benchmark 2021-22")),
-      index.h("li", null,
-        index.h("span", null, "Awarded Best for Value in the WeMoney Superannuation Awards 2022")),
-      index.h("li", null,
-        index.h("span", null, "Just $67.60 + 0.15% pa admin fees, capped at $517.60")),
-      index.h("li", null,
-        index.h("span", null, "Rainmaker ESG Leader Rating 2022"))))),
-  disclaimer: (index.h("p", null,
-    "Past performance isn\u2019t a reliable indicator of future performance. Consider the PDS and TMD at",
-    ' ',
-    index.h(Link, { href: "https://www.spiritsuper.com.au/pds", onClick: () => pdsViewedAsync(name$9) }, "www.spiritsuper.com.au/pds"),
-    ' ',
-    "before making a decision. Issuer is Motor Trades Association of Australia Superannuation Fund Pty Ltd (AFSL 238 718, ABN 14 008 650 628), the trustee of Spirit Super (ABN 74 559 365 913). Advice is provided by Quadrant First Pty Ltd (ABN 78 102 167 877, AFSL 284443).")),
-  footnoteTextOverride: Option.none,
-  dtoPropName: 'spirit'
-};
-
-const name$a = 'Unisuper';
-const pdsUrl$1 = 'https://www.unisuper.com.au/-/media/files/pds/accumulation-1/accumulation-1-pds.pdf?rev=eb3a50fed45543ef91e2d1a38fa1fc0b&hash=B76A6A338550310C27DE1A021C854F84';
-const tmdUrl = 'https://www.unisuper.com.au/-/media/files/tmd/accumulation-1/accumulation-1-tmd.pdf?rev=f4aa3f08d0494f52a7a5e02c69385ead&hash=AC77283EFBF97948DC0CF768FD3E82F8';
-const fund$a = {
-  fundId: 'unisuper-default',
-  name: name$a,
-  logo: 'logo-unisuper.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null, "Low fees, better value \u2013 Our fees are among the lowest in the industry.^"),
-    index.h("p", null, "Strong, long-term performance \u2013 We regularly exceed industry averages.*"),
-    index.h("p", null,
-      "Award winning super \u2013 Continually recognised as one of Australia\u2019s best-performing funds.",
-      index.h("sup", { class: "text-tiny" }, "#"))
-  ],
-  disclaimer: (index.h("div", { class: "space-y-2" },
-    index.h("p", null,
-      "^Read more about our fees and how we compare",
-      ' ',
-      index.h(Link, { href: "https://www.unisuper.com.au/super/products-and-fees" }, "here"),
-      "."),
-    index.h("p", null,
-      "*Past performance is not an indicator of future performance. Read more about our performance and how we compare",
-      ' ',
-      index.h(Link, { href: "https://www.unisuper.com.au/campaigns/greater-super" }, "here"),
-      "."),
-    index.h("p", null,
-      index.h("sup", { class: "text-tiny" }, "#"),
-      "See our awards",
-      ' ',
-      index.h(Link, { href: "https://www.unisuper.com.au/about-us/who-we-are/awards-and-ratings" }, "here"),
-      "."),
-    index.h("p", null,
-      "Remember to consider the",
-      ' ',
-      index.h(Link, { href: pdsUrl$1, onClick: () => pdsViewedAsync(name$a) }, "Product Disclosure Statement"),
-      ' ',
-      "and ",
-      index.h(Link, { href: tmdUrl }, "Target Market Determination"),
-      " that is relevant to you."),
-    index.h("p", null, "Issued by UniSuper Management Pty Ltd. ABN: 91 385 943 850"))),
-  footnoteTextOverride: Option.none,
-  isPromotedDefault: true
-};
-
-const name$b = 'Unisuper';
-const pdsUrl$2 = 'https://www.unisuper.com.au/-/media/files/pds/accumulation-1/accumulation-1-pds.pdf?rev=eb3a50fed45543ef91e2d1a38fa1fc0b&hash=B76A6A338550310C27DE1A021C854F84';
-const tmdUrl$1 = 'https://www.unisuper.com.au/-/media/files/tmd/accumulation-1/accumulation-1-tmd.pdf?rev=f4aa3f08d0494f52a7a5e02c69385ead&hash=AC77283EFBF97948DC0CF768FD3E82F8';
-const fund$b = {
-  fundId: 'unisuper-default-v2',
-  name: name$b,
-  logo: 'logo-unisuper.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null, "Low fees, better value \u2013 Our fees are among the lowest in the industry.^"),
-    index.h("p", null, "Strong, long-term performance \u2013 We regularly exceed industry averages.*"),
-    index.h("p", null,
-      "Award winning super \u2013 Continually recognised as one of Australia\u2019s best-performing funds.",
-      index.h("sup", { class: "text-tiny" }, "#"))
-  ],
-  customContent: (index.h("div", { class: "mt-6 flex gap-3" },
-    index.h("div", null,
-      index.h("img", { alt: name$b, src: index.getAssetPath(`assets/unisuper-default-badge1.svg`) })),
-    index.h("div", null,
-      index.h("img", { alt: name$b, src: index.getAssetPath(`assets/unisuper-default-badge2.svg`) })),
-    index.h("div", null,
-      index.h("img", { alt: name$b, src: index.getAssetPath(`assets/unisuper-default-badge3.svg`) })))),
-  disclaimer: (index.h("div", { class: "space-y-2" },
-    index.h("p", null,
-      "^Read more about our fees and how we compare",
-      ' ',
-      index.h(Link, { href: "https://www.unisuper.com.au/super/products-and-fees" }, "here"),
-      "."),
-    index.h("p", null,
-      "*Past performance is not an indicator of future performance. Read more about our performance and how we compare",
-      ' ',
-      index.h(Link, { href: "https://www.unisuper.com.au/campaigns/greater-super" }, "here"),
-      "."),
-    index.h("p", null,
-      index.h("sup", { class: "text-tiny" }, "#"),
-      "See our awards",
-      ' ',
-      index.h(Link, { href: "https://www.unisuper.com.au/about-us/who-we-are/awards-and-ratings" }, "here"),
-      "."),
-    index.h("p", null,
-      "Remember to consider the",
-      ' ',
-      index.h(Link, { href: pdsUrl$2, onClick: () => pdsViewedAsync(name$b) }, "Product Disclosure Statement"),
-      ' ',
-      "and ",
-      index.h(Link, { href: tmdUrl$1 }, "Target Market Determination"),
-      " that is relevant to you."),
-    index.h("p", null, "Issued by UniSuper Management Pty Ltd. ABN: 91 385 943 850"))),
-  footnoteTextOverride: Option.none,
-  isPromotedDefault: true
-};
-
-const name$c = 'Virgin Money Super';
-const fund$c = {
-  fundId: 'virgin',
-  name: name$c,
-  logo: 'logo-virgin.svg',
-  route: SuperSelectionAppRoutes.PromotedFundJoinV2,
-  features: [
-    index.h("p", null,
-      "Returns above industry and retail super fund medians over the past 5 years",
-      index.h("sup", { class: "text-tiny" }, "1")),
-    index.h("p", null, "One of the lowest fees in the market"),
-    index.h("p", null,
-      "Virgin Money rewards you with Velocity Points on your contributions",
-      index.h("sup", { class: "text-tiny" }, "2"))
-  ],
-  featureSubText: (index.h("div", { class: "m-4 pt-2" },
-    index.h("ol", { class: "list-decimal space-y-2" },
-      index.h("li", null,
-        index.h("span", null, "Past performance is not a reliable indicator of future performance. Source: SuperRatings Fund Crediting Rate Survey April 2022.")),
-      index.h("li", null,
-        index.h("span", null,
-          index.h(Link, { className: "underline underline-offset-2 hover:text-gray-600", href: "https://virginmoney.com.au/superannuation/forms-and-key-information/key-documents" }, "Eligibility and T&Cs apply")))))),
-  disclaimer: (index.h("p", null,
-    "Prepared by Virgin Money Financial Services Pty Ltd ABN 51 113 285 395 AFSL 286869 (\u2018Virgin Money\u2019). Virgin Money Super is a plan in the Mercer Super Trust ABN 19 905 422 981. Virgin Money Super is issued by Mercer Superannuation (Australia) Limited (MSAL) ABN 79 004 717 533 AFSL 235906 as trustee of the Mercer Super Trust. Consider the PDS and TMD at",
-    ' ',
-    index.h(Link, { href: "https://virginmoney.com.au/superannuation/", onClick: () => pdsViewedAsync(name$c) }, "www.virginmoney.com.au"),
-    ' ',
-    "before making a decision")),
-  footnoteTextOverride: Option.some(PoweredByFlareFS),
-  dtoPropName: 'virgin',
-  extraBadge: (index.h("span", { class: "text-xs bg-green-100 text-green-800 font-medium rounded-xl py-0.5 px-2.5 mr-1" }, "Low fees"))
-};
-
-const fundsById = {
-  [fund$8.fundId]: fund$8,
-  [fund$2.fundId]: fund$2,
-  [fund$3.fundId]: fund$3,
-  [fund.fundId]: fund,
-  [fund$1.fundId]: fund$1,
-  [fund$c.fundId]: fund$c,
-  [fund$9.fundId]: fund$9,
-  [fund$4.fundId]: fund$4,
-  [fund$6.fundId]: fund$6,
-  [fund$5.fundId]: fund$5,
-  [fund$a.fundId]: fund$a,
-  [fund$b.fundId]: fund$b,
-  [fund$7.fundId]: fund$7
-};
-const allPromotedFunds = Object.values(fundsById);
-const getFundByDtoPropName = (dtoPropName) => {
-  const fund = allPromotedFunds.find((f) => f.dtoPropName == dtoPropName);
-  return fund ? some(fund) : none;
-};
-const getFundByFundId = (fundId) => {
-  const fund = allPromotedFunds.find((f) => f.fundId == fundId);
-  return fund ? some(fund) : none;
-};
-const getFundNameByFundId = (fundId) => fundsById[fundId] != undefined ? some(fundsById[fundId].name) : none;
-const getFooterTextOverrideByFundId = (fundId) => { var _a, _b; return (_b = (_a = fundsById[fundId]) === null || _a === void 0 ? void 0 : _a.footnoteTextOverride) !== null && _b !== void 0 ? _b : none; };
-const getFundUsiByFundId = (fundId) => fundId == fund$8.fundId ? some(slateUsi) : none;
-const getLogoSrcByFundId = (fundId) => fundsById[fundId] != undefined ? some(index.getAssetPath(`assets/${fundsById[fundId].logo}`)) : none;
-
 class ExistingFundService {
   async GetExistingFundAsync() {
     var _a;
@@ -4916,24 +4350,13 @@ class ExistingFundService {
     const memberNumber = getSuperChoiceMemberNumber(choiceDetails);
     switch (choiceDetails.kind) {
       case 'Promoted': {
-        const fund = choiceDetails.promoted['generic']
-          ? getFundByFundId(choiceDetails.promoted['generic'].fundId)
-          : getFundByDtoPropName(Object.keys(choiceDetails.promoted)[0]);
-        let fundName = '';
-        if (isSome(fund)) {
-          fundName = fund.value.name;
-        }
-        else if (isSome(usi)) {
-          const fundLookup = await this.getFundByUsiAsync(usi.value);
-          fundName = isSome(fundLookup) ? fundLookup.value.productName : usi.value;
-        }
-        else {
+        if (isNone(usi))
           return none;
-        }
+        const fund = await this.getFundByUsiAsync(usi.value);
         return some({
           type: 'Promoted Fund',
           id: getPromotedFundId(choiceDetails.promoted),
-          name: fundName,
+          name: isSome(fund) ? fund.value.productName : usi.value,
           usi: usi,
           valid: 'Active',
           memberNumber: memberNumber,
@@ -5067,14 +4490,12 @@ const ExistingChoice = class {
       this.existingFund = chosenFundOption.value;
     }
     else {
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
     }
   }
   render() {
-    const PromotedFundView = (props) => {
-      const logo = getLogoSrcByFundId(props.id);
-      const fundName = getFundNameByFundId(props.id);
-      return (index.h("div", { class: "flex justify-center" }, index.h("img", { class: "h-16 object-contain w-full max-w-140", alt: isSome(fundName) ? fundName.value : undefined, src: isSome(logo) ? logo.value : undefined })));
+    const PromotedFundView = (_props) => {
+      return (index.h("div", { class: "flex justify-center" }));
     };
     const MyOwnFundView = () => {
       return (index.h("div", { class: "flex h-20 justify-center items-center relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-10 w-10 absolute" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" }, index.h("path", { d: "M174.7 111.8C165.1 110.3 160.1 102.1 161.5 93.35C170.4 40.37 216.5 0 272 0C320.8 0 362.3 31.19 377.6 74.67C380.6 82.1 376.2 92.14 367.9 95.09C359.5 98.03 350.4 93.66 347.5 85.33C336.5 54.24 306.8 32 272 32C232.4 32 199.5 60.82 193.1 98.65C191.6 107.4 183.4 113.2 174.7 111.8V111.8zM400 264C400 250.7 410.7 240 424 240C437.3 240 448 250.7 448 264C448 277.3 437.3 288 424 288C410.7 288 400 277.3 400 264zM488.5 125.8L480 159.1C501.1 176.5 519.6 198.5 530.7 224H544C561.7 224 576 238.3 576 256V352C576 369.7 561.7 384 544 384H512C495.5 405.1 473.5 423.6 448 434.7V464C448 490.5 426.5 512 400 512H368C341.5 512 320 490.5 320 464V448H256V464C256 490.5 234.5 512 208 512H176C149.5 512 128 490.5 128 464V416C89.14 386.8 64 340.3 64 288C28.52 287.2 0 258.2 0 222.6C0 197.8 14 175.1 36.18 164L40.84 161.7C48.75 157.7 58.36 160.9 62.31 168.8C66.26 176.7 63.06 186.4 55.16 190.3L50.49 192.6C39.16 198.3 31.1 209.9 31.1 222.6C31.1 241 46.97 256 65.44 256H67.2C82.02 182.1 146.6 128 223.1 128H376.4C394 108.4 419.6 96 448 96H465.3C480.9 96 492.3 110.7 488.5 125.8H488.5zM224 160C153.3 160 96 217.3 96 288C96 329.9 116.1 367 147.2 390.4L160 400V464C160 472.8 167.2 480 176 480H208C216.8 480 224 472.8 224 464V416H352V464C352 472.8 359.2 480 368 480H400C408.8 480 416 472.8 416 464V413.7L435.2 405.4C455.6 396.5 473.2 382.4 486.4 364.8L496 352H544V256H509.7L501.4 236.8C492.5 216.4 478.4 198.8 460.8 185.6L443.8 172.8L455 128H448C429 128 412.1 136.2 400.3 149.3L390.7 160H224z" })))));
@@ -5095,7 +4516,7 @@ const ExistingChoice = class {
       switch (this.existingFund.type) {
         case 'Promoted Fund':
         case 'Promoted Default Fund':
-          return index.h(PromotedFundView, { id: this.existingFund.id });
+          return index.h(PromotedFundView, { name: this.existingFund.name });
         case 'Self Managed Fund':
           return index.h(SelfManagedFundView, null);
         case 'My Own Fund':
@@ -5132,7 +4553,7 @@ const ExistingChoice = class {
   async handleFundNominationDeclined() {
     const detail = this.createSuperFundNominationDetail(this.existingFund);
     await this.eventTrackingService.TrackSuperFundNominationDeclinedAsync(detail);
-    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
 };
 
@@ -5140,13 +4561,13 @@ const DefaultFooterText = 'Powered by Flare';
 const FooterSection = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.footerText = () => Option.isSome(this.textOverride) ? this.textOverride.value : DefaultFooterText;
+    this.footerText = () => this.textOverride !== undefined ? this.textOverride : DefaultFooterText;
   }
   render() {
     return (index.h("div", { class: {
         'text-center text-gray-500 text-xs w-full max-w-960 mx-auto': true,
-        'mt-8 sm:mt-20': !superSelectionAppService.superCampaignIsInView
-      } }, !superSelectionAppService.superCampaignIsInView && index.h("span", null, this.footerText()), index.h("p", { class: "block text-transparent" }, "v", AppVersion)));
+        'mt-8 sm:mt-20': !superSelectionAppService.hideFooterSection
+      } }, !superSelectionAppService.hideFooterSection && index.h("span", null, this.footerText()), index.h("p", { class: "block text-transparent" }, "v", AppVersion)));
   }
 };
 
@@ -5176,27 +4597,6 @@ const HeaderSection = class {
   }
 };
 
-const IFrameHost = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  componentDidLoad() {
-    this.build(this.iframeElement);
-  }
-  render() {
-    return (index.h("div", { class: "w-screen" }, index.h("iframe", { width: "100%", height: window.innerHeight, style: { border: 'none' }, ref: (el) => (this.iframeElement = el) })));
-  }
-};
-
-const LoadingComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", { class: "w-full bg-white flex flex-col items-center" }, index.h("sss-loading-indicator", null), index.h("h5", { class: "mt-4 text-xl font-bold leading-7" }, this.header), index.h("slot", null)));
-  }
-};
-
 const LoadingIndicator = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -5217,15 +4617,6 @@ const LoadingPage = class {
   }
 };
 
-const LoadingComponent$1 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("sss-loading-component", { header: "Loading Super" }, index.h("p", { class: "text-base text-gray-600 mt-4 max-w-560 text-center font-normal leading-7" }, "This can take up to 30 seconds.", index.h("br", null), "Please don\u2019t navigate away or refresh your browser.")));
-  }
-};
-
 const MyOwnFund = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -5243,8 +4634,8 @@ const MyOwnFund = class {
     const isSuperCampaignFallbackActivated = superSelectionAppService.isSuperCampaignFallbackActivated;
     return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
         'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, index.h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-2" }, index.h("ul", { class: "list-disc list-outside ml-6 space-y-2 text-sm text-yellow-700 leading-5" }, index.h("li", null, "Make sure you are a current member of the fund before completing this step."), index.h("li", null, "Please check that the fund USI is correct as some funds have similar names."))))), index.h("sss-my-own-fund-inputs", { myOwnFundForm: state$2.myOwnFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
-        state$2.myOwnFundForm = Object.assign(Object.assign({}, state$2.myOwnFundForm), event.detail);
+      }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, index.h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-2" }, index.h("ul", { class: "list-disc list-outside ml-6 space-y-2 text-sm text-yellow-700 leading-5" }, index.h("li", null, "Make sure you are a current member of the fund before completing this step."), index.h("li", null, "Please check that the fund USI is correct as some funds have similar names."))))), index.h("sss-my-own-fund-inputs", { myOwnFundForm: state$1.myOwnFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
+        state$1.myOwnFundForm = Object.assign(Object.assign({}, state$1.myOwnFundForm), event.detail);
         this.isNotAllInformationProvidedMessageVisible = false;
       } }), this.isNotAllInformationProvidedMessageVisible && (index.h("div", { class: "mt-4 rounded-md bg-red-50 p-4 text-sm text-red-700" }, "All fields are required to complete submission. Make sure you have selected a fund."))), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, index.h("div", { class: "mb-4", onClick: 
       // user clicks on disabled button (div wrapper) then validation errors will show
@@ -5255,25 +4646,30 @@ const MyOwnFund = class {
     if (!this.formElement.checkValidity()) {
       return;
     }
-    const isAllInformationProvided = isSome(state$2.myOwnFundForm.fundUsi) &&
-      isSome(state$2.myOwnFundForm.memberNumber) &&
-      isSome(state$2.myOwnFundForm.memberFirstName) &&
-      isSome(state$2.myOwnFundForm.memberFamilyName);
+    const isAllInformationProvided = isSome(state$1.myOwnFundForm.fundUsi) &&
+      isSome(state$1.myOwnFundForm.memberNumber) &&
+      isSome(state$1.myOwnFundForm.memberFirstName) &&
+      isSome(state$1.myOwnFundForm.memberFamilyName);
     if (!isAllInformationProvided) {
       this.isNotAllInformationProvidedMessageVisible = true;
       return;
     }
+    if (superSelectionAppService.isBringYourOwnFundCustomStepEnabled &&
+      superSelectionAppService.isUsingSuperCampaign) {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFundEngagementStep);
+      return;
+    }
     navigationService.navigateInternallyToStandardChoice({
       history: this.history,
-      fundName: this.getOrError(state$2.myOwnFundForm.fundName),
+      fundName: this.getOrError(state$1.myOwnFundForm.fundName),
       fundDetails: {
         type: 'myOwnFund',
-        fundName: this.getOrError(state$2.myOwnFundForm.fundName),
-        fundUsi: this.getOrError(state$2.myOwnFundForm.fundUsi),
-        memberNumber: this.getOrError(state$2.myOwnFundForm.memberNumber)
+        fundName: this.getOrError(state$1.myOwnFundForm.fundName),
+        fundUsi: this.getOrError(state$1.myOwnFundForm.fundUsi),
+        memberNumber: this.getOrError(state$1.myOwnFundForm.memberNumber)
       },
       handleSubmitFn: async (standardChoiceFormSignature) => {
-        const customFundChoiceDto = Object.assign({ fundUsi: this.getOrError(state$2.myOwnFundForm.fundUsi), memberNumber: this.getOrError(state$2.myOwnFundForm.memberNumber), memberFirstName: this.getOrError(state$2.myOwnFundForm.memberFirstName), memberFamilyName: this.getOrError(state$2.myOwnFundForm.memberFamilyName), standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        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);
       }
     });
@@ -5286,6 +4682,81 @@ const MyOwnFund = class {
 };
 injectHistory(MyOwnFund);
 
+const MyOwnFundEngagementStep = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.stepContinued = async (event) => {
+      if (event.detail.sender == 'byof-engagement') {
+        await EventTrackingService.Instance.TrackSuperMyOwnFundEngagementStepContinued(this.fundUsi, event.detail.reason);
+        this.navigateToStandardChoice();
+      }
+    };
+    this.subscribeToStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.addEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.removeEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.stepEventHandlers = {
+      continue: this.stepContinued.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (superSelectionAppService.isBringYourOwnFundCustomStepEnabled &&
+      superSelectionAppService.isUsingSuperCampaign &&
+      Option.isSome(state$1.myOwnFundForm.fundUsi) &&
+      Option.isSome(state$1.myOwnFundForm.fundName) &&
+      Option.isSome(state$1.myOwnFundForm.memberNumber) &&
+      Option.isSome(state$1.myOwnFundForm.memberFirstName) &&
+      Option.isSome(state$1.myOwnFundForm.memberFamilyName) &&
+      Option.isSome(superSelectionAppService.backendUrl) &&
+      Option.isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      this.fundUsi = state$1.myOwnFundForm.fundUsi.value;
+      this.fundName = state$1.myOwnFundForm.fundName.value;
+      this.memberNumber = state$1.myOwnFundForm.memberNumber.value;
+      this.memberFirstName = state$1.myOwnFundForm.memberFirstName.value;
+      this.memberFamilyName = state$1.myOwnFundForm.memberFamilyName.value;
+      this.unSubscribeFromStepEvents();
+      this.subscribeToStepEvents();
+      superSelectionAppService.hideFooterSection = true;
+      await EventTrackingService.Instance.TrackSuperMyOwnFundEngagementStepActivationSucceeded(this.fundUsi);
+    }
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
+    }
+  }
+  disconnectedCallback() {
+    this.unSubscribeFromStepEvents();
+    superSelectionAppService.hideFooterSection = false;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("apollo-super-byof-engagement", { "backend-url": this.backendUrl, "access-token": this.accessToken, "fund-usi": this.fundUsi })));
+  }
+  navigateToStandardChoice() {
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: this.fundName,
+      fundDetails: {
+        type: 'myOwnFund',
+        fundName: this.fundName,
+        fundUsi: this.fundUsi,
+        memberNumber: this.memberNumber
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const customFundChoiceDto = Object.assign({ fundUsi: this.fundUsi, memberNumber: this.memberNumber, memberFirstName: this.memberFirstName, memberFamilyName: this.memberFamilyName, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitCustomFundChoiceAsync(customFundChoiceDto);
+      }
+    });
+  }
+};
+injectHistory(MyOwnFundEngagementStep);
+
 const MyOwnFundInputs = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -5324,7 +4795,7 @@ const MyOwnFundInputs = class {
         'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
         'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
           .showValidationErrors
-      }, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: toUndefined(state$2.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)"))), index.h("div", { class: "flex space-x-4" }, index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-given-names-input", name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: toUndefined(state$2.myOwnFundForm.memberFirstName), onChange: (ev) => this.updateMemberFirstName(ev.target.value.trim()) }))), index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-last-name-input", name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: toUndefined(state$2.myOwnFundForm.memberFamilyName), onChange: (ev) => this.updateMemberFamilyName(ev.target.value.trim()) }))))));
+      }, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: toUndefined(state$1.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)"))), index.h("div", { class: "flex space-x-4" }, index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-given-names-input", name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: toUndefined(state$1.myOwnFundForm.memberFirstName), onChange: (ev) => this.updateMemberFirstName(ev.target.value.trim()) }))), index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-last-name-input", name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: toUndefined(state$1.myOwnFundForm.memberFamilyName), onChange: (ev) => this.updateMemberFamilyName(ev.target.value.trim()) }))))));
   }
   updateFund(fund) {
     this.formChanged.emit({ fundUsi: some(fund.value), fundName: some(fund.label) });
@@ -5426,7 +4897,7 @@ const Prefill = class {
         return this.renderInvalidSMSF(this.prefill.data);
       }
     }
-    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
     return null;
   }
   renderMyOwnFund(data) {
@@ -5821,8 +5292,8 @@ const PrefillInvalidMyOwnFund = class {
     }
     else {
       // If prefill does not exist, or is valid we should
-      // not have landed on this page, navigate to consent page
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+      // not have landed on this page, navigate to choice page
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
     }
   }
   render() {
@@ -5833,7 +5304,7 @@ const PrefillInvalidMyOwnFund = class {
   async handleChooseAnotherFund() {
     const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
     await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
-    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
 };
 
@@ -5868,7 +5339,7 @@ const PrefillInvalidSMSF = class {
     }
     else {
       // If prefill does not exist, or is valid we should
-      // not have landed on this page, navigate to consent page
+      // not have landed on this page, navigate to PrefillInvalidMyOwnFundPage page
       navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage);
     }
   }
@@ -5896,7 +5367,7 @@ const PrefillInvalidSMSF = class {
   async handleFundNominationDeclined() {
     const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
     await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
-    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
 };
 
@@ -5936,8 +5407,8 @@ const PrefillMyOwnFund = class {
     }
     else {
       // If prefill does not exist, or is invalid we should
-      // not have landed on this page, navigate to consent page
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+      // not have landed on this page, navigate to choice page
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
     }
   }
   render() {
@@ -6018,7 +5489,7 @@ const PrefillMyOwnFund = class {
   async handleFundNominationDeclined() {
     const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
     await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
-    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
 };
 
@@ -6168,8 +5639,8 @@ const PrefillSMSF = class {
     }
     else {
       // If prefill does not exist, or is invalid we should
-      // not have landed on this page, navigate to consent page
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage);
+      // not have landed on this page, navigate to PrefillInvalidSMSFPage page
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.PrefillInvalidSMSFPage);
     }
   }
   render() {
@@ -6375,7 +5846,7 @@ const PrefillSMSF = class {
   async handleFundNominationDeclined() {
     const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
     await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
-    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
   }
 };
 
@@ -6391,181 +5862,344 @@ const PrefillWarningBox = class {
   }
 };
 
-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();
+function validateAbn(abn) {
+  const digitArray = abn.split('').map(Number);
+  const isAllDigits = digitArray.every((d) => !isNaN(d));
+  const weightingFactors = [10, 1, 3, 5, 7, 9, 11, 13, 15, 17, 19];
+  if (!isAllDigits || digitArray.length !== weightingFactors.length) {
+    return false;
   }
+  digitArray[0]--;
+  const sum = digitArray.reduce((sum, digit, i) => sum + digit * weightingFactors[i], 0);
+  return sum % 89 === 0;
 }
-const promotedFundChoiceApi = new PromotedFundChoiceApi();
 
-class PromotedFundJoinV1IFrameBuilder {
-  constructor() {
-    this.hostIsLocalSuperSelection = () => window.location.origin === 'http://localhost:7100';
-    this.environmentDiscriminator = () => {
-      return this.hostIsLocalSuperSelection()
-        ? 'autodev-partner'
-        : window.location.hostname.toLowerCase().split('.')[0];
-    };
-    this.promotedFundJoinAppUrl = () => {
-      return `https://${this.environmentDiscriminator()}.flarehr.com/promoted-fund-join/embed/v1.0/web`;
+const SelfManagedFund = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isSubmitDisabled = true;
+    this.isAbnValid = validateAbn(state$1.selfManagedFundForm.fundAbn);
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.success = () => {
+      navigationService.navigateInternallyToStandardChoice({
+        history: this.history,
+        fundName: 'Self-managed super fund',
+        fundDetails: {
+          type: 'smsf',
+          fundName: state$1.selfManagedFundForm.fundName,
+          fundEsa: state$1.selfManagedFundForm.fundEsa
+        },
+        handleSubmitFn: async (standardChoiceFormSignature) => {
+          const requestDto = Object.assign({ smsfChoice: {
+              abn: state$1.selfManagedFundForm.fundAbn,
+              fundName: state$1.selfManagedFundForm.fundName,
+              fundAddress: {
+                addressLine1: state$1.selfManagedFundForm.addressLine1,
+                addressLine2: state$1.selfManagedFundForm.addressLine2,
+                city: state$1.selfManagedFundForm.city,
+                state: state$1.selfManagedFundForm.state,
+                postcode: state$1.selfManagedFundForm.postcode
+              },
+              bsb: state$1.selfManagedFundForm.bsb,
+              bankAccountName: state$1.selfManagedFundForm.bankAccountName,
+              bankAccountNumber: state$1.selfManagedFundForm.bankAccountNumber,
+              electronicServiceAddress: state$1.selfManagedFundForm.fundEsa,
+              memberFirstName: state$1.selfManagedFundForm.memberFirstName,
+              memberFamilyName: state$1.selfManagedFundForm.memberFamilyName
+            }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+          await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+        }
+      });
     };
   }
-  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.fund.id, authToken: superSelectionAppService.jwt });
-    const handleMessage = (event) => {
-      const { data } = event;
-      if (!data) {
-        return;
-      }
-      if (data.sender === 'promoted-fund-redirect') {
-        window.removeEventListener('message', handleMessage);
-        switch (data.type) {
-          case 'cancel':
-            navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-            break;
-          case 'success':
-            if (data.memberNumber) {
-              const promotedFundId = state.fund.id;
-              const fundName = _function.pipe(getFundNameByFundId(promotedFundId), Option.getOrElse(() => ''));
-              const usi = data.usi.replace(/ /g, '');
-              navigationService.navigateInternallyToStandardChoice({
-                history,
-                fundName,
-                fundDetails: {
-                  type: 'promoted',
-                  fundName,
-                  fundUsi: usi,
-                  memberNumber: data.memberNumber,
-                  promotedFundId
-                },
-                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign({ fundId: promotedFundId, memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, usi,
-                  standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig)),
-                promotedFundId
-              });
-              break;
-            }
-          /* falls through */
-          default:
-            navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-            break;
-        }
-        reset();
-        return;
-      }
-      if (data.sender === 'promoted-fund-join') {
-        switch (data.type) {
-          case 'contentResized':
-            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;
-        }
-      }
+  componentDidLoad() {
+    this.updateIsSubmitDisabled();
+    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds,
+      defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
+    });
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
+        'was-validated': this.formState === 'validated'
+      }, ref: (el) => (this.formElement = el), onInput: (_) => this.updateIsSubmitDisabled() }, index.h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg max-w-560" }, index.h("p", { class: "sm:text-lg font-bold" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))), index.h("sss-self-managed-fund-inputs", { fundForm: state$1.selfManagedFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
+        state$1.selfManagedFundForm = Object.assign(Object.assign({}, state$1.selfManagedFundForm), event.detail);
+        if (event.detail.isAbnValid !== undefined)
+          this.isAbnValid = event.detail.isAbnValid;
+        this.updateIsSubmitDisabled();
+      } })), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, index.h("div", { class: "mb-4", onClick: 
+      // user clicks on disabled button (div wrapper) then validation errors will show
+      () => (this.formState = 'validated') }, index.h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back")))))))));
+  }
+  updateIsSubmitDisabled() {
+    this.isSubmitDisabled = !this.formElement.checkValidity() || !this.isAbnValid;
+  }
+  async handleSubmitForm() {
+    this.formState = 'validated';
+    if (this.formElement.checkValidity())
+      this.success();
+  }
+};
+injectHistory(SelfManagedFund);
+
+var AbnValidationStatus;
+(function (AbnValidationStatus) {
+  AbnValidationStatus[AbnValidationStatus["Invalid"] = 1] = "Invalid";
+  AbnValidationStatus[AbnValidationStatus["AbnIsUsedForRegulatedFund"] = 2] = "AbnIsUsedForRegulatedFund";
+  AbnValidationStatus[AbnValidationStatus["Valid"] = 3] = "Valid";
+})(AbnValidationStatus || (AbnValidationStatus = {}));
+const SelfManagedFundInputs = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.formChanged = index.createEvent(this, "formChanged", 7);
+    this.abnValidationStatus = AbnValidationStatus.Invalid;
+    this.isAbnTouched = false;
+    this.currentBank = none;
+    this.addressErrorMessage = none;
+    this.stateOptions = [
+      { value: 'NSW', label: 'NSW' },
+      { value: 'QLD', label: 'QLD' },
+      { value: 'ACT', label: 'ACT' },
+      { value: 'VIC', label: 'VIC' },
+      { value: 'TAS', label: 'TAS' },
+      { value: 'WA', label: 'WA' },
+      { value: 'SA', label: 'SA' },
+      { value: 'NT', label: 'NT' }
+    ];
+    this.bsbRegex = new RegExp(/^[0-9]{3}[0-9]{3}$/);
+    this.bankAccountNumberRegex = new RegExp(/^[0-9]{2,10}$/);
+  }
+  render() {
+    const inputClass = {
+      'relative shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md focus:z-10': true,
+      'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
+        .showValidationErrors
     };
-    window.addEventListener('message', handleMessage);
-    const iframeDoc = iframe$1.contentDocument;
-    iframeDoc.open();
-    const form = iframeDoc.createElement('form');
-    form.method = 'POST';
-    form.target = '_self';
-    form.action = this.promotedFundJoinAppUrl();
-    let prop;
-    for (prop in postData) {
-      const value = postData[prop];
-      if (value !== undefined) {
-        const input = document.createElement('input');
-        input.type = 'hidden';
-        input.name = prop;
-        input.value = value;
-        form.append(input);
+    return (index.h("div", null, index.h("div", null, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundName", id: "fundName", value: state$1.selfManagedFundForm.fundName, onChange: (ev) => this.updateFormField('fundName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund ABN"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundAbn", id: "fundAbn", value: state$1.selfManagedFundForm.fundAbn, inputmode: "numeric", pattern: "[0-9]*", onKeyUp: async (ev) => {
+        const abnInput = ev.target;
+        this.updateFormField('fundAbn', abnInput.value.trim());
+        this.abnValidationStatus = AbnValidationStatus.Invalid;
+        if (validateAbn(abnInput.value)) {
+          const isAbnUsedForRegulatedFund = await this.isAbnUsedForRegulatedAsync(abnInput.value);
+          this.abnValidationStatus = isAbnUsedForRegulatedFund
+            ? AbnValidationStatus.AbnIsUsedForRegulatedFund
+            : AbnValidationStatus.Valid;
+        }
+        // We need to set a custom validity message to trigger css invalid styles for non valid cases
+        const validityMessage = this.abnValidationStatus === AbnValidationStatus.Valid
+          ? ''
+          : 'Enter a valid fund ABN (digits only)';
+        abnInput.setCustomValidity(validityMessage);
+        this.updateFormField('isAbnValid', this.abnValidationStatus === AbnValidationStatus.Valid);
+      }, onBlur: () => (this.isAbnTouched = true) }), this.renderAbnValidationError())), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Electronic service address alias (ESA)"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundEsa", id: "fundEsa", value: state$1.selfManagedFundForm.fundEsa, onChange: (ev) => this.updateFormField('fundEsa', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund ESA"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), index.h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, index.h("input", { placeholder: "Address line 1", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-t-md shadow-none': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: state$1.selfManagedFundForm.addressLine1, onChange: (ev) => {
+        this.updateFormField('addressLine1', ev.target.value.trim());
+        this.updateAddressErrorMessage();
+      }, ref: (el) => (this.addressLine1Element = el) }), index.h("input", { placeholder: "Address line 2 (optional)", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none shadow-none': true }), name: "addressLine2", id: "addressLine2", value: state$1.selfManagedFundForm.addressLine2, onChange: (ev) => this.updateFormField('addressLine2', ev.target.value.trim()) }), index.h("input", { placeholder: "City/suburb", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none shadow-none': true }), name: "city", required: true, id: "city", value: state$1.selfManagedFundForm.city, onChange: (ev) => {
+        this.updateFormField('city', ev.target.value.trim());
+        this.updateAddressErrorMessage();
+      }, ref: (el) => (this.cityElement = el) }), index.h("div", { class: "flex -space-x-px" }, index.h("div", { class: "w-1/2 flex-1 min-w-0" }, index.h("input", { placeholder: "Postcode", type: "text", required: true, class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-bl-md shadow-none': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: state$1.selfManagedFundForm.postcode, inputmode: "numeric", onChange: (ev) => {
+        this.updateFormField('postcode', ev.target.value.trim());
+        this.updateAddressErrorMessage();
+      }, ref: (el) => (this.postcodeElement = el) })), index.h("div", { class: "flex-1 min-w-0" }, index.h("select", { class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': this.fundForm.state !== undefined }), name: "state", required: true, id: "state", onChange: (ev) => {
+        this.updateFormField('state', ev.target.value.trim());
+        this.updateAddressErrorMessage();
+      }, ref: (el) => (this.stateElement = el) }, index.h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (index.h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (index.h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), index.h("div", { class: "flex space-x-4" }, index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-given-names-input", name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: state$1.selfManagedFundForm.memberFirstName, onChange: (ev) => this.updateFormField('memberFirstName', ev.target.value.trim()) }))), index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-last-name-input", name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: state$1.selfManagedFundForm.memberFamilyName, onChange: (ev) => this.updateFormField('memberFamilyName', ev.target.value.trim()) })))), index.h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$1.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bsb", id: "bsb", minlength: "6", maxlength: "7", inputmode: "numeric", onKeyUp: (ev) => this.updateCurrentBank(ev), pattern: this.bsbRegex.source, value: state$1.selfManagedFundForm.bsb }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.currentBank.value))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, inputmode: "numeric", value: state$1.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account number")))));
+  }
+  updateFormField(key, value) {
+    this.formChanged.emit({ [key]: value });
+  }
+  async isAbnUsedForRegulatedAsync(abn) {
+    return !(await customFundChoiceApi.validateAbnForSMSF(abn));
+  }
+  renderAbnValidationError() {
+    if (this.isAbnTouched || this.showValidationErrors) {
+      switch (this.abnValidationStatus) {
+        case AbnValidationStatus.Invalid:
+          return index.h("div", { class: "mt-2 text-sm text-red-600" }, "Enter a valid fund ABN (digits only)");
+        case AbnValidationStatus.AbnIsUsedForRegulatedFund:
+          return (index.h("div", { class: "mt-2 text-sm text-red-600" }, "The supplied ABN is for a regulated fund"));
+        case AbnValidationStatus.Valid:
+          return [];
       }
     }
-    iframeDoc.appendChild(form);
-    iframeDoc.close();
-    form.submit();
+    return [];
   }
-  getMemberData() {
-    var _a, _b;
-    const superBuyer = superSelectionAppService.superBuyer;
-    return {
-      title: superBuyer.userProfile.title,
-      firstName: superBuyer.userProfile.firstName,
-      middleName: superBuyer.userProfile.middleName,
-      lastName: superBuyer.userProfile.lastName,
-      dateOfBirth: superBuyer.userProfile.dateOfBirth,
-      gender: superBuyer.userProfile.gender,
-      email: superBuyer.userProfile.email,
-      mobilePhone: superBuyer.userProfile.mobilePhone,
-      taxFileNumber: (_a = superBuyer.tfn) !== null && _a !== void 0 ? _a : '',
-      addressLine1: superBuyer.userProfile.address.addressLine1,
-      addressLine2: (_b = superBuyer.userProfile.address.addressLine2) !== null && _b !== void 0 ? _b : '',
-      city: superBuyer.userProfile.address.city,
-      state: superBuyer.userProfile.address.state,
-      postCode: superBuyer.userProfile.address.postcode
-    };
+  filterDigits(str) {
+    return str.replace(/[^0-9]/g, '');
   }
-}
-const PromotedFundJoinV1IFrameBuilder$1 = new PromotedFundJoinV1IFrameBuilder();
+  updateCurrentBank(ev) {
+    const value = this.filterDigits(ev.target.value);
+    const firstTwoNumbers = value.substring(0, 2);
+    const firstThreeNumbers = value.substring(0, 3);
+    const firstTwoNumberBankName = bsbNumbers[firstTwoNumbers];
+    const firstThreeNumberBankName = bsbNumbers[firstThreeNumbers];
+    if (firstTwoNumberBankName)
+      this.currentBank = some(firstTwoNumberBankName);
+    if (firstThreeNumberBankName)
+      this.currentBank = some(firstThreeNumberBankName);
+    if (value === '' || value.length > 6)
+      this.currentBank = none;
+    this.updateFormField('bsb', value);
+  }
+  updateCurrentBankAccountNumber(ev) {
+    const value = this.filterDigits(ev.target.value);
+    this.updateFormField('bankAccountNumber', value);
+  }
+  updateAddressErrorMessage() {
+    let message = none;
+    if (isNone(message) && !this.addressLine1Element.checkValidity()) {
+      message = some('Enter a valid address line 1');
+    }
+    if (isNone(message) && !this.cityElement.checkValidity()) {
+      message = some('Enter a valid city/suburb');
+    }
+    if (isNone(message) && !this.postcodeElement.checkValidity()) {
+      message = some('Enter a valid post code');
+    }
+    if (isNone(message) && !this.stateElement.checkValidity()) {
+      message = some('Select a state');
+    }
+    this.addressErrorMessage = message;
+  }
+};
 
-const PromotedFundJoinV1Page = class {
+const StandardChoiceFormInputDefaultFund = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.standardChoiceFormSignature = '';
+    this.isSubmitDisabled = true;
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.ignorePopState = () => window.history.pushState(null, '', null);
+  }
+  connectedCallback() {
+    this.ignorePopState();
+    window.addEventListener('popstate', this.ignorePopState);
+  }
+  disconnectedCallback() {
+    window.removeEventListener('popstate', this.ignorePopState);
   }
   render() {
-    return (index.h("sss-iframe-host", { build: (iframe) => PromotedFundJoinV1IFrameBuilder$1.build(iframe, this.history) }));
+    return (index.h(index.Host, null, index.h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"), index.h("div", { class: "sm:text-lg text-gray-600 max-w-800 mt-4 text-center leading-7 sm:leading-8" }, "Your authorisation is required to complete your super choice by signing the standard choice form, which informs your employer of your choice of fund."), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "max-w-560" }, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" }, this.renderLogo(), index.h("div", { class: "flex justify-between w-full" }, index.h("div", null, index.h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"), index.h("div", { class: "text-sm mt-2" }, state.fundName)), index.h("div", { class: "grid content-center ml-4" }, index.h("sss-button", { testid: "change-fund-button", size: "xs", variant: "secondary", promiseFn: async () => {
+        await this.trackChangeRequestedAsync();
+        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+      } }, "Change")))), index.h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"), index.h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-information-circle.svg') })), index.h("div", { class: "ml-2" }, index.h("p", { class: "text-sm text-blue-800 leading-5" }, "Applying your full name in the text field below is the same as applying your written signature and is legally binding.")))), index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
+        'mt-3': true,
+        'was-validated': this.formState === 'validated'
+      }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"), index.h("input", { "data-testid": "standard-choice-form-signature-input", type: "text", autocomplete: "off", class: {
+        'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-base sm:text-sm border-gray-300 rounded-md mt-1': true,
+        'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
+      }, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"), index.h("div", { class: "mt-6" }, index.h("sss-button", { testid: "confirm-and-continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
   }
-};
-
-// Copyright (c) Microsoft Corporation. All rights reserved.
-// Licensed under the MIT License.
-var strShimFunction = "function";
-var strShimObject = "object";
-var strShimUndefined = "undefined";
-var strShimPrototype = "prototype";
-var strShimHasOwnProperty = "hasOwnProperty";
-/**
- * Returns the current global scope object, for a normal web page this will be the current
- * window, for a Web Worker this will be current worker global scope via "self". The internal
- * implementation returns the first available instance object in the following order
- * - globalThis (New standard)
- * - self (Will return the current window instance for supported browsers)
- * - window (fallback for older browser implementations)
- * - global (NodeJS standard)
- * - <null> (When all else fails)
- * While the return type is a Window for the normal case, not all environments will support all
- * of the properties or functions.
- */
-function getGlobal() {
-    if (typeof globalThis !== strShimUndefined && globalThis) {
+  // TODO: fetch external promoted fund logo
+  renderLogo() {
+    return;
+    // if (standardChoiceFormState.promotedFundId == undefined) return;
+    // const logoSource = getLogoSrcByFundId(standardChoiceFormState.promotedFundId);
+    // if (isSome(logoSource)) {
+    //   return (
+    //     <div class="pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start">
+    //       <img
+    //         class="h-16 max-w-140 sm:h-12 sm:max-w-[100px] object-contain"
+    //         alt={standardChoiceFormState.fundName}
+    //         src={logoSource.value}
+    //       />
+    //     </div>
+    //   );
+    // }
+  }
+  async trackChangeRequestedAsync() {
+    const common = {
+      promotedFundsShown: superSelectionAppService.promotedFunds,
+      defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
+    };
+    switch (state.fundDetails.type) {
+      case 'default':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          DefaultFund: Object.assign(Object.assign({}, state.fundDetails), common)
+        });
+        break;
+      case 'myOwnFund':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          MyOwnFund: Object.assign(Object.assign({}, state.fundDetails), common)
+        });
+        break;
+      case 'smsf':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          Smsf: Object.assign(Object.assign({}, state.fundDetails), common)
+        });
+        break;
+      case 'promoted':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          PromotedFund: Object.assign(Object.assign({}, state.fundDetails), common)
+        });
+        break;
+      case 'promotedDefault':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          PromotedDefaultFund: Object.assign(Object.assign({}, state.fundDetails), common)
+        });
+        break;
+      case 'promotedDefaultWithJoin':
+        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
+          PromotedDefaultFundWithJoin: Object.assign(Object.assign({}, state.fundDetails), common)
+        });
+        break;
+      case 'null':
+        throw 'standardChoiceFormState.fundDetails was not set';
+    }
+  }
+  async handleSubmitForm() {
+    this.formState = 'validated';
+    if (this.formElement.checkValidity()) {
+      await state.handleSubmitFn(this.standardChoiceFormSignature.trim());
+      superSelectionAppService.markSuperSelectionAsSubmitted();
+    }
+  }
+};
+
+const Success = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignorePopState = () => window.history.pushState(null, '', null);
+  }
+  connectedCallback() {
+    this.ignorePopState();
+    window.addEventListener('popstate', this.ignorePopState);
+  }
+  disconnectedCallback() {
+    window.removeEventListener('popstate', this.ignorePopState);
+  }
+  render() {
+    const CheckIcon = () => {
+      return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", class: "fill-primary-base" }, index.h("path", { d: "M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z" })));
+    };
+    return (index.h(index.Host, { class: "text-center" }, index.h("div", { class: "flex justify-center" }, index.h("div", { class: "relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-8 w-8 absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2" }, index.h(CheckIcon, null)))), index.h("h3", { class: "text-2xl leading-8 font-bold mt-4" }, "Your super choice has been submitted"), index.h("p", { class: "mt-4 text-center text-gray-600 leading-7 max-w-560 mx-auto" }, "Your superannuation details have been updated successfully and will be submitted to your employer."), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "max-w-[200px] w-full" }, index.h("sss-button", { testid: "continue-button", size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick }, index.h("span", null, "Continue"))))));
+  }
+  handleContinueButtonClick(_event) {
+    superSelectionAppService.completeSuperSelectionFlow();
+  }
+};
+
+// Copyright (c) Microsoft Corporation. All rights reserved.
+// Licensed under the MIT License.
+var strShimFunction = "function";
+var strShimObject = "object";
+var strShimUndefined = "undefined";
+var strShimPrototype = "prototype";
+var strShimHasOwnProperty = "hasOwnProperty";
+/**
+ * Returns the current global scope object, for a normal web page this will be the current
+ * window, for a Web Worker this will be current worker global scope via "self". The internal
+ * implementation returns the first available instance object in the following order
+ * - globalThis (New standard)
+ * - self (Will return the current window instance for supported browsers)
+ * - window (fallback for older browser implementations)
+ * - global (NodeJS standard)
+ * - <null> (When all else fails)
+ * While the return type is a Window for the normal case, not all environments will support all
+ * of the properties or functions.
+ */
+function getGlobal() {
+    if (typeof globalThis !== strShimUndefined && globalThis) {
         return globalThis;
     }
     if (typeof self !== strShimUndefined && self) {
@@ -16159,813 +15793,117 @@ class AppConfigurationQuery extends datoramaAkita.Query {
     return configuration.value;
   }
 }
-const appConfigurationQuery = new AppConfigurationQuery(sessionStore);
-
-class AppInsightsService {
-  constructor() {
-    this.appInsights = new Lazy(() => new Initialization({
-      config: {
-        instrumentationKey: appConfigurationQuery.configuration.AppInsightsKey,
-        enableAutoRouteTracking: true,
-        autoTrackPageVisitTime: true,
-        maxBatchInterval: 1000,
-        enableUnhandledPromiseRejectionTracking: true
-      }
-    }));
-  }
-  init() {
-    this.appInsights.value.loadAppInsights();
-    index.setErrorHandler((err) => this.appInsightsErrorHandler(err));
-  }
-  getAppInsights() {
-    return this.appInsights.value;
-  }
-  addCustomProperties(properties) {
-    this.appInsights.value.addTelemetryInitializer((envelope) => {
-      envelope.data = envelope.data ? envelope.data : {};
-      for (const [k, v] of Object.entries(properties)) {
-        envelope.data[k] = v;
-      }
-    });
-  }
-  trackErrorTrace(message) {
-    this.appInsights.value.trackTrace({ message, severityLevel: SeverityLevel.Error });
-  }
-  appInsightsErrorHandler(error) {
-    this.appInsights.value.trackException({
-      error: error,
-      severityLevel: SeverityLevel.Error
-    });
-    // eslint-disable-next-line no-console
-    const defaultStencilErrorHandler = (error) => console.error(error);
-    defaultStencilErrorHandler(error);
-  }
-}
-const appInsights = new AppInsightsService();
-
-class PromotedFundJoinV2IFrameBuilder {
-  constructor() {
-    this.getFundName = (fundId) => {
-      return _function.pipe(getFundNameByFundId(fundId), Option.getOrElse(() => ''));
-    };
-    this.cleanUsi = (usi) => {
-      return usi.replace(/ /g, '');
-    };
-    this.stringIsNullOrEmtpty = (s) => {
-      return !(typeof s === 'string' && s.trim().length > 0);
-    };
-    this.environmentDiscriminator = () => {
-      const discriminator = window.location.hostname.toLowerCase().split('.')[0];
-      switch (discriminator) {
-        case 'autodev-partner':
-        case 'test-partner':
-        case 'partner':
-        case 'sandbox-partner':
-          return discriminator.replace('partner', '');
-        default:
-          return 'autodev-';
-      }
-    };
-    this.promotedFundJoinAppUrl = () => {
-      return `https://${this.environmentDiscriminator()}api.simplefinancialchoices.com/promoted-funds/embed`;
-    };
-  }
-  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.fund.id, authToken: superSelectionAppService.jwt, employerDefault: state.fund.type === 'PromotedDefault', definedBenefitsEligibility: Option.toUndefined(superSelectionAppService.isDefinedBenefitsEligible) });
-    const handleMessage = async (event) => {
-      const { data } = event;
-      if (!data) {
-        return;
-      }
-      if (data.sender === 'promoted-fund-redirect') {
-        window.removeEventListener('message', handleMessage);
-        switch (data.type) {
-          case 'cancel':
-            if (state.fund.type === 'DefinedBenefits') {
-              // Note: we don't expect a cancel event from Defined Benefits flow but just in case
-              navigationService.navigateInternally(history, SuperSelectionAppRoutes.ConsentPage);
-            }
-            else {
-              navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-            }
-            break;
-          case 'success': {
-            const promotedFundId = state.fund.id;
-            const fundName = this.getFundName(promotedFundId);
-            const usi = this.cleanUsi(data.usi);
-            switch (state.fund.type) {
-              case 'Promoted':
-                if (this.stringIsNullOrEmtpty(data.memberNumber) ||
-                  this.stringIsNullOrEmtpty(data.usi)) {
-                  appInsights.trackErrorTrace('PFJ C# did not return (Promoted) memberNumber and/or usi');
-                  navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-                  break;
-                }
-                navigationService.navigateInternallyToStandardChoice({
-                  history,
-                  fundName,
-                  promotedFundId,
-                  fundDetails: {
-                    type: 'promoted',
-                    fundName,
-                    fundUsi: usi,
-                    memberNumber: data.memberNumber,
-                    promotedFundId
-                  },
-                  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))
-                });
-                break;
-              case 'PromotedDefault':
-                if (this.stringIsNullOrEmtpty(data.usi)) {
-                  appInsights.trackErrorTrace('PFJ C# did not return (PromotedDefault) usi');
-                  navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-                  break;
-                }
-                navigationService.navigateInternallyToStandardChoice({
-                  history,
-                  fundName,
-                  promotedFundId,
-                  fundDetails: {
-                    type: 'promotedDefault',
-                    fundName,
-                    fundUsi: usi,
-                    promotedFundId
-                  },
-                  handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitDefaultChoiceAsync(Object.assign({ fundId: promotedFundId, usi,
-                    standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig))
-                });
-                break;
-              case 'DefinedBenefits':
-                throw Error('DefinedBenefits is not supported in legacy "success" message');
-              case 'null':
-                throw Error('PromotedFundState.type was not set.');
-            }
-            break;
-          }
-          case 'success-promoted': {
-            if (this.stringIsNullOrEmtpty(data.memberNumber) ||
-              this.stringIsNullOrEmtpty(data.usi)) {
-              appInsights.trackErrorTrace('PFJ C# did not return (Promoted) memberNumber and/or usi');
-              navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-              break;
-            }
-            const usi = this.cleanUsi(data.usi);
-            const fundName = this.getFundName(data.fundId);
-            navigationService.navigateInternallyToStandardChoice({
-              history,
-              fundName,
-              promotedFundId: data.fundId,
-              fundDetails: {
-                type: 'promoted',
-                fundName,
-                fundUsi: usi,
-                memberNumber: data.memberNumber,
-                promotedFundId: data.fundId
-              },
-              handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign({ fundId: data.fundId, memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, usi,
-                standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig))
-            });
-            break;
-          }
-          case 'success-promoted-default': {
-            if (this.stringIsNullOrEmtpty(data.usi)) {
-              appInsights.trackErrorTrace('PFJ C# did not return (PromotedDefault) usi');
-              navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-              break;
-            }
-            const usi = this.cleanUsi(data.usi);
-            const fundName = this.getFundName(data.fundId);
-            navigationService.navigateInternallyToStandardChoice({
-              history,
-              fundName,
-              promotedFundId: data.fundId,
-              fundDetails: {
-                type: 'promotedDefault',
-                fundName,
-                fundUsi: usi,
-                promotedFundId: data.fundId
-              },
-              handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitDefaultChoiceAsync(Object.assign({ fundId: data.fundId, usi,
-                standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig))
-            });
-            break;
-          }
-          case 'success-promoted-default-with-join': {
-            if (this.stringIsNullOrEmtpty(data.memberNumber) ||
-              this.stringIsNullOrEmtpty(data.usi)) {
-              appInsights.trackErrorTrace('PFJ C# did not return (PromotedDefaultWithJoin) memberNumber and/or usi');
-              navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-              break;
-            }
-            const usi = this.cleanUsi(data.usi);
-            const fundName = this.getFundName(data.fundId);
-            navigationService.navigateInternallyToStandardChoice({
-              history,
-              fundName,
-              promotedFundId: data.fundId,
-              fundDetails: {
-                type: 'promotedDefaultWithJoin',
-                fundName,
-                fundUsi: usi,
-                memberNumber: data.memberNumber,
-                promotedFundId: data.fundId
-              },
-              handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitDefaultChoiceWithJoinAsync(Object.assign({ fundId: data.fundId, memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, usi,
-                standardChoiceFormSignature, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) }, superSelectionAppService.promotedFundsConfig))
-            });
-            break;
-          }
-          case 'success-defined-benefits':
-            if (this.stringIsNullOrEmtpty(data.memberNumber) ||
-              this.stringIsNullOrEmtpty(data.usi)) {
-              appInsights.trackErrorTrace('PFJ C# did not return (DefinedBenefits) memberNumber and/or usi');
-              navigationService.navigateInternally(history, SuperSelectionAppRoutes.ConsentPage);
-              break;
-            }
-            await customFundChoiceApi.submitDefinedBenefitsChoiceAsync(Object.assign(Object.assign({ fundUsi: this.cleanUsi(data.usi) }, data), superSelectionAppService.promotedFundsConfig));
-            superSelectionAppService.markSuperSelectionAsSubmitted();
-            break;
-          /* falls through */
-          default:
-            navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-            break;
-        }
-        reset();
-        return;
-      }
-      if (data.sender === 'promoted-fund-join') {
-        switch (data.type) {
-          case 'contentResized':
-            iframe$1.height = data.height > 0 ? String(data.height) : iframe$1.height;
-            iframe$1.width = data.width > 0 ? String(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$1.contentDocument;
-    iframeDoc.open();
-    const form = iframeDoc.createElement('form');
-    form.method = 'POST';
-    form.target = '_self';
-    form.action = this.promotedFundJoinAppUrl();
-    let prop;
-    for (prop in postData) {
-      const value = postData[prop];
-      if (value !== undefined) {
-        const input = document.createElement('input');
-        input.name = prop;
-        input.type = 'hidden';
-        if (typeof value === 'boolean') {
-          input.value = value ? 'true' : 'false';
-        }
-        else {
-          input.value = value;
-        }
-        form.append(input);
-      }
-    }
-    iframeDoc.appendChild(form);
-    iframeDoc.close();
-    form.submit();
-  }
-  getMemberData() {
-    var _a, _b;
-    const superBuyer = superSelectionAppService.superBuyer;
-    return {
-      title: superBuyer.userProfile.title,
-      firstName: superBuyer.userProfile.firstName,
-      middleName: superBuyer.userProfile.middleName,
-      lastName: superBuyer.userProfile.lastName,
-      dateOfBirth: superBuyer.userProfile.dateOfBirth,
-      gender: superBuyer.userProfile.gender,
-      email: superBuyer.userProfile.email,
-      mobilePhone: superBuyer.userProfile.mobilePhone,
-      taxFileNumber: (_a = superBuyer.tfn) !== null && _a !== void 0 ? _a : '',
-      addressLine1: superBuyer.userProfile.address.addressLine1,
-      addressLine2: (_b = superBuyer.userProfile.address.addressLine2) !== null && _b !== void 0 ? _b : '',
-      city: superBuyer.userProfile.address.city,
-      state: superBuyer.userProfile.address.state,
-      postCode: superBuyer.userProfile.address.postcode
-    };
-  }
-}
-const PromotedFundJoinV2IFrameBuilder$1 = new PromotedFundJoinV2IFrameBuilder();
-
-const PromotedFundJoinV2Page = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("sss-iframe-host", { build: (iframe) => PromotedFundJoinV2IFrameBuilder$1.build(iframe, this.history) }));
-  }
-};
-
-function validateAbn(abn) {
-  const digitArray = abn.split('').map(Number);
-  const isAllDigits = digitArray.every((d) => !isNaN(d));
-  const weightingFactors = [10, 1, 3, 5, 7, 9, 11, 13, 15, 17, 19];
-  if (!isAllDigits || digitArray.length !== weightingFactors.length) {
-    return false;
-  }
-  digitArray[0]--;
-  const sum = digitArray.reduce((sum, digit, i) => sum + digit * weightingFactors[i], 0);
-  return sum % 89 === 0;
-}
-
-const SelfManagedFund = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isSubmitDisabled = true;
-    this.isAbnValid = validateAbn(state$2.selfManagedFundForm.fundAbn);
-    this.eventTrackingService = EventTrackingService.Instance;
-    this.success = () => {
-      navigationService.navigateInternallyToStandardChoice({
-        history: this.history,
-        fundName: 'Self-managed super fund',
-        fundDetails: {
-          type: 'smsf',
-          fundName: state$2.selfManagedFundForm.fundName,
-          fundEsa: state$2.selfManagedFundForm.fundEsa
-        },
-        handleSubmitFn: async (standardChoiceFormSignature) => {
-          const requestDto = Object.assign({ smsfChoice: {
-              abn: state$2.selfManagedFundForm.fundAbn,
-              fundName: state$2.selfManagedFundForm.fundName,
-              fundAddress: {
-                addressLine1: state$2.selfManagedFundForm.addressLine1,
-                addressLine2: state$2.selfManagedFundForm.addressLine2,
-                city: state$2.selfManagedFundForm.city,
-                state: state$2.selfManagedFundForm.state,
-                postcode: state$2.selfManagedFundForm.postcode
-              },
-              bsb: state$2.selfManagedFundForm.bsb,
-              bankAccountName: state$2.selfManagedFundForm.bankAccountName,
-              bankAccountNumber: state$2.selfManagedFundForm.bankAccountNumber,
-              electronicServiceAddress: state$2.selfManagedFundForm.fundEsa,
-              memberFirstName: state$2.selfManagedFundForm.memberFirstName,
-              memberFamilyName: state$2.selfManagedFundForm.memberFamilyName
-            }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
-          await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
-        }
-      });
-    };
-  }
-  componentDidLoad() {
-    this.updateIsSubmitDisabled();
-    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
-      promotedFundsShown: superSelectionAppService.promotedFunds,
-      defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
-    });
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("sss-header-section", { currentPage: "own-fund" }), index.h("div", { class: "flex justify-center mt-11" }, index.h("sss-custom-fund", null, index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
-        'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el), onInput: (_) => this.updateIsSubmitDisabled() }, index.h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg max-w-560" }, index.h("p", { class: "sm:text-lg font-bold" }, "Fund details"), index.h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-exclamation.svg') })), index.h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))), index.h("sss-self-managed-fund-inputs", { fundForm: state$2.selfManagedFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
-        state$2.selfManagedFundForm = Object.assign(Object.assign({}, state$2.selfManagedFundForm), event.detail);
-        if (event.detail.isAbnValid !== undefined)
-          this.isAbnValid = event.detail.isAbnValid;
-        this.updateIsSubmitDisabled();
-      } })), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "sm:max-w-320 w-full" }, index.h("div", { class: "mb-4", onClick: 
-      // user clicks on disabled button (div wrapper) then validation errors will show
-      () => (this.formState = 'validated') }, index.h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), index.h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, index.h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back")))))))));
-  }
-  updateIsSubmitDisabled() {
-    this.isSubmitDisabled = !this.formElement.checkValidity() || !this.isAbnValid;
-  }
-  async handleSubmitForm() {
-    this.formState = 'validated';
-    if (this.formElement.checkValidity())
-      this.success();
-  }
-};
-injectHistory(SelfManagedFund);
-
-var AbnValidationStatus;
-(function (AbnValidationStatus) {
-  AbnValidationStatus[AbnValidationStatus["Invalid"] = 1] = "Invalid";
-  AbnValidationStatus[AbnValidationStatus["AbnIsUsedForRegulatedFund"] = 2] = "AbnIsUsedForRegulatedFund";
-  AbnValidationStatus[AbnValidationStatus["Valid"] = 3] = "Valid";
-})(AbnValidationStatus || (AbnValidationStatus = {}));
-const SelfManagedFundInputs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.formChanged = index.createEvent(this, "formChanged", 7);
-    this.abnValidationStatus = AbnValidationStatus.Invalid;
-    this.isAbnTouched = false;
-    this.currentBank = none;
-    this.addressErrorMessage = none;
-    this.stateOptions = [
-      { value: 'NSW', label: 'NSW' },
-      { value: 'QLD', label: 'QLD' },
-      { value: 'ACT', label: 'ACT' },
-      { value: 'VIC', label: 'VIC' },
-      { value: 'TAS', label: 'TAS' },
-      { value: 'WA', label: 'WA' },
-      { value: 'SA', label: 'SA' },
-      { value: 'NT', label: 'NT' }
-    ];
-    this.bsbRegex = new RegExp(/^[0-9]{3}[0-9]{3}$/);
-    this.bankAccountNumberRegex = new RegExp(/^[0-9]{2,10}$/);
-  }
-  render() {
-    const inputClass = {
-      'relative shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md focus:z-10': true,
-      'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
-        .showValidationErrors
-    };
-    return (index.h("div", null, index.h("div", null, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundName", id: "fundName", value: state$2.selfManagedFundForm.fundName, onChange: (ev) => this.updateFormField('fundName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund ABN"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundAbn", id: "fundAbn", value: state$2.selfManagedFundForm.fundAbn, inputmode: "numeric", pattern: "[0-9]*", onKeyUp: async (ev) => {
-        const abnInput = ev.target;
-        this.updateFormField('fundAbn', abnInput.value.trim());
-        this.abnValidationStatus = AbnValidationStatus.Invalid;
-        if (validateAbn(abnInput.value)) {
-          const isAbnUsedForRegulatedFund = await this.isAbnUsedForRegulatedAsync(abnInput.value);
-          this.abnValidationStatus = isAbnUsedForRegulatedFund
-            ? AbnValidationStatus.AbnIsUsedForRegulatedFund
-            : AbnValidationStatus.Valid;
-        }
-        // We need to set a custom validity message to trigger css invalid styles for non valid cases
-        const validityMessage = this.abnValidationStatus === AbnValidationStatus.Valid
-          ? ''
-          : 'Enter a valid fund ABN (digits only)';
-        abnInput.setCustomValidity(validityMessage);
-        this.updateFormField('isAbnValid', this.abnValidationStatus === AbnValidationStatus.Valid);
-      }, onBlur: () => (this.isAbnTouched = true) }), this.renderAbnValidationError())), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Electronic service address alias (ESA)"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "fundEsa", id: "fundEsa", value: state$2.selfManagedFundForm.fundEsa, onChange: (ev) => this.updateFormField('fundEsa', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund ESA"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), index.h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, index.h("input", { placeholder: "Address line 1", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-t-md shadow-none': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: state$2.selfManagedFundForm.addressLine1, onChange: (ev) => {
-        this.updateFormField('addressLine1', ev.target.value.trim());
-        this.updateAddressErrorMessage();
-      }, ref: (el) => (this.addressLine1Element = el) }), index.h("input", { placeholder: "Address line 2 (optional)", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none shadow-none': true }), name: "addressLine2", id: "addressLine2", value: state$2.selfManagedFundForm.addressLine2, onChange: (ev) => this.updateFormField('addressLine2', ev.target.value.trim()) }), index.h("input", { placeholder: "City/suburb", type: "text", class: Object.assign(Object.assign({}, inputClass), { 'rounded-none shadow-none': true }), name: "city", required: true, id: "city", value: state$2.selfManagedFundForm.city, onChange: (ev) => {
-        this.updateFormField('city', ev.target.value.trim());
-        this.updateAddressErrorMessage();
-      }, ref: (el) => (this.cityElement = el) }), index.h("div", { class: "flex -space-x-px" }, index.h("div", { class: "w-1/2 flex-1 min-w-0" }, index.h("input", { placeholder: "Postcode", type: "text", required: true, class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-bl-md shadow-none': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: state$2.selfManagedFundForm.postcode, inputmode: "numeric", onChange: (ev) => {
-        this.updateFormField('postcode', ev.target.value.trim());
-        this.updateAddressErrorMessage();
-      }, ref: (el) => (this.postcodeElement = el) })), index.h("div", { class: "flex-1 min-w-0" }, index.h("select", { class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': this.fundForm.state !== undefined }), name: "state", required: true, id: "state", onChange: (ev) => {
-        this.updateFormField('state', ev.target.value.trim());
-        this.updateAddressErrorMessage();
-      }, ref: (el) => (this.stateElement = el) }, index.h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (index.h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (index.h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), index.h("div", { class: "flex space-x-4" }, index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-given-names-input", name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: state$2.selfManagedFundForm.memberFirstName, onChange: (ev) => this.updateFormField('memberFirstName', ev.target.value.trim()) }))), index.h("div", { class: "mt-3 w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), index.h("div", { class: "mt-1" }, index.h("sss-name-input", { testId: "member-last-name-input", name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: state$2.selfManagedFundForm.memberFamilyName, onChange: (ev) => this.updateFormField('memberFamilyName', ev.target.value.trim()) })))), index.h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$2.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bsb", id: "bsb", minlength: "6", maxlength: "7", inputmode: "numeric", onKeyUp: (ev) => this.updateCurrentBank(ev), pattern: this.bsbRegex.source, value: state$2.selfManagedFundForm.bsb }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.currentBank.value))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, inputmode: "numeric", value: state$2.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account number")))));
-  }
-  updateFormField(key, value) {
-    this.formChanged.emit({ [key]: value });
-  }
-  async isAbnUsedForRegulatedAsync(abn) {
-    return !(await customFundChoiceApi.validateAbnForSMSF(abn));
-  }
-  renderAbnValidationError() {
-    if (this.isAbnTouched || this.showValidationErrors) {
-      switch (this.abnValidationStatus) {
-        case AbnValidationStatus.Invalid:
-          return index.h("div", { class: "mt-2 text-sm text-red-600" }, "Enter a valid fund ABN (digits only)");
-        case AbnValidationStatus.AbnIsUsedForRegulatedFund:
-          return (index.h("div", { class: "mt-2 text-sm text-red-600" }, "The supplied ABN is for a regulated fund"));
-        case AbnValidationStatus.Valid:
-          return [];
-      }
-    }
-    return [];
-  }
-  filterDigits(str) {
-    return str.replace(/[^0-9]/g, '');
-  }
-  updateCurrentBank(ev) {
-    const value = this.filterDigits(ev.target.value);
-    const firstTwoNumbers = value.substring(0, 2);
-    const firstThreeNumbers = value.substring(0, 3);
-    const firstTwoNumberBankName = bsbNumbers[firstTwoNumbers];
-    const firstThreeNumberBankName = bsbNumbers[firstThreeNumbers];
-    if (firstTwoNumberBankName)
-      this.currentBank = some(firstTwoNumberBankName);
-    if (firstThreeNumberBankName)
-      this.currentBank = some(firstThreeNumberBankName);
-    if (value === '' || value.length > 6)
-      this.currentBank = none;
-    this.updateFormField('bsb', value);
-  }
-  updateCurrentBankAccountNumber(ev) {
-    const value = this.filterDigits(ev.target.value);
-    this.updateFormField('bankAccountNumber', value);
-  }
-  updateAddressErrorMessage() {
-    let message = none;
-    if (isNone(message) && !this.addressLine1Element.checkValidity()) {
-      message = some('Enter a valid address line 1');
-    }
-    if (isNone(message) && !this.cityElement.checkValidity()) {
-      message = some('Enter a valid city/suburb');
-    }
-    if (isNone(message) && !this.postcodeElement.checkValidity()) {
-      message = some('Enter a valid post code');
-    }
-    if (isNone(message) && !this.stateElement.checkValidity()) {
-      message = some('Select a state');
-    }
-    this.addressErrorMessage = message;
-  }
-};
-
-class InteropQuery extends datoramaAkita.Query {
-  constructor(store) {
-    super(store);
-    this.store = store;
-  }
-  isReactNativeInteropEnabled() {
-    return isSome(this.getValue().reactNativeInterop);
-  }
-  isIframeInteropEnabled() {
-    return isSome(this.getValue().iframeInterop);
-  }
-  getIframeInteropMode() {
-    const iframeInterop = this.getValue().iframeInterop;
-    if (isNone(iframeInterop)) {
-      throw Error('Failed to get iframe interop information: no data in store');
-    }
-    if (!this.isIframeInteropEnabled()) {
-      throw Error('Failed to get iframe interop information: iframe mode is disabled');
-    }
-    return iframeInterop.value;
-  }
-}
-const interopQuery = new InteropQuery(sessionStore);
-
-class SlateChoiceApi {
-  async submitSlateChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/slate')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process Slate join request');
-    })
-      .text();
-  }
-}
-const slateChoiceApi = new SlateChoiceApi();
-
-class SlateIFrameBuilder {
-  constructor() {
-    this.hostIsLocalSuperSelection = () => window.location.origin === 'http://localhost:7100';
-    this.hostIsDeployed = () => window.location.origin.endsWith('partner.flarehr.com');
-    this.skipConsolidation = () => (interopQuery.isReactNativeInteropEnabled() ? 'true' : 'false');
-    this.skipInsurance = () => (interopQuery.isReactNativeInteropEnabled() ? 'true' : 'false');
-    this.environmentDiscriminator = () => {
-      const discriminator = window.location.hostname.toLowerCase().split('.')[0];
-      switch (discriminator) {
-        case 'autodev-partner':
-        case 'test-partner':
-        case 'partner':
-        case 'sandbox-partner':
-          return discriminator.replace('partner', '');
-        default:
-          return 'autodev-';
-      }
-    };
-    this.slateJoinAppUrl = () => {
-      return `https://${this.environmentDiscriminator()}join.slatesuper.com.au/confirm`;
-    };
-  }
-  build(iframe, history) {
-    if (!(iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument))
-      return;
-    const baseUrl = this.hostIsLocalSuperSelection() || this.hostIsDeployed()
-      ? `${window.location.origin}/super-selection/embed/v1.0/app`
-      : 'https://autodev-partner.flarehr.com/super-selection/embed/v1.0/app';
-    const redirectUrl = `${baseUrl}/slate-redirect.html`;
-    const postData = Object.assign(Object.assign({}, this.getSlateJoinMemberData()), { successRedirectUrl: redirectUrl, cancelRedirectUrl: redirectUrl, skipConsolidation: this.skipConsolidation(), skipInsurance: this.skipInsurance() });
-    if (this.includeJwt()) {
-      postData.authToken = superSelectionAppService.jwt;
-    }
-    const handleMessage = (event) => {
-      const { data, origin } = event;
-      if (!data) {
-        return;
-      }
-      if (data.sender === 'slate-redirect') {
-        window.removeEventListener('message', handleMessage);
-        switch (data.type) {
-          case 'success':
-            if (data.memberNumber) {
-              navigationService.navigateInternallyToStandardChoice({
-                history,
-                fundName: fund$8.name,
-                fundDetails: {
-                  type: 'promoted',
-                  fundName: fund$8.name,
-                  fundUsi: slateUsi,
-                  memberNumber: data.memberNumber,
-                  promotedFundId: fund$8.fundId
-                },
-                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$8.fundId
-              });
-              break;
-            }
-          /* falls through */
-          default:
-            navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
-            break;
-        }
-        reset();
-        return;
-      }
-      if (data.sender === 'flare' && origin.endsWith('join.slatesuper.com.au')) {
-        switch (data.type) {
-          case 'contentResized':
-            iframe.height = data.height > 0 ? data.height : iframe.height;
-            iframe.width = data.width > 0 ? data.width : iframe.width;
-            break;
-        }
-      }
-    };
-    window.addEventListener('message', handleMessage);
-    const iframeDoc = iframe.contentDocument;
-    iframeDoc.open();
-    const form = iframeDoc.createElement('form');
-    form.method = 'POST';
-    form.target = '_self';
-    form.action = this.slateJoinAppUrl();
-    let prop;
-    for (prop in postData) {
-      const value = postData[prop];
-      if (value !== undefined) {
-        const input = document.createElement('input');
-        input.type = 'hidden';
-        input.name = prop;
-        input.value = value;
-        form.append(input);
-      }
-    }
-    iframeDoc.appendChild(form);
-    iframeDoc.close();
-    form.submit();
-  }
-  getSlateJoinMemberData() {
-    var _a, _b;
-    const superBuyer = superSelectionAppService.superBuyer;
-    const toSlateGender = (gender) => {
-      switch (gender) {
-        case 'Male':
-          return 'Male';
-        case 'Female':
-          return 'Female';
-        case 'Intersex':
-          return 'Intersex/Indeterminate';
-        default:
-          return 'Unknown';
-      }
-    };
-    return {
-      firstName: superBuyer.userProfile.firstName,
-      middleName: superBuyer.userProfile.middleName,
-      lastName: superBuyer.userProfile.lastName,
-      dateOfBirth: superBuyer.userProfile.dateOfBirth,
-      gender: toSlateGender(superBuyer.userProfile.gender),
-      email: superBuyer.userProfile.email,
-      mobilePhone: superBuyer.userProfile.mobilePhone,
-      taxFileNumber: (_a = superBuyer.tfn) !== null && _a !== void 0 ? _a : '',
-      addressLine1: superBuyer.userProfile.address.addressLine1,
-      addressLine2: (_b = superBuyer.userProfile.address.addressLine2) !== null && _b !== void 0 ? _b : '',
-      city: superBuyer.userProfile.address.city,
-      state: superBuyer.userProfile.address.state,
-      postCode: superBuyer.userProfile.address.postcode
-    };
-  }
-  includeJwt() {
-    return !this.slateJoinAppUrl().match(/autodev|sandbox/);
-  }
-}
-const slateIFrameBuilder = new SlateIFrameBuilder();
+const appConfigurationQuery = new AppConfigurationQuery(sessionStore);
 
-const SlateJoinPage = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+class AppInsightsService {
+  constructor() {
+    this.appInsights = new Lazy(() => new Initialization({
+      config: {
+        instrumentationKey: appConfigurationQuery.configuration.AppInsightsKey,
+        enableAutoRouteTracking: true,
+        autoTrackPageVisitTime: true,
+        maxBatchInterval: 1000,
+        enableUnhandledPromiseRejectionTracking: true
+      }
+    }));
   }
-  render() {
-    return index.h("sss-iframe-host", { build: (iframe) => slateIFrameBuilder.build(iframe, this.history) });
+  init() {
+    this.appInsights.value.loadAppInsights();
+    index.setErrorHandler((err) => this.appInsightsErrorHandler(err));
   }
-};
-
-const StandardChoiceFormInputDefaultFund = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.standardChoiceFormSignature = '';
-    this.isSubmitDisabled = true;
-    this.eventTrackingService = EventTrackingService.Instance;
-    this.ignorePopState = () => window.history.pushState(null, '', null);
+  getAppInsights() {
+    return this.appInsights.value;
   }
-  connectedCallback() {
-    this.ignorePopState();
-    window.addEventListener('popstate', this.ignorePopState);
+  addCustomProperties(properties) {
+    this.appInsights.value.addTelemetryInitializer((envelope) => {
+      envelope.data = envelope.data ? envelope.data : {};
+      for (const [k, v] of Object.entries(properties)) {
+        envelope.data[k] = v;
+      }
+    });
   }
-  disconnectedCallback() {
-    window.removeEventListener('popstate', this.ignorePopState);
+  trackErrorTrace(message) {
+    this.appInsights.value.trackTrace({ message, severityLevel: SeverityLevel.Error });
   }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"), index.h("div", { class: "sm:text-lg text-gray-600 max-w-800 mt-4 text-center leading-7 sm:leading-8" }, "Your authorisation is required to complete your super choice by signing the standard choice form, which informs your employer of your choice of fund."), index.h("div", { class: "flex justify-center mt-8 sm:mt-12" }, index.h("div", { class: "max-w-560" }, index.h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" }, this.renderLogo(), index.h("div", { class: "flex justify-between w-full" }, index.h("div", null, index.h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"), index.h("div", { class: "text-sm mt-2" }, state$1.fundName)), index.h("div", { class: "grid content-center ml-4" }, index.h("sss-button", { testid: "change-fund-button", size: "xs", variant: "secondary", promiseFn: async () => {
-        await this.trackChangeRequestedAsync();
-        const changeFundRoute = Option.isSome(superSelectionAppService.state.superChoicePrefill)
-          ? SuperSelectionAppRoutes.ConsentPage
-          : SuperSelectionAppRoutes.ChoicePage;
-        navigationService.navigateInternally(this.history, changeFundRoute);
-      } }, "Change")))), index.h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"), index.h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" }, index.h("div", { class: "flex" }, index.h("div", { class: "flex-shrink-0" }, index.h("img", { class: "h-5 w-5", src: index.getAssetPath('assets/icon-information-circle.svg') })), index.h("div", { class: "ml-2" }, index.h("p", { class: "text-sm text-blue-800 leading-5" }, "Applying your full name in the text field below is the same as applying your written signature and is legally binding.")))), index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
-        'mt-3': true,
-        'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"), index.h("input", { "data-testid": "standard-choice-form-signature-input", type: "text", autocomplete: "off", class: {
-        'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-base sm:text-sm border-gray-300 rounded-md mt-1': true,
-        'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
-      }, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }), index.h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"), index.h("div", { class: "mt-6" }, index.h("sss-button", { testid: "confirm-and-continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Confirm and continue"))))))));
+  appInsightsErrorHandler(error) {
+    this.appInsights.value.trackException({
+      error: error,
+      severityLevel: SeverityLevel.Error
+    });
+    // eslint-disable-next-line no-console
+    const defaultStencilErrorHandler = (error) => console.error(error);
+    defaultStencilErrorHandler(error);
   }
-  renderLogo() {
-    if (state$1.promotedFundId == undefined)
-      return;
-    const logoSource = getLogoSrcByFundId(state$1.promotedFundId);
-    if (Option.isSome(logoSource)) {
-      return (index.h("div", { class: "pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start" }, index.h("img", { class: "h-16 max-w-140 sm:h-12 sm:max-w-[100px] object-contain", alt: state$1.fundName, src: logoSource.value })));
-    }
+}
+const appInsights = new AppInsightsService();
+
+class SuperCampaignErrorApi {
+  static get Instance() {
+    return this.instance || (this.instance = new this());
   }
-  async trackChangeRequestedAsync() {
-    const common = {
-      promotedFundsShown: superSelectionAppService.promotedFunds,
-      defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
-    };
-    switch (state$1.fundDetails.type) {
-      case 'default':
-        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          DefaultFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
-        });
-        break;
-      case 'myOwnFund':
-        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          MyOwnFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
-        });
-        break;
-      case 'smsf':
-        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          Smsf: Object.assign(Object.assign({}, state$1.fundDetails), common)
-        });
-        break;
-      case 'promoted':
-        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          PromotedFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
-        });
-        break;
-      case 'promotedDefault':
-        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          PromotedDefaultFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
-        });
-        break;
-      case 'promotedDefaultWithJoin':
-        await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          PromotedDefaultFundWithJoin: Object.assign(Object.assign({}, state$1.fundDetails), common)
-        });
-        break;
-      case 'null':
-        throw 'standardChoiceFormState.fundDetails was not set';
-    }
+  async PostError(error) {
+    buildBackendApiClient().url('super-campaign/errors').post(error);
   }
-  async handleSubmitForm() {
-    this.formState = 'validated';
-    if (this.formElement.checkValidity()) {
-      await state$1.handleSubmitFn(this.standardChoiceFormSignature.trim());
-      superSelectionAppService.markSuperSelectionAsSubmitted();
+}
+
+const SuperFundDisclaimerViewedDetail = {
+  create: (superCampaignEnabled) => {
+    let isDefinedBenefitsEligibleString = 'Not set';
+    if (Option.isSome(superSelectionAppService.isDefinedBenefitsEligible)) {
+      isDefinedBenefitsEligibleString = superSelectionAppService.isDefinedBenefitsEligible.value
+        ? 'True'
+        : 'False';
     }
+    return {
+      isDefinedBenefitsEligible: isDefinedBenefitsEligibleString,
+      superCampaignEnabled: superCampaignEnabled
+    };
   }
 };
 
-const Success = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignorePopState = () => window.history.pushState(null, '', null);
-  }
-  connectedCallback() {
-    this.ignorePopState();
-    window.addEventListener('popstate', this.ignorePopState);
-  }
-  disconnectedCallback() {
-    window.removeEventListener('popstate', this.ignorePopState);
+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();
   }
-  render() {
-    const CheckIcon = () => {
-      return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", class: "fill-primary-base" }, index.h("path", { d: "M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z" })));
-    };
-    return (index.h(index.Host, { class: "text-center" }, index.h("div", { class: "flex justify-center" }, index.h("div", { class: "relative" }, index.h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }), index.h("div", { class: "h-8 w-8 absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2" }, index.h(CheckIcon, null)))), index.h("h3", { class: "text-2xl leading-8 font-bold mt-4" }, "Your super choice has been submitted"), index.h("p", { class: "mt-4 text-center text-gray-600 leading-7 max-w-560 mx-auto" }, "Your superannuation details have been updated successfully and will be submitted to your employer."), index.h("div", { class: "flex justify-center mt-8" }, index.h("div", { class: "max-w-[200px] w-full" }, index.h("sss-button", { testid: "continue-button", size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick }, index.h("span", null, "Continue"))))));
+  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();
   }
-  handleContinueButtonClick(_event) {
-    superSelectionAppService.completeSuperSelectionFlow();
+  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 SuperCampaignErrorApi {
-  static get Instance() {
-    return this.instance || (this.instance = new this());
-  }
-  async PostError(error) {
-    buildBackendApiClient().url('super-campaign/errors').post(error);
+class SlateChoiceApi {
+  async submitSlateChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/slate')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Slate join request');
+    })
+      .text();
   }
 }
+const slateChoiceApi = new SlateChoiceApi();
 
 class MiscService {
   trackClickPromotedTileAsync(payload) {
@@ -17125,9 +16063,6 @@ const SuperCampaignHost = class {
       }
       return Promise.resolve();
     };
-    this.getFundName = (fundId) => {
-      return _function.pipe(getFundNameByFundId(fundId), Option.getOrElse(() => ''));
-    };
     this.stringIsNullOrEmtpty = (s) => {
       return !(typeof s === 'string' && s.trim().length > 0);
     };
@@ -17137,21 +16072,20 @@ const SuperCampaignHost = class {
         return;
       }
       const usi = Usi.clean(data.usi);
-      const fundName = this.getFundName(data.fundId);
       const defaultFundUsiSet = Option.toUndefined(superSelectionAppService.defaultFundUsi);
       navigationService.navigateInternallyToStandardChoice({
         history: this.history,
-        fundName,
+        fundName: data.fundName,
         promotedFundId: data.fundId,
         fundDetails: {
           type: 'promoted',
-          fundName,
+          fundName: data.fundName,
           fundUsi: usi,
           memberNumber: data.memberNumber,
           promotedFundId: data.fundId
         },
         handleSubmitFn: async (standardChoiceFormSignature) => {
-          if (data.fundId == fund$8.fundId) {
+          if (data.fundId == slate.fundId) {
             await slateChoiceApi.submitSlateChoiceAsync(Object.assign({ memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, standardChoiceFormSignature,
               defaultFundUsiSet }, this.PromotedFundsConfig));
           }
@@ -17169,14 +16103,13 @@ const SuperCampaignHost = class {
         return;
       }
       const usi = Usi.clean(data.usi);
-      const fundName = this.getFundName(data.fundId);
       navigationService.navigateInternallyToStandardChoice({
         history: this.history,
-        fundName,
+        fundName: data.fundName,
         promotedFundId: data.fundId,
         fundDetails: {
           type: 'promotedDefault',
-          fundName,
+          fundName: data.fundName,
           fundUsi: usi,
           promotedFundId: data.fundId
         },
@@ -17190,14 +16123,13 @@ const SuperCampaignHost = class {
         return;
       }
       const usi = Usi.clean(data.usi);
-      const fundName = this.getFundName(data.fundId);
       navigationService.navigateInternallyToStandardChoice({
         history: this.history,
-        fundName,
+        fundName: data.fundName,
         promotedFundId: data.fundId,
         fundDetails: {
           type: 'promotedDefaultWithJoin',
-          fundName,
+          fundName: data.fundName,
           fundUsi: usi,
           memberNumber: data.memberNumber,
           promotedFundId: data.fundId
@@ -17230,14 +16162,14 @@ const SuperCampaignHost = class {
   async componentWillLoad() {
     if (superSelectionAppService.state.superCampaignComponentStatus ===
       SuperCampaignComponentStatus.NotWorking) {
-      await navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
       return;
     }
     let superCampaingScriptPath = undefined;
     try {
-      if (Option.isSome(superSelectionAppService.state.apiBaseUrl) &&
+      if (Option.isSome(superSelectionAppService.backendUrl) &&
         Option.isSome(superSelectionAppService.state.jwt)) {
-        this.backendUrl = this.getBaseUrl(superSelectionAppService.state.apiBaseUrl.value);
+        this.backendUrl = superSelectionAppService.backendUrl.value;
         this.accessToken = superSelectionAppService.state.jwt.value;
         this.unSubscribeFromSuperCampaignEvents();
         if (superSelectionAppService.state.superCampaignComponentStatus ===
@@ -17248,7 +16180,7 @@ const SuperCampaignHost = class {
         }
         this.subscribeToSuperCampaignEvents();
         this.scriptImported = true;
-        superSelectionAppService.superCampaignIsInView = true;
+        superSelectionAppService.hideFooterSection = true;
       }
       else {
         throw Error(`SuperCampaignHost pre-requisites not met.`);
@@ -17264,7 +16196,7 @@ const SuperCampaignHost = class {
   disconnectedCallback() {
     clearTimeout(this.loadingTimeoutRef);
     this.unSubscribeFromSuperCampaignEvents();
-    superSelectionAppService.superCampaignIsInView = false;
+    superSelectionAppService.hideFooterSection = false;
   }
   render() {
     return (index.h("div", null, this.scriptImported ? (index.h("apollo-super-campaign", { "backend-url": this.backendUrl, "access-token": this.accessToken })) : null));
@@ -17289,10 +16221,6 @@ const SuperCampaignHost = class {
   createApolloSuperCampaignScriptUrl(envTag) {
     return `https://npm-cdn.flarehr.com/@flarehr/apollo-super-campaign@${envTag}/dist/apollo-super-campaign.js`;
   }
-  getBaseUrl(url) {
-    const parsedUrl = new URL(url);
-    return `${parsedUrl.protocol}//${parsedUrl.hostname}${parsedUrl.port.length > 0 ? `:${parsedUrl.port}` : ''}`;
-  }
   get SuperCampaignState() {
     if (superSelectionAppService.superCampaignState != undefined)
       return superSelectionAppService.superCampaignState;
@@ -17304,136 +16232,6 @@ const SuperCampaignHost = class {
 };
 injectHistory(SuperCampaignHost);
 
-const SuperChoiceItemBottom = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.joinFundClicked = index.createEvent(this, "joinFundClicked", 7);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "py-6 px-4 flex flex-col justify-between h-full" }, index.h("div", null, index.h("div", { class: { 'md:max-w-[240px]': true, 'lg:max-w-full': this.isMultiFund } }, index.h("sss-button", { testid: "choose-this-fund-button", class: "uuid-button-continue", fillWidth: true, onClick: () => this.handleFundClick() }, "Choose this fund")), index.h("div", { class: "text-xs text-gray-500 mt-6 leading-4" }, this.disclaimer)), this.abnInfo && this.abn && (index.h("div", { class: "text-xs text-gray-500 mt-2" }, index.h("p", null, "Issued by ", this.abnInfo, "."), index.h("p", null, "ABN: ", this.abn))))));
-  }
-  handleFundClick() {
-    return this.joinFundClicked.emit();
-  }
-};
-
-const SuperChoiceItemTop = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "px-4 pt-6" }, index.h("div", { class: "text-right w-100 -mt-5 -mr-2" }, this.extraBadge, 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': true, 'lg:mt-4': this.isMultiFund } }, 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:object-left': true,
-        'lg:block': this.isMultiFund
-      }, 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': true,
-        'lg:mt-4': this.isMultiFund
-      } }, 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)), this.customContent)));
-  }
-};
-
-const SuperChoicePage = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.promotedFunds = this.getPromotedFunds();
-    this.eventTrackingService = EventTrackingService.Instance;
-  }
-  async componentDidLoad() {
-    const promotedFundsShown = this.promotedFunds.map((item) => item.fundId);
-    await superSelectionAppService.viewSuperFundPanelAsync(promotedFundsShown);
-  }
-  render() {
-    const mygovLink = 'https://my.gov.au';
-    const mygovLinkDisplay = 'www.my.gov.au';
-    const superfundsLink = 'https://www.apra.gov.au/register-of-superannuation-institutions';
-    const superfundsLinkDisplay = 'www.apra.gov.au';
-    const isMultiFund = this.promotedFunds.length > 1;
-    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-720': this.promotedFunds.length === 1,
-        'lg:grid-cols-2 max-w-720': this.promotedFunds.length === 2,
-        'lg:grid-cols-3 max-w-960': this.promotedFunds.length === 3
-      } }, this.promotedFunds.map((fund, index$1) => (index.h("div", { class: {
-        'border-r': true,
-        'rounded-tr-lg': index$1 === 0,
-        'lg:rounded-tr-none': index$1 === 0 && index$1 !== this.promotedFunds.length - 1,
-        'rounded-br-lg lg:rounded-br-none lg:rounded-tr-lg': index$1 === this.promotedFunds.length - 1
-      } }, 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 w-36 justify-center pt-6 pl-6': true,
-        'lg:hidden': isMultiFund
-      } }, 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, customContent: fund.customContent, isMultiFund: isMultiFund, isPromotedDefault: fund.isPromotedDefault, extraBadge: fund.extraBadge }), index.h("div", { class: { 'lg:hidden': isMultiFund } }, index.h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, isMultiFund: isMultiFund, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))), this.promotedFunds.map((fund, index$1) => (index.h("div", { class: {
-        'hidden border-r': true,
-        'lg:block': isMultiFund,
-        '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, isMultiFund: isMultiFund, 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", { testid: "choose-another-super-fund-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 the trustees of featured superannuation funds pay fees to Flare and/or its associates. Some funds pay us a fee if you choose one of the featured funds, while others pay us to have their application form on our platform.")))))));
-  }
-  getPromotedFunds() {
-    const fundTiles = [];
-    superSelectionAppService.promotedFunds.forEach((fundId) => {
-      const fund = allPromotedFunds.find((fund) => fundId === fund.fundId);
-      if (fund !== undefined) {
-        fundTiles.push(fund);
-      }
-    });
-    return fundTiles;
-  }
-  async handleJoinSuperClickAsync(fund) {
-    const promotedFundsShown = superSelectionAppService.promotedFunds;
-    const fundUsi = getFundUsiByFundId(fund.fundId);
-    const fundName = getFundNameByFundId(fund.fundId);
-    await Promise.all([
-      fund.isPromotedDefault == true
-        ? this.eventTrackingService.TrackPromotedDefaultSuperFundDetailViewedAsync({
-          fundUsi: Option.isSome(fundUsi) ? fundUsi.value : '',
-          fundName: Option.isSome(fundName) ? fundName.value : '',
-          promotedFundId: fund.fundId,
-          promotedFundsShown,
-          defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi),
-          superCampaignEnabled: false
-        })
-        : 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),
-          superCampaignEnabled: false
-        }),
-      miscService.trackClickPromotedTileAsync(fund.isPromotedDefault
-        ? {
-          promotedDefault: {
-            fundId: fund.fundId
-          }
-        }
-        : {
-          promoted: {
-            fundId: fund.fundId
-          }
-        })
-    ]);
-    state.fund = {
-      id: fund.fundId,
-      type: fund.isPromotedDefault ? 'PromotedDefault' : 'Promoted'
-    };
-    return navigationService.navigateInternally(this.history, fund.route);
-  }
-  static get assetsDirs() { return ["assets"]; }
-};
-injectHistory(SuperChoicePage);
-
-const SuperChoicePageWrapper = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return superSelectionAppService.state.superCampaignEnabled ? (index.h("sss-super-campaign-host", null)) : (index.h("sss-super-choice-page", null));
-  }
-};
-injectHistory(SuperChoicePageWrapper);
-
 const routeCss = "stencil-route.inactive{display:none}";
 
 const Route = class {
@@ -18430,7 +17228,7 @@ const SuperSelectionApp = class {
       navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ExistingChoicePage);
     }
     else {
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
     }
   }
   authTokenChanged(newValue) {
@@ -18442,24 +17240,12 @@ const SuperSelectionApp = class {
   render() {
     return (index.h(index.Host, null, index.h("link", { rel: "stylesheet", href: index.getAssetPath('apollo-super-selection.css'), media: "all" }), this.renderAppContent()));
   }
-  isFundJoinPage() {
-    return (window.location.pathname.includes(SuperSelectionAppRoutes.SlateJoin) ||
-      window.location.pathname.includes(SuperSelectionAppRoutes.PromotedFundJoinV1) ||
-      window.location.pathname.includes(SuperSelectionAppRoutes.PromotedFundJoinV2));
-  }
-  getFooterTextOverride() {
-    return getFooterTextOverrideByFundId(state.fund.id);
-  }
   routerBaseUrl() {
     var _a;
     return ((_a = this.appBaseUrl) === null || _a === void 0 ? void 0 : _a.replace(/\/$/, '')) + '/';
   }
   renderAppContent() {
-    return (index.h("stencil-router", { root: this.routerBaseUrl(), class: "font-inter" }, index.h("stencil-route-switch", { scrollTopOffset: 0 }, this.isAppInitialised ? (index.h("div", { class: {
-        'pt-28': true,
-        '-mt-12 pb-6': !this.isFundJoinPage(),
-        '-mt-28': this.isFundJoinPage() // -mt value same as pt to negate it in embedded fund join pages
-      } }, superSelectionAppStencilRoutes, index.h("sss-footer-section", { textOverride: this.getFooterTextOverride() }))) : (index.h("div", { class: "flex justify-center py-20" }, index.h("sss-loading-indicator", null))))));
+    return (index.h("stencil-router", { root: this.routerBaseUrl(), class: "font-inter" }, index.h("stencil-route-switch", { scrollTopOffset: 0 }, this.isAppInitialised ? (index.h("div", { class: "pt-28 -mt-12 pb-6" }, superSelectionAppStencilRoutes, index.h("sss-footer-section", null))) : (index.h("div", { class: "flex justify-center py-20" }, index.h("sss-loading-indicator", null))))));
   }
   static get assetsDirs() { return ["assets"]; }
   static get watchers() { return {
@@ -19072,6 +17858,30 @@ class AuthenticationService {
 }
 const authenticationService = new AuthenticationService();
 
+class InteropQuery extends datoramaAkita.Query {
+  constructor(store) {
+    super(store);
+    this.store = store;
+  }
+  isReactNativeInteropEnabled() {
+    return isSome(this.getValue().reactNativeInterop);
+  }
+  isIframeInteropEnabled() {
+    return isSome(this.getValue().iframeInterop);
+  }
+  getIframeInteropMode() {
+    const iframeInterop = this.getValue().iframeInterop;
+    if (isNone(iframeInterop)) {
+      throw Error('Failed to get iframe interop information: no data in store');
+    }
+    if (!this.isIframeInteropEnabled()) {
+      throw Error('Failed to get iframe interop information: iframe mode is disabled');
+    }
+    return iframeInterop.value;
+  }
+}
+const interopQuery = new InteropQuery(sessionStore);
+
 class IFrameInteropService {
   static completeSuperSelectionStep() {
     const { successRedirectionUrl } = interopQuery.getIframeInteropMode();
@@ -19173,7 +17983,7 @@ class AppParametersQuery extends datoramaAkita.Query {
 }
 const appParametersQuery = new AppParametersQuery(sessionStore);
 
-const superSelectionAppHostCss = "html{scroll-behavior:smooth}.sss-app-container{--fl-color-primary:#fdbd00;--fl-color-primary-light:#fef3c7;--fl-color-primary-dark:#d97706;--fl-color-primary-disabled:#ffde7e;--fl-color-primary-hover:#e4aa00;--fl-color-primary-focus:#ca9700;--fl-color-primary-text:#3d3d3d;--fl-color-secondary:#e5e5e5;--fl-color-secondary-hover:#b3b3b3;--fl-color-secondary-focus:#b3b3b3}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input{font-size:16px}}";
+const superSelectionAppHostCss = "html{scroll-behavior:smooth}.sss-app-container{--fl-color-primary:#2E66F7;--fl-color-primary-light:#EAF0FE;--fl-color-primary-dark:#031495;--fl-color-primary-disabled:#88ABFA;--fl-color-primary-hover:#5786F8;--fl-color-primary-focus:#1033C6;--fl-color-primary-text:#3d3d3d;--fl-color-secondary:#e5e5e5;--fl-color-secondary-hover:#b3b3b3;--fl-color-secondary-focus:#b3b3b3}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input{font-size:16px}}";
 
 const SuperSelectionAppHost = class {
   constructor(hostRef) {
@@ -19236,20 +18046,16 @@ const SuperSelectionAppHost = class {
 SuperSelectionAppHost.style = superSelectionAppHostCss;
 
 exports.sss_button = Button;
-exports.sss_consent_page = Consent;
-exports.sss_consent_page_wrapper = ConsentWrapper;
 exports.sss_custom_fund = CustomFund;
 exports.sss_default_fund = DefaultFund;
 exports.sss_dropdown_async = SelectInputAsync;
 exports.sss_existing_choice_page = ExistingChoice;
 exports.sss_footer_section = FooterSection;
 exports.sss_header_section = HeaderSection;
-exports.sss_iframe_host = IFrameHost;
-exports.sss_loading_component = LoadingComponent;
 exports.sss_loading_indicator = LoadingIndicator;
 exports.sss_loading_page = LoadingPage;
-exports.sss_loading_super_indicator = LoadingComponent$1;
 exports.sss_my_own_fund = MyOwnFund;
+exports.sss_my_own_fund_engagement_step_host = MyOwnFundEngagementStep;
 exports.sss_my_own_fund_inputs = MyOwnFundInputs;
 exports.sss_name_input = MemberNameInput;
 exports.sss_prefill = Prefill;
@@ -19260,18 +18066,11 @@ exports.sss_prefill_invalid_smsf = PrefillInvalidSMSF;
 exports.sss_prefill_my_own_fund = PrefillMyOwnFund;
 exports.sss_prefill_smsf = PrefillSMSF;
 exports.sss_prefill_warning_box = PrefillWarningBox;
-exports.sss_promoted_fund_join_v1_page = PromotedFundJoinV1Page;
-exports.sss_promoted_fund_join_v2_page = PromotedFundJoinV2Page;
 exports.sss_self_managed_fund = SelfManagedFund;
 exports.sss_self_managed_fund_inputs = SelfManagedFundInputs;
-exports.sss_slate_join_page = SlateJoinPage;
 exports.sss_standard_choice_form = StandardChoiceFormInputDefaultFund;
 exports.sss_success = Success;
 exports.sss_super_campaign_host = SuperCampaignHost;
-exports.sss_super_choice_item_bottom = SuperChoiceItemBottom;
-exports.sss_super_choice_item_top = SuperChoiceItemTop;
-exports.sss_super_choice_page = SuperChoicePage;
-exports.sss_super_choice_page_wrapper = SuperChoicePageWrapper;
 exports.stencil_route = Route;
 exports.stencil_route_link = RouteLink$1;
 exports.stencil_route_switch = RouteSwitch;