@flarehr/apollo-super-selection 1.3.34200 → 1.3.34213

package/dist/lib/esm/{sss-button_30.entry.js → sss-button_38.entry.js}

@@ -260,7 +260,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '1.3.34200';
+const AppVersion = '1.3.34213';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -943,6 +943,7 @@ const Button = class {
         'disabled:pointer-events-none disabled:border-gray-300 disabled:bg-gray-100 disabled:text-gray-400': true,
         'border-transparent text-white bg-primary-base hover:bg-primary-hover': this.variant === 'primary',
         'border-gray-300 text-gray-700 bg-white hover:bg-gray-50': this.variant === 'secondary',
+        'border-transparent bg-primary-light hover:bg-primary-base text-primary-dark hover:text-white': this.variant === 'light',
         'w-full': this.fillWidth || this.fillWidthOnMobile,
         'sm:w-auto': this.fillWidthOnMobile
       }, disabled: this.disabled, onClick: () => this.clicked() }, this.state === PromiseButtonState.Pending && (h("sss-loading-indicator", { theme: this.variant === 'primary' ? 'light' : 'primary', size: 16 })), h("div", { class: { hidden: this.state === PromiseButtonState.Pending } }, h("slot", null))));
@@ -3467,6 +3468,7 @@ const initialState = {
   profileId: Option.none,
   jwt: Option.none,
   superBuyer: Option.none,
+  superChoicePrefill: Option.none,
   promotedFunds: Option.none,
   accountConfiguration: Option.none,
   profileConfiguration: Option.none,
@@ -3572,6 +3574,7 @@ class SuperSelectionAppService {
     this._state.superBuyer = Option.fromNullable(appStateResponse.superBuyer);
     this._state.promotedFunds = Option.fromNullable(appStateResponse.promotedFunds);
     this._state.campaignConnectEnabled = appStateResponse.campaignConnectEnabled;
+    this._state.superChoicePrefill = Option.fromNullable(appStateResponse.prefill);
     if (this._state.campaignConnectEnabled) {
       this._state.campaignConnectPromise = Option.fromNullable(superSelectionApi.getCampaignConnectAsync());
     }
@@ -3704,6 +3707,16 @@ class EventTrackingService {
       SuperFundDisclaimerAccepted: detail
     });
   }
+  async TrackSuperFundPrefillViewedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundPrefillViewed: detail
+    });
+  }
+  async TrackSuperFundPrefillDeclinedAsync(detail) {
+    return this.trackEventAsync({
+      SuperFundPrefillDeclined: detail
+    });
+  }
   async trackEventAsync(event) {
     try {
       await this.eventTrackingApi.PostAnalyticsEventAsync({ event });
@@ -3766,6 +3779,11 @@ var SuperSelectionAppRoutes;
   SuperSelectionAppRoutes["PromotedFundJoinV1"] = "/promoted-fund/join/v1";
   SuperSelectionAppRoutes["PromotedFundJoinV2"] = "/promoted-fund/join/v2";
   SuperSelectionAppRoutes["MyOwnFund"] = "/super-choice/my-own-fund/";
+  SuperSelectionAppRoutes["Prefill"] = "/super-choice/prefill/";
+  SuperSelectionAppRoutes["PrefillInvalidMyOwnFundPage"] = "/super-choice/sss-prefill-invalid-my-own-fund/";
+  SuperSelectionAppRoutes["PrefillMyOwnFundPage"] = "/super-choice/prefill-my-own-fund/";
+  SuperSelectionAppRoutes["PrefillSMSFPage"] = "/super-choice/prefill-smsf/";
+  SuperSelectionAppRoutes["PrefillInvalidSMSFPage"] = "/super-choice/prefill-invalid-smsf/";
   SuperSelectionAppRoutes["SelfManagedFund"] = "/super-choice/smsf/";
   SuperSelectionAppRoutes["DefaultFund"] = "/super-choice/default/";
   SuperSelectionAppRoutes["StandardChoice"] = "/standard-choice/";
@@ -3779,6 +3797,11 @@ const superSelectionAppStencilRoutes = [
   h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV1, component: "sss-promoted-fund-join-v1-page" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV2, component: "sss-promoted-fund-join-v2-page" }),
   h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
+  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.StandardChoice, component: "sss-standard-choice-form" }),
@@ -4983,6 +5006,849 @@ const MemberNameInput = class {
   }
 };
 
