@flarehr/apollo-super-selection 1.3.65232 → 1.4.32906

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, h, g as getRenderingRef, f as forceUpdate, F as Fragment, a as getAssetPath, H as Host, c as createEvent, s as setErrorHandler, d as getElement, e as getContext } from './index-189b2180.js';
+import { r as registerInstance, h, F as Fragment, g as getAssetPath, H as Host, c as createEvent, s as setErrorHandler, a as getElement, d as getContext } from './index-107d7c24.js';
 import { f as from, m as map, S as SimpleOuterSubscriber, a as SimpleInnerSubscriber, i as innerSubscribe, b as isArray, O as Observable, c as isFunction, d as async, g as Subscriber, h as distinctUntilChanged, j as filter, k as StoreConfig, l as Store, Q as Query } from './datorama-akita-127aea91.js';
-import { A as ActiveRouter } from './active-router-5e40c0f8.js';
+import { n as none, i as isSome, s as some, a as superSelectionAppService, b as navigationService, S as SuperSelectionAppRoutes, c as injectHistory, C as CustomFundTypes, d as superSelectionApi, O as Option, E as EventTrackingService, e as customFundChoiceApi, f as isNone, g as getPromotedFundId, h as buildBackendApiClient, j as getSuperChoiceUsi, k as getSuperChoiceMemberNumber, l as state, m as state$1, t as toUndefined, o as slate, p as SuperCampaignComponentStatus, q as iframe, r as superSelectionAppStencilRoutes, u as factory, v as fromNullable } from './custom-fund-choice.api-42801d64.js';
+import { A as ActiveRouter } from './active-router-d18b36fb.js';
 
 function noop() { }
 
@@ -260,132 +261,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '1.3.65232';
-
-// -------------------------------------------------------------------------------------
-// guards
-// -------------------------------------------------------------------------------------
-/**
- * Returns `true` if the option is an instance of `Some`, `false` otherwise.
- *
- * @example
- * import { some, none, isSome } from 'fp-ts/Option'
- *
- * assert.strictEqual(isSome(some(1)), true)
- * assert.strictEqual(isSome(none), false)
- *
- * @category guards
- * @since 2.0.0
- */
-var isSome = function (fa) { return fa._tag === 'Some'; };
-/**
- * Returns `true` if the option is `None`, `false` otherwise.
- *
- * @example
- * import { some, none, isNone } from 'fp-ts/Option'
- *
- * assert.strictEqual(isNone(some(1)), false)
- * assert.strictEqual(isNone(none), true)
- *
- * @category guards
- * @since 2.0.0
- */
-var isNone = function (fa) { return fa._tag === 'None'; };
-// -------------------------------------------------------------------------------------
-// constructors
-// -------------------------------------------------------------------------------------
-/**
- * `None` doesn't have a constructor, instead you can use it directly as a value. Represents a missing value.
- *
- * @category constructors
- * @since 2.0.0
- */
-var none = { _tag: 'None' };
-/**
- * Constructs a `Some`. Represents an optional value that exists.
- *
- * @category constructors
- * @since 2.0.0
- */
-var some = function (a) { return ({ _tag: 'Some', value: a }); };
-/**
- * Constructs a new `Option` from a nullable type. If the value is `null` or `undefined`, returns `None`, otherwise
- * returns the value wrapped in a `Some`.
- *
- * @example
- * import { none, some, fromNullable } from 'fp-ts/Option'
- *
- * assert.deepStrictEqual(fromNullable(undefined), none)
- * assert.deepStrictEqual(fromNullable(null), none)
- * assert.deepStrictEqual(fromNullable(1), some(1))
- *
- * @category constructors
- * @since 2.0.0
- */
-function fromNullable(a) {
-    return a == null ? none : some(a);
-}
-/**
- * Extracts the value out of the structure, if it exists. Otherwise returns `undefined`.
- *
- * @example
- * import { some, none, toUndefined } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     toUndefined
- *   ),
- *   1
- * )
- * assert.strictEqual(
- *   pipe(
- *     none,
- *     toUndefined
- *   ),
- *   undefined
- * )
- *
- * @category destructors
- * @since 2.0.0
- */
-function toUndefined(ma) {
-    return isNone(ma) ? undefined : ma.value;
-}
-/**
- * Less strict version of [`getOrElse`](#getOrElse).
- *
- * @category destructors
- * @since 2.6.0
- */
-var getOrElseW = function (onNone) { return function (ma) { return (isNone(ma) ? onNone() : ma.value); }; };
-/**
- * Extracts the value out of the structure, if it exists. Otherwise returns the given default value
- *
- * @example
- * import { some, none, getOrElse } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     getOrElse(() => 0)
- *   ),
- *   1
- * )
- * assert.strictEqual(
- *   pipe(
- *     none,
- *     getOrElse(() => 0)
- *   ),
- *   0
- * )
- *
- * @category destructors
- * @since 2.0.0
- */
-var getOrElse = getOrElseW;
+const AppVersion = '1.4.32906';
 
 class Lazy {
   constructor(factory) {
@@ -409,10 +285,6 @@ function addSlashToUrl() {
   }
 }
 
-function injectHistory(Component) {
-    ActiveRouter.injectProps(Component, ['history', 'location']);
-}
-
 /**
  * TS adaption of https://github.com/pillarjs/path-to-regexp/blob/master/index.js
  */
@@ -963,3171 +835,100 @@ 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 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 = getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        });
-        on('set', (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        });
-        on('reset', () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
-            cleanupElements(elmsToUpdate);
-        });
+const ChoiceRouter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  async componentWillLoad() {
+    if (superSelectionAppService.superCampaignCanNotBeActivated) {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
     }
-};
-
-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--;
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SuperCampaign);
     }
+  }
+  render() {
+    return h(Fragment, null);
+  }
 };
+injectHistory(ChoiceRouter);
 
