@flarehr/apollo-super-selection 1.3.54543 → 1.3.54544

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/custom-fund.store.js

@@ -0,0 +1,53 @@
+import { createStore } from '@stencil/store';
+import * as O from 'fp-ts/Option';
+import { SuperSelectionAppRoutes } from '../../services/super-selection-app.routes';
+var CustomFundTypes;
+(function (CustomFundTypes) {
+  CustomFundTypes["MyOwnFund"] = "Your current super fund";
+  CustomFundTypes["DefaultFund"] = "Your employer's default fund";
+  CustomFundTypes["SelfManagedFund"] = "Your self-managed super fund";
+})(CustomFundTypes || (CustomFundTypes = {}));
+export const initialStateCustomFund = {
+  continueAllowed: false,
+  nextRoute: '/',
+  myOwnFundForm: {
+    fundUsi: O.none,
+    fundName: O.none,
+    memberNumber: O.none,
+    memberFirstName: O.none,
+    memberFamilyName: O.none
+  },
+  selfManagedFundForm: {
+    fundName: '',
+    fundAbn: '',
+    fundEsa: '',
+    addressLine1: '',
+    addressLine2: '',
+    state: '',
+    postcode: '',
+    city: '',
+    bankAccountName: '',
+    bsb: '',
+    bankAccountNumber: '',
+    memberFirstName: '',
+    memberFamilyName: ''
+  },
+  currentCustomFundType: CustomFundTypes.MyOwnFund,
+  customFunds: [
+    {
+      label: CustomFundTypes.MyOwnFund,
+      value: SuperSelectionAppRoutes.MyOwnFund
+    },
+    {
+      label: CustomFundTypes.SelfManagedFund,
+      value: SuperSelectionAppRoutes.SelfManagedFund
+    },
+    {
+      label: CustomFundTypes.DefaultFund,
+      value: SuperSelectionAppRoutes.DefaultFund
+    }
+  ]
+};
+const { state, reset } = createStore(initialStateCustomFund);
+export const resetCustomFund = reset;
+export default state;

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/default-fund/default-fund.js