+const Prefill = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.prefill = undefined;
+  }
+  async componentWillLoad() {
+    this.prefill = isSome(superSelectionAppService.state.superChoicePrefill)
+      ? superSelectionAppService.state.superChoicePrefill.value
+      : undefined;
+  }
+  render() {
+    if (this.prefill && this.prefill.type === 'myOwnFund') {
+      if (this.prefill.data.fundDetail.type === 'Valid') {
+        return this.renderMyOwnFund(this.prefill.data);
+      }
+      else {
+        return this.renderInvalidMyOwnFund(this.prefill.data);
+      }
+    }
+    if (this.prefill && this.prefill.type === 'smsf') {
+      if (this.prefill.data.fundAbn.valid) {
+        return this.renderSMSF(this.prefill.data);
+      }
+      else {
+        return this.renderInvalidSMSF(this.prefill.data);
+      }
+    }
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    return null;
+  }
+  renderMyOwnFund(data) {
+    return h("sss-prefill-my-own-fund", { history: this.history, prefill: data });
+  }
+  renderInvalidMyOwnFund(data) {
+    return h("sss-prefill-invalid-my-own-fund", { history: this.history, prefill: data });
+  }
+  renderSMSF(data) {
+    return h("sss-prefill-smsf", { history: this.history, prefill: data });
+  }
+  renderInvalidSMSF(data) {
+    return h("sss-prefill-invalid-smsf", { history: this.history, prefill: data });
+  }
+};
+
+const DisplayField = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("div", { class: "flex justify-center sm:items-start self-stretch px-0 py-2" }, h("div", { class: "flex flex-col sm:flex-row h-5 justify-center items-start gap-0 sm:gap-4 self-stretch" }, h("div", { class: {
+        'flex sm:w-40 self-stretch text-gray-500 text-sm not-italic font-medium leading-5 ': true,
+        'text-red-600': !this.field.isValid
+      } }, this.field.name), h("div", { class: {
+        'flex-[1_0_0] text-sm not-italic font-normal leading-5 ': true,
+        'text-red-600': !this.field.isValid
+      } }, this.field.value))));
+  }
+};
+
+const PrefillErrorBox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.withHeader = false;
+  }
+  render() {
+    const bgColour = 'bg-red-50';
+    const accentColour = 'bg-red-400';
+    const textColour = 'text-red-700';
+    const textHeadingColour = 'text-red-800';
+    const bulletColour = '#B91C1C';
+    const BulletIcon = () => {
+      return (h("div", { class: "flex justify-center items-center pt-2" }, h("div", { class: "w-1.5 h-1.5 fill-red-700" }, h("svg", { width: "6", height: "6", viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { id: "Bullet", cx: "3", cy: "3", r: "3", fill: bulletColour })))));
+    };
+    const ErrorIcon = () => {
+      return (h("div", { class: "w-5 h-5" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8.70711 7.29289C8.31658 6.90237 7.68342 6.90237 7.29289 7.29289C6.90237 7.68342 6.90237 8.31658 7.29289 8.70711L8.58579 10L7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071C7.68342 13.0976 8.31658 13.0976 8.70711 12.7071L10 11.4142L11.2929 12.7071C11.6834 13.0976 12.3166 13.0976 12.7071 12.7071C13.0976 12.3166 13.0976 11.6834 12.7071 11.2929L11.4142 10L12.7071 8.70711C13.0976 8.31658 13.0976 7.68342 12.7071 7.29289C12.3166 6.90237 11.6834 6.90237 11.2929 7.29289L10 8.58579L8.70711 7.29289Z", fill: "#F87171" }))));
+    };
+    return (h("div", { class: 'flex items-start self-stretch rounded-md ' + bgColour }, h("div", { class: 'w-1 self-stretch ' + accentColour }), h("div", { class: "flex items-start gap-3 flex-[1_0_0] p-4" }, h(ErrorIcon, null), h("div", { class: "flex flex-col items-start gap-2 flex-[1_0_0]" }, h("div", { class: "flex flex-col items-start gap-1 self-stretch" }, this.withHeader && (h("div", null, h("div", { class: 'text-sm font-medium leading-tight ' + textHeadingColour }, "Please correct ", this.notificationList.length, " issues with your fund details"), this.notificationList.map((text) => (h("div", { class: "flex items-start gap-[7px] self-stretch pl-0" }, h(BulletIcon, null), h("div", { class: 'flex-[1_0_0] text-sm not-italic font-normal leading-5 ' + textColour }, text)))))), !this.withHeader &&
+      this.notificationList.map((text) => (h("div", { class: 'text-sm font-medium leading-tight ' + textHeadingColour }, text))))))));
+  }
+};
+
+function isNullOrWhitespace(value) {
+  return value == null || value.trim() === '';
+}
+const DisabledField = (name, value) => {
+  return (h("div", { class: "mt-3" },
+    h("label", { class: "text-sm font-medium text-gray-700" }, name),
+    h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, value)));
+};
+const Header = () => {
+  return (h("div", null,
+    h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super nomination"),
+    h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7" }, "Review or update the below super fund nomination details provided by your employer.")));
+};
+class Style {
+  static Input(isValidated) {
+    return {
+      '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': isValidated
+    };
+  }
+}
+
+const NAME_PATTERN = "[A-Za-z][A-Za-z']+(( |-)[A-Za-z][A-Za-z']+)*\\s*$";
+class FormField {
+  constructor(name, value) {
+    this.name = name;
+    this._value = value !== null && value !== void 0 ? value : '';
+    this._errorMessage = this.validateAndReturnErrorMessage(this._value);
+  }
+  get value() {
+    return this._value;
+  }
+  set value(newValue) {
+    this._errorMessage = this.validateAndReturnErrorMessage(newValue);
+    this._value = newValue;
+  }
+  get isValid() {
+    return this._errorMessage === null;
+  }
+  get isEmpty() {
+    return isNullOrWhitespace(this._value);
+  }
+  get errorMessage() {
+    return this._errorMessage;
+  }
+}
+class StaticFormField {
+  constructor(name, value, isValid) {
+    this.name = name;
+    this._value = value !== null && value !== void 0 ? value : '';
+    this._isValid = isValid;
+  }
+  get value() {
+    return this._value;
+  }
+  get isValid() {
+    return this._isValid;
+  }
+  get isEmpty() {
+    return isNullOrWhitespace(this._value);
+  }
+}
+class FundUsi extends StaticFormField {
+  constructor(value, isValid) {
+    super('Fund USI', value, isValid);
+  }
+}
+class FundName extends StaticFormField {
+  constructor(value, isValid) {
+    super('Fund name', value, isValid);
+  }
+}
+class SmsfFundName extends FormField {
+  constructor(value) {
+    super('Fund name', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    if (isNullOrWhitespace(newValue)) {
+      return 'Fund name is required.';
+    }
+    else if (newValue.length < 2) {
+      return 'Enter a valid Fund name.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class MemberNumber extends FormField {
+  constructor(value) {
+    super('Member number', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    const regex = /^[A-Za-z0-9]{4,16}$/;
+    if (isNullOrWhitespace(newValue)) {
+      return 'Member number is required.';
+    }
+    else if (!regex.test(newValue)) {
+      return 'Enter a valid member number (only numbers and / or letters)';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class MemberLastName extends FormField {
+  constructor(value) {
+    super('Member last name', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    const regex = new RegExp(NAME_PATTERN);
+    if (isNullOrWhitespace(newValue)) {
+      return 'Member last name is required.';
+    }
+    else if (!regex.test(newValue)) {
+      return 'Member last name contains unsupported characters.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class MemberGivenNames extends FormField {
+  constructor(value) {
+    super('Member given name(s)', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    const regex = new RegExp(NAME_PATTERN);
+    if (isNullOrWhitespace(newValue)) {
+      return 'Member given name(s) is required.';
+    }
+    else if (!regex.test(newValue)) {
+      return 'Member given name(s) contains unsupported characters.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class FundAbn extends StaticFormField {
+  constructor(value, isValid) {
+    super('Fund ABN', value, isValid);
+  }
+}
+class FundEsa extends FormField {
+  constructor(value) {
+    super('Fund ESA', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    if (isNullOrWhitespace(newValue)) {
+      return 'Fund ESA is required.';
+    }
+    else if (newValue.length < 2) {
+      return 'Enter a valid Fund ESA.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class FundAddressLine1 extends FormField {
+  constructor(value) {
+    super('Address line 1', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    if (isNullOrWhitespace(newValue)) {
+      return 'Address line 1 is required.';
+    }
+    else if (newValue.length < 2) {
+      return 'Enter a valid Address line 1.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class FundAddressLine2 extends FormField {
+  constructor(value) {
+    super('Address line 2', value);
+  }
+  validateAndReturnErrorMessage(_newValue) {
+    return null;
+  }
+}
+class FundAddressCity extends FormField {
+  constructor(value) {
+    super('City/suburb', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    if (isNullOrWhitespace(newValue)) {
+      return 'City/suburb is required.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class FundAddressPostcode extends FormField {
+  constructor(value) {
+    super('Postcode', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    const regex = /^[0-9]{4}$/;
+    if (isNullOrWhitespace(newValue)) {
+      return 'Postcode is required.';
+    }
+    else if (!regex.test(newValue)) {
+      return 'Enter a valid postcode.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class FundAddressState extends FormField {
+  constructor(value) {
+    super('State', value);
+  }
+  get options() {
+    return [
+      { 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' }
+    ];
+  }
+  validateAndReturnErrorMessage(newValue) {
+    if (isNullOrWhitespace(newValue)) {
+      return 'State is required.';
+    }
+    else if (this.options.find((option) => (option.value = newValue)) === undefined) {
+      return 'Enter a valid state.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class FundAddress extends StaticFormField {
+  constructor(addrLine1, addrLine2, city, state, postcode) {
+    const value = [addrLine1, addrLine2, city, state, postcode]
+      .map((x) => x.value)
+      .filter((v) => v)
+      .join(', ');
+    const isValid = addrLine1.isValid && addrLine2.isValid && city.isValid && state.isValid && postcode.isValid;
+    super('Fund address', value, isValid);
+  }
+}
+class BankAccountName extends FormField {
+  constructor(value) {
+    super('Account name', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    if (isNullOrWhitespace(newValue)) {
+      return 'Account name is required.';
+    }
+    else if (newValue.length < 2) {
+      return 'Enter a valid Account name.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class BankAccountBsb extends FormField {
+  constructor(value) {
+    super('BSB', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    const regex = /^[0-9]{6,7}$/;
+    if (isNullOrWhitespace(newValue)) {
+      return 'BSB is required.';
+    }
+    else if (!regex.test(newValue)) {
+      return 'Enter a valid BSB.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+class BankAccountNumber extends FormField {
+  constructor(value) {
+    super('Account number', value);
+  }
+  validateAndReturnErrorMessage(newValue) {
+    const regex = /^[0-9]{2,11}$/;
+    if (isNullOrWhitespace(newValue)) {
+      return 'Account number is required.';
+    }
+    else if (!regex.test(newValue)) {
+      return 'Enter a valid Account number.';
+    }
+    else {
+      return null;
+    }
+  }
+}
+
+const PrefillInvalidMyOwnFund = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.createSuperFundPrefillDeclinedDetail = (prefill) => {
+      return {
+        fundType: 'My Own Fund',
+        isUsiValid: prefill.fundDetail.type === 'Valid',
+        isMemberNumberPresent: !isNullOrWhitespace(prefill.memberNumber),
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+    this.createSuperFundPrefillViewedDetail = (prefill) => {
+      return {
+        fundType: 'My Own Fund',
+        isUsiValid: prefill.fundDetail.type === 'Valid',
+        isMemberNumberPresent: !isNullOrWhitespace(prefill.memberNumber),
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+  }
+  componentDidLoad() {
+    const detail = this.createSuperFundPrefillViewedDetail(this.prefill);
+    return this.eventTrackingService.TrackSuperFundPrefillViewedAsync(detail);
+  }
+  async componentWillLoad() {
+    if (this.prefill && this.prefill.fundDetail.type === 'Invalid') {
+      this.fundUsi = new FundUsi(this.prefill.fundDetail.fundUsi, false);
+      this.fundName = new FundName('', false);
+      this.memberNumber = new MemberNumber(this.prefill.memberNumber);
+      this.memberGivenNames = new MemberGivenNames(this.prefill.memberFirstName);
+      this.memberLastName = new MemberLastName(this.prefill.memberFamilyName);
+    }
+    else {
+      // If prefill does not exist, or is valid we should
+      // not have landed on this page, navigate to consent page
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    }
+  }
+  render() {
+    return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your fund details"), h("sss-prefill-error-box", { class: "self-stretch", notificationList: [
+        'The fund USI is invalid, or no longer in use. You are required to choose another fund to continue with your super nomination.'
+      ] }), h("div", { class: "flex flex-col items-start self-stretch gap-4 sm:gap-0" }, h("sss-prefill-display-field", { field: this.fundUsi }), h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.memberNumber }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames })))), h("div", { class: "flex w-80 flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", promiseFn: () => this.handleChooseAnotherFund() }, "Choose another fund")))));
+  }
+  async handleChooseAnotherFund() {
+    const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
+    await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+  }
+};
+
+const PrefillInvalidSMSF = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.createSuperFundPrefillDeclinedDetail = (prefill) => {
+      return {
+        fundType: 'SMSF',
+        isAbnValid: prefill.fundAbn.valid,
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+    this.createSuperFundPrefillViewedDetail = (prefill) => {
+      return {
+        fundType: 'SMSF',
+        isAbnValid: prefill.fundAbn.valid,
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+  }
+  componentDidLoad() {
+    const detail = this.createSuperFundPrefillViewedDetail(this.prefill);
+    return this.eventTrackingService.TrackSuperFundPrefillViewedAsync(detail);
+  }
+  async componentWillLoad() {
+    if (this.prefill && !this.prefill.fundAbn.valid) {
+      this.initialiseComponent(this.prefill);
+    }
+    else {
+      // If prefill does not exist, or is valid we should
+      // not have landed on this page, navigate to consent page
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage);
+    }
+  }
+  render() {
+    return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your self-managed super fund (SMSF) details"), h("sss-prefill-error-box", { class: "self-stretch", notificationList: [
+        'The fund ABN is invalid. You are required to choose another fund to continue with your super nomination.'
+      ] }), h("div", { class: "flex flex-col items-start self-stretch gap-4 sm:gap-0" }, h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.fundAbn }), h("sss-prefill-display-field", { field: this.fundEsa }), h("sss-prefill-display-field", { field: this.fundAddress }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }), h("sss-prefill-display-field", { field: this.bankAccountName }), h("sss-prefill-display-field", { field: this.bankAccountBsb }), h("sss-prefill-display-field", { field: this.bankAccountNumber })))), h("div", { class: "flex w-80 flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")))));
+  }
+  initialiseComponent(prefill) {
+    this.fundName = new SmsfFundName(prefill.fundName);
+    this.fundAbn = new FundAbn(prefill.fundAbn.value, prefill.fundAbn.valid);
+    this.fundEsa = new FundEsa(prefill.electronicServiceAddress);
+    this.fundAddressLine1 = new FundAddressLine1(prefill.addressLine1);
+    this.fundAddressLine2 = new FundAddressLine2(prefill.addressLine2);
+    this.fundAddressCity = new FundAddressCity(prefill.addressCity);
+    this.fundAddressPostcode = new FundAddressPostcode(prefill.addressPostcode);
+    this.fundAddressState = new FundAddressState(prefill.addressState);
+    this.fundAddress = new FundAddress(this.fundAddressLine1, this.fundAddressLine2, this.fundAddressCity, this.fundAddressState, this.fundAddressPostcode);
+    this.memberGivenNames = new MemberGivenNames(prefill.memberFirstName);
+    this.memberLastName = new MemberLastName(prefill.memberFamilyName);
+    this.bankAccountName = new BankAccountName(prefill.bankAccountName);
+    this.bankAccountBsb = new BankAccountBsb(prefill.bankAccountBsb);
+    this.bankAccountNumber = new BankAccountNumber(prefill.bankAccountNumber);
+  }
+  async handleFundNominationDeclined() {
+    const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
+    await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+  }
+};
+
+const PrefillMyOwnFund = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.mode = 'review';
+    this.formState = 'pristine';
+    this.isSubmitDisabled = true;
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.createSuperFundPrefillDeclinedDetail = (prefill) => {
+      return {
+        fundType: 'My Own Fund',
+        isUsiValid: prefill.fundDetail.type === 'Valid',
+        isMemberNumberPresent: !isNullOrWhitespace(prefill.memberNumber),
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+    this.createSuperFundPrefillViewedDetail = (prefill) => {
+      return {
+        fundType: 'My Own Fund',
+        isUsiValid: prefill.fundDetail.type === 'Valid',
+        isMemberNumberPresent: !isNullOrWhitespace(prefill.memberNumber),
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+  }
+  componentDidLoad() {
+    const detail = this.createSuperFundPrefillViewedDetail(this.prefill);
+    return this.eventTrackingService.TrackSuperFundPrefillViewedAsync(detail);
+  }
+  async componentWillLoad() {
+    if (this.prefill && this.prefill.fundDetail.type === 'Valid') {
+      this.initialiseComponent(this.prefill.fundDetail.fundName, this.prefill);
+    }
+    else {
+      // If prefill does not exist, or is invalid we should
+      // not have landed on this page, navigate to consent page
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+    }
+  }
+  render() {
+    const errorMessages = [
+      this.memberNumber.errorMessage,
+      this.memberLastName.errorMessage,
+      this.memberGivenNames.errorMessage
+    ].filter((err) => err !== null);
+    return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your fund details"), h("sss-prefill-warning-box", { class: "self-stretch", notificationList: [
+        'Make sure you are a current member of the fund before completing this step.',
+        'Please check that the fund USI is correct as some funds have similar names.'
+      ] }), this.mode === 'review' && errorMessages.length > 0 && (h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (h("div", { class: "flex flex-col items-start self-stretch" }, h("sss-prefill-display-field", { field: this.fundUsi }), h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.memberNumber }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }))), this.mode === 'review' && (h("sss-button", { class: "self-stretch", fillWidth: true, variant: "light", promiseFn: () => this.setModeToEdit() }, h("div", { class: "flex flex-row gap-2" }, h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), h("div", { class: "w-4 h-4 relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, DisabledField(this.fundName.name, this.fundName.value), DisabledField(this.fundUsi.name, this.fundUsi.value), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberNumber.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: "[A-Za-z0-9]{4,16}", value: this.memberNumber.value, onInput: (ev) => {
+        this.updateMemberNumber(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberNumber.errorMessage))), h("div", { class: "flex gap-x-4 flex-col sm:flex-row" }, h("div", { class: "mt-3 w-full sm:w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, value: this.memberGivenNames.value, onInput: (ev) => {
+        this.updateMemberGivenNames(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), h("div", { class: "mt-3 w-full sm:w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, pattern: NAME_PATTERN, value: this.memberLastName.value, onInput: (ev) => {
+        this.updateMemberLastName(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))))))), h("div", { class: "flex w-80 flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), h("sss-button", { class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")))));
+  }
+  initialiseComponent(fundName, prefill) {
+    this.fundUsi = new FundUsi(prefill.fundDetail.fundUsi, true);
+    this.fundName = new FundName(fundName, true);
+    this.memberNumber = new MemberNumber(prefill.memberNumber);
+    this.memberGivenNames = new MemberGivenNames(prefill.memberFirstName);
+    this.memberLastName = new MemberLastName(prefill.memberFamilyName);
+    this.isSubmitDisabled = this.formHasMissingData();
+  }
+  isFormValid() {
+    return (this.fundUsi.isValid &&
+      this.fundName.isValid &&
+      this.memberNumber.isValid &&
+      this.memberGivenNames.isValid &&
+      this.memberLastName.isValid);
+  }
+  formHasMissingData() {
+    return (this.fundUsi.isEmpty ||
+      this.fundName.isEmpty ||
+      this.memberNumber.isEmpty ||
+      this.memberGivenNames.isEmpty ||
+      this.memberLastName.isEmpty);
+  }
+  setModeToEdit() {
+    this.mode = 'edit';
+    return Promise.resolve();
+  }
+  updateMemberNumber(memberNumber) {
+    this.memberNumber = new MemberNumber(memberNumber.trim());
+  }
+  updateMemberGivenNames(memberGivenNames) {
+    this.memberGivenNames = new MemberGivenNames(memberGivenNames.trimStart());
+  }
+  updateMemberLastName(memberLastName) {
+    this.memberLastName = new MemberLastName(memberLastName.trim());
+  }
+  async handleSubmitForm() {
+    this.formState = 'validated';
+    if (!this.isFormValid()) {
+      return;
+    }
+    if (this.mode === 'edit' && !this.formElement.checkValidity()) {
+      return;
+    }
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: this.fundName.value,
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const customFundChoiceDto = Object.assign({ fundUsi: this.fundUsi.value, memberNumber: this.memberNumber.value, memberFirstName: this.memberGivenNames.value, memberFamilyName: this.memberLastName.value, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitCustomFundChoiceAsync(customFundChoiceDto);
+      }
+    });
+  }
+  async handleFundNominationDeclined() {
+    const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
+    await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+  }
+};
+
+const PrefillSMSF = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.mode = 'review';
+    this.formState = 'pristine';
+    this.isSubmitDisabled = true;
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.createSuperFundPrefillDeclinedDetail = (prefill) => {
+      return {
+        fundType: 'SMSF',
+        isAbnValid: prefill.fundAbn.valid,
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+    this.createSuperFundPrefillViewedDetail = (prefill) => {
+      return {
+        fundType: 'SMSF',
+        isAbnValid: prefill.fundAbn.valid,
+        isMemberFirstNamePresent: !isNullOrWhitespace(prefill.memberFirstName),
+        isMemberLastNamePresent: !isNullOrWhitespace(prefill.memberFamilyName)
+      };
+    };
+  }
+  componentDidLoad() {
+    const detail = this.createSuperFundPrefillViewedDetail(this.prefill);
+    return this.eventTrackingService.TrackSuperFundPrefillViewedAsync(detail);
+  }
+  async componentWillLoad() {
+    if (this.prefill && this.prefill.fundAbn.valid) {
+      this.initialiseComponent(this.prefill);
+    }
+    else {
+      // If prefill does not exist, or is invalid we should
+      // not have landed on this page, navigate to consent page
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage);
+    }
+  }
+  render() {
+    const errorMessages = [
+      this.fundName.errorMessage,
+      this.fundEsa.errorMessage,
+      this.fundAddressLine1.errorMessage,
+      this.fundAddressLine2.errorMessage,
+      this.fundAddressCity.errorMessage,
+      this.fundAddressPostcode.errorMessage,
+      this.fundAddressState.errorMessage,
+      this.memberLastName.errorMessage,
+      this.memberGivenNames.errorMessage,
+      this.bankAccountName.errorMessage,
+      this.bankAccountBsb.errorMessage,
+      this.bankAccountNumber.errorMessage
+    ].filter((err) => err !== null);
+    return (h("div", null, h(Header, null), h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your self-managed super fund (SMSF) details"), h("sss-prefill-warning-box", { class: "self-stretch", notificationList: [
+        'Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step.'
+      ] }), this.mode === 'review' && errorMessages.length > 0 && (h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (h("div", { class: "flex flex-col items-start self-stretch" }, h("sss-prefill-display-field", { field: this.fundName }), h("sss-prefill-display-field", { field: this.fundAbn }), h("sss-prefill-display-field", { field: this.fundEsa }), h("sss-prefill-display-field", { field: this.fundAddress }), h("sss-prefill-display-field", { field: this.memberLastName }), h("sss-prefill-display-field", { field: this.memberGivenNames }), h("sss-prefill-display-field", { field: this.bankAccountName }), h("sss-prefill-display-field", { field: this.bankAccountBsb }), h("sss-prefill-display-field", { field: this.bankAccountNumber }))), this.mode === 'review' && (h("sss-button", { class: "self-stretch", fillWidth: true, variant: "light", promiseFn: () => this.setModeToEdit() }, h("div", { class: "flex flex-row gap-2" }, h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), h("div", { class: "w-4 h-4 relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, h("path", { d: "M11.369 2.86865C11.9939 2.24381 13.0069 2.24381 13.6318 2.86865C14.2566 3.49349 14.2566 4.50656 13.6318 5.1314L12.9974 5.76571L10.7347 3.50297L11.369 2.86865Z" }), h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.fundName.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.fundName.value, onInput: (ev) => {
+        this.updateFundName(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundName.errorMessage))), DisabledField(this.fundAbn.name, this.fundAbn.value), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.fundEsa.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, minlength: "2", value: this.fundEsa.value, onInput: (ev) => {
+        this.updateFundEsa(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundEsa.errorMessage))), 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({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-t-md shadow-none': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: this.fundAddressLine1.value, onChange: (ev) => {
+        this.updateAddressLine1(ev.target.value);
+      } }), h("input", { placeholder: "Address line 2 (optional)", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none shadow-none': true }), value: this.fundAddressLine2.value, onChange: (ev) => this.updateAddressLine2(ev.target.value) }), h("input", { placeholder: "City/suburb", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none shadow-none': true }), required: true, value: this.fundAddressCity.value, onChange: (ev) => {
+        this.updateAddressCity(ev.target.value);
+      } }), 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({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-bl-md shadow-none': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: this.fundAddressPostcode.value, inputmode: "numeric", onChange: (ev) => {
+        this.updateAddressPostcode(ev.target.value);
+      } })), h("div", { class: "flex-1 min-w-0" }, h("select", { class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': this.formState !== 'validated' }), name: "state", required: true, id: "state", onChange: (ev) => {
+        this.updateAddressState(ev.target.value);
+      } }, h("option", { disabled: true, selected: this.fundAddressState.value !== undefined, value: "" }, "State"), this.fundAddressState.options.map((s) => (h("option", { value: s.value, selected: this.fundAddressState.value === s.value }, s.label))))))), this.formState === 'validated' && (h("div", { class: "mt-2 text-sm text-red-600" }, this.fundAddressLine1.errorMessage ||
+      this.fundAddressLine1.errorMessage ||
+      this.fundAddressCity.errorMessage ||
+      this.fundAddressPostcode.errorMessage ||
+      this.fundAddressState.errorMessage))), h("div", { class: "flex gap-x-4 flex-col sm:flex-row" }, h("div", { class: "mt-3 w-full sm:w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberGivenNames.value, onInput: (ev) => {
+        this.updateMemberGivenNames(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), h("div", { class: "mt-3 w-full sm:w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberLastName.value, onInput: (ev) => {
+        this.updateMemberLastName(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountName.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountName.value, onInput: (ev) => {
+        this.updateBankAccountName(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountName.errorMessage))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountBsb.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountBsb.value, onInput: (ev) => {
+        this.updateBankAccountBsb(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountNumber.name), h("div", { class: "mt-1" }, h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountNumber.value, onInput: (ev) => {
+        this.updateBankAccountNumber(ev.target.value);
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountNumber.errorMessage))))))), h("div", { class: "flex w-80 flex-col items-start gap-4" }, h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), h("sss-button", { class: "self-stretch", fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund")))));
+  }
+  isFormValid() {
+    return (this.fundName.isValid &&
+      this.fundAbn.isValid &&
+      this.fundEsa.isValid &&
+      this.fundAddressLine1.isValid &&
+      this.fundAddressLine2.isValid &&
+      this.fundAddressCity.isValid &&
+      this.fundAddressPostcode.isValid &&
+      this.fundAddressState.isValid &&
+      this.memberGivenNames.isValid &&
+      this.memberLastName.isValid &&
+      this.bankAccountName.isValid &&
+      this.bankAccountBsb.isValid &&
+      this.bankAccountNumber.isValid);
+  }
+  formHasMissingData() {
+    return (this.fundName.isEmpty ||
+      this.fundAbn.isEmpty ||
+      this.fundEsa.isEmpty ||
+      this.fundAddressLine1.isEmpty ||
+      this.fundAddressCity.isEmpty ||
+      this.fundAddressPostcode.isEmpty ||
+      this.fundAddressState.isEmpty ||
+      this.memberGivenNames.isEmpty ||
+      this.memberLastName.isEmpty ||
+      this.bankAccountName.isEmpty ||
+      this.bankAccountBsb.isEmpty ||
+      this.bankAccountNumber.isEmpty);
+  }
+  setModeToEdit() {
+    this.mode = 'edit';
+    return Promise.resolve();
+  }
+  updateFundName(fundName) {
+    this.fundName = new SmsfFundName(fundName.trim());
+  }
+  updateFundEsa(fundEda) {
+    this.fundEsa = new FundEsa(fundEda.trim());
+  }
+  updateAddressLine1(value) {
+    this.fundAddressLine1 = new FundAddressLine1(value.trim());
+  }
+  updateAddressLine2(value) {
+    this.fundAddressLine2 = new FundAddressLine2(value.trim());
+  }
+  updateAddressCity(value) {
+    this.fundAddressCity = new FundAddressCity(value.trim());
+  }
+  updateAddressPostcode(value) {
+    this.fundAddressPostcode = new FundAddressPostcode(value.trim());
+  }
+  updateAddressState(value) {
+    this.fundAddressState = new FundAddressState(value.trim());
+  }
+  updateBankAccountName(bankAccountName) {
+    this.bankAccountName = new BankAccountName(bankAccountName.trim());
+  }
+  updateBankAccountBsb(bankAccountBsb) {
+    this.bankAccountBsb = new BankAccountBsb(bankAccountBsb.trim());
+  }
+  updateBankAccountNumber(bankAccountNumber) {
+    this.bankAccountNumber = new BankAccountNumber(bankAccountNumber.trim());
+  }
+  updateMemberGivenNames(memberGivenNames) {
+    this.memberGivenNames = new MemberGivenNames(memberGivenNames);
+  }
+  updateMemberLastName(memberLastName) {
+    this.memberLastName = new MemberLastName(memberLastName.trim());
+  }
+  async handleSubmitForm() {
+    this.formState = 'validated';
+    if (!this.isFormValid() || !this.formElement.checkValidity()) {
+      return;
+    }
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: this.fundName.value,
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const smsfChoiceDto = Object.assign({ smsfChoice: {
+            abn: this.fundAbn.value,
+            fundName: this.fundName.value,
+            fundAddress: {
+              addressLine1: this.fundAddressLine1.value,
+              addressLine2: this.fundAddressLine2.value.trim() === ''
+                ? null
+                : this.fundAddressLine2.value.trim(),
+              city: this.fundAddressCity.value,
+              state: this.fundAddressState.value,
+              postcode: this.fundAddressPostcode.value
+            },
+            bsb: this.bankAccountBsb.value,
+            bankAccountName: this.bankAccountName.value,
+            bankAccountNumber: this.bankAccountNumber.value,
+            electronicServiceAddress: this.fundEsa.value,
+            memberFirstName: this.memberGivenNames.value,
+            memberFamilyName: this.memberLastName.value
+          }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitSelfManagedFundChoiceAsync(smsfChoiceDto);
+      }
+    });
+  }
+  initialiseComponent(prefill) {
+    this.fundName = new SmsfFundName(prefill.fundName);
+    this.fundAbn = new FundAbn(prefill.fundAbn.value, prefill.fundAbn.valid);
+    this.fundEsa = new FundEsa(prefill.electronicServiceAddress);
+    this.fundAddressLine1 = new FundAddressLine1(prefill.addressLine1);
+    this.fundAddressLine2 = new FundAddressLine2(prefill.addressLine2);
+    this.fundAddressCity = new FundAddressCity(prefill.addressCity);
+    this.fundAddressPostcode = new FundAddressPostcode(prefill.addressPostcode);
+    this.fundAddressState = new FundAddressState(prefill.addressState);
+    this.fundAddress = new FundAddress(this.fundAddressLine1, this.fundAddressLine2, this.fundAddressCity, this.fundAddressState, this.fundAddressPostcode);
+    this.memberGivenNames = new MemberGivenNames(prefill.memberFirstName);
+    this.memberLastName = new MemberLastName(prefill.memberFamilyName);
+    this.bankAccountName = new BankAccountName(prefill.bankAccountName);
+    this.bankAccountBsb = new BankAccountBsb(prefill.bankAccountBsb);
+    this.bankAccountNumber = new BankAccountNumber(prefill.bankAccountNumber);
+    this.isSubmitDisabled = this.formHasMissingData();
+  }
+  async handleFundNominationDeclined() {
+    const detail = this.createSuperFundPrefillDeclinedDetail(this.prefill);
+    await this.eventTrackingService.TrackSuperFundPrefillDeclinedAsync(detail);
+    return navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ConsentPage);
+  }
+};
+
+const PrefillWarningBox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    const bgColour = 'bg-yellow-50';
+    const accentColour = 'bg-yellow-400';
+    const textColour = 'text-yellow-700';
+    const bulletColour = '#B45309';
+    const BulletIcon = () => {
+      return (h("div", { class: "flex justify-center items-center pt-2" }, h("div", { class: "w-1.5 h-1.5 fill-yellow-700" }, h("svg", { width: "6", height: "6", viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { id: "Bullet", cx: "3", cy: "3", r: "3", fill: bulletColour })))));
+    };
+    const WarningIcon = () => {
+      return (h("div", { class: "w-5 h-5" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.25706 3.09882C9.02167 1.73952 10.9788 1.73952 11.7434 3.09882L17.3237 13.0194C18.0736 14.3526 17.1102 15.9999 15.5805 15.9999H4.4199C2.89025 15.9999 1.92682 14.3526 2.67675 13.0194L8.25706 3.09882ZM11.0001 13C11.0001 13.5523 10.5524 14 10.0001 14C9.44784 14 9.00012 13.5523 9.00012 13C9.00012 12.4477 9.44784 12 10.0001 12C10.5524 12 11.0001 12.4477 11.0001 13ZM10.0001 5C9.44784 5 9.00012 5.44772 9.00012 6V9C9.00012 9.55228 9.44784 10 10.0001 10C10.5524 10 11.0001 9.55228 11.0001 9V6C11.0001 5.44772 10.5524 5 10.0001 5Z", fill: "#FBBF24" }))));
+    };
+    return (h("div", { class: 'flex items-start self-stretch rounded-md ' + bgColour }, h("div", { class: 'w-1 self-stretch ' + accentColour }), h("div", { class: "flex items-start gap-3 flex-[1_0_0] p-4" }, h(WarningIcon, null), h("div", { class: "flex flex-col items-start gap-2 flex-[1_0_0]" }, h("div", { class: "flex flex-col items-start gap-1 self-stretch" }, this.notificationList.map((text) => (h("div", { class: "flex items-start gap-[7px] self-stretch pl-0" }, h(BulletIcon, null), h("div", { class: 'flex-[1_0_0] text-sm not-italic font-normal leading-5 ' + textColour }, text)))))))));
+  }
+};
+
 class PromotedFundChoiceApi {
   async submitChoiceAsync(dto) {
     return buildBackendApiClient()
@@ -6931,7 +7797,10 @@ const SuperSelectionApp = class {
     iframe.appReady();
     const ignoreExistingSelectionOption = Option.fromNullable(this.ignoreExistingSelection);
     const shouldIgnoreExistingChoice = Option.isSome(ignoreExistingSelectionOption) && ignoreExistingSelectionOption.value;
-    if (Option.isSome(chosenFundOption) &&
+    if (Option.isSome(superSelectionAppService.state.superChoicePrefill)) {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.Prefill);
+    }
+    else if (Option.isSome(chosenFundOption) &&
       chosenFundOption.value.valid !== 'Inactive' &&
       !shouldIgnoreExistingChoice) {
       navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ExistingChoicePage);
@@ -17301,7 +18170,7 @@ class AppParametersQuery extends Query {
 }
 const appParametersQuery = new AppParametersQuery(sessionStore);
 
-const superSelectionAppHostCss = "html{scroll-behavior:smooth}.sss-app-container{--fl-color-primary:#fdbd00;--fl-color-primary-light:#ffc418;--fl-color-primary-dark:#e4aa00;--fl-color-primary-disabled:#ffde7e;--fl-color-primary-hover:#e4aa00;--fl-color-primary-focus:#ca9700;--fl-color-primary-text:#3d3d3d;--fl-color-secondary:#e5e5e5;--fl-color-secondary-hover:#b3b3b3;--fl-color-secondary-focus:#b3b3b3}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input{font-size:16px}}";
+const superSelectionAppHostCss = "html{scroll-behavior:smooth}.sss-app-container{--fl-color-primary:#fdbd00;--fl-color-primary-light:#fef3c7;--fl-color-primary-dark:#d97706;--fl-color-primary-disabled:#ffde7e;--fl-color-primary-hover:#e4aa00;--fl-color-primary-focus:#ca9700;--fl-color-primary-text:#3d3d3d;--fl-color-secondary:#e5e5e5;--fl-color-secondary-hover:#b3b3b3;--fl-color-secondary-focus:#b3b3b3}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input{font-size:16px}}";
 
 const SuperSelectionAppHost = class {
   constructor(hostRef) {
@@ -17363,4 +18232,4 @@ const SuperSelectionAppHost = class {
 };
 SuperSelectionAppHost.style = superSelectionAppHostCss;
 
-export { Button as sss_button, Consent as sss_consent_page, 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, IFrameHost as sss_iframe_host, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, MyOwnFund as sss_my_own_fund, MyOwnFundInputs as sss_my_own_fund_inputs, MemberNameInput as sss_name_input, PromotedFundJoinV1Page as sss_promoted_fund_join_v1_page, PromotedFundJoinV2Page as sss_promoted_fund_join_v2_page, SelfManagedFund as sss_self_managed_fund, SelfManagedFundInputs as sss_self_managed_fund_inputs, SlateJoinPage as sss_slate_join_page, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, SuperChoiceItemBottom as sss_super_choice_item_bottom, SuperChoiceItemTop as sss_super_choice_item_top, SuperChoicePage as sss_super_choice_page, 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, Consent as sss_consent_page, 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, IFrameHost as sss_iframe_host, LoadingIndicator as sss_loading_indicator, LoadingPage as sss_loading_page, MyOwnFund as sss_my_own_fund, 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, PromotedFundJoinV1Page as sss_promoted_fund_join_v1_page, PromotedFundJoinV2Page as sss_promoted_fund_join_v2_page, SelfManagedFund as sss_self_managed_fund, SelfManagedFundInputs as sss_self_managed_fund_inputs, SlateJoinPage as sss_slate_join_page, StandardChoiceFormInputDefaultFund as sss_standard_choice_form, Success as sss_success, SuperChoiceItemBottom as sss_super_choice_item_bottom, SuperChoiceItemTop as sss_super_choice_item_top, SuperChoicePage as sss_super_choice_page, 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 };