@flarehr/apollo-super-selection 3.17.52781 → 3.18.52782

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

@@ -0,0 +1,103 @@
+import { Component, 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.eventTrackingService = EventTrackingService.Instance;
+  }
+  componentDidLoad() {
+    return this.eventTrackingService.TrackMyOwnSuperFundDetailViewedAsync();
+  }
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-custom-fund", { class: "flex-fill" },
+        h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
+            'was-validated': this.formState === 'validated'
+          }, ref: (el) => (this.formElement = el) },
+          h("div", { class: "card p-4" },
+            h("p", { class: "font-weight-bold" }, "Fund details"),
+            h("p", { class: "text-warning mb-4 small" }, "Make sure you are already a member of the fund before completing this step."),
+            h("sss-my-own-fund-inputs", { myOwnFundForm: customFundState.myOwnFundForm, onFormChanged: (event) => {
+                customFundState.myOwnFundForm = Object.assign(Object.assign({}, customFundState.myOwnFundForm), event.detail);
+                this.isNotAllInformationProvidedMessageVisible = false;
+              } })),
+          h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
+              customFundState.myOwnFundForm = Object.assign(Object.assign({}, customFundState.myOwnFundForm), { standardChoiceFormSignature: O.fromNullable(event.detail.standardChoiceFormSignature) });
+            } })),
+        h("div", { class: "mt-4" },
+          h("sss-notifications-section", null)),
+        this.isNotAllInformationProvidedMessageVisible && (h("div", { class: "mt-4 alert alert-danger", role: "alert" }, "All fields are required to complete submission. Make sure you have selected a fund.")),
+        h("div", { class: "d-flex mt-4" },
+          h("div", { class: "flex-grow-1 w-50" },
+            h("div", { class: "mr-2" },
+              h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" },
+                h("span", null, "Back")))),
+          h("div", { class: "flex-grow-1 w-50" },
+            h("div", { class: "ml-2" },
+              h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() },
+                h("span", null, "Submit"))))))));
+  }
+  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.standardChoiceFormSignature);
+    if (!isAllInformationProvided) {
+      this.isNotAllInformationProvidedMessageVisible = true;
+      return;
+    }
+    const customFundChoiceDto = {
+      fundUsi: this.getOrError(customFundState.myOwnFundForm.fundUsi),
+      memberNumber: this.getOrError(customFundState.myOwnFundForm.memberNumber),
+      standardChoiceFormSignature: this.getOrError(customFundState.myOwnFundForm.standardChoiceFormSignature)
+    };
+    await customFundChoiceApi.submitCustomFundChoiceAsync(customFundChoiceDto);
+    superSelectionAppService.markSuperSelectionAsSubmitted();
+    navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.Success);
+  }
+  getOrError(option) {
+    return pipe(option, O.getOrElse(() => {
+      throw new Error('Option value is none.');
+    }));
+  }
+  static get is() { return "sss-my-own-fund"; }
+  static get assetsDirs() { return ["assets"]; }
+  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": {}
+  }; }
+}
+injectHistory(MyOwnFund);

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

