@flarehr/apollo-super-selection 4.15.24792 → 4.17.26571

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

@@ -260,7 +260,7 @@ class TapSubscriber extends Subscriber {
     }
 }
 
-const AppVersion = '4.15.24792';
+const AppVersion = '4.17.26571';
 
 // -------------------------------------------------------------------------------------
 // guards
@@ -3654,7 +3654,9 @@ const initialStateCustomFund = {
   myOwnFundForm: {
     fundUsi: none,
     fundName: none,
-    memberNumber: none
+    memberNumber: none,
+    memberFirstName: none,
+    memberFamilyName: none
   },
   selfManagedFundForm: {
     fundName: '',
@@ -3667,7 +3669,9 @@ const initialStateCustomFund = {
     city: '',
     bankAccountName: '',
     bsb: '',
-    bankAccountNumber: ''
+    bankAccountNumber: '',
+    memberFirstName: '',
+    memberFamilyName: ''
   },
   currentCustomFundType: CustomFundTypes.MyOwnFund,
   customFunds: [
@@ -4471,7 +4475,9 @@ const MyOwnFund = class {
       return;
     }
     const isAllInformationProvided = isSome(state$1.myOwnFundForm.fundUsi) &&
-      isSome(state$1.myOwnFundForm.memberNumber);
+      isSome(state$1.myOwnFundForm.memberNumber) &&
+      isSome(state$1.myOwnFundForm.memberFirstName) &&
+      isSome(state$1.myOwnFundForm.memberFamilyName);
     if (!isAllInformationProvided) {
       this.isNotAllInformationProvidedMessageVisible = true;
       return;
@@ -4483,6 +4489,8 @@ const MyOwnFund = class {
         const customFundChoiceDto = {
           fundUsi: this.getOrError(state$1.myOwnFundForm.fundUsi),
           memberNumber: this.getOrError(state$1.myOwnFundForm.memberNumber),
+          memberFirstName: this.getOrError(state$1.myOwnFundForm.memberFirstName),
+          memberFamilyName: this.getOrError(state$1.myOwnFundForm.memberFamilyName),
           standardChoiceFormSignature
         };
         await customFundChoiceApi.submitCustomFundChoiceAsync(customFundChoiceDto);
@@ -4529,7 +4537,15 @@ const MyOwnFundInputs = class {
         'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
         'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
           .showValidationErrors
-      }, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: toUndefined(state$1.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)")))));
+      }, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: toUndefined(state$1.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)"))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given names(s)"), h("div", { class: "mt-1" }, h("input", { type: "text", class: {
+        'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
+        'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
+          .showValidationErrors
+      }, required: true, pattern: "^[A-Za-z]{2,}\\s*[A-Za-z]{0,}$", name: "memberFirstName", id: "memberFirstName", value: toUndefined(state$1.myOwnFundForm.memberFirstName), onChange: (ev) => this.updateMemberFirstName(ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid given name(s)"))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, h("input", { type: "text", class: {
+        'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
+        'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
+          .showValidationErrors
+      }, required: true, pattern: "^[A-Za-z]{2,}\\s*[A-Za-z]{0,}$", name: "memberFamilyName", id: "memberFamilyName", value: toUndefined(state$1.myOwnFundForm.memberFamilyName), onChange: (ev) => this.updateMemberFamilyName(ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid last name"))))));
   }
   updateFund(fund) {
     this.formChanged.emit({ fundUsi: some(fund.value), fundName: some(fund.label) });
@@ -4537,6 +4553,12 @@ const MyOwnFundInputs = class {
   updateMemberNumber(memberNumber) {
     this.formChanged.emit({ memberNumber: some(memberNumber) });
   }
+  updateMemberFirstName(memberFirstName) {
+    this.formChanged.emit({ memberFirstName: some(memberFirstName) });
+  }
+  updateMemberFamilyName(memberFamilyName) {
+    this.formChanged.emit({ memberFamilyName: some(memberFamilyName) });
+  }
 };
 
 class PromotedFundChoiceApi {
@@ -4590,7 +4612,7 @@ class PromotedFundJoinV1IFrameBuilder {
               navigationService.navigateInternallyToStandardChoice({
                 history,
                 fundName: (_a = getFundNameById(state$2.fundId)) !== null && _a !== void 0 ? _a : '',
-                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign(Object.assign({}, state$2), { memberNumber: data.memberNumber, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, shownFunds: superSelectionAppService.promotedFunds, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) })),
+                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign(Object.assign({}, state$2), { memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, shownFunds: superSelectionAppService.promotedFunds, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) })),
                 promotedFundId: state$2.fundId
               });
               break;
@@ -4708,7 +4730,7 @@ class PromotedFundJoinV2IFrameBuilder {
               navigationService.navigateInternallyToStandardChoice({
                 history,
                 fundName: (_a = getFundNameById(state$2.fundId)) !== null && _a !== void 0 ? _a : '',
-                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign(Object.assign({}, state$2), { memberNumber: data.memberNumber, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, shownFunds: superSelectionAppService.promotedFunds, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) })),
+                handleSubmitFn: (standardChoiceFormSignature) => promotedFundChoiceApi.submitChoiceAsync(Object.assign(Object.assign({}, state$2), { memberNumber: data.memberNumber, memberFirstName: data.memberFirstName, memberFamilyName: data.memberFamilyName, usi: data.usi.replace(/ /g, ''), standardChoiceFormSignature, shownFunds: superSelectionAppService.promotedFunds, defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi) })),
                 promotedFundId: state$2.fundId
               });
               break;
@@ -4824,7 +4846,9 @@ const SelfManagedFund = class {
               bsb: state$1.selfManagedFundForm.bsb,
               bankAccountName: state$1.selfManagedFundForm.bankAccountName,
               bankAccountNumber: state$1.selfManagedFundForm.bankAccountNumber,
-              electronicServiceAddress: state$1.selfManagedFundForm.fundEsa
+              electronicServiceAddress: state$1.selfManagedFundForm.fundEsa,
+              memberFirstName: state$1.selfManagedFundForm.memberFirstName,
+              memberFamilyName: state$1.selfManagedFundForm.memberFamilyName
             },
             standardChoiceFormSignature
           };
@@ -5022,7 +5046,7 @@ const SelfManagedFundInputs = class {
       }, ref: (el) => (this.postcodeElement = el) })), h("div", { class: "flex-1 min-w-0" }, h("select", { class: Object.assign(Object.assign({}, inputClass), { 'rounded-none rounded-br-md shadow-none': true, 'text-gray-500': this.fundForm.state !== undefined }), name: "state", required: true, id: "state", onChange: (ev) => {
         this.updateFormField('state', ev.target.value.trim());
         this.updateAddressErrorMessage();
-      }, ref: (el) => (this.stateElement = el) }, h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$1.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bsb", id: "bsb", minlength: "6", maxlength: "7", inputmode: "numeric", onKeyUp: (ev) => this.updateCurrentBank(ev), pattern: this.bsbRegex.source, value: state$1.selfManagedFundForm.bsb }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.currentBank.value))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, inputmode: "numeric", value: state$1.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account number")))));
+      }, ref: (el) => (this.stateElement = el) }, h("option", { disabled: true, selected: this.fundForm.state !== undefined, value: "" }, "State"), this.stateOptions.map((s) => (h("option", { value: s.value, selected: this.fundForm.state === s.value }, s.label))))))), isSome(this.addressErrorMessage) && this.showValidationErrors && (h("div", { class: "mt-2 text-sm text-red-600" }, this.addressErrorMessage.value))), h("div", { class: "flex space-x-4" }, h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"), h("div", { class: "mt-1" }, h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "memberFirstName", id: "memberFirstName", value: state$1.selfManagedFundForm.memberFirstName, onChange: (ev) => this.updateFormField('memberFirstName', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid given name"))), h("div", { class: "mt-3 w-1/2" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"), h("div", { class: "mt-1" }, h("input", { type: "text", class: inputClass, required: true, minlength: "2", name: "memberFamilyName", id: "memberFamilyName", value: state$1.selfManagedFundForm.memberFamilyName, onChange: (ev) => this.updateFormField('memberFamilyName', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid last name")))), h("h3", { class: "text-lg font-bold mt-6" }, "Fund bank details"), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account name"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountName", minlength: "2", id: "bankAccountName", value: state$1.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account name"))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "BSB"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bsb", id: "bsb", minlength: "6", maxlength: "7", inputmode: "numeric", onKeyUp: (ev) => this.updateCurrentBank(ev), pattern: this.bsbRegex.source, value: state$1.selfManagedFundForm.bsb }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid BSB"))), isSome(this.currentBank) && (h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Bank name"), h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.currentBank.value))), h("div", { class: "mt-3" }, h("label", { class: "text-sm font-medium text-gray-700" }, "Account number"), h("div", { class: "mt-1" }, h("input", { type: "text", required: true, class: inputClass, name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, inputmode: "numeric", value: state$1.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }), h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid bank account number")))));
   }
   updateFormField(key, value) {
     this.formChanged.emit({ [key]: value });
@@ -5199,6 +5223,8 @@ class SlateIFrameBuilder {
                 fundName: Slate.Name,
                 handleSubmitFn: (standardChoiceFormSignature) => slateChoiceApi.submitSlateChoiceAsync({
                   memberNumber: data.memberNumber,
+                  memberFirstName: data.memberFirstName,
+                  memberFamilyName: data.memberFamilyName,
                   standardChoiceFormSignature,
                   shownFunds: superSelectionAppService.promotedFunds,
                   defaultFundUsiSet: Option.toUndefined(superSelectionAppService.defaultFundUsi)