@@ -0,0 +1,114 @@
+import { Component, getAssetPath, h, Host, Prop, State } from '@stencil/core';
+import * as O from 'fp-ts/lib/Option';
+import australianFundLookupService from '../../../services/australian-fund-lookup.service';
+import { EventTrackingService } from '../../../services/event-tracking.service';
+import navigationService from '../../../services/navigation.service';
+import { SuperSelectionAppRoutes } from '../../../services/super-selection-app.routes';
+import superSelectionAppService from '../../../services/super-selection-app.service';
+import customFundChoiceApi from '../api/custom-fund-choice.api';
+export class DefaultFund {
+  constructor() {
+    this.defaultFundProductName = 'Loading fund...';
+    this.eventTrackingService = EventTrackingService.Instance;
+  }
+  async componentWillLoad() {
+    const defaultFundUsi = superSelectionAppService.defaultFundUsi;
+    if (O.isNone(defaultFundUsi)) {
+      return;
+    }
+    this.isDefaultFundExists = true;
+    const defaultFundSearchResult = await australianFundLookupService.getFundAsync(defaultFundUsi.value, true);
+    if (O.isNone(defaultFundSearchResult)) {
+      this.isInvalidDefaultFund = true;
+      return;
+    }
+    this.defaultFund = defaultFundSearchResult.value;
+    this.defaultFundProductName = defaultFundSearchResult.value.productName;
+  }
+  componentDidLoad() {
+    var _a, _b, _c, _d;
+    return this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
+      fundUsi: (_b = (_a = this.defaultFund) === null || _a === void 0 ? void 0 : _a.usi) !== null && _b !== void 0 ? _b : '',
+      fundName: (_d = (_c = this.defaultFund) === null || _c === void 0 ? void 0 : _c.productName) !== null && _d !== void 0 ? _d : '',
+      promotedFundsShown: superSelectionAppService.promotedFunds,
+      defaultFundUsiSet: O.toUndefined(superSelectionAppService.defaultFundUsi)
+    });
+  }
+  render() {
+    return (h(Host, null,
+      h("sss-header-section", { currentPage: "own-fund" }),
+      h("div", { class: "flex justify-center mt-11" },
+        h("sss-custom-fund", null,
+          h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" },
+            h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"),
+            (!this.isDefaultFundExists || this.isInvalidDefaultFund) && (h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" },
+              h("div", { class: "flex" },
+                h("div", { class: "flex-shrink-0" },
+                  h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })),
+                h("div", { class: "ml-3 text-sm text-yellow-700 leading-5" },
+                  h("span", null, "It looks like your employer has not specified a default fund, please contact them if you\u2019d like to use your company\u2019s default fund."))))),
+            this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", null,
+              h("div", { class: "mt-3" },
+                h("label", { class: "text-sm font-medium text-gray-700" }, "Fund 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" }, this.defaultFundProductName)),
+              h("div", { class: "mt-3" },
+                h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"),
+                h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFund.usi)),
+              h("div", { class: "mt-8 mb-8 h-px w-full bg-gray-200" }),
+              h("div", { class: "text-sm text-gray-700" },
+                h("label", { class: "font-semibold text-gray-900" }, "By clicking \u201CContinue\u201D, you acknowledge that:"),
+                h("ul", { class: "list-disc list-outside pl-5" },
+                  h("li", { class: "mt-2" }, "you are choosing to join your employer\u2019s default super fund;"),
+                  h("li", { class: "mt-2" }, "your employer will open a new account for you with their default super fund; and"),
+                  h("li", { class: "mt-2" }, "your application to join is subject to Trustee approval.")))))),
+          h("div", { class: "flex justify-center mt-8" },
+            h("div", { class: "sm:max-w-320 w-full" },
+              this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" },
+                h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm() }, "Continue"))),
+              h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
+                h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back"))))))));
+  }
+  async handleSubmitForm() {
+    if (this.isInvalidDefaultFund) {
+      return;
+    }
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: `Employer’s default fund`,
+      fundDetails: {
+        type: 'default',
+        fundName: this.defaultFundProductName,
+        fundUsi: this.defaultFund.usi
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        await customFundChoiceApi.submitDefaultFundChoiceAsync(Object.assign({ standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig));
+      }
+    });
+  }
+  static get is() { return "sss-default-fund"; }
+  static get properties() { return {
+    "history": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RouterHistory",
+        "resolved": "RouterHistory",
+        "references": {
+          "RouterHistory": {
+            "location": "import",
+            "path": "@stencil/router"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "defaultFundProductName": {}
+  }; }
+}

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/member-name-input.js

@@ -0,0 +1,162 @@
+import { Component, Event, h, Host, Prop, State } from '@stencil/core';
+export class MemberNameInput {
+  constructor() {
+    this.value = '';
+    this.name = '';
+    this.readableName = '';
+    this.showValidationErrors = false;
+    this.errorMessage = '';
+    // Pattern for name validation
+    this.NAME_PATTERN = "[A-Za-z]+(( |-)[A-Za-z][A-Za-z']+)*\\s*$";
+  }
+  render() {
+    return (h(Host, null,
+      h("input", { "data-testid": this.testId, 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: this.NAME_PATTERN, name: this.name, value: this.value, onInput: (ev) => this.handleInput(ev) }),
+      this.errorMessage && (h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, this.errorMessage))));
+  }
+  handleInput(ev) {
+    const target = ev.target;
+    target.value = target.value.replace(/\s+/g, ' ');
+    this.validateInput(target);
+    this.myInputChange.emit(target.value.trim());
+  }
+  validateInput(target) {
+    if (!target.checkValidity()) {
+      if (target.validity.valueMissing) {
+        this.errorMessage = `${this.readableName} is required.`;
+      }
+      else if (target.validity.patternMismatch) {
+        if (target.value.startsWith('-') || target.value.startsWith("'")) {
+          this.errorMessage = `${this.readableName} must start with a letter.`;
+        }
+        else if (target.value.includes('--')) {
+          this.errorMessage = `${this.readableName} must not have a double hypen.`;
+        }
+        else {
+          this.errorMessage = `${this.readableName} contains unsupported characters.`;
+        }
+      }
+      else {
+        this.errorMessage = 'Invalid input.';
+      }
+    }
+    else {
+      this.errorMessage = '';
+    }
+  }
+  static get is() { return "sss-name-input"; }
+  static get properties() { return {
+    "testId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "test-id",
+      "reflect": false
+    },
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "value",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "name",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "readableName": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "readable-name",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "showValidationErrors": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-validation-errors",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get states() { return {
+    "errorMessage": {}
+  }; }
+  static get events() { return [{
+      "method": "myInputChange",
+      "name": "myInputChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund-inputs.js

@@ -0,0 +1,143 @@
+import { Component, Event, h, Prop, State } from '@stencil/core';
+import * as O from 'fp-ts/Option';
+import australianFundLookupService from '../../../services/australian-fund-lookup.service';
+import customFundState from '../custom-fund.store';
+export class MyOwnFundInputs {
+  constructor() {
+    this.MIN_SEARCH_STRING_LENGTH = 3;
+    this.MAX_RECORD_COUNT = 25;
+    this.searchFundsAsync = async (searchBy) => {
+      const response = await australianFundLookupService.searchFundsAsync(searchBy, this.MAX_RECORD_COUNT);
+      switch (response.result) {
+        case 'TooManyResults': {
+          return { kind: 'too-many-results' };
+        }
+        default: {
+          const funds = response.data
+            .sort((a, b) => a.productName.localeCompare(b.productName))
+            .map((fund) => ({
+            label: `${fund.productName} (${fund.usi})`,
+            value: fund.usi
+          }));
+          return { kind: 'success', value: funds };
+        }
+      }
+    };
+    if (O.isSome(this.myOwnFundForm.fundUsi) && O.isSome(this.myOwnFundForm.fundName)) {
+      this.selectedOption = {
+        label: this.myOwnFundForm.fundName.value,
+        value: this.myOwnFundForm.fundUsi.value
+      };
+    }
+  }
+  render() {
+    return (h("div", null,
+      h("div", null,
+        h("label", { class: "text-sm font-medium text-gray-700" }, "Fund name"),
+        h("div", { class: "mt-1" },
+          h("sss-dropdown-async", { testId: "fund-search-input", searchFunction: this.searchFundsAsync, minSearchStringLength: this.MIN_SEARCH_STRING_LENGTH, required: true, requiredValidationMessage: "Select a fund", placeholder: `Type to search by name or USI...`, value: this.selectedOption, onValueChanged: (ev) => {
+              this.selectedOption = ev.detail;
+              this.updateFund(ev.detail);
+            }, showValidationErrors: this.showValidationErrors })),
+        O.isSome(this.myOwnFundForm.fundUsi) && (h("div", { class: "mt-3" },
+          h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"),
+          h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.myOwnFundForm.fundUsi.value)))),
+      h("div", { class: "mt-3" },
+        h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"),
+        h("div", { class: "mt-1" },
+          h("input", { "data-testid": "member-number-input", type: "text", class: {
+              'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
+              'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
+                .showValidationErrors
+            }, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: O.toUndefined(customFundState.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }),
+          h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Enter a valid member number (only numbers and / or letters)"))),
+      h("div", { class: "flex space-x-4" },
+        h("div", { class: "mt-3 w-1/2" },
+          h("label", { class: "text-sm font-medium text-gray-700" }, "Given name(s)"),
+          h("div", { class: "mt-1" },
+            h("sss-name-input", { testId: "member-given-names-input", name: "memberFirstName", readableName: "Member given name(s)", showValidationErrors: this.showValidationErrors, value: O.toUndefined(customFundState.myOwnFundForm.memberFirstName), onChange: (ev) => this.updateMemberFirstName(ev.target.value.trim()) }))),
+        h("div", { class: "mt-3 w-1/2" },
+          h("label", { class: "text-sm font-medium text-gray-700" }, "Last name"),
+          h("div", { class: "mt-1" },
+            h("sss-name-input", { testId: "member-last-name-input", name: "memberFamilyName", readableName: "Member last name", showValidationErrors: this.showValidationErrors, value: O.toUndefined(customFundState.myOwnFundForm.memberFamilyName), onChange: (ev) => this.updateMemberFamilyName(ev.target.value.trim()) }))))));
+  }
+  updateFund(fund) {
+    this.formChanged.emit({ fundUsi: O.some(fund.value), fundName: O.some(fund.label) });
+  }
+  updateMemberNumber(memberNumber) {
+    this.formChanged.emit({ memberNumber: O.some(memberNumber) });
+  }
+  updateMemberFirstName(memberFirstName) {
+    this.formChanged.emit({ memberFirstName: O.some(memberFirstName) });
+  }
+  updateMemberFamilyName(memberFamilyName) {
+    this.formChanged.emit({ memberFamilyName: O.some(memberFamilyName) });
+  }
+  static get is() { return "sss-my-own-fund-inputs"; }
+  static get properties() { return {
+    "myOwnFundForm": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "MyOwnFundFormState",
+        "resolved": "{ fundUsi: Option<string>; fundName: Option<string>; memberNumber: Option<string>; memberFirstName: Option<string>; memberFamilyName: Option<string>; }",
+        "references": {
+          "MyOwnFundFormState": {
+            "location": "import",
+            "path": "../custom-fund.store"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
+    "showValidationErrors": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-validation-errors",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "selectedOption": {}
+  }; }
+  static get events() { return [{
+      "method": "formChanged",
+      "name": "formChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "Partial<MyOwnFundFormState>",
+        "resolved": "{ fundUsi?: None | Some<string> | undefined; fundName?: None | Some<string> | undefined; memberNumber?: None | Some<string> | undefined; memberFirstName?: None | Some<string> | undefined; memberFamilyName?: None | Some<string> | undefined; }",
+        "references": {
+          "Partial": {
+            "location": "global"
+          },
+          "MyOwnFundFormState": {
+            "location": "import",
+            "path": "../custom-fund.store"
+          }
+        }
+      }
+    }]; }
+}

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund.js

@@ -0,0 +1,118 @@
+import { Component, getAssetPath, h, Host, Prop, State } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+import { pipe } from 'fp-ts/lib/function';
+import * as O from 'fp-ts/Option';
+import { EventTrackingService } from '../../../services/event-tracking.service';
+import navigationService from '../../../services/navigation.service';
+import { SuperSelectionAppRoutes } from '../../../services/super-selection-app.routes';
+import superSelectionAppService from '../../../services/super-selection-app.service';
+import customFundChoiceApi from '../api/custom-fund-choice.api';
+import customFundState from '../custom-fund.store';
+export class MyOwnFund {
+  constructor() {
+    this.isNotAllInformationProvidedMessageVisible = false;
+    this.isSubmitDisabled = true;
+    this.eventTrackingService = EventTrackingService.Instance;
+  }
+  componentDidLoad() {
+    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync({
+      promotedFundsShown: superSelectionAppService.promotedFunds,
+      defaultFundUsiSet: O.toUndefined(superSelectionAppService.defaultFundUsi)
+    });
+  }
+  render() {
+    const isSuperCampaignFallbackActivated = superSelectionAppService.isSuperCampaignFallbackActivated;
+    return (h(Host, null,
+      h("sss-header-section", { currentPage: "own-fund" }),
+      h("div", { class: "flex justify-center mt-11" },
+        h("sss-custom-fund", null,
+          h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
+              'was-validated': this.formState === 'validated'
+            }, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) },
+            h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" },
+              h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"),
+              h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" },
+                h("div", { class: "flex" },
+                  h("div", { class: "flex-shrink-0" },
+                    h("img", { class: "h-5 w-5", src: getAssetPath('assets/icon-exclamation.svg') })),
+                  h("div", { class: "ml-2" },
+                    h("ul", { class: "list-disc list-outside ml-6 space-y-2 text-sm text-yellow-700 leading-5" },
+                      h("li", null, "Make sure you are a current member of the fund before completing this step."),
+                      h("li", null, "Please check that the fund USI is correct as some funds have similar names."))))),
+              h("sss-my-own-fund-inputs", { myOwnFundForm: customFundState.myOwnFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
+                  customFundState.myOwnFundForm = Object.assign(Object.assign({}, customFundState.myOwnFundForm), event.detail);
+                  this.isNotAllInformationProvidedMessageVisible = false;
+                } }),
+              this.isNotAllInformationProvidedMessageVisible && (h("div", { class: "mt-4 rounded-md bg-red-50 p-4 text-sm text-red-700" }, "All fields are required to complete submission. Make sure you have selected a fund."))),
+            h("div", { class: "flex justify-center mt-8" },
+              h("div", { class: "sm:max-w-320 w-full" },
+                h("div", { class: "mb-4", onClick: 
+                  // user clicks on disabled button (div wrapper) then validation errors will show
+                  () => (this.formState = 'validated') },
+                  h("sss-button", { testid: "continue-button", fillWidth: true, promiseFn: () => this.handleSubmitForm(), disabled: this.isSubmitDisabled }, "Continue")),
+                !isSuperCampaignFallbackActivated && (h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
+                  h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back"))))))))));
+  }
+  async handleSubmitForm() {
+    this.formState = 'validated';
+    if (!this.formElement.checkValidity()) {
+      return;
+    }
+    const isAllInformationProvided = O.isSome(customFundState.myOwnFundForm.fundUsi) &&
+      O.isSome(customFundState.myOwnFundForm.memberNumber) &&
+      O.isSome(customFundState.myOwnFundForm.memberFirstName) &&
+      O.isSome(customFundState.myOwnFundForm.memberFamilyName);
+    if (!isAllInformationProvided) {
+      this.isNotAllInformationProvidedMessageVisible = true;
+      return;
+    }
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: this.getOrError(customFundState.myOwnFundForm.fundName),
+      fundDetails: {
+        type: 'myOwnFund',
+        fundName: this.getOrError(customFundState.myOwnFundForm.fundName),
+        fundUsi: this.getOrError(customFundState.myOwnFundForm.fundUsi),
+        memberNumber: this.getOrError(customFundState.myOwnFundForm.memberNumber)
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const customFundChoiceDto = Object.assign({ fundUsi: this.getOrError(customFundState.myOwnFundForm.fundUsi), memberNumber: this.getOrError(customFundState.myOwnFundForm.memberNumber), memberFirstName: this.getOrError(customFundState.myOwnFundForm.memberFirstName), memberFamilyName: this.getOrError(customFundState.myOwnFundForm.memberFamilyName), standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitCustomFundChoiceAsync(customFundChoiceDto);
+      }
+    });
+  }
+  getOrError(option) {
+    return pipe(option, O.getOrElse(() => {
+      throw new Error('Option value is none.');
+    }));
+  }
+  static get is() { return "sss-my-own-fund"; }
+  static get properties() { return {
+    "history": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RouterHistory",
+        "resolved": "RouterHistory",
+        "references": {
+          "RouterHistory": {
+            "location": "import",
+            "path": "@stencil/router"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "formState": {},
+    "isNotAllInformationProvidedMessageVisible": {},
+    "isSubmitDisabled": {}
+  }; }
+}
+injectHistory(MyOwnFund);

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/abn-validation.js

@@ -0,0 +1,11 @@
+export function validateAbn(abn) {
+  const digitArray = abn.split('').map(Number);
+  const isAllDigits = digitArray.every((d) => !isNaN(d));
+  const weightingFactors = [10, 1, 3, 5, 7, 9, 11, 13, 15, 17, 19];
+  if (!isAllDigits || digitArray.length !== weightingFactors.length) {
+    return false;
+  }
+  digitArray[0]--;
+  const sum = digitArray.reduce((sum, digit, i) => sum + digit * weightingFactors[i], 0);
+  return sum % 89 === 0;
+}