@@ -0,0 +1,111 @@
+export default {
+  '01': 'Australia and New Zealand Banking Group',
+  '03': 'Westpac Banking Corporation',
+  '73': 'Westpac Banking Corporation',
+  '06': 'Commonwealth Bank of Australia',
+  '76': 'Commonwealth Bank of Australia',
+  '08': 'National Australia Bank',
+  '78': 'National Australia Bank',
+  '09': 'Reserve Bank of Australia',
+  '10': 'BankSA (division of Westpac Bank)',
+  '11': 'St George Bank (division of Westpac Bank)',
+  '33': 'St George Bank (division of Westpac Bank)',
+  '12': 'Bank of Queensland',
+  '14': 'Rabobank',
+  '15': 'Town & Country Bank',
+  '18': 'Macquarie Bank',
+  '19': 'Bank of Melbourne (division of Westpac Bank)',
+  '55': 'Bank of Melbourne (division of Westpac Bank)',
+  '21': 'JP Morgan Chase Bank',
+  '22': 'BNP Paribas',
+  '23': 'Bank of America',
+  '24': 'Citibank & Citibank NA',
+  '510': 'Citibank & Citibank NA',
+  '25': 'BNP Paribas Securities',
+  '26': 'Bankers Trust Australia (division of Westpac Bank)',
+  '29': 'MUFG Bank',
+  '30': 'Bankwest (division of Commonwealth Bank)',
+  '31': 'Bank Australia',
+  '325': 'Beyond Bank',
+  '34': 'HSBC Bank Australia',
+  '985': 'HSBC Bank Australia',
+  '35': 'Bank of China',
+  '980': 'Bank of China',
+  '40': 'Commonwealth Bank of Australia',
+  '41': 'Deutsche Bank',
+  '42': 'Commonwealth Bank of Australia',
+  '52': 'Commonwealth Bank of Australia',
+  '45': 'OCBC Bank',
+  '46': 'Advance Bank (division of Westpac Bank)',
+  '47': 'Challenge Bank (division of Westpac Bank)',
+  '48': 'Suncorp-Metway',
+  '664': 'Suncorp-Metway',
+  '512': 'Community First Credit Union',
+  '514': 'RACQ Bank',
+  '517': 'Volt Bank',
+  '533': 'Bananacoast Community Credit Union',
+  '57': 'Australian Settlements',
+  '61': 'Adelaide Bank (division of Bendigo and Adelaide Bank)',
+  '611': 'Endeavour Mutual Bank',
+  '823': 'Endeavour Mutual Bank',
+  '630': 'Greater Bank',
+  '637': 'Greater Bank',
+  '632': 'B&E',
+  '633': 'Bendigo Bank',
+  '634': 'Uniting Financial Services',
+  '638': 'Heritage Bank',
+  '880': 'Heritage Bank',
+  '639': 'Home Building Society (division of Bank of Queensland)',
+  '640': 'Hume Bank',
+  '641': 'IMB',
+  '647': 'IMB',
+  '642': 'Australian Military Bank',
+  '645': 'Auswide Bank',
+  '656': 'Auswide Bank',
+  '646': 'Maitland Mutual Building Society',
+  '650': 'Newcastle Permanent Building Society',
+  '653': 'Pioneer Permanent Building Society (division of Bank of Queensland)',
+  '654': 'Queensland Country Credit Union',
+  '655': 'The Rock',
+  '659': 'G&C Mutual Bank',
+  '676': 'Gateway Bank',
+  '70': 'Indue',
+  '721': 'Holiday Coast Credit Union',
+  '722': 'Southern Cross Credit Union',
+  '723': 'Bank of Heritage Isle',
+  '724': 'MOVE',
+  '728': 'Summerland Credit Union',
+  '777': 'Police & Nurse',
+  '80': 'Cuscal',
+  '670': 'Cuscal',
+  '812': 'Teachers Mutual Bank',
+  '813': 'Capricornian',
+  '814': 'Credit Union Australia',
+  '815': 'Police Bank',
+  '817': 'Warwick Credit Union',
+  '818': 'Bank of Communications',
+  '819': 'Industrial & Commercial Bank of China',
+  '824': 'Sutherland Credit Union',
+  '825': 'Big Sky Building Society',
+  '833': 'Defence Bank',
+  '882': 'Unity Bank',
+  '888': 'China Construction Bank',
+  '90': 'Australia Post',
+  '911': 'Sumitomo Mitsui Banking Corporation',
+  '913': 'State Street Bank & Trust Company',
+  '917': 'Arab Bank Australia',
+  '918': 'Mizuho Bank',
+  '922': 'United Overseas Bank',
+  '923': 'ING Bank',
+  '936': 'ING Bank',
+  '931': 'Mega International Commercial Bank',
+  '932': 'Regional Australia Bank',
+  '939': 'AMP Bank',
+  '941': 'Delphi Bank (division of Bendigo and Adelaide Bank)',
+  '942': 'Bank of Sydney',
+  '943': 'Taiwan Business Bank',
+  '944': 'Members Equity Bank',
+  '946': 'UBS AG',
+  '951': 'BOQ Specialist',
+  '969': 'Tyro Payments'
+};

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

