@flarehr/apollo-super-selection 1.3.34200 → 1.3.34266

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

@@ -264,7 +264,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
     }
 }
 
-const AppVersion = '1.3.34200';
+const AppVersion = '1.3.34266';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -947,6 +947,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 && (index.h("sss-loading-indicator", { theme: this.variant === 'primary' ? 'light' : 'primary', size: 16 })), index.h("div", { class: { hidden: this.state === PromiseButtonState.Pending } }, index.h("slot", null))));
@@ -3471,6 +3472,7 @@ const initialState = {
   profileId: Option.none,
   jwt: Option.none,
   superBuyer: Option.none,
+  superChoicePrefill: Option.none,
   promotedFunds: Option.none,
   accountConfiguration: Option.none,
   profileConfiguration: Option.none,
@@ -3576,6 +3578,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());
     }
@@ -3708,6 +3711,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 });
@@ -3770,6 +3783,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/";
@@ -3783,6 +3801,11 @@ const superSelectionAppStencilRoutes = [
   index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV1, component: "sss-promoted-fund-join-v1-page" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.PromotedFundJoinV2, component: "sss-promoted-fund-join-v2-page" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.MyOwnFund, component: "sss-my-own-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidMyOwnFundPage, component: "sss-prefill-invalid-my-own-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.Prefill, component: "sss-prefill" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillMyOwnFundPage, component: "sss-prefill-my-own-fund" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillSMSFPage, component: "sss-prefill-smsf" }),
+  index.h("stencil-route", { url: SuperSelectionAppRoutes.PrefillInvalidSMSFPage, component: "sss-prefill-invalid-smsf" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.SelfManagedFund, component: "sss-self-managed-fund" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.DefaultFund, component: "sss-default-fund" }),
   index.h("stencil-route", { url: SuperSelectionAppRoutes.StandardChoice, component: "sss-standard-choice-form" }),
@@ -4987,6 +5010,849 @@ const MemberNameInput = class {
   }
 };
 