-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["FeaturedFunds"] = "/super-choice/featured-funds/";
-  SuperSelectionAppRoutes["StandardChoice"] = "/standard-choice/";
-  SuperSelectionAppRoutes["Success"] = "/success/";
-})(SuperSelectionAppRoutes || (SuperSelectionAppRoutes = {}));
-const superSelectionAppStencilRoutes = [
-  h("stencil-route", { url: SuperSelectionAppRoutes.ExistingChoicePage, component: "sss-existing-choice-page" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.SuperCampaign, component: "sss-super-campaign-host" }),
-  h("stencil-route", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, component: "sss-choice-router" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFundEngagementStep, component: "sss-my-own-fund-engagement-step-host" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage, component: "sss-prefill-invalid-my-own-fund" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.Prefill, component: "sss-prefill" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillMyOwnFundPage, component: "sss-prefill-my-own-fund" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillSMSFPage, component: "sss-prefill-smsf" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidSMSFPage, component: "sss-prefill-invalid-smsf" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.SelfManagedFund, component: "sss-self-managed-fund" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.DefaultFund, component: "sss-default-fund" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.FeaturedFunds, component: "sss-super-campaign-featured-funds" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.StandardChoice, component: "sss-standard-choice-form" }),
-  h("stencil-route", { url: SuperSelectionAppRoutes.Success, component: "sss-success" })
-];
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var _function = createCommonjsModule(function (module, exports) {
-/**
- * @since 2.0.0
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bindTo_ = exports.bind_ = exports.hole = exports.pipe = exports.untupled = exports.tupled = exports.absurd = exports.decrement = exports.increment = exports.tuple = exports.flow = exports.flip = exports.constVoid = exports.constUndefined = exports.constNull = exports.constFalse = exports.constTrue = exports.constant = exports.not = exports.unsafeCoerce = exports.identity = void 0;
-/**
- * @since 2.0.0
- */
-function identity(a) {
-    return a;
-}
-exports.identity = identity;
-/**
- * @since 2.0.0
- */
-exports.unsafeCoerce = identity;
-/**
- * @since 2.0.0
- */
-function not(predicate) {
-    return function (a) { return !predicate(a); };
-}
-exports.not = not;
-/**
- * @since 2.0.0
- */
-function constant(a) {
-    return function () { return a; };
-}
-exports.constant = constant;
-/**
- * A thunk that returns always `true`.
- *
- * @since 2.0.0
- */
-exports.constTrue = 
-/*#__PURE__*/
-constant(true);
-/**
- * A thunk that returns always `false`.
- *
- * @since 2.0.0
- */
-exports.constFalse = 
-/*#__PURE__*/
-constant(false);
-/**
- * A thunk that returns always `null`.
- *
- * @since 2.0.0
- */
-exports.constNull = 
-/*#__PURE__*/
-constant(null);
-/**
- * A thunk that returns always `undefined`.
- *
- * @since 2.0.0
- */
-exports.constUndefined = 
-/*#__PURE__*/
-constant(undefined);
-/**
- * A thunk that returns always `void`.
- *
- * @since 2.0.0
- */
-exports.constVoid = exports.constUndefined;
-// TODO: remove in v3
-/**
- * Flips the order of the arguments of a function of two arguments.
- *
- * @since 2.0.0
- */
-function flip(f) {
-    return function (b, a) { return f(a, b); };
-}
-exports.flip = flip;
-function flow(ab, bc, cd, de, ef, fg, gh, hi, ij) {
-    switch (arguments.length) {
-        case 1:
-            return ab;
-        case 2:
-            return function () {
-                return bc(ab.apply(this, arguments));
-            };
-        case 3:
-            return function () {
-                return cd(bc(ab.apply(this, arguments)));
-            };
-        case 4:
-            return function () {
-                return de(cd(bc(ab.apply(this, arguments))));
-            };
-        case 5:
-            return function () {
-                return ef(de(cd(bc(ab.apply(this, arguments)))));
-            };
-        case 6:
-            return function () {
-                return fg(ef(de(cd(bc(ab.apply(this, arguments))))));
-            };
-        case 7:
-            return function () {
-                return gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))));
-            };
-        case 8:
-            return function () {
-                return hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments))))))));
-            };
-        case 9:
-            return function () {
-                return ij(hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))))));
-            };
-    }
-    return;
-}
-exports.flow = flow;
-/**
- * @since 2.0.0
- */
-function tuple() {
-    var t = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        t[_i] = arguments[_i];
-    }
-    return t;
-}
-exports.tuple = tuple;
-/**
- * @since 2.0.0
- */
-function increment(n) {
-    return n + 1;
-}
-exports.increment = increment;
-/**
- * @since 2.0.0
- */
-function decrement(n) {
-    return n - 1;
-}
-exports.decrement = decrement;
-/**
- * @since 2.0.0
- */
-function absurd(_) {
-    throw new Error('Called `absurd` function which should be uncallable');
-}
-exports.absurd = absurd;
-/**
- * Creates a tupled version of this function: instead of `n` arguments, it accepts a single tuple argument.
- *
- * @example
- * import { tupled } from 'fp-ts/function'
- *
- * const add = tupled((x: number, y: number): number => x + y)
- *
- * assert.strictEqual(add([1, 2]), 3)
- *
- * @since 2.4.0
- */
-function tupled(f) {
-    return function (a) { return f.apply(void 0, a); };
-}
-exports.tupled = tupled;
-/**
- * Inverse function of `tupled`
- *
- * @since 2.4.0
- */
-function untupled(f) {
-    return function () {
-        var a = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            a[_i] = arguments[_i];
-        }
-        return f(a);
-    };
-}
-exports.untupled = untupled;
-function pipe(a, ab, bc, cd, de, ef, fg, gh, hi, ij, jk, kl, lm, mn, no, op, pq, qr, rs, st) {
-    switch (arguments.length) {
-        case 1:
-            return a;
-        case 2:
-            return ab(a);
-        case 3:
-            return bc(ab(a));
-        case 4:
-            return cd(bc(ab(a)));
-        case 5:
-            return de(cd(bc(ab(a))));
-        case 6:
-            return ef(de(cd(bc(ab(a)))));
-        case 7:
-            return fg(ef(de(cd(bc(ab(a))))));
-        case 8:
-            return gh(fg(ef(de(cd(bc(ab(a)))))));
-        case 9:
-            return hi(gh(fg(ef(de(cd(bc(ab(a))))))));
-        case 10:
-            return ij(hi(gh(fg(ef(de(cd(bc(ab(a)))))))));
-        case 11:
-            return jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a))))))))));
-        case 12:
-            return kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a)))))))))));
-        case 13:
-            return lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a))))))))))));
-        case 14:
-            return mn(lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a)))))))))))));
-        case 15:
-            return no(mn(lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a))))))))))))));
-        case 16:
-            return op(no(mn(lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a)))))))))))))));
-        case 17:
-            return pq(op(no(mn(lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a))))))))))))))));
-        case 18:
-            return qr(pq(op(no(mn(lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a)))))))))))))))));
-        case 19:
-            return rs(qr(pq(op(no(mn(lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a))))))))))))))))));
-        case 20:
-            return st(rs(qr(pq(op(no(mn(lm(kl(jk(ij(hi(gh(fg(ef(de(cd(bc(ab(a)))))))))))))))))));
-    }
-    return;
-}
-exports.pipe = pipe;
-/**
- * Type hole simulation
- *
- * @since 2.7.0
- */
-exports.hole = absurd;
-/**
- * @internal
- */
-var bind_ = function (a, name, b) {
-    var _a;
-    return Object.assign({}, a, (_a = {}, _a[name] = b, _a));
+const myOwnFundCustomOption = {
+  label: CustomFundTypes.MyOwnFund,
+  value: SuperSelectionAppRoutes.MyOwnFund
 };
-exports.bind_ = bind_;
-/**
- * @internal
- */
-var bindTo_ = function (name) { return function (b) {
-    var _a;
-    return (_a = {}, _a[name] = b, _a);
-}; };
-exports.bindTo_ = bindTo_;
-});
-
-var Option = createCommonjsModule(function (module, exports) {
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getApplySemigroup = exports.getOrd = exports.getEq = exports.getShow = exports.URI = exports.wilt = exports.wither = exports.sequence = exports.traverse = exports.partitionMap = exports.partition = exports.filterMap = exports.filter = exports.separate = exports.compact = exports.reduceRight = exports.foldMap = exports.reduce = exports.duplicate = exports.extend = exports.throwError = exports.zero = exports.alt = exports.altW = exports.flatten = exports.chainFirst = exports.chain = exports.of = exports.apSecond = exports.apFirst = exports.ap = exports.map = exports.chainNullableK = exports.mapNullable = exports.fromNullableK = exports.getOrElse = exports.getOrElseW = exports.toUndefined = exports.toNullable = exports.fold = exports.fromEither = exports.getRight = exports.getLeft = exports.tryCatch = exports.fromPredicate = exports.fromNullable = exports.some = exports.none = exports.isNone = exports.isSome = void 0;
-exports.sequenceArray = exports.traverseArray = exports.traverseArrayWithIndex = exports.apS = exports.bind = exports.bindTo = exports.Do = exports.getRefinement = exports.exists = exports.elem = exports.option = exports.MonadThrow = exports.Witherable = exports.Traversable = exports.Filterable = exports.Compactable = exports.Extend = exports.Alternative = exports.Alt = exports.Foldable = exports.Monad = exports.Applicative = exports.Functor = exports.getMonoid = exports.getLastMonoid = exports.getFirstMonoid = exports.getApplyMonoid = void 0;
-
-// -------------------------------------------------------------------------------------
-// guards
-// -------------------------------------------------------------------------------------
-/**
- * Returns `true` if the option is an instance of `Some`, `false` otherwise.
- *
- * @example
- * import { some, none, isSome } from 'fp-ts/Option'
- *
- * assert.strictEqual(isSome(some(1)), true)
- * assert.strictEqual(isSome(none), false)
- *
- * @category guards
- * @since 2.0.0
- */
-var isSome = function (fa) { return fa._tag === 'Some'; };
-exports.isSome = isSome;
-/**
- * Returns `true` if the option is `None`, `false` otherwise.
- *
- * @example
- * import { some, none, isNone } from 'fp-ts/Option'
- *
- * assert.strictEqual(isNone(some(1)), false)
- * assert.strictEqual(isNone(none), true)
- *
- * @category guards
- * @since 2.0.0
- */
-var isNone = function (fa) { return fa._tag === 'None'; };
-exports.isNone = isNone;
-// -------------------------------------------------------------------------------------
-// constructors
-// -------------------------------------------------------------------------------------
-/**
- * `None` doesn't have a constructor, instead you can use it directly as a value. Represents a missing value.
- *
- * @category constructors
- * @since 2.0.0
- */
-exports.none = { _tag: 'None' };
-/**
- * Constructs a `Some`. Represents an optional value that exists.
- *
- * @category constructors
- * @since 2.0.0
- */
-var some = function (a) { return ({ _tag: 'Some', value: a }); };
-exports.some = some;
-/**
- * Constructs a new `Option` from a nullable type. If the value is `null` or `undefined`, returns `None`, otherwise
- * returns the value wrapped in a `Some`.
- *
- * @example
- * import { none, some, fromNullable } from 'fp-ts/Option'
- *
- * assert.deepStrictEqual(fromNullable(undefined), none)
- * assert.deepStrictEqual(fromNullable(null), none)
- * assert.deepStrictEqual(fromNullable(1), some(1))
- *
- * @category constructors
- * @since 2.0.0
- */
-function fromNullable(a) {
-    return a == null ? exports.none : exports.some(a);
-}
-exports.fromNullable = fromNullable;
-function fromPredicate(predicate) {
-    return function (a) { return (predicate(a) ? exports.some(a) : exports.none); };
-}
-exports.fromPredicate = fromPredicate;
-/**
- * Transforms an exception into an `Option`. If `f` throws, returns `None`, otherwise returns the output wrapped in a
- * `Some`.
- *
- * @example
- * import { none, some, tryCatch } from 'fp-ts/Option'
- *
- * assert.deepStrictEqual(
- *   tryCatch(() => {
- *     throw new Error()
- *   }),
- *   none
- * )
- * assert.deepStrictEqual(tryCatch(() => 1), some(1))
- *
- * @category constructors
- * @since 2.0.0
- */
-function tryCatch(f) {
-    try {
-        return exports.some(f());
-    }
-    catch (e) {
-        return exports.none;
+const CustomFund = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.currentCustomFund = myOwnFundCustomOption;
+    this.showFundOptionsSelection = false;
+  }
+  componentWillLoad() {
+    let currentRoute = SuperSelectionAppRoutes.MyOwnFund;
+    if (window.location.pathname.includes(SuperSelectionAppRoutes.MyOwnFund))
+      currentRoute = SuperSelectionAppRoutes.MyOwnFund;
+    if (window.location.pathname.includes(SuperSelectionAppRoutes.DefaultFund))
+      currentRoute = SuperSelectionAppRoutes.DefaultFund;
+    if (window.location.pathname.includes(SuperSelectionAppRoutes.SelfManagedFund))
+      currentRoute = SuperSelectionAppRoutes.SelfManagedFund;
+    if (window.location.pathname.includes(SuperSelectionAppRoutes.FeaturedFunds))
+      currentRoute = SuperSelectionAppRoutes.FeaturedFunds;
+    this.fundOptionsList = [
+      myOwnFundCustomOption,
+      {
+        label: CustomFundTypes.SelfManagedFund,
+        value: SuperSelectionAppRoutes.SelfManagedFund
+      }
+    ];
+    if (superSelectionAppService.isFeaturedFundsEnabled &&
+      superSelectionAppService.isUsingSuperCampaign) {
+      this.fundOptionsList.push({
+        label: CustomFundTypes.FeaturedFunds,
+        value: SuperSelectionAppRoutes.FeaturedFunds
+      });
     }
-}
-exports.tryCatch = tryCatch;
-/**
- * Returns the `Left` value of an `Either` if possible.
- *
- * @example
- * import { getLeft, none, some } from 'fp-ts/Option'
- * import { right, left } from 'fp-ts/Either'
- *
- * assert.deepStrictEqual(getLeft(right(1)), none)
- * assert.deepStrictEqual(getLeft(left('a')), some('a'))
- *
- * @category constructors
- * @since 2.0.0
- */
-function getLeft(ma) {
-    return ma._tag === 'Right' ? exports.none : exports.some(ma.left);
-}
-exports.getLeft = getLeft;
-/**
- * Returns the `Right` value of an `Either` if possible.
- *
- * @example
- * import { getRight, none, some } from 'fp-ts/Option'
- * import { right, left } from 'fp-ts/Either'
- *
- * assert.deepStrictEqual(getRight(right(1)), some(1))
- * assert.deepStrictEqual(getRight(left('a')), none)
- *
- * @category constructors
- * @since 2.0.0
- */
-function getRight(ma) {
-    return ma._tag === 'Left' ? exports.none : exports.some(ma.right);
-}
-exports.getRight = getRight;
-/**
- * Transforms an `Either` to an `Option` discarding the error.
- *
- * Alias of [getRight](#getRight)
- *
- * Derivable from `MonadThrow`.
- *
- * @category constructors
- * @since 2.0.0
- */
-exports.fromEither = getRight;
-// -------------------------------------------------------------------------------------
-// destructors
-// -------------------------------------------------------------------------------------
-/**
- * Takes a (lazy) default value, a function, and an `Option` value, if the `Option` value is `None` the default value is
- * returned, otherwise the function is applied to the value inside the `Some` and the result is returned.
- *
- * @example
- * import { some, none, fold } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     fold(() => 'a none', a => `a some containing ${a}`)
- *   ),
- *   'a some containing 1'
- * )
- *
- * assert.strictEqual(
- *   pipe(
- *     none,
- *     fold(() => 'a none', a => `a some containing ${a}`)
- *   ),
- *   'a none'
- * )
- *
- * @category destructors
- * @since 2.0.0
- */
-function fold(onNone, onSome) {
-    return function (ma) { return (exports.isNone(ma) ? onNone() : onSome(ma.value)); };
-}
-exports.fold = fold;
-/**
- * Extracts the value out of the structure, if it exists. Otherwise returns `null`.
- *
- * @example
- * import { some, none, toNullable } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     toNullable
- *   ),
- *   1
- * )
- * assert.strictEqual(
- *   pipe(
- *     none,
- *     toNullable
- *   ),
- *   null
- * )
- *
- * @category destructors
- * @since 2.0.0
- */
-function toNullable(ma) {
-    return exports.isNone(ma) ? null : ma.value;
-}
-exports.toNullable = toNullable;
-/**
- * Extracts the value out of the structure, if it exists. Otherwise returns `undefined`.
- *
- * @example
- * import { some, none, toUndefined } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     toUndefined
- *   ),
- *   1
- * )
- * assert.strictEqual(
- *   pipe(
- *     none,
- *     toUndefined
- *   ),
- *   undefined
- * )
- *
- * @category destructors
- * @since 2.0.0
- */
-function toUndefined(ma) {
-    return exports.isNone(ma) ? undefined : ma.value;
-}
-exports.toUndefined = toUndefined;
-/**
- * Less strict version of [`getOrElse`](#getOrElse).
- *
- * @category destructors
- * @since 2.6.0
- */
-var getOrElseW = function (onNone) { return function (ma) { return (exports.isNone(ma) ? onNone() : ma.value); }; };
-exports.getOrElseW = getOrElseW;
-/**
- * Extracts the value out of the structure, if it exists. Otherwise returns the given default value
- *
- * @example
- * import { some, none, getOrElse } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     getOrElse(() => 0)
- *   ),
- *   1
- * )
- * assert.strictEqual(
- *   pipe(
- *     none,
- *     getOrElse(() => 0)
- *   ),
- *   0
- * )
- *
- * @category destructors
- * @since 2.0.0
- */
-exports.getOrElse = exports.getOrElseW;
-// -------------------------------------------------------------------------------------
-// combinators
-// -------------------------------------------------------------------------------------
-/**
- * Returns a *smart constructor* from a function that returns a nullable value.
- *
- * @example
- * import { fromNullableK, none, some } from 'fp-ts/Option'
- *
- * const f = (s: string): number | undefined => {
- *   const n = parseFloat(s)
- *   return isNaN(n) ? undefined : n
- * }
- *
- * const g = fromNullableK(f)
- *
- * assert.deepStrictEqual(g('1'), some(1))
- * assert.deepStrictEqual(g('a'), none)
- *
- * @category combinators
- * @since 2.9.0
- */
-function fromNullableK(f) {
-    return function () {
-        var a = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            a[_i] = arguments[_i];
-        }
-        return fromNullable(f.apply(void 0, a));
-    };
-}
-exports.fromNullableK = fromNullableK;
-/**
- * @category combinators
- * @since 2.0.0
- * @deprecated
- */
-exports.mapNullable = chainNullableK;
-/**
- * This is `chain` + `fromNullable`, useful when working with optional values.
- *
- * @example
- * import { some, none, fromNullable, chainNullableK } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * interface Employee {
- *   company?: {
- *     address?: {
- *       street?: {
- *         name?: string
- *       }
- *     }
- *   }
- * }
- *
- * const employee1: Employee = { company: { address: { street: { name: 'high street' } } } }
- *
- * assert.deepStrictEqual(
- *   pipe(
- *     fromNullable(employee1.company),
- *     chainNullableK(company => company.address),
- *     chainNullableK(address => address.street),
- *     chainNullableK(street => street.name)
- *   ),
- *   some('high street')
- * )
- *
- * const employee2: Employee = { company: { address: { street: {} } } }
- *
- * assert.deepStrictEqual(
- *   pipe(
- *     fromNullable(employee2.company),
- *     chainNullableK(company => company.address),
- *     chainNullableK(address => address.street),
- *     chainNullableK(street => street.name)
- *   ),
- *   none
- * )
- *
- * @category combinators
- * @since 2.9.0
- */
-function chainNullableK(f) {
-    return function (ma) { return (exports.isNone(ma) ? exports.none : fromNullable(f(ma.value))); };
-}
-exports.chainNullableK = chainNullableK;
-// -------------------------------------------------------------------------------------
-// non-pipeables
-// -------------------------------------------------------------------------------------
-var map_ = function (fa, f) { return _function.pipe(fa, exports.map(f)); };
-var ap_ = function (fab, fa) { return _function.pipe(fab, exports.ap(fa)); };
-var chain_ = function (ma, f) { return _function.pipe(ma, exports.chain(f)); };
-var reduce_ = function (fa, b, f) { return _function.pipe(fa, exports.reduce(b, f)); };
-var foldMap_ = function (M) {
-    var foldMapM = exports.foldMap(M);
-    return function (fa, f) { return _function.pipe(fa, foldMapM(f)); };
-};
-var reduceRight_ = function (fa, b, f) { return _function.pipe(fa, exports.reduceRight(b, f)); };
-var traverse_ = function (F) {
-    var traverseF = exports.traverse(F);
-    return function (ta, f) { return _function.pipe(ta, traverseF(f)); };
-};
-/* istanbul ignore next */
-var alt_ = function (fa, that) { return _function.pipe(fa, exports.alt(that)); };
-var filter_ = function (fa, predicate) {
-    return _function.pipe(fa, exports.filter(predicate));
-};
-/* istanbul ignore next */
-var filterMap_ = function (fa, f) { return _function.pipe(fa, exports.filterMap(f)); };
-/* istanbul ignore next */
-var extend_ = function (wa, f) { return _function.pipe(wa, exports.extend(f)); };
-/* istanbul ignore next */
-var partition_ = function (fa, predicate) { return _function.pipe(fa, exports.partition(predicate)); };
-/* istanbul ignore next */
-var partitionMap_ = function (fa, f) { return _function.pipe(fa, exports.partitionMap(f)); };
-/* istanbul ignore next */
-var wither_ = function (F) {
-    var witherF = exports.wither(F);
-    return function (fa, f) { return _function.pipe(fa, witherF(f)); };
-};
-/* istanbul ignore next */
-var wilt_ = function (F) {
-    var wiltF = exports.wilt(F);
-    return function (fa, f) { return _function.pipe(fa, wiltF(f)); };
-};
-// -------------------------------------------------------------------------------------
-// pipeables
-// -------------------------------------------------------------------------------------
-/**
- * `map` can be used to turn functions `(a: A) => B` into functions `(fa: F<A>) => F<B>` whose argument and return types
- * use the type constructor `F` to represent some computational context.
- *
- * @category Functor
- * @since 2.0.0
- */
-var map = function (f) { return function (fa) {
-    return exports.isNone(fa) ? exports.none : exports.some(f(fa.value));
-}; };
-exports.map = map;
-/**
- * Apply a function to an argument under a type constructor.
- *
- * @category Apply
- * @since 2.0.0
- */
-var ap = function (fa) { return function (fab) {
-    return exports.isNone(fab) ? exports.none : exports.isNone(fa) ? exports.none : exports.some(fab.value(fa.value));
-}; };
-exports.ap = ap;
-/**
- * Combine two effectful actions, keeping only the result of the first.
- *
- * Derivable from `Apply`.
- *
- * @category combinators
- * @since 2.0.0
- */
-var apFirst = function (fb) {
-    return _function.flow(exports.map(function (a) { return function () { return a; }; }), exports.ap(fb));
-};
-exports.apFirst = apFirst;
-/**
- * Combine two effectful actions, keeping only the result of the second.
- *
- * Derivable from `Apply`.
- *
- * @category combinators
- * @since 2.0.0
- */
-var apSecond = function (fb) {
-    return _function.flow(exports.map(function () { return function (b) { return b; }; }), exports.ap(fb));
-};
-exports.apSecond = apSecond;
-/**
- * Wrap a value into the type constructor.
- *
- * @category Applicative
- * @since 2.7.0
- */
-exports.of = exports.some;
-/**
- * Composes computations in sequence, using the return value of one computation to determine the next computation.
- *
- * @category Monad
- * @since 2.0.0
- */
-var chain = function (f) { return function (ma) {
-    return exports.isNone(ma) ? exports.none : f(ma.value);
-}; };
-exports.chain = chain;
-/**
- * Composes computations in sequence, using the return value of one computation to determine the next computation and
- * keeping only the result of the first.
- *
- * Derivable from `Monad`.
- *
- * @category combinators
- * @since 2.0.0
- */
-var chainFirst = function (f) {
-    return exports.chain(function (a) {
-        return _function.pipe(f(a), exports.map(function () { return a; }));
+    this.fundOptionsList.push({
+      label: CustomFundTypes.DefaultFund,
+      value: SuperSelectionAppRoutes.DefaultFund
     });
-};
-exports.chainFirst = chainFirst;
-/**
- * Derivable from `Monad`.
- *
- * @category combinators
- * @since 2.0.0
- */
-exports.flatten = 
-/*#__PURE__*/
-exports.chain(_function.identity);
-/**
- * Less strict version of [`alt`](#alt).
- *
- * @category Alt
- * @since 2.9.0
- */
-var altW = function (that) { return function (fa) {
-    return exports.isNone(fa) ? that() : fa;
-}; };
-exports.altW = altW;
-/**
- * Identifies an associative operation on a type constructor. It is similar to `Semigroup`, except that it applies to
- * types of kind `* -> *`.
- *
- * In case of `Option` returns the left-most non-`None` value.
- *
- * @example
- * import * as O from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.deepStrictEqual(
- *   pipe(
- *     O.some('a'),
- *     O.alt(() => O.some('b'))
- *   ),
- *   O.some('a')
- * )
- * assert.deepStrictEqual(
- *   pipe(
- *     O.none,
- *     O.alt(() => O.some('b'))
- *   ),
- *   O.some('b')
- * )
- *
- * @category Alt
- * @since 2.0.0
- */
-exports.alt = exports.altW;
-/**
- * @category Alternative
- * @since 2.7.0
- */
-var zero = function () { return exports.none; };
-exports.zero = zero;
-/**
- * @category MonadThrow
- * @since 2.7.0
- */
-var throwError = function () { return exports.none; };
-exports.throwError = throwError;
-/**
- * @category Extend
- * @since 2.0.0
- */
-var extend = function (f) { return function (wa) {
-    return exports.isNone(wa) ? exports.none : exports.some(f(wa));
-}; };
-exports.extend = extend;
-/**
- * Derivable from `Extend`.
- *
- * @category combinators
- * @since 2.0.0
- */
-exports.duplicate = 
-/*#__PURE__*/
-exports.extend(_function.identity);
-/**
- * @category Foldable
- * @since 2.0.0
- */
-var reduce = function (b, f) { return function (fa) {
-    return exports.isNone(fa) ? b : f(b, fa.value);
-}; };
-exports.reduce = reduce;
-/**
- * @category Foldable
- * @since 2.0.0
- */
-var foldMap = function (M) { return function (f) { return function (fa) {
-    return exports.isNone(fa) ? M.empty : f(fa.value);
-}; }; };
-exports.foldMap = foldMap;
-/**
- * @category Foldable
- * @since 2.0.0
- */
-var reduceRight = function (b, f) { return function (fa) {
-    return exports.isNone(fa) ? b : f(fa.value, b);
-}; };
-exports.reduceRight = reduceRight;
-/**
- * @category Compactable
- * @since 2.0.0
- */
-exports.compact = exports.flatten;
-var defaultSeparate = { left: exports.none, right: exports.none };
-/**
- * @category Compactable
- * @since 2.0.0
- */
-var separate = function (ma) {
-    var o = _function.pipe(ma, exports.map(function (e) { return ({
-        left: getLeft(e),
-        right: getRight(e)
-    }); }));
-    return exports.isNone(o) ? defaultSeparate : o.value;
-};
-exports.separate = separate;
-/**
- * @category Filterable
- * @since 2.0.0
- */
-var filter = function (predicate) { return function (fa) { return (exports.isNone(fa) ? exports.none : predicate(fa.value) ? fa : exports.none); }; };
-exports.filter = filter;
-/**
- * @category Filterable
- * @since 2.0.0
- */
-var filterMap = function (f) { return function (fa) {
-    return exports.isNone(fa) ? exports.none : f(fa.value);
-}; };
-exports.filterMap = filterMap;
-/**
- * @category Filterable
- * @since 2.0.0
- */
-var partition = function (predicate) { return function (fa) {
-    return {
-        left: filter_(fa, function (a) { return !predicate(a); }),
-        right: filter_(fa, predicate)
-    };
-}; };
-exports.partition = partition;
-/**
- * @category Filterable
- * @since 2.0.0
- */
-var partitionMap = function (f) { return _function.flow(exports.map(f), exports.separate); };
-exports.partitionMap = partitionMap;
-/**
- * @category Traversable
- * @since 2.6.3
- */
-var traverse = function (F) { return function (f) { return function (ta) { return (exports.isNone(ta) ? F.of(exports.none) : F.map(f(ta.value), exports.some)); }; }; };
-exports.traverse = traverse;
-/**
- * @category Traversable
- * @since 2.6.3
- */
-var sequence = function (F) { return function (ta) { return (exports.isNone(ta) ? F.of(exports.none) : F.map(ta.value, exports.some)); }; };
-exports.sequence = sequence;
-/**
- * @category Witherable
- * @since 2.6.5
- */
-var wither = function (F) { return function (f) { return function (fa) { return (exports.isNone(fa) ? F.of(exports.none) : f(fa.value)); }; }; };
-exports.wither = wither;
-/**
- * @category Witherable
- * @since 2.6.5
- */
-var wilt = function (F) { return function (f) { return function (fa) {
-    return exports.isNone(fa)
-        ? F.of({
-            left: exports.none,
-            right: exports.none
-        })
-        : F.map(f(fa.value), function (e) { return ({
-            left: getLeft(e),
-            right: getRight(e)
-        }); });
-}; }; };
-exports.wilt = wilt;
-// -------------------------------------------------------------------------------------
-// instances
-// -------------------------------------------------------------------------------------
-/**
- * @category instances
- * @since 2.0.0
- */
-exports.URI = 'Option';
-/**
- * @category instances
- * @since 2.0.0
- */
-function getShow(S) {
-    return {
-        show: function (ma) { return (exports.isNone(ma) ? 'none' : "some(" + S.show(ma.value) + ")"); }
-    };
-}
-exports.getShow = getShow;
-/**
- * @example
- * import { none, some, getEq } from 'fp-ts/Option'
- * import { eqNumber } from 'fp-ts/Eq'
- *
- * const E = getEq(eqNumber)
- * assert.strictEqual(E.equals(none, none), true)
- * assert.strictEqual(E.equals(none, some(1)), false)
- * assert.strictEqual(E.equals(some(1), none), false)
- * assert.strictEqual(E.equals(some(1), some(2)), false)
- * assert.strictEqual(E.equals(some(1), some(1)), true)
- *
- * @category instances
- * @since 2.0.0
- */
-function getEq(E) {
-    return {
-        equals: function (x, y) { return x === y || (exports.isNone(x) ? exports.isNone(y) : exports.isNone(y) ? false : E.equals(x.value, y.value)); }
-    };
-}
-exports.getEq = getEq;
-/**
- * The `Ord` instance allows `Option` values to be compared with
- * `compare`, whenever there is an `Ord` instance for
- * the type the `Option` contains.
- *
- * `None` is considered to be less than any `Some` value.
- *
- *
- * @example
- * import { none, some, getOrd } from 'fp-ts/Option'
- * import { ordNumber } from 'fp-ts/Ord'
- *
- * const O = getOrd(ordNumber)
- * assert.strictEqual(O.compare(none, none), 0)
- * assert.strictEqual(O.compare(none, some(1)), -1)
- * assert.strictEqual(O.compare(some(1), none), 1)
- * assert.strictEqual(O.compare(some(1), some(2)), -1)
- * assert.strictEqual(O.compare(some(1), some(1)), 0)
- *
- * @category instances
- * @since 2.0.0
- */
-function getOrd(O) {
-    return {
-        equals: getEq(O).equals,
-        compare: function (x, y) { return (x === y ? 0 : exports.isSome(x) ? (exports.isSome(y) ? O.compare(x.value, y.value) : 1) : -1); }
-    };
-}
-exports.getOrd = getOrd;
-/**
- * `Apply` semigroup
- *
- * | x       | y       | concat(x, y)       |
- * | ------- | ------- | ------------------ |
- * | none    | none    | none               |
- * | some(a) | none    | none               |
- * | none    | some(a) | none               |
- * | some(a) | some(b) | some(concat(a, b)) |
- *
- * @example
- * import { getApplySemigroup, some, none } from 'fp-ts/Option'
- * import { semigroupSum } from 'fp-ts/Semigroup'
- *
- * const S = getApplySemigroup(semigroupSum)
- * assert.deepStrictEqual(S.concat(none, none), none)
- * assert.deepStrictEqual(S.concat(some(1), none), none)
- * assert.deepStrictEqual(S.concat(none, some(1)), none)
- * assert.deepStrictEqual(S.concat(some(1), some(2)), some(3))
- *
- * @category instances
- * @since 2.0.0
- */
-function getApplySemigroup(S) {
-    return {
-        concat: function (x, y) { return (exports.isSome(x) && exports.isSome(y) ? exports.some(S.concat(x.value, y.value)) : exports.none); }
-    };
-}
-exports.getApplySemigroup = getApplySemigroup;
-/**
- * @category instances
- * @since 2.0.0
- */
-function getApplyMonoid(M) {
-    return {
-        concat: getApplySemigroup(M).concat,
-        empty: exports.some(M.empty)
-    };
-}
-exports.getApplyMonoid = getApplyMonoid;
-/**
- * Monoid returning the left-most non-`None` value
- *
- * | x       | y       | concat(x, y) |
- * | ------- | ------- | ------------ |
- * | none    | none    | none         |
- * | some(a) | none    | some(a)      |
- * | none    | some(a) | some(a)      |
- * | some(a) | some(b) | some(a)      |
- *
- * @example
- * import { getFirstMonoid, some, none } from 'fp-ts/Option'
- *
- * const M = getFirstMonoid<number>()
- * assert.deepStrictEqual(M.concat(none, none), none)
- * assert.deepStrictEqual(M.concat(some(1), none), some(1))
- * assert.deepStrictEqual(M.concat(none, some(1)), some(1))
- * assert.deepStrictEqual(M.concat(some(1), some(2)), some(1))
- *
- * @category instances
- * @since 2.0.0
- */
-function getFirstMonoid() {
-    return {
-        concat: function (x, y) { return (exports.isNone(x) ? y : x); },
-        empty: exports.none
-    };
-}
-exports.getFirstMonoid = getFirstMonoid;
-/**
- * Monoid returning the right-most non-`None` value
- *
- * | x       | y       | concat(x, y) |
- * | ------- | ------- | ------------ |
- * | none    | none    | none         |
- * | some(a) | none    | some(a)      |
- * | none    | some(a) | some(a)      |
- * | some(a) | some(b) | some(b)      |
- *
- * @example
- * import { getLastMonoid, some, none } from 'fp-ts/Option'
- *
- * const M = getLastMonoid<number>()
- * assert.deepStrictEqual(M.concat(none, none), none)
- * assert.deepStrictEqual(M.concat(some(1), none), some(1))
- * assert.deepStrictEqual(M.concat(none, some(1)), some(1))
- * assert.deepStrictEqual(M.concat(some(1), some(2)), some(2))
- *
- * @category instances
- * @since 2.0.0
- */
-function getLastMonoid() {
-    return {
-        concat: function (x, y) { return (exports.isNone(y) ? x : y); },
-        empty: exports.none
-    };
-}
-exports.getLastMonoid = getLastMonoid;
-/**
- * Monoid returning the left-most non-`None` value. If both operands are `Some`s then the inner values are
- * concatenated using the provided `Semigroup`
- *
- * | x       | y       | concat(x, y)       |
- * | ------- | ------- | ------------------ |
- * | none    | none    | none               |
- * | some(a) | none    | some(a)            |
- * | none    | some(a) | some(a)            |
- * | some(a) | some(b) | some(concat(a, b)) |
- *
- * @example
- * import { getMonoid, some, none } from 'fp-ts/Option'
- * import { semigroupSum } from 'fp-ts/Semigroup'
- *
- * const M = getMonoid(semigroupSum)
- * assert.deepStrictEqual(M.concat(none, none), none)
- * assert.deepStrictEqual(M.concat(some(1), none), some(1))
- * assert.deepStrictEqual(M.concat(none, some(1)), some(1))
- * assert.deepStrictEqual(M.concat(some(1), some(2)), some(3))
- *
- * @category instances
- * @since 2.0.0
- */
-function getMonoid(S) {
-    return {
-        concat: function (x, y) { return (exports.isNone(x) ? y : exports.isNone(y) ? x : exports.some(S.concat(x.value, y.value))); },
-        empty: exports.none
-    };
-}
-exports.getMonoid = getMonoid;
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Functor = {
-    URI: exports.URI,
-    map: map_
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Applicative = {
-    URI: exports.URI,
-    map: map_,
-    ap: ap_,
-    of: exports.of
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Monad = {
-    URI: exports.URI,
-    map: map_,
-    ap: ap_,
-    of: exports.of,
-    chain: chain_
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Foldable = {
-    URI: exports.URI,
-    reduce: reduce_,
-    foldMap: foldMap_,
-    reduceRight: reduceRight_
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Alt = {
-    URI: exports.URI,
-    map: map_,
-    alt: alt_
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Alternative = {
-    URI: exports.URI,
-    map: map_,
-    ap: ap_,
-    of: exports.of,
-    alt: alt_,
-    zero: exports.zero
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Extend = {
-    URI: exports.URI,
-    map: map_,
-    extend: extend_
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Compactable = {
-    URI: exports.URI,
-    compact: exports.compact,
-    separate: exports.separate
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Filterable = {
-    URI: exports.URI,
-    map: map_,
-    compact: exports.compact,
-    separate: exports.separate,
-    filter: filter_,
-    filterMap: filterMap_,
-    partition: partition_,
-    partitionMap: partitionMap_
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Traversable = {
-    URI: exports.URI,
-    map: map_,
-    reduce: reduce_,
-    foldMap: foldMap_,
-    reduceRight: reduceRight_,
-    traverse: traverse_,
-    sequence: exports.sequence
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.Witherable = {
-    URI: exports.URI,
-    map: map_,
-    reduce: reduce_,
-    foldMap: foldMap_,
-    reduceRight: reduceRight_,
-    traverse: traverse_,
-    sequence: exports.sequence,
-    compact: exports.compact,
-    separate: exports.separate,
-    filter: filter_,
-    filterMap: filterMap_,
-    partition: partition_,
-    partitionMap: partitionMap_,
-    wither: wither_,
-    wilt: wilt_
-};
-/**
- * @category instances
- * @since 2.7.0
- */
-exports.MonadThrow = {
-    URI: exports.URI,
-    map: map_,
-    ap: ap_,
-    of: exports.of,
-    chain: chain_,
-    throwError: exports.throwError
-};
-// TODO: remove in v3
-/**
- * @category instances
- * @since 2.0.0
- */
-exports.option = {
-    URI: exports.URI,
-    map: map_,
-    of: exports.of,
-    ap: ap_,
-    chain: chain_,
-    reduce: reduce_,
-    foldMap: foldMap_,
-    reduceRight: reduceRight_,
-    traverse: traverse_,
-    sequence: exports.sequence,
-    zero: exports.zero,
-    alt: alt_,
-    extend: extend_,
-    compact: exports.compact,
-    separate: exports.separate,
-    filter: filter_,
-    filterMap: filterMap_,
-    partition: partition_,
-    partitionMap: partitionMap_,
-    wither: wither_,
-    wilt: wilt_,
-    throwError: exports.throwError
-};
-// -------------------------------------------------------------------------------------
-// utils
-// -------------------------------------------------------------------------------------
-/**
- * Returns `true` if `ma` contains `a`
- *
- * @example
- * import { some, none, elem } from 'fp-ts/Option'
- * import { eqNumber } from 'fp-ts/Eq'
- *
- * assert.strictEqual(elem(eqNumber)(1, some(1)), true)
- * assert.strictEqual(elem(eqNumber)(2, some(1)), false)
- * assert.strictEqual(elem(eqNumber)(1, none), false)
- *
- * @since 2.0.0
- */
-function elem(E) {
-    return function (a, ma) { return (exports.isNone(ma) ? false : E.equals(a, ma.value)); };
-}
-exports.elem = elem;
-/**
- * Returns `true` if the predicate is satisfied by the wrapped value
- *
- * @example
- * import { some, none, exists } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     exists(n => n > 0)
- *   ),
- *   true
- * )
- * assert.strictEqual(
- *   pipe(
- *     some(1),
- *     exists(n => n > 1)
- *   ),
- *   false
- * )
- * assert.strictEqual(
- *   pipe(
- *     none,
- *     exists(n => n > 0)
- *   ),
- *   false
- * )
- *
- * @since 2.0.0
- */
-function exists(predicate) {
-    return function (ma) { return (exports.isNone(ma) ? false : predicate(ma.value)); };
-}
-exports.exists = exists;
-/**
- * Returns a `Refinement` (i.e. a custom type guard) from a `Option` returning function.
- * This function ensures that a custom type guard definition is type-safe.
- *
- * ```ts
- * import { some, none, getRefinement } from 'fp-ts/Option'
- *
- * type A = { type: 'A' }
- * type B = { type: 'B' }
- * type C = A | B
- *
- * const isA = (c: C): c is A => c.type === 'B' // <= typo but typescript doesn't complain
- * const isA = getRefinement<C, A>(c => (c.type === 'B' ? some(c) : none)) // static error: Type '"B"' is not assignable to type '"A"'
- * ```
- *
- * @since 2.0.0
- */
-function getRefinement(getOption) {
-    return function (a) { return exports.isSome(getOption(a)); };
-}
-exports.getRefinement = getRefinement;
-// -------------------------------------------------------------------------------------
-// do notation
-// -------------------------------------------------------------------------------------
-/**
- * @since 2.9.0
- */
-exports.Do = 
-/*#__PURE__*/
-exports.of({});
-/**
- * @since 2.8.0
- */
-var bindTo = function (name) { return exports.map(_function.bindTo_(name)); };
-exports.bindTo = bindTo;
-/**
- * @since 2.8.0
- */
-var bind = function (name, f) {
-    return exports.chain(function (a) {
-        return _function.pipe(f(a), exports.map(function (b) { return _function.bind_(a, name, b); }));
-    });
-};
-exports.bind = bind;
-// -------------------------------------------------------------------------------------
-// pipeable sequence S
-// -------------------------------------------------------------------------------------
-/**
- * @since 2.8.0
- */
-var apS = function (name, fb) {
-    return _function.flow(exports.map(function (a) { return function (b) { return _function.bind_(a, name, b); }; }), exports.ap(fb));
-};
-exports.apS = apS;
-// -------------------------------------------------------------------------------------
-// array utils
-// -------------------------------------------------------------------------------------
-/**
- *
- * @since 2.9.0
- */
-var traverseArrayWithIndex = function (f) { return function (arr) {
-    // tslint:disable-next-line: readonly-array
-    var result = [];
-    for (var i = 0; i < arr.length; i++) {
-        var b = f(i, arr[i]);
-        if (exports.isNone(b)) {
-            return exports.none;
-        }
-        result.push(b.value);
-    }
-    return exports.some(result);
-}; };
-exports.traverseArrayWithIndex = traverseArrayWithIndex;
-/**
- * Runs an action for every element in array and accumulates the results in option
- *
- * this function have the same behavior of `A.sequence(O.option)` but it's optimized and perform better
- *
- * @example
- *
- * import * as A from 'fp-ts/Array'
- * import { traverseArray, some, fromPredicate, none } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * const arr = A.range(0, 10)
- * assert.deepStrictEqual(pipe(arr, traverseArray(some)), some(arr))
- * assert.deepStrictEqual(pipe(arr, traverseArray(fromPredicate((x) => x > 5))), none)
- *
- * @since 2.9.0
- */
-var traverseArray = function (f) { return exports.traverseArrayWithIndex(function (_, a) { return f(a); }); };
-exports.traverseArray = traverseArray;
-/**
- * get an array of option and convert it to option of array
- *
- * this function have the same behavior of `A.sequence(O.option)` but it's optimized and perform better
- *
- * @example
- *
- * import * as A from 'fp-ts/Array'
- * import { sequenceArray, some, none, fromPredicate } from 'fp-ts/Option'
- * import { pipe } from 'fp-ts/function'
- *
- * const arr = A.range(0, 10)
- * assert.deepStrictEqual(pipe(arr, A.map(some), sequenceArray), some(arr))
- * assert.deepStrictEqual(pipe(arr, A.map(fromPredicate(x => x > 8)), sequenceArray), none)
- *
- * @since 2.9.0
- */
-exports.sequenceArray = 
-/*#__PURE__*/
-exports.traverseArray(_function.identity);
-});
-
-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 () {
-    __assign$1 = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$1.apply(this, arguments);
-};
-var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-var mix = function (one, two, mergeArrays) {
-    if (mergeArrays === void 0) { mergeArrays = false; }
-    if (!one || !two || typeof one !== "object" || typeof two !== "object")
-        return one;
-    var clone = __assign$1({}, one);
-    for (var prop in two) {
-        if (two.hasOwnProperty(prop)) {
-            if (two[prop] instanceof Array && one[prop] instanceof Array) {
-                clone[prop] = mergeArrays ? __spreadArrays(one[prop], two[prop]) : two[prop];
-            }
-            else if (typeof two[prop] === "object" && typeof one[prop] === "object") {
-                clone[prop] = mix(one[prop], two[prop], mergeArrays);
-            }
-            else {
-                clone[prop] = two[prop];
-            }
-        }
-    }
-    return clone;
-};
-
-var __spreadArrays$1 = (undefined && undefined.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-var config = {
-    // Default options
-    defaults: {},
-    // Error type
-    errorType: null,
-    // Polyfills
-    polyfills: {
-        fetch: null,
-        FormData: null,
-        URLSearchParams: null,
-        performance: null,
-        PerformanceObserver: null,
-        AbortController: null
-    },
-    polyfill: function (p, _a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.doThrow, doThrow = _c === void 0 ? true : _c, _d = _b.instance, instance = _d === void 0 ? false : _d;
-        var args = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            args[_i - 2] = arguments[_i];
-        }
-        var res = this.polyfills[p] ||
-            (typeof self !== "undefined" ? self[p] : null) ||
-            (typeof global !== "undefined" ? global[p] : null);
-        if (doThrow && !res)
-            throw new Error(p + " is not defined");
-        return instance && res ? new (res.bind.apply(res, __spreadArrays$1([void 0], args)))() : res;
-    }
-};
-
-var onMatch = function (entries, name, callback, _performance) {
-    if (!entries.getEntriesByName)
-        return false;
-    var matches = entries.getEntriesByName(name);
-    if (matches && matches.length > 0) {
-        callback(matches.reverse()[0]);
-        if (_performance.clearMeasures)
-            _performance.clearMeasures(name);
-        perfs.callbacks.delete(name);
-        if (perfs.callbacks.size < 1) {
-            perfs.observer.disconnect();
-            if (_performance.clearResourceTimings) {
-                _performance.clearResourceTimings();
-            }
-        }
-        return true;
-    }
-    return false;
-};
-var lazyObserver = function (_performance, _observer) {
-    if (!perfs.observer && _performance && _observer) {
-        perfs.observer = new _observer(function (entries) {
-            perfs.callbacks.forEach(function (callback, name) {
-                onMatch(entries, name, callback, _performance);
-            });
-        });
-        if (_performance.clearResourceTimings)
-            _performance.clearResourceTimings();
-    }
-    return perfs.observer;
-};
-var perfs = {
-    callbacks: new Map(),
-    observer: null,
-    observe: function (name, callback) {
-        if (!name || !callback)
-            return;
-        var _performance = config.polyfill("performance", { doThrow: false });
-        var _observer = config.polyfill("PerformanceObserver", { doThrow: false });
-        if (!lazyObserver(_performance, _observer))
-            return;
-        if (!onMatch(_performance, name, callback, _performance)) {
-            if (perfs.callbacks.size < 1)
-                perfs.observer.observe({ entryTypes: ["resource", "measure"] });
-            perfs.callbacks.set(name, callback);
-        }
-    }
-};
-
-var middlewareHelper = function (middlewares) { return function (fetchFunction) {
-    return (middlewares.length === 0 ?
-        fetchFunction :
-        middlewares.length === 1 ?
-            middlewares[0](fetchFunction) :
-            middlewares.reduceRight(function (acc, curr, idx) {
-                return (idx === middlewares.length - 2) ? curr(acc(fetchFunction)) : curr(acc);
-            }));
-}; };
-
-var WretchErrorWrapper = /** @class */ (function () {
-    function WretchErrorWrapper(error) {
-        this.error = error;
-    }
-    return WretchErrorWrapper;
-}());
-var resolver = function (wretcher) {
-    var url = wretcher._url, _catchers = wretcher._catchers, resolvers = wretcher._resolvers, middlewares = wretcher._middlewares, opts = wretcher._options;
-    var catchers = new Map(_catchers);
-    var finalOptions = mix(config.defaults, opts);
-    var fetchController = config.polyfill("AbortController", { doThrow: false, instance: true });
-    if (!finalOptions["signal"] && fetchController) {
-        finalOptions["signal"] = fetchController.signal;
-    }
-    // Request timeout
-    var timeout = {
-        ref: null,
-        clear: function () {
-            if (timeout.ref) {
-                clearTimeout(timeout.ref);
-                timeout.ref = null;
-            }
-        }
-    };
-    // The generated fetch request
-    var fetchRequest = middlewareHelper(middlewares)(config.polyfill("fetch"))(url, finalOptions);
-    // Throws on an http error
-    var throwingPromise = fetchRequest
-        .catch(function (error) {
-        throw new WretchErrorWrapper(error);
-    })
-        .then(function (response) {
-        timeout.clear();
-        if (!response.ok) {
-            return response[config.errorType || "text"]().then(function (msg) {
-                // Enhances the error object
-                var err = new Error(msg);
-                err[config.errorType || "text"] = msg;
-                err["status"] = response.status;
-                err["response"] = response;
-                throw err;
-            });
-        }
-        return response;
-    });
-    // Wraps the Promise in order to dispatch the error to a matching catcher
-    var catchersWrapper = function (promise) {
-        return promise.catch(function (err) {
-            timeout.clear();
-            var error = err instanceof WretchErrorWrapper ? err.error : err;
-            if (err instanceof WretchErrorWrapper && catchers.has("__fromFetch"))
-                return catchers.get("__fromFetch")(error, wretcher);
-            else if (catchers.has(error.status))
-                return catchers.get(error.status)(error, wretcher);
-            else if (catchers.has(error.name))
-                return catchers.get(error.name)(error, wretcher);
-            else
-                throw error;
-        });
-    };
-    var bodyParser = function (funName) { return function (cb) { return funName ?
-        // If a callback is provided, then callback with the body result otherwise return the parsed body itself.
-        catchersWrapper(throwingPromise.then(function (_) { return _ && _[funName](); }).then(function (_) { return cb ? cb(_) : _; })) :
-        // No body parsing method - return the response
-        catchersWrapper(throwingPromise.then(function (_) { return cb ? cb(_) : _; })); }; };
-    var responseChain = {
-        /**
-         * Retrieves the raw result as a promise.
-         */
-        res: bodyParser(null),
-        /**
-         * Retrieves the result as a parsed JSON object.
-         */
-        json: bodyParser("json"),
-        /**
-         * Retrieves the result as a Blob object.
-         */
-        blob: bodyParser("blob"),
-        /**
-         * Retrieves the result as a FormData object.
-         */
-        formData: bodyParser("formData"),
-        /**
-         * Retrieves the result as an ArrayBuffer object.
-         */
-        arrayBuffer: bodyParser("arrayBuffer"),
-        /**
-         * Retrieves the result as a string.
-         */
-        text: bodyParser("text"),
-        /**
-         * Performs a callback on the API performance timings of the request.
-         *
-         * Warning: Still experimental on browsers and node.js
-         */
-        perfs: function (cb) {
-            fetchRequest.then(function (res) { return perfs.observe(res.url, cb); });
-            return responseChain;
-        },
-        /**
-         * Aborts the request after a fixed time.
-         *
-         * @param time Time in milliseconds
-         * @param controller A custom controller
-         */
-        setTimeout: function (time, controller) {
-            if (controller === void 0) { controller = fetchController; }
-            timeout.clear();
-            timeout.ref = setTimeout(function () { return controller.abort(); }, time);
-            return responseChain;
-        },
-        /**
-         * Returns the automatically generated AbortController alongside the current wretch response as a pair.
-         */
-        controller: function () { return [fetchController, responseChain]; },
-        /**
-         * Catches an http response with a specific error code or name and performs a callback.
-         */
-        error: function (errorId, cb) {
-            catchers.set(errorId, cb);
-            return responseChain;
-        },
-        /**
-         * Catches a bad request (http code 400) and performs a callback.
-         */
-        badRequest: function (cb) { return responseChain.error(400, cb); },
-        /**
-         * Catches an unauthorized request (http code 401) and performs a callback.
-         */
-        unauthorized: function (cb) { return responseChain.error(401, cb); },
-        /**
-         * Catches a forbidden request (http code 403) and performs a callback.
-         */
-        forbidden: function (cb) { return responseChain.error(403, cb); },
-        /**
-         * Catches a "not found" request (http code 404) and performs a callback.
-         */
-        notFound: function (cb) { return responseChain.error(404, cb); },
-        /**
-         * Catches a timeout (http code 408) and performs a callback.
-         */
-        timeout: function (cb) { return responseChain.error(408, cb); },
-        /**
-         * Catches an internal server error (http code 500) and performs a callback.
-         */
-        internalError: function (cb) { return responseChain.error(500, cb); },
-        /**
-         * Catches errors thrown when calling the fetch function and performs a callback.
-         */
-        fetchError: function (cb) { return responseChain.error("__fromFetch", cb); },
-        /**
-         * Catches an AbortError and performs a callback.
-         */
-        onAbort: function (cb) { return responseChain.error("AbortError", cb); }
-    };
-    return resolvers.reduce(function (chain, r) { return r(chain, wretcher); }, responseChain);
-};
-
-var __assign$2 = (undefined && undefined.__assign) || function () {
-    __assign$2 = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$2.apply(this, arguments);
-};
-var __spreadArrays$2 = (undefined && undefined.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-var JSON_MIME = "application/json";
-var CONTENT_TYPE_HEADER = "Content-Type";
-/**
- * The Wretcher class used to perform easy fetch requests.
- *
- * Immutability : almost every method of this class return a fresh Wretcher object.
- */
-var Wretcher = /** @class */ (function () {
-    function Wretcher(_url, _options, _catchers, _resolvers, _middlewares, _deferredChain) {
-        if (_catchers === void 0) { _catchers = new Map(); }
-        if (_resolvers === void 0) { _resolvers = []; }
-        if (_middlewares === void 0) { _middlewares = []; }
-        if (_deferredChain === void 0) { _deferredChain = []; }
-        this._url = _url;
-        this._options = _options;
-        this._catchers = _catchers;
-        this._resolvers = _resolvers;
-        this._middlewares = _middlewares;
-        this._deferredChain = _deferredChain;
-    }
-    Wretcher.factory = function (url, options) {
-        if (url === void 0) { url = ""; }
-        if (options === void 0) { options = {}; }
-        return new Wretcher(url, options);
-    };
-    Wretcher.prototype.selfFactory = function (_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.url, url = _c === void 0 ? this._url : _c, _d = _b.options, options = _d === void 0 ? this._options : _d, _e = _b.catchers, catchers = _e === void 0 ? this._catchers : _e, _f = _b.resolvers, resolvers = _f === void 0 ? this._resolvers : _f, _g = _b.middlewares, middlewares = _g === void 0 ? this._middlewares : _g, _h = _b.deferredChain, deferredChain = _h === void 0 ? this._deferredChain : _h;
-        return new Wretcher(url, __assign$2({}, options), new Map(catchers), __spreadArrays$2(resolvers), __spreadArrays$2(middlewares), __spreadArrays$2(deferredChain));
-    };
-    /**
-     * Sets the default fetch options used for every subsequent fetch call.
-     * @param options New default options
-     * @param mixin If true, mixes in instead of replacing the existing options
-     */
-    Wretcher.prototype.defaults = function (options, mixin) {
-        if (mixin === void 0) { mixin = false; }
-        config.defaults = mixin ? mix(config.defaults, options) : options;
-        return this;
-    };
-    /**
-     * Sets the method (text, json ...) used to parse the data contained in the response body in case of an HTTP error.
-     *
-     * Persists for every subsequent requests.
-     *
-     * Default is "text".
-     */
-    Wretcher.prototype.errorType = function (method) {
-        config.errorType = method;
-        return this;
-    };
-    /**
-     * Sets the non-global polyfills which will be used for every subsequent calls.
-     *
-     * Needed for libraries like [fetch-ponyfill](https://github.com/qubyte/fetch-ponyfill).
-     *
-     * @param polyfills An object containing the polyfills.
-     */
-    Wretcher.prototype.polyfills = function (polyfills) {
-        config.polyfills = __assign$2(__assign$2({}, config.polyfills), polyfills);
-        return this;
-    };
-    /**
-     * Returns a new Wretcher object with the argument url appended and the same options.
-     * @param url String url
-     * @param replace Boolean If true, replaces the current url instead of appending
-     */
-    Wretcher.prototype.url = function (url, replace) {
-        if (replace === void 0) { replace = false; }
-        if (replace)
-            return this.selfFactory({ url: url });
-        var split = this._url.split("?");
-        return this.selfFactory({
-            url: split.length > 1 ?
-                split[0] + url + "?" + split[1] :
-                this._url + url
-        });
-    };
-    /**
-     * Returns a new Wretcher object with the same url and new options.
-     * @param options New options
-     * @param mixin If true, mixes in instead of replacing the existing options
-     */
-    Wretcher.prototype.options = function (options, mixin) {
-        if (mixin === void 0) { mixin = true; }
-        return this.selfFactory({ options: mixin ? mix(this._options, options) : options });
-    };
-    /**
-     * Converts a javascript object to query parameters,
-     * then appends this query string to the current url.
-     *
-     * If given a string, use the string as the query verbatim.
-     *
-     * ```
-     * let w = wretch("http://example.com") // url is http://example.com
-     *
-     * // Chain query calls
-     * w = w.query({ a: 1, b : 2 }) // url is now http://example.com?a=1&b=2
-     * w = w.query("foo-bar-baz-woz") // url is now http://example.com?a=1&b=2&foo-bar-baz-woz
-     *
-     * // Pass true as the second argument to replace existing query parameters
-     * w = w.query("c=3&d=4", true) // url is now http://example.com?c=3&d=4
-     * ```
-     *
-     * @param qp An object which will be converted, or a string which will be used verbatim.
-     */
-    Wretcher.prototype.query = function (qp, replace) {
-        if (replace === void 0) { replace = false; }
-        return this.selfFactory({ url: appendQueryParams(this._url, qp, replace) });
-    };
-    /**
-     * Set request headers.
-     * @param headerValues An object containing header keys and values
-     */
-    Wretcher.prototype.headers = function (headerValues) {
-        return this.selfFactory({ options: mix(this._options, { headers: headerValues || {} }) });
-    };
-    /**
-     * Shortcut to set the "Accept" header.
-     * @param headerValue Header value
-     */
-    Wretcher.prototype.accept = function (headerValue) {
-        return this.headers({ Accept: headerValue });
-    };
-    /**
-     * Shortcut to set the "Content-Type" header.
-     * @param headerValue Header value
-     */
-    Wretcher.prototype.content = function (headerValue) {
-        var _a;
-        return this.headers((_a = {}, _a[CONTENT_TYPE_HEADER] = headerValue, _a));
-    };
-    /**
-     * Shortcut to set the "Authorization" header.
-     * @param headerValue Header value
-     */
-    Wretcher.prototype.auth = function (headerValue) {
-        return this.headers({ Authorization: headerValue });
-    };
-    /**
-     * Adds a default catcher which will be called on every subsequent request error when the error code matches.
-     * @param errorId Error code or name
-     * @param catcher: The catcher method
-     */
-    Wretcher.prototype.catcher = function (errorId, catcher) {
-        var newMap = new Map(this._catchers);
-        newMap.set(errorId, catcher);
-        return this.selfFactory({ catchers: newMap });
-    };
-    /**
-     * Associates a custom signal with the request.
-     * @param controller : An AbortController
-     */
-    Wretcher.prototype.signal = function (controller) {
-        return this.selfFactory({ options: __assign$2(__assign$2({}, this._options), { signal: controller.signal }) });
-    };
-    /**
-     * Program a resolver to perform response chain tasks automatically.
-     * @param doResolve : Resolver callback
-     */
-    Wretcher.prototype.resolve = function (doResolve, clear) {
-        if (clear === void 0) { clear = false; }
-        return this.selfFactory({ resolvers: clear ? [doResolve] : __spreadArrays$2(this._resolvers, [doResolve]) });
-    };
-    /**
-     * Defer wretcher methods that will be chained and called just before the request is performed.
-     */
-    Wretcher.prototype.defer = function (callback, clear) {
-        if (clear === void 0) { clear = false; }
-        return this.selfFactory({
-            deferredChain: clear ? [callback] : __spreadArrays$2(this._deferredChain, [callback])
-        });
-    };
-    /**
-     * Add middlewares to intercept a request before being sent.
-     */
-    Wretcher.prototype.middlewares = function (middlewares, clear) {
-        if (clear === void 0) { clear = false; }
-        return this.selfFactory({
-            middlewares: clear ? middlewares : __spreadArrays$2(this._middlewares, middlewares)
-        });
-    };
-    Wretcher.prototype.method = function (method, options, body) {
-        if (options === void 0) { options = {}; }
-        if (body === void 0) { body = null; }
-        var headers = this._options.headers;
-        var baseWretcher = !body ? this :
-            typeof body === "object" && (!headers ||
-                Object.entries(headers).every(function (_a) {
-                    var k = _a[0], v = _a[1];
-                    return k.toLowerCase() !== CONTENT_TYPE_HEADER.toLowerCase() ||
-                        v.startsWith(JSON_MIME);
-                })) ? this.json(body) :
-                this.body(body);
-        baseWretcher = baseWretcher.options(__assign$2(__assign$2({}, options), { method: method }));
-        var deferredWretcher = baseWretcher._deferredChain.reduce(function (acc, curr) { return curr(acc, acc._url, acc._options); }, baseWretcher);
-        return resolver(deferredWretcher);
-    };
-    /**
-     * Performs a get request.
-     */
-    Wretcher.prototype.get = function (options) {
-        return this.method("GET", options);
-    };
-    /**
-     * Performs a delete request.
-     */
-    Wretcher.prototype.delete = function (options) {
-        return this.method("DELETE", options);
-    };
-    /**
-     * Performs a put request.
-     */
-    Wretcher.prototype.put = function (body, options) {
-        return this.method("PUT", options, body);
-    };
-    /**
-     * Performs a post request.
-     */
-    Wretcher.prototype.post = function (body, options) {
-        return this.method("POST", options, body);
-    };
-    /**
-     * Performs a patch request.
-     */
-    Wretcher.prototype.patch = function (body, options) {
-        return this.method("PATCH", options, body);
-    };
-    /**
-     * Performs a head request.
-     */
-    Wretcher.prototype.head = function (options) {
-        return this.method("HEAD", options);
-    };
-    /**
-     * Performs an options request
-     */
-    Wretcher.prototype.opts = function (options) {
-        return this.method("OPTIONS", options);
-    };
-    /**
-     * Replay a request.
-     */
-    Wretcher.prototype.replay = function (options) {
-        return this.method(this._options.method, options);
-    };
-    /**
-     * Sets the request body with any content.
-     * @param contents The body contents
-     */
-    Wretcher.prototype.body = function (contents) {
-        return this.selfFactory({ options: __assign$2(__assign$2({}, this._options), { body: contents }) });
-    };
-    /**
-     * Sets the content type header, stringifies an object and sets the request body.
-     * @param jsObject An object which will be serialized into a JSON
-     */
-    Wretcher.prototype.json = function (jsObject) {
-        var _a;
-        var preservedContentType = (_a = Object.entries(this._options.headers || {}).find(function (_a) {
-            var k = _a[0], v = _a[1];
-            return k.toLowerCase() === CONTENT_TYPE_HEADER.toLowerCase() && v.startsWith(JSON_MIME);
-        })) === null || _a === void 0 ? void 0 : _a[1];
-        return this.content(preservedContentType || JSON_MIME).body(JSON.stringify(jsObject));
-    };
-    /**
-     * Converts the javascript object to a FormData and sets the request body.
-     * @param formObject An object which will be converted to a FormData
-     * @param recursive If `true`, will recurse through all nested objects
-     * Can be set as an array of string to exclude specific keys.
-     * See https://github.com/elbywan/wretch/issues/68 for more details.
-     */
-    Wretcher.prototype.formData = function (formObject, recursive) {
-        if (recursive === void 0) { recursive = false; }
-        return this.body(convertFormData(formObject, recursive));
-    };
-    /**
-     * Converts the input to an url encoded string and sets the content-type header and body.
-     * If the input argument is already a string, skips the conversion part.
-     *
-     * @param input An object to convert into an url encoded string or an already encoded string
-     */
-    Wretcher.prototype.formUrl = function (input) {
-        return this
-            .body(typeof input === "string" ? input : convertFormUrl(input))
-            .content("application/x-www-form-urlencoded");
-    };
-    return Wretcher;
-}());
-// Internal helpers
-var appendQueryParams = function (url, qp, replace) {
-    var queryString;
-    if (typeof qp === "string") {
-        queryString = qp;
-    }
-    else {
-        var usp = config.polyfill("URLSearchParams", { instance: true });
-        for (var key in qp) {
-            if (qp[key] instanceof Array) {
-                for (var _i = 0, _a = qp[key]; _i < _a.length; _i++) {
-                    var val = _a[_i];
-                    usp.append(key, val);
-                }
-            }
-            else {
-                usp.append(key, qp[key]);
-            }
-        }
-        queryString = usp.toString();
-    }
-    var split = url.split("?");
-    if (replace || split.length < 2)
-        return split[0] + "?" + queryString;
-    return url + "&" + queryString;
-};
-function convertFormData(formObject, recursive, formData, ancestors) {
-    if (recursive === void 0) { recursive = false; }
-    if (formData === void 0) { formData = config.polyfill("FormData", { instance: true }); }
-    if (ancestors === void 0) { ancestors = []; }
-    Object.entries(formObject).forEach(function (_a) {
-        var key = _a[0], value = _a[1];
-        var formKey = ancestors.reduce(function (acc, ancestor) { return (acc ? acc + "[" + ancestor + "]" : ancestor); }, null);
-        formKey = formKey ? formKey + "[" + key + "]" : key;
-        if (value instanceof Array) {
-            for (var _i = 0, value_1 = value; _i < value_1.length; _i++) {
-                var item = value_1[_i];
-                formData.append(formKey + "[]", item);
-            }
-        }
-        else if (recursive &&
-            typeof value === "object" &&
-            (!(recursive instanceof Array) ||
-                !recursive.includes(key))) {
-            if (value !== null) {
-                convertFormData(value, recursive, formData, __spreadArrays$2(ancestors, [key]));
-            }
-        }
-        else {
-            formData.append(formKey, value);
-        }
-    });
-    return formData;
-}
-function encodeQueryValue(key, value) {
-    return encodeURIComponent(key) +
-        "=" +
-        encodeURIComponent(typeof value === "object" ?
-            JSON.stringify(value) :
-            "" + value);
-}
-function convertFormUrl(formObject) {
-    return Object.keys(formObject)
-        .map(function (key) {
-        var value = formObject[key];
-        if (value instanceof Array) {
-            return value.map(function (v) { return encodeQueryValue(key, v); }).join("&");
-        }
-        return encodeQueryValue(key, value);
-    })
-        .join("&");
-}
-
-var factory = Wretcher.factory;
-factory["default"] = Wretcher.factory;
-
-function buildBackendApiClient() {
-  const jwt = superSelectionAppService.jwt;
-  const profileId = superSelectionAppService.profileId;
-  const accountId = superSelectionAppService.accountIdOrDefault;
-  const partnerId = superSelectionAppService.partnerIdOrDefault;
-  return factory(superSelectionAppService.apiBaseUrl).headers({
-    Authorization: `Bearer ${jwt}`,
-    'X-PROFILE-ID': profileId,
-    'X-PARTNER-ID': partnerId,
-    'X-ACCOUNT-ID': accountId
-  });
-}
-
-const slate = {
-  fundId: 'slate',
-  usi: '32367272075001'
-};
-
-function hydratePromotedFundChoiceDtoKind(dto) {
-  if ('slate' in dto) {
-    dto.kind = 'slate';
-  }
-  else if ('australianRetirementTrust' in dto) {
-    dto.kind = 'australianRetirementTrust';
-  }
-  else if ('aware' in dto) {
-    dto.kind = 'aware';
-  }
-  else if ('active' in dto) {
-    dto.kind = 'active';
-  }
-  else if ('australianEthical' in dto) {
-    dto.kind = 'australianEthical';
-  }
-  else if ('virgin' in dto) {
-    dto.kind = 'virgin';
-  }
-  else if ('spirit' in dto) {
-    dto.kind = 'spirit';
-  }
-  else if ('firstSuper' in dto) {
-    dto.kind = 'firstSuper';
-  }
-  else if ('mercerMyChoice' in dto) {
-    dto.kind = 'mercerMyChoice';
-  }
-  else if ('generic' in dto) {
-    dto.kind = 'generic';
-  }
-}
-function getPromotedFundUsi(dto) {
-  switch (dto.kind) {
-    case 'slate':
-      return slate.usi;
-    case 'australianRetirementTrust':
-      return dto.australianRetirementTrust.usi;
-    case 'aware':
-      return dto.aware.usi;
-    case 'active':
-      return dto.active.usi;
-    case 'australianEthical':
-      return dto.australianEthical.usi;
-    case 'virgin':
-      return dto.virgin.usi;
-    case 'spirit':
-      return dto.spirit.usi;
-    case 'firstSuper':
-      return dto.firstSuper.usi;
-    case 'mercerMyChoice':
-      return dto.mercerMyChoice.usi;
-    case 'generic':
-      return dto.generic.usi;
-    default:
-      return '';
-  }
-}
-function getPromotedFundId(dto) {
-  switch (dto.kind) {
-    case 'slate':
-      return slate.fundId;
-    case 'australianRetirementTrust':
-      return 'australian-retirement-trust';
-    case 'aware':
-      return 'aware';
-    case 'active':
-      return 'active';
-    case 'australianEthical':
-      return 'australian-ethical';
-    case 'virgin':
-      return 'virgin';
-    case 'spirit':
-      return 'spirit';
-    case 'firstSuper':
-      return 'first-super';
-    case 'mercerMyChoice':
-      return 'mercermychoice';
-    case 'generic':
-      return dto.generic.fundId;
-    default:
-      return '';
-  }
-}
-function getSuperChoiceUsi(dto) {
-  switch (dto.kind) {
-    case 'Promoted':
-      return some(getPromotedFundUsi(dto.promoted));
-    case 'MyOwnFund':
-      return some(dto.myOwnFund.usi);
-    case 'SMSF':
-      return none;
-    case 'Default':
-      return some(dto.default.usi);
-    case 'PromotedDefault':
-      return some(dto.promotedDefault.usi);
-    case 'DefinedBenefits':
-      return some(dto.definedBenefits.usi);
-    case 'PromotedDefaultWithJoin':
-      return some(dto.promotedDefaultWithJoin.usi);
-    default:
-      return none;
-  }
-}
-function getPromotedFundMemberNumber(dto) {
-  switch (dto.kind) {
-    case 'slate':
-      return dto.slate.memberNumber;
-    case 'australianRetirementTrust':
-      return dto.australianRetirementTrust.memberNumber;
-    case 'aware':
-      return dto.aware.memberNumber;
-    case 'active':
-      return dto.active.memberNumber;
-    case 'australianEthical':
-      return dto.australianEthical.memberNumber;
-    case 'virgin':
-      return dto.virgin.memberNumber;
-    case 'spirit':
-      return dto.spirit.memberNumber;
-    case 'firstSuper':
-      return dto.firstSuper.memberNumber;
-    case 'mercerMyChoice':
-      return dto.mercerMyChoice.memberNumber;
-    case 'generic':
-      return dto.generic.memberNumber;
-    default:
-      return '';
-  }
-}
-function getSuperChoiceMemberNumber(dto) {
-  switch (dto.kind) {
-    case 'Promoted':
-      return some(getPromotedFundMemberNumber(dto.promoted));
-    case 'MyOwnFund':
-      return some(dto.myOwnFund.memberNumber);
-    case 'DefinedBenefits':
-      return some(dto.definedBenefits.memberNumber);
-    case 'PromotedDefaultWithJoin':
-      return some(dto.promotedDefaultWithJoin.memberNumber);
-    case 'SMSF':
-    case 'Default':
-    case 'PromotedDefault':
-      return none;
-    default:
-      return none;
-  }
-}
-function hydrateSuperChoiceDetailsDtoKind(dto) {
-  if ('promoted' in dto) {
-    dto.kind = 'Promoted';
-  }
-  else if ('myOwnFund' in dto) {
-    dto.kind = 'MyOwnFund';
-  }
-  else if ('smsf' in dto) {
-    dto.kind = 'SMSF';
-  }
-  else if ('default' in dto) {
-    dto.kind = 'Default';
-  }
-  else if ('promotedDefault' in dto) {
-    dto.kind = 'PromotedDefault';
-  }
-  else if ('definedBenefits' in dto) {
-    dto.kind = 'DefinedBenefits';
-  }
-  else if ('promotedDefaultWithJoin' in dto) {
-    dto.kind = 'PromotedDefaultWithJoin';
-  }
-}
-
-class SuperSelectionApi {
-  async getAustralianFundsAsync(searchFilter, includeInactive = false) {
-    return buildBackendApiClient()
-      .url(`super-choice/australian-funds-v2?${this.toQueryString(includeInactive, searchFilter)}`)
-      .get()
-      .notFound(() => {
-      throw new Error('Failed to fetch the list of australian super funds.');
-    })
-      .json();
-  }
-  async getAustralianFundAsync(usi, includeInactive) {
-    const queryStr = includeInactive ? '?includeInactive=true' : '';
-    return buildBackendApiClient()
-      .url(`super-choice/australian-funds/${usi}${queryStr}`)
-      .get()
-      .notFound(() => {
-      throw new Error('Failed to fetch australian super fund.');
-    })
-      .json();
-  }
-  async getAppStateAsync() {
-    var _a;
-    const response = await buildBackendApiClient()
-      .url('client-app-state')
-      .get()
-      .notFound(() => {
-      throw new Error('Failed to fetch application configuration.');
-    })
-      .json();
-    if ((_a = response.superBuyer.superChoice) === null || _a === void 0 ? void 0 : _a.choiceDetails) {
-      hydrateSuperChoiceDetailsDtoKind(response.superBuyer.superChoice.choiceDetails);
-      switch (response.superBuyer.superChoice.choiceDetails.kind) {
-        case 'Promoted':
-          hydratePromotedFundChoiceDtoKind(response.superBuyer.superChoice.choiceDetails.promoted);
-          break;
-      }
-    }
-    return response;
-  }
-  async clickPromotedTileAsync(payload) {
-    return buildBackendApiClient().url('click-promoted-tile').post(payload).res();
-  }
-  async viewSuperFundPanelAsync(payload) {
-    return buildBackendApiClient().url('view-super-fund-panel').post(payload).res();
-  }
-  toSearchFilterQueryString(searchFilter) {
-    return (`search=${searchFilter.searchString}` +
-      (searchFilter.maxRecordCount > 0 ? '&maxRecordCount=' + searchFilter.maxRecordCount : ''));
-  }
-  toQueryString(includeInactive, searchFilter) {
-    const search = this.toSearchFilterQueryString(searchFilter);
-    const inactive = includeInactive ? 'includeInactive=true' : '';
-    const isNotEmpty = (s) => s && s.length;
-    return [search, inactive].filter(isNotEmpty).join('&');
-  }
-}
-const superSelectionApi = new SuperSelectionApi();
-
-var SuperCampaignComponentStatus;
-(function (SuperCampaignComponentStatus) {
-  SuperCampaignComponentStatus[SuperCampaignComponentStatus["NotLoaded"] = 1] = "NotLoaded";
-  SuperCampaignComponentStatus[SuperCampaignComponentStatus["Loaded"] = 2] = "Loaded";
-  SuperCampaignComponentStatus[SuperCampaignComponentStatus["NotWorking"] = 3] = "NotWorking";
-})(SuperCampaignComponentStatus || (SuperCampaignComponentStatus = {}));
-class SuperCampaignState {
-  constructor() {
-    this._promotedFundsShown = [];
-  }
-  get PromotedFundIds() {
-    return this._promotedFundsShown.map((p) => p.fundId);
-  }
-  set promotedFundsShown(value) {
-    this._promotedFundsShown = value;
-  }
-  get DefaultFundPosition() {
-    const index = this._promotedFundsShown.findIndex((value) => value.fundType === 'promoted-default');
-    if (index === -1)
-      return undefined;
-    return index + 1;
-  }
-}
-const initialState = {
-  apiBaseUrl: Option.none,
-  appBaseUrl: Option.none,
-  profileId: Option.none,
-  jwt: Option.none,
-  superBuyer: Option.none,
-  superChoicePrefill: Option.none,
-  promotedFunds: Option.none,
-  accountConfiguration: Option.none,
-  profileConfiguration: Option.none,
-  hasSuccessPageBeenAcknowledged: false,
-  hasSuperSelectionBeenSubmitted: false,
-  isDefinedBenefitsEligible: Option.none,
-  superCampaignEnabled: true,
-  superCampaignState: undefined,
-  superCampaignComponentStatus: SuperCampaignComponentStatus.NotLoaded,
-  hideFooterSection: false,
-  bringYourOwnFundCustomStepEnabled: false,
-  featuredFundsEnabled: false
-};
-
-class SuperSelectionAppService {
-  constructor() {
-    const { state, onChange } = createStore(initialState);
-    this._state = state;
-    this._onChange = onChange;
-    onChange('jwt', (jwt) => {
-      this._state.profileId = _function.pipe(jwt, Option.chain((jwtValue) => Option.fromNullable(o(jwtValue).sub)));
-    });
-  }
-  get state() {
-    return this._state;
-  }
-  get onChange() {
-    return this._onChange;
-  }
-  get superBuyer() {
-    if (Option.isNone(this._state.superBuyer)) {
-      throw Error('User information is not set');
-    }
-    return this._state.superBuyer.value;
-  }
-  get apiBaseUrl() {
-    if (Option.isNone(this._state.apiBaseUrl)) {
-      throw Error('API base URL is not set');
-    }
-    return this._state.apiBaseUrl.value;
-  }
-  get appBaseUrl() {
-    if (Option.isNone(this._state.appBaseUrl)) {
-      throw Error('App base URL is not set');
-    }
-    return this._state.appBaseUrl.value;
-  }
-  get promotedFunds() {
-    if (this.state.superCampaignEnabled && this.superCampaignState !== undefined) {
-      return this.superCampaignState.PromotedFundIds;
-    }
-    if (Option.isNone(this._state.promotedFunds)) {
-      throw Error('Promoted Funds is not set');
-    }
-    return this._state.promotedFunds.value;
-  }
-  get promotedDefaultFundPosition() {
-    if (this.state.superCampaignEnabled && this.superCampaignState !== undefined) {
-      return Option.fromNullable(this.superCampaignState.DefaultFundPosition);
-    }
-    return Option.none;
-  }
-  get promotedFundsConfig() {
-    return {
-      shownFunds: this.promotedFunds,
-      promotedDefaultFundPosition: Option.toUndefined(this.promotedDefaultFundPosition),
-      promotedFundsConfigSource: this.isUsingSuperCampaign ? 'superCampaign' : 'superSelection'
-    };
-  }
-  get profileId() {
-    if (Option.isNone(this._state.profileId)) {
-      throw Error('Failed to get Profile ID from JWT');
-    }
-    return this._state.profileId.value;
-  }
-  get defaultFundUsi() {
-    const profileConfigDefaultFundUsi = _function.pipe(this._state.profileConfiguration, Option.map((config) => Option.fromNullable(config.defaultFundUsi)), Option.flatten);
-    if (Option.isSome(profileConfigDefaultFundUsi)) {
-      return profileConfigDefaultFundUsi;
-    }
-    return _function.pipe(this._state.accountConfiguration, Option.map((config) => Option.fromNullable(config.defaultFundUsi)), Option.flatten);
-  }
-  get accountIdOrDefault() {
-    return _function.pipe(this._state.accountConfiguration, Option.map((config) => config.accountId), Option.getOrElse(() => ''));
-  }
-  get partnerIdOrDefault() {
-    return _function.pipe(this._state.superBuyer, Option.map((superBuyer) => superBuyer.partnerId), Option.getOrElse(() => ''));
-  }
-  get jwt() {
-    if (Option.isNone(this._state.jwt)) {
-      throw Error('No authentication information was found');
-    }
-    return this._state.jwt.value;
-  }
-  completeSuperSelectionFlow() {
-    this._state.hasSuccessPageBeenAcknowledged = true;
-  }
-  markSuperSelectionAsSubmitted() {
-    this._state.hasSuperSelectionBeenSubmitted = true;
-  }
-  get isDefinedBenefitsEligible() {
-    return this._state.isDefinedBenefitsEligible;
-  }
-  async loadAppStateAsync() {
-    const appStateResponse = await superSelectionApi.getAppStateAsync();
-    this._state.accountConfiguration = Option.fromNullable(appStateResponse.accountConfiguration);
-    this._state.profileConfiguration = Option.fromNullable(appStateResponse.profileConfiguration);
-    this._state.superBuyer = Option.fromNullable(appStateResponse.superBuyer);
-    this._state.promotedFunds = Option.fromNullable(appStateResponse.promotedFunds);
-    this._state.bringYourOwnFundCustomStepEnabled =
-      appStateResponse.bringYourOwnFundCustomStepEnabled;
-    this._state.featuredFundsEnabled = appStateResponse.featuredFundsEnabled;
-    this._state.superChoicePrefill = Option.fromNullable(appStateResponse.prefill);
-    this._state.isDefinedBenefitsEligible = Option.fromNullable(appStateResponse.isDefinedBenefitsEligible);
-    if (Option.isSome(this._state.accountConfiguration)) {
-      if (this._state.accountConfiguration.value.featureSet.type === 'basic') {
-        this._state.superCampaignEnabled = false;
-      }
-    }
-  }
-  setSuperCampaignPromotedFundsShown(shownFunds) {
-    if (this._state.superCampaignState !== undefined)
-      this._state.superCampaignState.promotedFundsShown = shownFunds;
-    else
-      throw new Error('Cannot set shown funds for SuperCampaing state because it is undefined');
-  }
-  viewSuperFundPanelAsync(placementId, promotedFundIdListOverride) {
-    return superSelectionApi.viewSuperFundPanelAsync(Object.assign(Object.assign({}, this.promotedFundsConfig), { shownFunds: promotedFundIdListOverride
-        ? promotedFundIdListOverride
-        : this.promotedFundsConfig.shownFunds, placementId }));
-  }
-  get superCampaignState() {
-    return this._state.superCampaignState;
-  }
-  get superCampaignComponentStatus() {
-    return this._state.superCampaignComponentStatus;
-  }
-  set superCampaignComponentStatus(value) {
-    if (value === SuperCampaignComponentStatus.Loaded) {
-      this._state.superCampaignComponentStatus = SuperCampaignComponentStatus.Loaded;
-      this._state.superCampaignState = new SuperCampaignState();
-    }
-    else {
-      this._state.superCampaignComponentStatus = value;
-      this._state.superCampaignState = undefined;
-    }
-  }
-  get isUsingSuperCampaign() {
-    return this.state.superCampaignEnabled && this.superCampaignState !== undefined;
-  }
-  get isBringYourOwnFundCustomStepEnabled() {
-    return this.state.bringYourOwnFundCustomStepEnabled;
-  }
-  get isFeaturedFundsEnabled() {
-    return this.state.featuredFundsEnabled;
-  }
-  get superCampaignCanNotBeActivated() {
-    return (!this.state.superCampaignEnabled ||
-      this.superCampaignComponentStatus === SuperCampaignComponentStatus.NotWorking);
-  }
-  get hideFooterSection() {
-    return this._state.hideFooterSection;
-  }
-  set hideFooterSection(value) {
-    this._state.hideFooterSection = value;
-  }
-  get backendUrl() {
-    return Option.map(this.getBaseUrl)(this.state.apiBaseUrl);
-  }
-  getBaseUrl(url) {
-    const parsedUrl = new URL(url);
-    return `${parsedUrl.protocol}//${parsedUrl.hostname}${parsedUrl.port.length > 0 ? `:${parsedUrl.port}` : ''}`;
-  }
-}
-const superSelectionAppService = new SuperSelectionAppService();
-
-class NavigationService {
-  navigateInternally(history, route) {
-    const path = `${this.appBaseUrl}${this.toRouteWithLeadingSlash(route)}`;
-    iframe.navigation(path);
-    history.push(path);
-  }
-  navigateInternallyToStandardChoice(options) {
-    state.handleSubmitFn = options.handleSubmitFn;
-    state.fundName = options.fundName;
-    state.fundDetails = options.fundDetails;
-    state.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}`;
-  }
-}
-const navigationService = new NavigationService();
-
-const ChoiceRouter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  async componentWillLoad() {
-    if (superSelectionAppService.superCampaignCanNotBeActivated) {
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
-    }
-    else {
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SuperCampaign);
-    }
-  }
-  render() {
-    return h(Fragment, null);
-  }
-};
-injectHistory(ChoiceRouter);
-
-var CustomFundTypes;
-(function (CustomFundTypes) {
-  CustomFundTypes["MyOwnFund"] = "Existing super fund";
-  CustomFundTypes["DefaultFund"] = "Default super fund";
-  CustomFundTypes["SelfManagedFund"] = "Self-managed super fund";
-  CustomFundTypes["FeaturedFunds"] = "Featured super funds";
-})(CustomFundTypes || (CustomFundTypes = {}));
-const initialStateCustomFund = {
-  myOwnFundForm: {
-    fundUsi: none,
-    fundName: none,
-    memberNumber: none,
-    memberFirstName: none,
-    memberFamilyName: none
-  },
-  selfManagedFundForm: {
-    fundName: '',
-    fundAbn: '',
-    fundEsa: '',
-    addressLine1: '',
-    addressLine2: '',
-    state: '',
-    postcode: '',
-    city: '',
-    bankAccountName: '',
-    bsb: '',
-    bankAccountNumber: '',
-    memberFirstName: '',
-    memberFamilyName: ''
-  }
-};
-const { state: state$1, reset } = createStore(initialStateCustomFund);
-
-const myOwnFundCustomOption = {
-  label: CustomFundTypes.MyOwnFund,
-  value: SuperSelectionAppRoutes.MyOwnFund
-};
-const CustomFund = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.currentCustomFund = myOwnFundCustomOption;
-    this.showFundOptionsSelection = false;
-  }
-  componentWillLoad() {
-    let currentRoute = SuperSelectionAppRoutes.MyOwnFund;
-    if (window.location.pathname.includes(SuperSelectionAppRoutes.MyOwnFund))
-      currentRoute = SuperSelectionAppRoutes.MyOwnFund;
-    if (window.location.pathname.includes(SuperSelectionAppRoutes.DefaultFund))
-      currentRoute = SuperSelectionAppRoutes.DefaultFund;
-    if (window.location.pathname.includes(SuperSelectionAppRoutes.SelfManagedFund))
-      currentRoute = SuperSelectionAppRoutes.SelfManagedFund;
-    if (window.location.pathname.includes(SuperSelectionAppRoutes.FeaturedFunds))
-      currentRoute = SuperSelectionAppRoutes.FeaturedFunds;
-    this.fundOptionsList = [
-      myOwnFundCustomOption,
-      {
-        label: CustomFundTypes.SelfManagedFund,
-        value: SuperSelectionAppRoutes.SelfManagedFund
-      },
-      {
-        label: CustomFundTypes.DefaultFund,
-        value: SuperSelectionAppRoutes.DefaultFund
-      }
-    ];
-    if (superSelectionAppService.isFeaturedFundsEnabled &&
-      superSelectionAppService.isUsingSuperCampaign) {
-      this.fundOptionsList.push({
-        label: CustomFundTypes.FeaturedFunds,
-        value: SuperSelectionAppRoutes.FeaturedFunds
-      });
-    }
-    this.currentCustomFund =
-      this.fundOptionsList.find((item) => item.value === currentRoute) || this.currentCustomFund;
-    navigationService.navigateInternally(this.history, currentRoute);
-  }
-  render() {
-    const ChevronDownIcon = () => {
-      return (h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-500", viewBox: "0 0 20 20" }, h("path", { "fill-rule": "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", "clip-rule": "evenodd" })));
+    this.currentCustomFund =
+      this.fundOptionsList.find((item) => item.value === currentRoute) || this.currentCustomFund;
+    navigationService.navigateInternally(this.history, currentRoute);
+  }
+  render() {
+    const ChevronDownIcon = () => {
+      return (h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-500", viewBox: "0 0 20 20" }, h("path", { "fill-rule": "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", "clip-rule": "evenodd" })));
     };
     const CheckIcon = () => {
-      return (h("svg", { class: "h-5 w-5 fill-primary-base group-hover:fill-white", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, h("path", { "fill-rule": "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule": "evenodd" })));
-    };
-    return (h("div", { class: "max-w-560 sm:w-560 relative" }, h("label", { class: "font-medium text-gray-700 text-sm" }, "Which fund would you like to nominate?"), h("div", { class: "mt-1 mb-4" }, h("button", { type: "button", class: "bg-white relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-primary-focus focus:border-primary-base text-base sm:text-sm", onClick: () => (this.showFundOptionsSelection = !this.showFundOptionsSelection) }, h("span", { class: {
-        'block truncate': true,
-        'text-gray-500': this.showFundOptionsSelection
-      } }, this.showFundOptionsSelection ? 'Select' : this.currentCustomFund.label), h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" }, h(ChevronDownIcon, null))), this.showFundOptionsSelection && (h("ul", { class: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none text-base sm:text-sm" }, this.fundOptionsList.map((f) => (h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 group hover:bg-primary-base", onClick: () => {
-        this.showFundOptionsSelection = !this.showFundOptionsSelection;
-        navigationService.navigateInternally(this.history, f.value);
-      } }, h("span", { class: {
-        'block truncate': true,
-        'font-semibold': this.currentCustomFund === f
-      } }, f.label), this.currentCustomFund === f && (h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-4" }, h(CheckIcon, null))))))))), h("div", { onClick: () => (this.showFundOptionsSelection = false) }, h("slot", null))));
-  }
-};
-injectHistory(CustomFund);
-
-class AustralianFundLookupService {
-  async searchFundsAsync(searchString, maxRecordCount) {
-    return superSelectionApi.getAustralianFundsAsync({
-      searchString,
-      maxRecordCount
-    });
-  }
-  async getFundAsync(usi, includeInactive) {
-    const result = await superSelectionApi.getAustralianFundAsync(usi, includeInactive);
-    return Option.some(result);
-  }
-}
-const australianFundLookupService = new AustralianFundLookupService();
-
-class EventTrackingApi {
-  static get Instance() {
-    return this.instance || (this.instance = new this());
-  }
-  async PostAnalyticsEventAsync(event) {
-    return buildBackendApiClient().url('analytics-events').post(event).res();
-  }
-}
-
-class EventTrackingService {
-  constructor() {
-    this.eventTrackingApi = EventTrackingApi.Instance;
-  }
-  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();
+      return (h("svg", { class: "h-5 w-5 fill-primary-base group-hover:fill-white", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, h("path", { "fill-rule": "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule": "evenodd" })));
+    };
+    return (h("div", { class: "max-w-560 sm:w-560 relative" }, h("label", { class: "font-medium text-gray-700 text-sm" }, "Which fund would you like to nominate?"), h("div", { class: "mt-1 mb-4" }, h("button", { type: "button", class: "bg-white relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-primary-focus focus:border-primary-base text-base sm:text-sm", onClick: () => (this.showFundOptionsSelection = !this.showFundOptionsSelection) }, h("span", { class: {
+        'block truncate': true,
+        'text-gray-500': this.showFundOptionsSelection
+      } }, this.showFundOptionsSelection ? 'Select' : this.currentCustomFund.label), h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" }, h(ChevronDownIcon, null))), this.showFundOptionsSelection && (h("ul", { class: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none text-base sm:text-sm" }, this.fundOptionsList.map((f) => (h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 group hover:bg-primary-base hover:text-white", onClick: () => {
+        this.showFundOptionsSelection = !this.showFundOptionsSelection;
+        navigationService.navigateInternally(this.history, f.value);
+      } }, h("span", { class: {
+        'block truncate': true,
+        'font-semibold': this.currentCustomFund === f
+      } }, f.label), this.currentCustomFund === f && (h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-4" }, h(CheckIcon, null))))))))), h("div", { onClick: () => (this.showFundOptionsSelection = false) }, h("slot", null))));
   }
-  async submitDefinedBenefitsChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/defined-benefits')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process Defined Benefits choice request');
-    })
-      .text();
+};
+injectHistory(CustomFund);
+
+class AustralianFundLookupService {
+  async searchFundsAsync(searchString, maxRecordCount) {
+    return superSelectionApi.getAustralianFundsAsync({
+      searchString,
+      maxRecordCount
+    });
   }
-  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 getFundAsync(usi, includeInactive) {
+    const result = await superSelectionApi.getAustralianFundAsync(usi, includeInactive);
+    return Option.some(result);
   }
 }
-const customFundChoiceApi = new CustomFundChoiceApi();
+const australianFundLookupService = new AustralianFundLookupService();
 
 const DefaultFund = class {
   constructor(hostRef) {
@@ -4583,12 +1384,32 @@ const FooterSection = class {
   }
 };
 
+const RouteLink = (props, children) => {
+  return (h("stencil-route-link", { exact: true, url: props.route }, h("div", { class: {
+      'block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full': true,
+      'bg-white shadow-sm text-primary-base': props.isActive,
+      'hover:bg-primary-hover text-white': !props.isActive
+    } }, children)));
+};
+const ChooseAnotherFundLink = (props) => {
+  let route = SuperSelectionAppRoutes.MyOwnFund;
+  if (window.location.href.includes(SuperSelectionAppRoutes.SelfManagedFund)) {
+    route = SuperSelectionAppRoutes.SelfManagedFund;
+  }
+  else if (window.location.href.includes(SuperSelectionAppRoutes.DefaultFund)) {
+    route = SuperSelectionAppRoutes.DefaultFund;
+  }
+  else if (window.location.href.includes(SuperSelectionAppRoutes.FeaturedFunds)) {
+    route = SuperSelectionAppRoutes.FeaturedFunds;
+  }
+  return (h(RouteLink, { route: route, isActive: props.isActive }, "Choose another fund"));
+};
 const HeaderSection = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h("div", { class: "flex justify-center" }, h("div", { class: "text-center max-w-800" }, h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"), h(Fragment, null, h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, superSelectionAppService.superCampaignCanNotBeActivated ? (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF or your employer\u2019s default fund.")) : (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured\u00A0funds."))), !superSelectionAppService.superCampaignCanNotBeActivated && (h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("a", { class: "inline-flex items-center mt-3 font-semibold text-primary-base" }, h("svg", { width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", class: "mr-1", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.7071 9.70711C5.31657 10.0976 4.68341 10.0976 4.29288 9.70711L0.29288 5.70711C-0.0976448 5.31658 -0.0976448 4.68342 0.29288 4.29289L4.29288 0.292893C4.68341 -0.0976315 5.31657 -0.0976315 5.7071 0.292893C6.09762 0.683417 6.09762 1.31658 5.7071 1.70711L3.4142 4L15 4C15.5523 4 16 4.44772 16 5C16 5.55228 15.5523 6 15 6L3.4142 6L5.7071 8.29289C6.09762 8.68342 6.09762 9.31658 5.7071 9.70711Z", fill: "currentColor" })), h("span", { class: "leading-5 text-sm" }, "Back to featured funds"))))))));
+    return (h("div", { class: "flex justify-center" }, h("div", { class: "text-center max-w-800" }, h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"), h(Fragment, null, h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, superSelectionAppService.superCampaignCanNotBeActivated ? (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF or your employer\u2019s default fund.")) : (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured\u00A0funds."))), !superSelectionAppService.superCampaignCanNotBeActivated && (h("div", { class: "inline-flex mt-8 sm:mt-12 bg-primary-base rounded-lg p-0.5 whitespace-normal" }, h(RouteLink, { route: SuperSelectionAppRoutes.ChoicePage, isActive: false }, "Featured super funds"), h(ChooseAnotherFundLink, { isActive: true })))))));
   }
 };
 
@@ -4612,71 +1433,6 @@ const LoadingPage = class {
   }
 };
 
-const MyOwnFund = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.isNotAllInformationProvidedMessageVisible = false;
-    this.isSubmitDisabled = true;
-    this.eventTrackingService = EventTrackingService.Instance;
-  }
-  componentDidLoad() {
-    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync({
-      promotedFundsShown: superSelectionAppService.promotedFunds,
-      defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
-    });
-  }
-  render() {
-    const superCampaignCanNotBeActivated = superSelectionAppService.superCampaignCanNotBeActivated;
-    return (h(Host, null, h("sss-header-section", null), h("div", { class: "flex justify-center mt-11" }, h("sss-custom-fund", null, 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()) }, h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" }, h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"), h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })), h("div", { class: "ml-2" }, h("ul", { class: "list-disc list-outside ml-6 space-y-2 text-sm text-yellow-700 leading-5" }, h("li", null, "Make sure you are a current member of the fund before completing this step."), h("li", null, "Please check that the fund USI is correct as some funds have similar names."))))), 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 && (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."))), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, h("div", { class: "mb-4", onClick: 
-      // user clicks on disabled button (div wrapper) then validation errors will show
-      () => (this.formState = 'validated') }, h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), !superCampaignCanNotBeActivated && (h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back"))))))))));
-  }
-  async handleSubmitForm() {
-    this.formState = 'validated';
-    if (!this.formElement.checkValidity()) {
-      return;
-    }
-    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$1.myOwnFundForm.fundName),
-      fundDetails: {
-        type: 'myOwnFund',
-        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$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);
-      }
-    });
-  }
-  getOrError(option) {
-    return _function.pipe(option, getOrElse(() => {
-      throw new Error('Option value is none.');
-    }));
-  }
-};
-injectHistory(MyOwnFund);
-
 const MyOwnFundEngagementStep = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -4703,20 +1459,20 @@ const MyOwnFundEngagementStep = class {
   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(state.myOwnFundForm.fundUsi) &&
+      Option.isSome(state.myOwnFundForm.fundName) &&
+      Option.isSome(state.myOwnFundForm.memberNumber) &&
+      Option.isSome(state.myOwnFundForm.memberFirstName) &&
+      Option.isSome(state.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.fundUsi = state.myOwnFundForm.fundUsi.value;
+      this.fundName = state.myOwnFundForm.fundName.value;
+      this.memberNumber = state.myOwnFundForm.memberNumber.value;
+      this.memberFirstName = state.myOwnFundForm.memberFirstName.value;
+      this.memberFamilyName = state.myOwnFundForm.memberFamilyName.value;
       this.unSubscribeFromStepEvents();
       this.subscribeToStepEvents();
       superSelectionAppService.hideFooterSection = true;
@@ -4752,60 +1508,6 @@ const MyOwnFundEngagementStep = class {
 };
 injectHistory(MyOwnFundEngagementStep);
 
-const MyOwnFundInputs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.formChanged = createEvent(this, "formChanged", 7);
-    this.MIN_SEARCH_STRING_LENGTH = 3;
-    this.MAX_RECORD_COUNT = 25;
-    this.searchFundsAsync = async (searchBy) => {
-      const response = await australianFundLookupService.searchFundsAsync(searchBy, this.MAX_RECORD_COUNT);
-      switch (response.result) {
-        case 'TooManyResults': {
-          return { kind: 'too-many-results' };
-        }
-        default: {
-          const funds = response.data
-            .sort((a, b) => a.productName.localeCompare(b.productName))
-            .map((fund) => ({
-            label: `${fund.productName} (${fund.usi})`,
-            value: fund.usi
-          }));
-          return { kind: 'success', value: funds };
-        }
-      }
-    };
-    if (isSome(this.myOwnFundForm.fundUsi) && isSome(this.myOwnFundForm.fundName)) {
-      this.selectedOption = {
-        label: this.myOwnFundForm.fundName.value,
-        value: this.myOwnFundForm.fundUsi.value
-      };
-    }
-  }
-  render() {
-    return (h("div", null, h("div", null, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), h("div", { class: "mt-1" }, h("sss-dropdown-async", { testId: "fund-search-input", searchFunction: this.searchFundsAsync, minSearchStringLength: this.MIN_SEARCH_STRING_LENGTH, required: true, requiredValidationMessage: "Select a fund", placeholder: `Type to search by name or USI...`, value: this.selectedOption, onValueChanged: (ev) => {
-        this.selectedOption = ev.detail;
-        this.updateFund(ev.detail);
-      }, showValidationErrors: this.showValidationErrors })), isSome(this.myOwnFundForm.fundUsi) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.myOwnFundForm.fundUsi.value)))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"), h("div", { class: "mt-1" }, h("input", { "data-testid": "member-number-input", type: "text", 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$1.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)"))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), h("div", { class: "mt-1" }, 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()) }))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, 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) });
-  }
-  updateMemberNumber(memberNumber) {
-    this.formChanged.emit({ memberNumber: some(memberNumber) });
-  }
-  updateMemberFirstName(memberFirstName) {
-    this.formChanged.emit({ memberFirstName: some(memberFirstName) });
-  }
-  updateMemberFamilyName(memberFamilyName) {
-    this.formChanged.emit({ memberFamilyName: some(memberFamilyName) });
-  }
-};
-
 const MemberNameInput = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -5857,206 +2559,120 @@ const PrefillWarningBox = class {
   }
 };
 
-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 {
+const SmsfEngagementStep = class {
   constructor(hostRef) {
     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);
-        }
-      });
+    this.allFormFieldsAreFilled = (selfManagedFundForm) => {
+      return (selfManagedFundForm.fundName != null &&
+        selfManagedFundForm.fundAbn != null &&
+        selfManagedFundForm.fundEsa != null &&
+        selfManagedFundForm.addressLine1 != null &&
+        selfManagedFundForm.city != null &&
+        selfManagedFundForm.state != null &&
+        selfManagedFundForm.postcode != null &&
+        selfManagedFundForm.bsb != null &&
+        selfManagedFundForm.bankAccountName != null &&
+        selfManagedFundForm.bankAccountNumber != null &&
+        selfManagedFundForm.memberFirstName != null &&
+        selfManagedFundForm.memberFamilyName != null);
+    };
+    this.stepContinued = async (event) => {
+      if (event.detail.sender == 'smsf-engagement') {
+        await EventTrackingService.Instance.TrackSuperSmsfEngagementStepContinued(event.detail.reason);
+        this.navigateToStandardChoice();
+      }
+    };
+    this.subscribeToStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.addEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.removeEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.stepEventHandlers = {
+      continue: this.stepContinued.bind(this)
     };
   }
-  componentDidLoad() {
-    this.updateIsSubmitDisabled();
-    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
-      promotedFundsShown: superSelectionAppService.promotedFunds,
-      defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
-    });
-  }
-  render() {
-    return (h(Host, null, h("sss-header-section", null), h("div", { class: "flex justify-center mt-11" }, h("sss-custom-fund", null, h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
-        'was-validated': this.formState === 'validated'
-      }, ref: (el) => (this.formElement = el), onInput: (_) => this.updateIsSubmitDisabled() }, h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg max-w-560" }, h("p", { class: "sm:text-lg font-bold" }, "Fund details"), h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })), h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))), 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();
-      } })), h("div", { class: "flex justify-center mt-8" }, h("div", { class: "sm:max-w-320 w-full" }, h("div", { class: "mb-4", onClick: 
-      // user clicks on disabled button (div wrapper) then validation errors will show
-      () => (this.formState = 'validated') }, h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")), h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage }, 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();
+  async componentWillLoad() {
+    if (superSelectionAppService.isSmsfCustomStepEnabled &&
+      superSelectionAppService.isUsingSuperCampaign &&
+      this.allFormFieldsAreFilled(state.selfManagedFundForm) &&
+      Option.isSome(superSelectionAppService.backendUrl) &&
+      Option.isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      this.accountId = superSelectionAppService.accountIdOrDefault;
+      this.partnerId = superSelectionAppService.partnerIdOrDefault;
+      this.initialiseFormState(state.selfManagedFundForm);
+      this.unSubscribeFromStepEvents();
+      this.subscribeToStepEvents();
+      superSelectionAppService.hideFooterSection = true;
+      await EventTrackingService.Instance.TrackSuperSmsfEngagementStepActivationSucceeded();
+    }
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SelfManagedFund);
+    }
   }
-};
-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) {
-    registerInstance(this, hostRef);
-    this.formChanged = 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}$/);
+  disconnectedCallback() {
+    this.unSubscribeFromStepEvents();
+    superSelectionAppService.hideFooterSection = false;
   }
   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 (h("div", null, h("div", null, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"), h("div", { class: "mt-1" }, 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()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund name"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund ABN"), h("div", { class: "mt-1" }, 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())), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Electronic service address alias (ESA)"), h("div", { class: "mt-1" }, 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()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid fund ESA"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, 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) }), 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()) }), 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) }), h("div", { class: "flex -space-x-px" }, h("div", { class: "w-1/2 flex-1 min-w-0" }, 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) })), h("div", { class: "flex-1 min-w-0" }, 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) }, h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), h("div", { class: "mt-1" }, 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()) }))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, 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()) })))), h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), h("div", { class: "mt-1" }, 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()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), h("div", { class: "mt-1" }, 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 }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.currentBank.value))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), h("div", { class: "mt-1" }, 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()) }), 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 h("div", { class: "mt-2 text-sm text-red-600" }, "Enter a valid fund ABN (digits only)");
-        case AbnValidationStatus.AbnIsUsedForRegulatedFund:
-          return (h("div", { class: "mt-2 text-sm text-red-600" }, "The supplied ABN is for a regulated fund"));
-        case AbnValidationStatus.Valid:
-          return [];
-      }
-    }
-    return [];
+    return (h(Host, null, h("apollo-super-smsf-engagement", { "backend-url": this.backendUrl, "access-token": this.accessToken, "account-id": this.accountId, "partner-id": this.partnerId })));
   }
-  filterDigits(str) {
-    return str.replace(/[^0-9]/g, '');
+  navigateToStandardChoice() {
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: 'Self-managed super fund',
+      fundDetails: {
+        type: 'smsf',
+        fundName: this.fundName,
+        fundEsa: this.fundEsa
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const requestDto = Object.assign({ smsfChoice: {
+            abn: this.fundAbn,
+            fundName: this.fundName,
+            fundAddress: {
+              addressLine1: this.fundAddress.addressLine1,
+              addressLine2: this.fundAddress.addressLine2,
+              city: this.fundAddress.city,
+              state: this.fundAddress.state,
+              postcode: this.fundAddress.postcode
+            },
+            bsb: this.bsb,
+            bankAccountName: this.bankAccountName,
+            bankAccountNumber: this.bankAccountNumber,
+            electronicServiceAddress: this.fundEsa,
+            memberFirstName: this.memberFirstName,
+            memberFamilyName: this.memberFamilyName
+          }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+      }
+    });
   }
-  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;
+  initialiseFormState(selfManagedFundForm) {
+    this.fundName = selfManagedFundForm.fundName;
+    this.fundAbn = selfManagedFundForm.fundAbn;
+    this.fundEsa = selfManagedFundForm.fundEsa;
+    this.fundAddress = {
+      addressLine1: selfManagedFundForm.addressLine1,
+      addressLine2: selfManagedFundForm.addressLine2,
+      city: selfManagedFundForm.city,
+      state: selfManagedFundForm.state,
+      postcode: selfManagedFundForm.postcode
+    };
+    this.bsb = selfManagedFundForm.bsb;
+    this.bankAccountName = selfManagedFundForm.bankAccountName;
+    this.bankAccountNumber = selfManagedFundForm.bankAccountNumber;
+    this.memberFirstName = selfManagedFundForm.memberFirstName;
+    this.memberFamilyName = selfManagedFundForm.memberFamilyName;
   }
 };
+injectHistory(SmsfEngagementStep);
 
 const StandardChoiceFormInputDefaultFund = class {
   constructor(hostRef) {
@@ -6074,7 +2690,7 @@ const StandardChoiceFormInputDefaultFund = class {
     window.removeEventListener('popstate', this.ignorePopState);
   }
   render() {
-    return (h(Host, null, h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"), 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."), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "max-w-560" }, h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" }, this.renderLogo(), h("div", { class: "flex justify-between w-full" }, h("div", null, h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"), h("div", { class: "text-sm mt-2" }, state.fundName)), h("div", { class: "grid content-center ml-4" }, h("sss-button", { testid: "change-fund-button", size: "xs", variant: "secondary", promiseFn: async () => {
+    return (h(Host, null, h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Confirm your super choice"), 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."), h("div", { class: "flex justify-center mt-8 sm:mt-12" }, h("div", { class: "max-w-560" }, h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" }, this.renderLogo(), h("div", { class: "flex justify-between w-full" }, h("div", null, h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"), h("div", { class: "text-sm mt-2" }, state$1.fundName)), h("div", { class: "grid content-center ml-4" }, h("sss-button", { testid: "change-fund-button", size: "xs", variant: "secondary", promiseFn: async () => {
         await this.trackChangeRequestedAsync();
         navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
       } }, "Change")))), h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" }, h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"), h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" }, h("div", { class: "flex" }, h("div", { class: "flex-shrink-0" }, h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-information-circle.svg') })), h("div", { class: "ml-2" }, 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.")))), h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
@@ -6107,35 +2723,35 @@ const StandardChoiceFormInputDefaultFund = class {
       promotedFundsShown: superSelectionAppService.promotedFunds,
       defaultFundUsiSet: toUndefined(superSelectionAppService.defaultFundUsi)
     };
-    switch (state.fundDetails.type) {
+    switch (state$1.fundDetails.type) {
       case 'default':
         await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          DefaultFund: Object.assign(Object.assign({}, state.fundDetails), common)
+          DefaultFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
         });
         break;
       case 'myOwnFund':
         await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          MyOwnFund: Object.assign(Object.assign({}, state.fundDetails), common)
+          MyOwnFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
         });
         break;
       case 'smsf':
         await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          Smsf: Object.assign(Object.assign({}, state.fundDetails), common)
+          Smsf: Object.assign(Object.assign({}, state$1.fundDetails), common)
         });
         break;
       case 'promoted':
         await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          PromotedFund: Object.assign(Object.assign({}, state.fundDetails), common)
+          PromotedFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
         });
         break;
       case 'promotedDefault':
         await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          PromotedDefaultFund: Object.assign(Object.assign({}, state.fundDetails), common)
+          PromotedDefaultFund: Object.assign(Object.assign({}, state$1.fundDetails), common)
         });
         break;
       case 'promotedDefaultWithJoin':
         await this.eventTrackingService.TrackSuperFundDetailChangeRequestedAsync({
-          PromotedDefaultFundWithJoin: Object.assign(Object.assign({}, state.fundDetails), common)
+          PromotedDefaultFundWithJoin: Object.assign(Object.assign({}, state$1.fundDetails), common)
         });
         break;
       case 'null':
@@ -6145,7 +2761,7 @@ const StandardChoiceFormInputDefaultFund = class {
   async handleSubmitForm() {
     this.formState = 'validated';
     if (this.formElement.checkValidity()) {
-      await state.handleSubmitFn(this.standardChoiceFormSignature.trim());
+      await state$1.handleSubmitFn(this.standardChoiceFormSignature.trim());
       superSelectionAppService.markSuperSelectionAsSubmitted();
     }
   }
@@ -16152,21 +12768,6 @@ const SuperCampaignHost = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.scriptImported = false;
-    this.getEnvironmentTag = () => {
-      const discriminator = window.location.hostname.toLowerCase().split('.')[0];
-      switch (discriminator) {
-        case 'autodev-partner':
-          return 'autodev';
-        case 'test-partner':
-          return 'test';
-        case 'partner':
-          return 'prod';
-        case 'sandbox-partner':
-          return 'sandbox';
-        default:
-          return 'autodev';
-      }
-    };
     this.subscribeToSuperCampaignEvents = () => {
       for (const eventName in this.superCampaignEventHandlers) {
         document.addEventListener(eventName, this.superCampaignEventHandlers[eventName]);
@@ -16272,7 +12873,7 @@ const SuperCampaignHost = class {
         this.unSubscribeFromSuperCampaignEvents();
         if (superSelectionAppService.state.superCampaignComponentStatus ===
           SuperCampaignComponentStatus.NotLoaded) {
-          superCampaingScriptPath = this.createApolloSuperCampaignScriptUrl(this.getEnvironmentTag());
+          superCampaingScriptPath = this.createApolloSuperCampaignScriptUrl();
           await import(superCampaingScriptPath);
           this.loadingTimeoutRef = setTimeout(this.superCampaignLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout);
         }
@@ -16316,12 +12917,152 @@ const SuperCampaignHost = class {
       });
     }
   }
-  createApolloSuperCampaignScriptUrl(envTag) {
-    return `https://npm-cdn.flarehr.com/@flarehr/apollo-super-campaign@${envTag}/dist/apollo-super-campaign.js`;
+  createApolloSuperCampaignScriptUrl() {
+    const getSubdomain = () => {
+      const discriminator = window.location.hostname.toLowerCase().split('.')[0];
+      switch (discriminator) {
+        case 'test-partner':
+        case 'partner':
+        case 'sandbox-partner':
+        case 'autodev-partner':
+          return discriminator;
+        default:
+          return 'autodev-partner';
+      }
+    };
+    return `https://${getSubdomain()}.flarehr.com/super-campaign/cdn/app/apollo-super-campaign.js`;
   }
 };
 injectHistory(SuperCampaignHost);
 
+const LoadWaitingTimeout$1 = 30000;
+
+var SuperSmsfComponentStatus;
+(function (SuperSmsfComponentStatus) {
+  SuperSmsfComponentStatus[SuperSmsfComponentStatus["NotLoaded"] = 1] = "NotLoaded";
+  SuperSmsfComponentStatus[SuperSmsfComponentStatus["Loaded"] = 2] = "Loaded";
+})(SuperSmsfComponentStatus || (SuperSmsfComponentStatus = {}));
+let superSmsfComponentStatus = SuperSmsfComponentStatus.NotLoaded;
+const SuperSmsfHost = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.subscribeToSuperSmsfEvents = () => {
+      for (const eventName in this.smsfEventHandlers) {
+        document.addEventListener(eventName, this.smsfEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromSuperSmsfEvents = () => {
+      for (const eventName in this.smsfEventHandlers) {
+        document.removeEventListener(eventName, this.smsfEventHandlers[eventName]);
+      }
+    };
+    this.smsfLoaded = async (event) => {
+      if (event.detail.sender === 'super-smsf') {
+        superSmsfComponentStatus = SuperSmsfComponentStatus.Loaded;
+        clearTimeout(this.loadingTimeoutRef);
+        await this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
+          promotedFundsShown: superSelectionAppService.promotedFunds,
+          defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)
+        });
+      }
+      return Promise.resolve();
+    };
+    this.smsfCompleted = async (event) => {
+      if (event.detail.sender === 'super-smsf') {
+        this.updateCustomFundStateStore(event.detail);
+        if (superSelectionAppService.isSmsfCustomStepEnabled &&
+          superSelectionAppService.isUsingSuperCampaign) {
+          navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SmsfEngagementStep);
+          return;
+        }
+        navigationService.navigateInternallyToStandardChoice({
+          history: this.history,
+          fundName: 'Self-managed super fund',
+          fundDetails: {
+            type: 'smsf',
+            fundName: event.detail.fundName,
+            fundEsa: event.detail.fundEsa
+          },
+          handleSubmitFn: async (standardChoiceFormSignature) => {
+            const requestDto = Object.assign({ smsfChoice: {
+                abn: event.detail.fundAbn,
+                fundName: event.detail.fundName,
+                fundAddress: {
+                  addressLine1: event.detail.fundAddressLine1,
+                  addressLine2: event.detail.fundAddressLine2,
+                  city: event.detail.fundCity,
+                  state: event.detail.fundState,
+                  postcode: event.detail.fundPostcode
+                },
+                bsb: event.detail.bankBsb,
+                bankAccountName: event.detail.bankAccountName,
+                bankAccountNumber: event.detail.bankAccountNumber,
+                electronicServiceAddress: event.detail.fundEsa,
+                memberFirstName: event.detail.memberFirstName,
+                memberFamilyName: event.detail.memberLastName
+              }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+            await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+          }
+        });
+      }
+    };
+    this.smsfCancelled = async (event) => {
+      if (event.detail.sender === 'super-smsf') {
+        navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage);
+      }
+    };
+    this.smsfEventHandlers = {
+      'smsf-loaded': this.smsfLoaded.bind(this),
+      'smsf-completed': this.smsfCompleted.bind(this),
+      'smsf-cancelled': this.smsfCancelled.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (Option.isSome(superSelectionAppService.backendUrl) && Option.isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      if (superSmsfComponentStatus === SuperSmsfComponentStatus.NotLoaded) {
+        this.loadingTimeoutRef = setTimeout(this.smsfLoadingTimeoutTriggered.bind(this), LoadWaitingTimeout$1);
+      }
+      this.subscribeToSuperSmsfEvents();
+    }
+    else {
+      throw Error(`SuperSmsfHost pre-requisites not met.`);
+    }
+  }
+  disconnectedCallback() {
+    clearTimeout(this.loadingTimeoutRef);
+    this.unSubscribeFromSuperSmsfEvents();
+  }
+  render() {
+    return (h(Host, null, h("sss-header-section", null), h("div", { class: "flex justify-center mt-11" }, h("sss-custom-fund", null, h("div", null, h("apollo-super-smsf", { "backend-url": this.backendUrl, "access-token": this.accessToken }))))));
+  }
+  updateCustomFundStateStore(details) {
+    state.selfManagedFundForm = {
+      fundAbn: details.fundAbn,
+      fundName: details.fundName,
+      addressLine1: details.fundAddressLine1,
+      addressLine2: details.fundAddressLine2,
+      city: details.fundCity,
+      state: details.fundState,
+      postcode: details.fundPostcode,
+      bsb: details.bankBsb,
+      bankAccountName: details.bankAccountName,
+      bankAccountNumber: details.bankAccountNumber,
+      fundEsa: details.fundEsa,
+      memberFirstName: details.memberFirstName,
+      memberFamilyName: details.memberLastName
+    };
+  }
+  async smsfLoadingTimeoutTriggered() {
+    if (superSmsfComponentStatus !== SuperSmsfComponentStatus.Loaded) {
+      throw Error(`SMSF component failed to load.`);
+    }
+  }
+};
+injectHistory(SuperSmsfHost);
+
 const routeCss = "stencil-route.inactive{display:none}";
 
 const Route = class {
@@ -16470,7 +13211,7 @@ const getUrl = (url, root) => {
   }
   return root + url;
 };
-const RouteLink = class {
+const RouteLink$1 = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.unsubscribe = () => { return; };
@@ -16524,7 +13265,7 @@ const RouteLink = class {
     "location": ["computeMatch"]
   }; }
 };
-ActiveRouter.injectProps(RouteLink, [
+ActiveRouter.injectProps(RouteLink$1, [
   'history',
   'location',
   'root'
@@ -18135,4 +14876,4 @@ const SuperSelectionAppHost = class {
 };
 SuperSelectionAppHost.style = superSelectionAppHostCss;
 
-export { Button as sss_button, ChoiceRouter as sss_choice_router, CustomFund as sss_custom_fund, DefaultFund as sss_default_fund, SelectInputAsync as sss_dropdown_async, ExistingChoice as sss_existing_choice_page, FooterSection as sss_footer_section, HeaderSection as sss_header_section, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, MyOwnFund as sss_my_own_fund, MyOwnFundEngagementStep as sss_my_own_fund_engagement_step_host, MyOwnFundInputs as sss_my_own_fund_inputs, MemberNameInput as sss_name_input, Prefill as sss_prefill, DisplayField as sss_prefill_display_field, PrefillErrorBox as sss_prefill_error_box, PrefillInvalidMyOwnFund as sss_prefill_invalid_my_own_fund, PrefillInvalidSMSF as sss_prefill_invalid_smsf, PrefillMyOwnFund as sss_prefill_my_own_fund, PrefillSMSF as sss_prefill_smsf, PrefillWarningBox as sss_prefill_warning_box, SelfManagedFund as sss_self_managed_fund, SelfManagedFundInputs as sss_self_managed_fund_inputs, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, FeaturedFunds as sss_super_campaign_featured_funds, SuperCampaignHost as sss_super_campaign_host, Route as stencil_route, RouteLink as stencil_route_link, RouteSwitch as stencil_route_switch, Router as stencil_router, SuperSelectionApp as super_selection_app, SuperSelectionAppHost as super_selection_app_host };
+export { Button as sss_button, ChoiceRouter as sss_choice_router, CustomFund as sss_custom_fund, DefaultFund as sss_default_fund, SelectInputAsync as sss_dropdown_async, ExistingChoice as sss_existing_choice_page, FooterSection as sss_footer_section, HeaderSection as sss_header_section, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, MyOwnFundEngagementStep as sss_my_own_fund_engagement_step_host, MemberNameInput as sss_name_input, Prefill as sss_prefill, DisplayField as sss_prefill_display_field, PrefillErrorBox as sss_prefill_error_box, PrefillInvalidMyOwnFund as sss_prefill_invalid_my_own_fund, PrefillInvalidSMSF as sss_prefill_invalid_smsf, PrefillMyOwnFund as sss_prefill_my_own_fund, PrefillSMSF as sss_prefill_smsf, PrefillWarningBox as sss_prefill_warning_box, SmsfEngagementStep as sss_smsf_engagement_step_host, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, FeaturedFunds as sss_super_campaign_featured_funds, SuperCampaignHost as sss_super_campaign_host, SuperSmsfHost as sss_super_smsf_host, Route as stencil_route, RouteLink$1 as stencil_route_link, RouteSwitch as stencil_route_switch, Router as stencil_router, SuperSelectionApp as super_selection_app, SuperSelectionAppHost as super_selection_app_host };