@flarehr/apollo-super-selection 5.0.47164 → 5.11.47776

package/dist/lib/collection/components/super-selection-app/prefill-fund/prefill-types.js

@@ -1,8 +1,9 @@
 import { isNullOrWhitespace } from './prefill-common';
 export const NAME_PATTERN = "[A-Za-z][A-Za-z']+(( |-)[A-Za-z][A-Za-z']+)*\\s*$";
 export class FormField {
-  constructor(name, value) {
+  constructor(name, testId, value) {
     this.name = name;
+    this.testId = testId;
     this._value = value !== null && value !== void 0 ? value : '';
     this._errorMessage = this.validateAndReturnErrorMessage(this._value);
   }
@@ -24,8 +25,9 @@ export class FormField {
   }
 }
 export class StaticFormField {
-  constructor(name, value, isValid) {
+  constructor(name, testId, value, isValid) {
     this.name = name;
+    this.testId = testId;
     this._value = value !== null && value !== void 0 ? value : '';
     this._isValid = isValid;
   }
@@ -41,17 +43,17 @@ export class StaticFormField {
 }
 export class FundUsi extends StaticFormField {
   constructor(value, isValid) {
-    super('Fund USI', value, isValid);
+    super('Fund USI', 'fund-usi', value, isValid);
   }
 }
 export class FundName extends StaticFormField {
   constructor(value, isValid) {
-    super('Fund name', value, isValid);
+    super('Fund name', 'fund-name', value, isValid);
   }
 }
 export class SmsfFundName extends FormField {
   constructor(value) {
-    super('Fund name', value);
+    super('Fund name', 'smsf-fund-name', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -67,7 +69,7 @@ export class SmsfFundName extends FormField {
 }
 export class MemberNumber extends FormField {
   constructor(value) {
-    super('Member number', value);
+    super('Member number', 'member-number', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[A-Za-z0-9]{4,16}$/;
@@ -84,7 +86,7 @@ export class MemberNumber extends FormField {
 }
 export class MemberLastName extends FormField {
   constructor(value) {
-    super('Member last name', value);
+    super('Member last name', 'member-last-name', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = new RegExp(NAME_PATTERN);
@@ -101,7 +103,7 @@ export class MemberLastName extends FormField {
 }
 export class MemberGivenNames extends FormField {
   constructor(value) {
-    super('Member given name(s)', value);
+    super('Member given name(s)', 'member-given-names', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = new RegExp(NAME_PATTERN);
@@ -118,12 +120,12 @@ export class MemberGivenNames extends FormField {
 }
 export class FundAbn extends StaticFormField {
   constructor(value, isValid) {
-    super('Fund ABN', value, isValid);
+    super('Fund ABN', 'fund-abn', value, isValid);
   }
 }
 export class FundEsa extends FormField {
   constructor(value) {
-    super('Fund ESA', value);
+    super('Fund ESA', 'fund-esa', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -139,7 +141,7 @@ export class FundEsa extends FormField {
 }
 export class FundAddressLine1 extends FormField {
   constructor(value) {
-    super('Address line 1', value);
+    super('Address line 1', 'address-line-one', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -155,7 +157,7 @@ export class FundAddressLine1 extends FormField {
 }
 export class FundAddressLine2 extends FormField {
   constructor(value) {
-    super('Address line 2', value);
+    super('Address line 2', 'address-line-two', value);
   }
   validateAndReturnErrorMessage(_newValue) {
     return null;
@@ -163,7 +165,7 @@ export class FundAddressLine2 extends FormField {
 }
 export class FundAddressCity extends FormField {
   constructor(value) {
-    super('City/suburb', value);
+    super('City/suburb', 'city-suburb', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -176,7 +178,7 @@ export class FundAddressCity extends FormField {
 }
 export class FundAddressPostcode extends FormField {
   constructor(value) {
-    super('Postcode', value);
+    super('Postcode', 'postcode', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[0-9]{4}$/;
@@ -193,7 +195,7 @@ export class FundAddressPostcode extends FormField {
 }
 export class FundAddressState extends FormField {
   constructor(value) {
-    super('State', value);
+    super('State', 'state', value);
   }
   get options() {
     return [
@@ -226,12 +228,12 @@ export class FundAddress extends StaticFormField {
       .filter((v) => v)
       .join(', ');
     const isValid = addrLine1.isValid && addrLine2.isValid && city.isValid && state.isValid && postcode.isValid;
-    super('Fund address', value, isValid);
+    super('Fund address', 'fund-address', value, isValid);
   }
 }
 export class BankAccountName extends FormField {
   constructor(value) {
-    super('Account name', value);
+    super('Account name', 'account-name', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -247,12 +249,12 @@ export class BankAccountName extends FormField {
 }
 export class BankName extends StaticFormField {
   constructor(value, isValid) {
-    super('Bank name', value, isValid);
+    super('Bank name', 'bank-name', value, isValid);
   }
 }
 export class BankAccountBsb extends FormField {
   constructor(value) {
-    super('BSB', value);
+    super('BSB', 'bsb', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[0-9]{6,7}$/;
@@ -269,7 +271,7 @@ export class BankAccountBsb extends FormField {
 }
 export class BankAccountNumber extends FormField {
   constructor(value) {
-    super('Account number', value);
+    super('Account number', 'account-number', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[0-9]{2,11}$/;

package/dist/lib/esm/sss-button_41.entry.js

@@ -260,7 +260,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '5.0.47164';
+const AppVersion = '5.11.47776';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -5343,7 +5343,7 @@ const DisplayField = class {
     return (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" }, 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), h("div", { class: {
+      } }, this.field.name), h("div", { "data-testid": this.field.testId, class: {
         'sm:w-3/5 max-w-[300px] self-stretch text-gray-900 text-sm not-italic font-normal leading-5 break-words': true,
         'h-5 sm:h-auto': this.field.isEmpty,
         'text-red-600': !this.field.isValid
@@ -5369,10 +5369,10 @@ const PrefillErrorBox = class {
 function isNullOrWhitespace(value) {
   return value == null || value.trim() === '';
 }
-const DisabledField = (name, value) => {
+const DisabledField = (name, testId, 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)));
+    h("div", { "data-testid": testId, 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,
@@ -5390,8 +5390,9 @@ class Style {
 
 const NAME_PATTERN = "[A-Za-z][A-Za-z']+(( |-)[A-Za-z][A-Za-z']+)*\\s*$";
 class FormField {
-  constructor(name, value) {
+  constructor(name, testId, value) {
     this.name = name;
+    this.testId = testId;
     this._value = value !== null && value !== void 0 ? value : '';
     this._errorMessage = this.validateAndReturnErrorMessage(this._value);
   }
@@ -5413,8 +5414,9 @@ class FormField {
   }
 }
 class StaticFormField {
-  constructor(name, value, isValid) {
+  constructor(name, testId, value, isValid) {
     this.name = name;
+    this.testId = testId;
     this._value = value !== null && value !== void 0 ? value : '';
     this._isValid = isValid;
   }
@@ -5430,17 +5432,17 @@ class StaticFormField {
 }
 class FundUsi extends StaticFormField {
   constructor(value, isValid) {
-    super('Fund USI', value, isValid);
+    super('Fund USI', 'fund-usi', value, isValid);
   }
 }
 class FundName extends StaticFormField {
   constructor(value, isValid) {
-    super('Fund name', value, isValid);
+    super('Fund name', 'fund-name', value, isValid);
   }
 }
 class SmsfFundName extends FormField {
   constructor(value) {
-    super('Fund name', value);
+    super('Fund name', 'smsf-fund-name', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -5456,7 +5458,7 @@ class SmsfFundName extends FormField {
 }
 class MemberNumber extends FormField {
   constructor(value) {
-    super('Member number', value);
+    super('Member number', 'member-number', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[A-Za-z0-9]{4,16}$/;
@@ -5473,7 +5475,7 @@ class MemberNumber extends FormField {
 }
 class MemberLastName extends FormField {
   constructor(value) {
-    super('Member last name', value);
+    super('Member last name', 'member-last-name', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = new RegExp(NAME_PATTERN);
@@ -5490,7 +5492,7 @@ class MemberLastName extends FormField {
 }
 class MemberGivenNames extends FormField {
   constructor(value) {
-    super('Member given name(s)', value);
+    super('Member given name(s)', 'member-given-names', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = new RegExp(NAME_PATTERN);
@@ -5507,12 +5509,12 @@ class MemberGivenNames extends FormField {
 }
 class FundAbn extends StaticFormField {
   constructor(value, isValid) {
-    super('Fund ABN', value, isValid);
+    super('Fund ABN', 'fund-abn', value, isValid);
   }
 }
 class FundEsa extends FormField {
   constructor(value) {
-    super('Fund ESA', value);
+    super('Fund ESA', 'fund-esa', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -5528,7 +5530,7 @@ class FundEsa extends FormField {
 }
 class FundAddressLine1 extends FormField {
   constructor(value) {
-    super('Address line 1', value);
+    super('Address line 1', 'address-line-one', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -5544,7 +5546,7 @@ class FundAddressLine1 extends FormField {
 }
 class FundAddressLine2 extends FormField {
   constructor(value) {
-    super('Address line 2', value);
+    super('Address line 2', 'address-line-two', value);
   }
   validateAndReturnErrorMessage(_newValue) {
     return null;
@@ -5552,7 +5554,7 @@ class FundAddressLine2 extends FormField {
 }
 class FundAddressCity extends FormField {
   constructor(value) {
-    super('City/suburb', value);
+    super('City/suburb', 'city-suburb', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -5565,7 +5567,7 @@ class FundAddressCity extends FormField {
 }
 class FundAddressPostcode extends FormField {
   constructor(value) {
-    super('Postcode', value);
+    super('Postcode', 'postcode', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[0-9]{4}$/;
@@ -5582,7 +5584,7 @@ class FundAddressPostcode extends FormField {
 }
 class FundAddressState extends FormField {
   constructor(value) {
-    super('State', value);
+    super('State', 'state', value);
   }
   get options() {
     return [
@@ -5615,12 +5617,12 @@ class FundAddress extends StaticFormField {
       .filter((v) => v)
       .join(', ');
     const isValid = addrLine1.isValid && addrLine2.isValid && city.isValid && state.isValid && postcode.isValid;
-    super('Fund address', value, isValid);
+    super('Fund address', 'fund-address', value, isValid);
   }
 }
 class BankAccountName extends FormField {
   constructor(value) {
-    super('Account name', value);
+    super('Account name', 'account-name', value);
   }
   validateAndReturnErrorMessage(newValue) {
     if (isNullOrWhitespace(newValue)) {
@@ -5636,12 +5638,12 @@ class BankAccountName extends FormField {
 }
 class BankName extends StaticFormField {
   constructor(value, isValid) {
-    super('Bank name', value, isValid);
+    super('Bank name', 'bank-name', value, isValid);
   }
 }
 class BankAccountBsb extends FormField {
   constructor(value) {
-    super('BSB', value);
+    super('BSB', 'bsb', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[0-9]{6,7}$/;
@@ -5658,7 +5660,7 @@ class BankAccountBsb extends FormField {
 }
 class BankAccountNumber extends FormField {
   constructor(value) {
-    super('Account number', value);
+    super('Account number', 'account-number', value);
   }
   validateAndReturnErrorMessage(newValue) {
     const regex = /^[0-9]{2,11}$/;
@@ -5839,11 +5841,11 @@ const PrefillMyOwnFund = class {
     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.5 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 gap-3 self-stretch mt-4" }, 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 mt-3", fillWidth: true, variant: "secondary", 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.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 gap-3 self-stretch mt-4" }, 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 mt-3", fillWidth: true, variant: "secondary", 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.testId, this.fundName.value), DisabledField(this.fundUsi.name, this.fundUsi.testId, 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}", "data-testid": this.memberNumber.testId, 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 mt-3 gap-x-4 flex-col sm:flex-row" }, h("div", { class: "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) => {
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberNumber.errorMessage))), h("div", { class: "flex mt-3 gap-x-4 flex-col sm:flex-row" }, h("div", { class: "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, "data-testid": this.memberGivenNames.testId, 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: "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) => {
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberGivenNames.errorMessage))), h("div", { class: "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, "data-testid": this.memberLastName.testId, 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-full sm:w-80 max-w-[560px] 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")))));
   }
@@ -6082,33 +6084,34 @@ const PrefillSMSF = class {
       ] }), 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 gap-3 self-stretch mt-4" }, 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("div", { class: "mt-4 mb-2 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), h("sss-prefill-display-field", { field: this.bankAccountName }), h("sss-prefill-display-field", { field: this.bankAccountBsb }), this.bankName.isValid && (h("sss-prefill-display-field", { field: this.bankName })), h("sss-prefill-display-field", { field: this.bankAccountNumber }))), this.mode === 'review' && (h("sss-button", { class: "self-stretch mt-3", fillWidth: true, variant: "secondary", 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: {
         'w-full': true,
         '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) => {
+      }, 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, "data-testid": this.fundName.testId, 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) => {
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.fundName.errorMessage))), DisabledField(this.fundAbn.name, this.fundAbn.testId, 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", "data-testid": this.fundEsa.testId, 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 border-b-0': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: this.fundAddressLine1.value, onInput: (ev) => {
+      } }), 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 border-b-0': true }), required: true, minlength: "2", name: "addressLine1", id: "addressLine1", "data-testid": this.fundAddressLine1.testId, value: this.fundAddressLine1.value, onInput: (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 border-b-0': true }), value: this.fundAddressLine2.value, onInput: (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 border-b-0': true }), required: true, value: this.fundAddressCity.value, onInput: (ev) => {
+      } }), h("input", { placeholder: "Address line 2 (optional)", type: "text", class: Object.assign(Object.assign({}, Style.Input(this.formState === 'validated')), { 'rounded-none shadow-none border-b-0': true }), "data-testid": this.fundAddressLine2.testId, value: this.fundAddressLine2.value, onInput: (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 border-b-0': true }), required: true, "data-testid": this.fundAddressCity.testId, value: this.fundAddressCity.value, onInput: (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 border-r-0': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: this.fundAddressPostcode.value, inputmode: "numeric", onInput: (ev) => {
+      } }), 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 border-r-0': true }), name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", "data-testid": this.fundAddressPostcode.testId, value: this.fundAddressPostcode.value, inputmode: "numeric", onInput: (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", onInput: (ev) => {
+      } })), 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, "data-testid": this.fundAddressState.testId, id: "state", onInput: (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.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, "data-testid": this.memberGivenNames.testId, 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) => {
+      } }), 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, "data-testid": this.memberLastName.testId, 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-6 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), 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) => {
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.memberLastName.errorMessage)))), h("div", { class: "mt-6 text-gray-900 text-lg font-bold leading-7" }, "Fund bank details"), 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, "data-testid": this.bankAccountName.testId, 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) => {
+      } }), 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, "data-testid": this.bankAccountBsb.testId, value: this.bankAccountBsb.value, onInput: (ev) => {
         const bsb = ev.target.value;
         this.updateBankName(bsb);
         this.updateBankAccountBsb(bsb);
-      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), this.bankName.isValid && DisabledField(this.bankName.name, this.bankName.value), 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) => {
+      } }), h("div", { class: "mt-2 text-sm text-red-600" }, this.formState === 'validated' && this.bankAccountBsb.errorMessage))), this.bankName.isValid &&
+      DisabledField(this.bankName.name, this.bankName.testId, this.bankName.value), 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, "data-testid": this.bankAccountNumber.testId, 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-full sm:w-80 max-w-[560px] 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() }, "Make another nomination")))));
   }
@@ -16852,10 +16855,13 @@ const SuperCampaignHost = class {
       const discriminator = window.location.hostname.toLowerCase().split('.')[0];
       switch (discriminator) {
         case 'autodev-partner':
+          return 'autodev';
         case 'test-partner':
+          return 'test';
         case 'partner':
+          return 'prod';
         case 'sandbox-partner':
-          return discriminator.replace('partner', '').replace('-', '');
+          return 'sandbox';
         default:
           return 'autodev';
       }