+const Prefill = class {
+  constructor(hostRef) {
+    index.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 index.h("sss-prefill-my-own-fund", { history: this.history, prefill: data });
+  }
+  renderInvalidMyOwnFund(data) {
+    return index.h("sss-prefill-invalid-my-own-fund", { history: this.history, prefill: data });
+  }
+  renderSMSF(data) {
+    return index.h("sss-prefill-smsf", { history: this.history, prefill: data });
+  }
+  renderInvalidSMSF(data) {
+    return index.h("sss-prefill-invalid-smsf", { history: this.history, prefill: data });
+  }
+};
+
+const DisplayField = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("div", { class: "flex w-full flex-col sm:flex-row sm:min-h-5 justify-center items-start gap-0.5 sm:gap-4 self-stretch" }, index.h("div", { class: {
+        'sm:w-2/5 sm:max-w-40 self-stretch text-gray-500 text-xs sm:text-sm not-italic font-medium leading-4 sm:leading-5': true,
+        'text-red-600': !this.field.isValid
+      } }, this.field.name), index.h("div", { class: {
+        'sm:w-3/5 self-stretch text-gray-900 text-sm not-italic font-normal leading-5': true,
+        'text-red-600': !this.field.isValid
+      } }, this.field.value)));
+  }
+};
+
+const PrefillErrorBox = class {
+  constructor(hostRef) {
+    index.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 (index.h("div", { class: "flex justify-center items-center pt-2" }, index.h("div", { class: "w-1.5 h-1.5 fill-red-700" }, index.h("svg", { width: "6", height: "6", viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { id: "Bullet", cx: "3", cy: "3", r: "3", fill: bulletColour })))));
+    };
+    const ErrorIcon = () => {
+      return (index.h("div", { class: "w-5 h-5" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.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 (index.h("div", { class: 'flex items-start self-stretch rounded-md ' + bgColour }, index.h("div", { class: 'w-1 self-stretch ' + accentColour }), index.h("div", { class: "flex items-start gap-3 flex-[1_0_0] p-4" }, index.h(ErrorIcon, null), index.h("div", { class: "flex flex-col items-start gap-2 flex-[1_0_0]" }, index.h("div", { class: "flex flex-col items-start gap-1 self-stretch" }, this.withHeader && (index.h("div", null, index.h("div", { class: 'text-sm font-medium leading-tight ' + textHeadingColour }, "Please correct ", this.notificationList.length, " issues with your fund details"), this.notificationList.map((text) => (index.h("div", { class: "flex items-start gap-[7px] self-stretch pl-0" }, index.h(BulletIcon, null), index.h("div", { class: 'flex-[1_0_0] text-sm not-italic font-normal leading-5 ' + textColour }, text)))))), !this.withHeader &&
+      this.notificationList.map((text) => (index.h("div", { class: 'text-sm font-medium leading-tight ' + textHeadingColour }, text))))))));
+  }
+};
+
+function isNullOrWhitespace(value) {
+  return value == null || value.trim() === '';
+}
+const DisabledField = (name, value) => {
+  return (index.h("div", { class: "mt-3" },
+    index.h("label", { class: "text-sm font-medium text-gray-700" }, name),
+    index.h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, value)));
+};
+const Header = () => {
+  return (index.h("div", null,
+    index.h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super nomination"),
+    index.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) {
+    index.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 (index.h("div", null, index.h(Header, null), index.h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, index.h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, index.h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your fund details"), index.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.'
+      ] }), index.h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, index.h("sss-prefill-display-field", { field: this.fundUsi }), index.h("sss-prefill-display-field", { field: this.fundName }), index.h("sss-prefill-display-field", { field: this.memberNumber }), index.h("sss-prefill-display-field", { field: this.memberLastName }), index.h("sss-prefill-display-field", { field: this.memberGivenNames })))), index.h("div", { class: "flex w-80 flex-col items-start gap-4" }, index.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) {
+    index.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 (index.h("div", null, index.h(Header, null), index.h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, index.h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, index.h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your self-managed super fund (SMSF) details"), index.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.'
+      ] }), index.h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, index.h("sss-prefill-display-field", { field: this.fundName }), index.h("sss-prefill-display-field", { field: this.fundAbn }), index.h("sss-prefill-display-field", { field: this.fundEsa }), index.h("sss-prefill-display-field", { field: this.fundAddress }), index.h("sss-prefill-display-field", { field: this.memberLastName }), index.h("sss-prefill-display-field", { field: this.memberGivenNames }), index.h("sss-prefill-display-field", { field: this.bankAccountName }), index.h("sss-prefill-display-field", { field: this.bankAccountBsb }), index.h("sss-prefill-display-field", { field: this.bankAccountNumber })))), index.h("div", { class: "flex w-80 flex-col items-start gap-4" }, index.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) {
+    index.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 (index.h("div", null, index.h(Header, null), index.h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, index.h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "flex flex-col items-start gap-3.5 self-stretch" }, index.h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your fund details"), index.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 && (index.h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (index.h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, index.h("sss-prefill-display-field", { field: this.fundUsi }), index.h("sss-prefill-display-field", { field: this.fundName }), index.h("sss-prefill-display-field", { field: this.memberNumber }), index.h("sss-prefill-display-field", { field: this.memberLastName }), index.h("sss-prefill-display-field", { field: this.memberGivenNames }))), this.mode === 'review' && (index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "light", promiseFn: () => this.setModeToEdit() }, index.h("div", { class: "flex flex-row gap-2" }, index.h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), index.h("div", { class: "w-4 h-4 relative" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, index.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" }), index.h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (index.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), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberNumber.name), index.h("div", { class: "mt-1" }, index.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);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberNumber.errorMessage))), index.h("div", { class: "flex gap-x-4 flex-col sm:flex-row" }, index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), index.h("div", { class: "mt-1" }, index.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);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), index.h("div", { class: "mt-1" }, index.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);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))))))), index.h("div", { class: "flex w-80 flex-col items-start gap-4" }, index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), index.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) {
+    index.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 (index.h("div", null, index.h(Header, null), index.h("div", { class: "flex flex-col items-center gap-8 mt-8 sm:mt-12" }, index.h("div", { class: "flex max-w-[560px] flex-col items-start gap-6 p-6 border shadow-sm rounded-lg" }, index.h("div", { class: "flex flex-col items-start gap-3 self-stretch" }, index.h("div", { class: "self-stretch text-grey-900 text-lg not-italic font-bold leading-7" }, "Your self-managed super fund (SMSF) details"), index.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 && (index.h("sss-prefill-error-box", { class: "self-stretch", notificationList: errorMessages, withHeader: true })), this.mode === 'review' && (index.h("div", { class: "flex flex-col gap-3 self-stretch mt-4" }, index.h("sss-prefill-display-field", { field: this.fundName }), index.h("sss-prefill-display-field", { field: this.fundAbn }), index.h("sss-prefill-display-field", { field: this.fundEsa }), index.h("sss-prefill-display-field", { field: this.fundAddress }), index.h("sss-prefill-display-field", { field: this.memberLastName }), index.h("sss-prefill-display-field", { field: this.memberGivenNames }), index.h("sss-prefill-display-field", { field: this.bankAccountName }), index.h("sss-prefill-display-field", { field: this.bankAccountBsb }), index.h("sss-prefill-display-field", { field: this.bankAccountNumber }))), this.mode === 'review' && (index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "light", promiseFn: () => this.setModeToEdit() }, index.h("div", { class: "flex flex-row gap-2" }, index.h("div", { class: "text-sm not-italic font-medium leading-4" }, "Edit details"), index.h("div", { class: "w-4 h-4 relative" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "currentColor" }, index.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" }), index.h("path", { d: "M9.60334 4.63434L2.90039 11.3373V13.6H5.16313L11.8661 6.89708L9.60334 4.63434Z" })))))), this.mode === 'edit' && (index.h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: { 'was-validated': this.formState === 'validated' }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = this.formHasMissingData()) }, index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.fundName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.fundName.value, onInput: (ev) => {
+        this.updateFundName(ev.target.value);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundName.errorMessage))), DisabledField(this.fundAbn.name, this.fundAbn.value), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.fundEsa.name), index.h("div", { class: "mt-1" }, index.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);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundEsa.errorMessage))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, "Fund address"), index.h("div", { class: "mt-1 rounded-md shadow-sm -space-y-px" }, index.h("input", { placeholder: "Address line 1", type: "text", class: Object.assign(Object.assign({}, 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);
+      } }), index.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) }), index.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);
+      } }), index.h("div", { class: "flex -space-x-px" }, index.h("div", { class: "w-1/2 flex-1 min-w-0" }, index.h("input", { placeholder: "Postcode", type: "text", required: true, class: Object.assign(Object.assign({}, 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);
+      } })), index.h("div", { class: "flex-1 min-w-0" }, index.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);
+      } }, index.h("option", { disabled: true, selected: this.fundAddressState.value !== undefined, value: "" }, "State"), this.fundAddressState.options.map((s) => (index.h("option", { value: s.value, selected: this.fundAddressState.value === s.value }, s.label))))))), this.formState === 'validated' && (index.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))), index.h("div", { class: "flex gap-x-4 flex-col sm:flex-row" }, index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberGivenNames.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberGivenNames.value, onInput: (ev) => {
+        this.updateMemberGivenNames(ev.target.value);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), index.h("div", { class: "mt-3 w-full sm:w-1/2" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.memberLastName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.memberLastName.value, onInput: (ev) => {
+        this.updateMemberLastName(ev.target.value);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountName.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountName.value, onInput: (ev) => {
+        this.updateBankAccountName(ev.target.value);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountName.errorMessage))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountBsb.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountBsb.value, onInput: (ev) => {
+        this.updateBankAccountBsb(ev.target.value);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), index.h("div", { class: "mt-3" }, index.h("label", { class: "text-sm font-medium text-gray-700" }, this.bankAccountNumber.name), index.h("div", { class: "mt-1" }, index.h("input", { type: "text", class: Style.Input(this.formState === 'validated'), required: true, value: this.bankAccountNumber.value, onInput: (ev) => {
+        this.updateBankAccountNumber(ev.target.value);
+      } }), index.h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountNumber.errorMessage))))))), index.h("div", { class: "flex w-80 flex-col items-start gap-4" }, index.h("sss-button", { class: "self-stretch", fillWidth: true, variant: "primary", disabled: this.isSubmitDisabled, promiseFn: () => this.handleSubmitForm() }, "Continue"), index.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) {
+    index.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 (index.h("div", { class: "flex justify-center items-center pt-2" }, index.h("div", { class: "w-1.5 h-1.5 fill-yellow-700" }, index.h("svg", { width: "6", height: "6", viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { id: "Bullet", cx: "3", cy: "3", r: "3", fill: bulletColour })))));
+    };
+    const WarningIcon = () => {
+      return (index.h("div", { class: "w-5 h-5" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.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 (index.h("div", { class: 'flex items-start self-stretch rounded-md ' + bgColour }, index.h("div", { class: 'w-1 self-stretch ' + accentColour }), index.h("div", { class: "flex items-start gap-3 flex-[1_0_0] p-4" }, index.h(WarningIcon, null), index.h("div", { class: "flex flex-col items-start gap-2 flex-[1_0_0]" }, index.h("div", { class: "flex flex-col items-start gap-1 self-stretch" }, this.notificationList.map((text) => (index.h("div", { class: "flex items-start gap-[7px] self-stretch pl-0" }, index.h(BulletIcon, null), index.h("div", { class: 'flex-[1_0_0] text-sm not-italic font-normal leading-5 ' + textColour }, text)))))))));
+  }
+};
+
 class PromotedFundChoiceApi {
   async submitChoiceAsync(dto) {
     return buildBackendApiClient()
@@ -6935,7 +7801,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);
@@ -17305,7 +18174,7 @@ class AppParametersQuery extends datoramaAkita.Query {
 }
 const appParametersQuery = new AppParametersQuery(sessionStore);
 
-const superSelectionAppHostCss = "html{scroll-behavior:smooth}.sss-app-container{--fl-color-primary:#fdbd00;--fl-color-primary-light:#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) {
@@ -17381,6 +18250,14 @@ exports.sss_loading_page = LoadingPage;
 exports.sss_my_own_fund = MyOwnFund;
 exports.sss_my_own_fund_inputs = MyOwnFundInputs;
 exports.sss_name_input = MemberNameInput;
+exports.sss_prefill = Prefill;
+exports.sss_prefill_display_field = DisplayField;
+exports.sss_prefill_error_box = PrefillErrorBox;
+exports.sss_prefill_invalid_my_own_fund = PrefillInvalidMyOwnFund;
+exports.sss_prefill_invalid_smsf = PrefillInvalidSMSF;
+exports.sss_prefill_my_own_fund = PrefillMyOwnFund;
+exports.sss_prefill_smsf = PrefillSMSF;
+exports.sss_prefill_warning_box = PrefillWarningBox;
 exports.sss_promoted_fund_join_v1_page = PromotedFundJoinV1Page;
 exports.sss_promoted_fund_join_v2_page = PromotedFundJoinV2Page;
 exports.sss_self_managed_fund = SelfManagedFund;