@@ -0,0 +1,153 @@
+import { Component, Event, h, Prop, State } from '@stencil/core';
+import { isSome, none, some } from 'fp-ts/Option';
+import customFundState from '../custom-fund.store';
+import bsbNumbers from './bankBsbNumbers';
+export class SelfManagedFundInputs {
+  constructor() {
+    this.currentBank = none;
+    this.stateOptions = [
+      { 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' }
+    ];
+    this.bsbRegex = new RegExp(/^[0-9]{3}[0-9]{3}$/);
+    this.bankAccountNumberRegex = new RegExp(/^[0-9]{2,10}$/);
+  }
+  render() {
+    return (h("div", null,
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Fund name *"),
+        h("input", { placeholder: "Enter your fund name", type: "text", class: "form-control", required: true, minlength: "2", name: "fundName", id: "fundName", value: customFundState.selfManagedFundForm.fundName, onChange: (ev) => this.updateFormField('fundName', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid fund name")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Fund ABN *"),
+        h("input", { placeholder: "Enter your fund ABN", type: "text", class: "form-control", required: true, minlength: "2", name: "fundAbn", id: "fundAbn", value: customFundState.selfManagedFundForm.fundAbn, onChange: (ev) => this.updateFormField('fundAbn', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid fund ABN")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Electronic service address alias (ESA) *"),
+        h("input", { placeholder: "Enter your ESA", type: "text", class: "form-control", required: true, minlength: "2", name: "fundEsa", id: "fundEsa", value: customFundState.selfManagedFundForm.fundEsa, onChange: (ev) => this.updateFormField('fundEsa', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid fund ESA")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Address line 1 *"),
+        h("input", { placeholder: "Enter your address", type: "text", class: "form-control", required: true, minlength: "2", name: "addressLine1", id: "addressLine1", value: customFundState.selfManagedFundForm.addressLine1, onChange: (ev) => this.updateFormField('addressLine1', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid address")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Address line 2 (optional)"),
+        h("input", { placeholder: "Enter your address", type: "text", class: "form-control", name: "addressLine2", id: "addressLine2", value: customFundState.selfManagedFundForm.addressLine2, onChange: (ev) => this.updateFormField('addressLine2', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid address")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "City/suburb *"),
+        h("input", { placeholder: "Enter your city", type: "text", class: "form-control", name: "city", required: true, id: "city", value: customFundState.selfManagedFundForm.city, onChange: (ev) => this.updateFormField('city', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid city/suburb *")),
+      h("div", { class: "mt-3" },
+        h("label", { class: "mb-2 font-weight-bold" }, "State *"),
+        h("fl-dropdown", { options: this.stateOptions, required: true, requiredValidationMessage: "Select a state", placeholder: "Select a state", value: this.fundForm.state, onValueChanged: (ev) => {
+            this.updateFormField('state', ev.detail.value.toString());
+          } }),
+        h("div", { class: "invalid-feedback" }, "Select a state")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Post code *"),
+        h("input", { placeholder: "Enter your post code", type: "text", required: true, class: "form-control", name: "postcode", minlength: "4", maxlength: "4", pattern: "[0-9]{4}", id: "postcode", value: customFundState.selfManagedFundForm.postcode, onChange: (ev) => this.updateFormField('postcode', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid post code")),
+      h("div", null,
+        h("i", { class: "fas fa-check-circle" })),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "BSB *"),
+        h("input", { placeholder: "Enter your BSB", type: "text", required: true, class: "form-control", name: "bsb", id: "bsb", minlength: "6", maxlength: "7", onKeyUp: (ev) => this.updateCurrentBank(ev), pattern: this.bsbRegex.source, value: customFundState.selfManagedFundForm.bsb }),
+        isSome(this.currentBank) && (h("p", { class: "mt-3" },
+          h("strong", null, "Bank name"),
+          h("br", null),
+          h("span", { class: "ml-2" }, this.currentBank.value))),
+        h("div", { class: "invalid-feedback" }, "Enter a valid BSB")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Bank account name *"),
+        h("input", { placeholder: "Enter your bank account name", type: "text", required: true, class: "form-control", name: "bankAccountName", minlength: "2", id: "bankAccountName", value: customFundState.selfManagedFundForm.bankAccountName, onChange: (ev) => this.updateFormField('bankAccountName', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid bank account name")),
+      h("div", { class: "mt-4" },
+        h("label", { class: "mb-2 font-weight-bold" }, "Bank account number *"),
+        h("input", { placeholder: "Enter your bank account number", type: "text", required: true, class: "form-control", name: "bankAccountNumber", id: "bankAccountNumber", minlength: "2", maxlength: "11", pattern: this.bankAccountNumberRegex.source, value: customFundState.selfManagedFundForm.bankAccountNumber, onKeyUp: (ev) => this.updateCurrentBankAccountNumber(ev), onChange: (ev) => this.updateFormField('bankAccountNumber', ev.target.value.trim()) }),
+        h("div", { class: "invalid-feedback" }, "Enter a valid bank account number"))));
+  }
+  updateFormField(key, value) {
+    this.formChanged.emit({ [key]: value });
+  }
+  filterDigits(str) {
+    return str.replace(/[^0-9]/g, '');
+  }
+  updateCurrentBank(ev) {
+    const value = this.filterDigits(ev.target.value);
+    const firstTwoNumbers = value.substring(0, 2);
+    const firstThreeNumbers = value.substring(0, 3);
+    const firstTwoNumberBankName = bsbNumbers[firstTwoNumbers];
+    const firstThreeNumberBankName = bsbNumbers[firstThreeNumbers];
+    if (firstTwoNumberBankName)
+      this.currentBank = some(firstTwoNumberBankName);
+    if (firstThreeNumberBankName)
+      this.currentBank = some(firstThreeNumberBankName);
+    if (value === '')
+      this.currentBank = none;
+    this.updateFormField('bsb', value);
+  }
+  updateCurrentBankAccountNumber(ev) {
+    const value = this.filterDigits(ev.target.value);
+    this.updateFormField('bankAccountNumber', value);
+  }
+  static get is() { return "sss-self-managed-fund-inputs"; }
+  static get properties() { return {
+    "fundForm": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Partial<SelfManagedFundForm>",
+        "resolved": "{ fundName?: string | undefined; fundAbn?: string | undefined; fundEsa?: string | undefined; addressLine1?: string | undefined; addressLine2?: string | undefined; state?: string | undefined; postcode?: string | undefined; city?: string | undefined; bankAccountName?: string | undefined; bsb?: string | undefined; bankAccountNumber?: string | undefined; standardChoiceFormSignature?: string | undefined; }",
+        "references": {
+          "Partial": {
+            "location": "global"
+          },
+          "SelfManagedFundForm": {
+            "location": "import",
+            "path": "./self-managed-fund.form"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "currentBank": {}
+  }; }
+  static get events() { return [{
+      "method": "formChanged",
+      "name": "formChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "Partial<SelfManagedFundForm>",
+        "resolved": "{ fundName?: string | undefined; fundAbn?: string | undefined; fundEsa?: string | undefined; addressLine1?: string | undefined; addressLine2?: string | undefined; state?: string | undefined; postcode?: string | undefined; city?: string | undefined; bankAccountName?: string | undefined; bsb?: string | undefined; bankAccountNumber?: string | undefined; standardChoiceFormSignature?: string | undefined; }",
+        "references": {
+          "Partial": {
+            "location": "global"
+          },
+          "SelfManagedFundForm": {
+            "location": "import",
+            "path": "./self-managed-fund.form"
+          }
+        }
+      }
+    }]; }
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,111 @@
+import { Component, h, Host, Prop, State } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+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 SelfManagedFund {
+  constructor() {
+    this.showSmsfNotSupported = false;
+    this.eventTrackingService = EventTrackingService.Instance;
+    this.success = () => {
+      superSelectionAppService.markSuperSelectionAsSubmitted();
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.Success);
+    };
+  }
+  componentDidLoad() {
+    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync();
+  }
+  render() {
+    return (h(Host, { class: "d-flex flex-fill" },
+      h("sss-custom-fund", { class: "flex-fill" },
+        h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
+            'was-validated': this.formState === 'validated'
+          }, ref: (el) => (this.formElement = el) },
+          h("div", { class: "card p-4" },
+            h("p", { class: "font-weight-bold" }, "Fund details"),
+            h("p", { class: "text-warning mb-4 small" }, "Make sure you are already a member of the fund before completing this step."),
+            h("sss-self-managed-fund-inputs", { fundForm: customFundState.selfManagedFundForm, onFormChanged: (event) => {
+                customFundState.selfManagedFundForm = Object.assign(Object.assign({}, customFundState.selfManagedFundForm), event.detail);
+              } })),
+          h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
+              customFundState.selfManagedFundForm = Object.assign(Object.assign({}, customFundState.selfManagedFundForm), event.detail);
+            } }),
+          this.showSmsfNotSupported && (h("sss-smsf-not-supported-dialog", { ref: (el) => (this.notSupportedDialog = el), onContinue: this.success }))),
+        h("div", { class: "mt-4" },
+          h("sss-notifications-section", null)),
+        h("div", { class: "d-flex mt-4" },
+          h("div", { class: "flex-grow-1 w-50" },
+            h("div", { class: "mr-2" },
+              h("fl-button", { onClick: () => navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.ChoicePage), isBlockElement: true, variant: "secondary" },
+                h("span", null, "Back")))),
+          h("div", { class: "flex-grow-1 w-50" },
+            h("div", { class: "ml-2" },
+              h("fl-promise-button", { isBlockElement: true, promiseFn: () => this.handleSubmitForm() },
+                h("span", null, "Submit"))))))));
+  }
+  componentDidRender() {
+    var _a;
+    this.showSmsfNotSupported && ((_a = this.notSupportedDialog) === null || _a === void 0 ? void 0 : _a.scrollIntoView());
+  }
+  async handleSubmitForm() {
+    this.formState = 'validated';
+    if (this.formElement.checkValidity()) {
+      const requestDto = {
+        smsfChoice: {
+          abn: customFundState.selfManagedFundForm.fundAbn,
+          fundName: customFundState.selfManagedFundForm.fundName,
+          fundAddress: {
+            addressLine1: customFundState.selfManagedFundForm.addressLine1,
+            addressLine2: customFundState.selfManagedFundForm.addressLine2,
+            city: customFundState.selfManagedFundForm.city,
+            state: customFundState.selfManagedFundForm.state,
+            postcode: customFundState.selfManagedFundForm.postcode
+          },
+          bsb: customFundState.selfManagedFundForm.bsb,
+          bankAccountName: customFundState.selfManagedFundForm.bankAccountName,
+          bankAccountNumber: customFundState.selfManagedFundForm.bankAccountNumber,
+          electronicServiceAddress: customFundState.selfManagedFundForm.fundEsa
+        },
+        standardChoiceFormSignature: customFundState.selfManagedFundForm.standardChoiceFormSignature
+      };
+      await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+      if (superSelectionAppService.showSmsfNotSupported) {
+        this.showSmsfNotSupported = true;
+      }
+      else {
+        this.success();
+      }
+    }
+  }
+  static get is() { return "sss-self-managed-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": {},
+    "showSmsfNotSupported": {}
+  }; }
+}
+injectHistory(SelfManagedFund);

package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-not-supported.css

@@ -0,0 +1,23 @@
+html {
+  scroll-behavior: smooth;
+}
+
+img.fluid-fit {
+  object-fit: cover;
+}
+
+.overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  background-color: #fff;
+  opacity: 0.7;
+  width: 100%;
+  height: 100%;
+}
+
+.dialog {
+  z-index: 101;
+  position: relative;
+}

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

@@ -0,0 +1,52 @@
+import { Component, Event, h, Host } from '@stencil/core';
+export class SmsfNotSupportedDialog {
+  constructor() {
+    this.standardChoiceFormUrl = '/super-selection/embed/v1.0/app/assets/Superannuation_Standard_Choice_Form.pdf';
+    this.handleContinue = () => {
+      this.continue.emit();
+    };
+  }
+  render() {
+    return (h(Host, null,
+      h("div", { class: "overlay" }),
+      h("div", { class: "dialog" },
+        h("div", { class: "card p-4 mt-4 bg-light text-center" },
+          h("div", { style: { 'text-align': 'center' } },
+            h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "orange", viewBox: "0 0 16 16" },
+              h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" }))),
+          h("p", { class: "small mt-4 mb-0" },
+            "You\u2019ve selected a self-managed super fund (SMSF). Currently, SMSF information can\u2019t be sent via this form. You\u2019ll need to provide your employer with a",
+            ' ',
+            h("a", { target: "_blank", href: this.standardChoiceFormUrl }, "standard choice form"),
+            ' ',
+            "for your SMSF details."),
+          h("div", { class: "d-flex mt-4" },
+            h("div", { class: "w-25" }),
+            h("div", { class: "w-50" },
+              h("fl-button", { onClick: this.handleContinue, isBlockElement: true, variant: "primary" },
+                h("span", null, "Continue"))))))));
+  }
+  static get is() { return "sss-smsf-not-supported-dialog"; }
+  static get originalStyleUrls() { return {
+    "$": ["self-managed-not-supported.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["self-managed-not-supported.css"]
+  }; }
+  static get events() { return [{
+      "method": "continue",
+      "name": "continue",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
+    }]; }
+}

package/dist/lib/collection/components/super-selection-app/funds/qsuper/api/qsuper-choice.api.dto.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/collection/components/super-selection-app/funds/qsuper/api/qsuper-choice.api.js

@@ -0,0 +1,13 @@
+import { buildBackendApiClient } from '../../../api/api-client';
+export class QSuperChoiceApi {
+  async submitQSuperChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/qsuper')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process QSuper join request');
+    })
+      .text();
+  }
+}
+export default new QSuperChoiceApi();

package/dist/lib/collection/components/super-selection-app/funds/qsuper/helpers/confirmCheck.js

@@ -0,0 +1,37 @@
+import superSelectionAppService from '../../../services/super-selection-app.service';
+import qsuperChoiceApi from '../api/qsuper-choice.api';
+import qSuperState, { QSuperFormPages } from '../services/qsuper.store';
+export async function handleConfirmClickAsync() {
+  if (!qSuperState.continueAllowed)
+    return;
+  qSuperState.continueAllowed = false;
+  if (qSuperState.currentQSuperFormPage === QSuperFormPages.InsuranceConfirm &&
+    qSuperState.qSuperQuestionnaire.insuranceChosen) {
+    qSuperState.currentQSuperFormPage = QSuperFormPages.InsuranceQuestions;
+    return;
+  }
+  // if insurance hasn't been chosen - skip the accumulation page
+  if (qSuperState.currentQSuperFormPage === QSuperFormPages.InsuranceConfirm &&
+    !qSuperState.qSuperQuestionnaire.insuranceChosen) {
+    qSuperState.currentQSuperFormPage = QSuperFormPages.AccumulationAccount;
+    return;
+  }
+  if (qSuperState.currentQSuperFormPage === QSuperFormPages.InsuranceQuestions) {
+    qSuperState.currentQSuperFormPage = QSuperFormPages.AccumulationAccount;
+    return;
+  }
+  if (qSuperState.currentQSuperFormPage === QSuperFormPages.AccumulationAccount) {
+    qSuperState.qSuperFormValid = false;
+    qSuperState.currentQSuperFormPage = QSuperFormPages.ConfirmSelection;
+    return;
+  }
+  if (qSuperState.currentQSuperFormPage === QSuperFormPages.ConfirmSelection) {
+    qSuperState.qSuperQuestionnaire.acceptedDeclaration = true;
+    const qSuperJoinRequest = {
+      questionnaire: qSuperState.qSuperQuestionnaire,
+      standardChoiceFormSignature: qSuperState.standardChoiceFormSignature
+    };
+    await qsuperChoiceApi.submitQSuperChoiceAsync(qSuperJoinRequest);
+    superSelectionAppService.markSuperSelectionAsSubmitted();
+  }
+}

package/dist/lib/collection/components/super-selection-app/funds/qsuper/helpers/continueCheck.js

@@ -0,0 +1,13 @@
+import { SuperSelectionAppRoutes } from '../../../services/super-selection-app.routes';
+import superSelectionAppService from '../../../services/super-selection-app.service';
+import qSuperState from '../services/qsuper.store';
+export function continueEnabledCheck() {
+  // for a given route, ensure the checks on that page are checked before allowing to continue
+  const baseAppUrl = superSelectionAppService.appBaseUrl;
+  const currentRoute = window.location.pathname.split(baseAppUrl)[1];
+  const continueValidConditions = {
+    [SuperSelectionAppRoutes.QSuperOptIn]: qSuperState.qSuperOptInPageCheckbox,
+    [SuperSelectionAppRoutes.QSuperJoin]: qSuperState.qSuperJoinPageCheckbox && qSuperState.standardChoiceFormSignature
+  };
+  qSuperState.continueAllowed = continueValidConditions[currentRoute];
+}