@flarehr/apollo-super-selection 1.3.23524 → 1.3.23680

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]||-[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-engagement-step-types.js

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

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

@@ -0,0 +1,115 @@
+import { Component, h, Host, Prop, State } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+import { isSome } from 'fp-ts/lib/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 MyOwnFundEngagementStep {
+  constructor() {
+    this.stepContinued = async (event) => {
+      if (event.detail.sender == 'byof-engagement') {
+        await EventTrackingService.Instance.TrackSuperMyOwnFundEngagementStepContinued(this.fundUsi, event.detail.reason);
+        this.navigateToStandardChoice();
+      }
+    };
+    this.subscribeToStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.addEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.removeEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.stepEventHandlers = {
+      continue: this.stepContinued.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (superSelectionAppService.isBringYourOwnFundCustomStepEnabled &&
+      superSelectionAppService.isUsingSuperCampaign &&
+      isSome(customFundState.myOwnFundForm.fundUsi) &&
+      isSome(customFundState.myOwnFundForm.fundName) &&
+      isSome(customFundState.myOwnFundForm.memberNumber) &&
+      isSome(customFundState.myOwnFundForm.memberFirstName) &&
+      isSome(customFundState.myOwnFundForm.memberFamilyName) &&
+      isSome(superSelectionAppService.backendUrl) &&
+      isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      this.fundUsi = customFundState.myOwnFundForm.fundUsi.value;
+      this.fundName = customFundState.myOwnFundForm.fundName.value;
+      this.memberNumber = customFundState.myOwnFundForm.memberNumber.value;
+      this.memberFirstName = customFundState.myOwnFundForm.memberFirstName.value;
+      this.memberFamilyName = customFundState.myOwnFundForm.memberFamilyName.value;
+      this.unSubscribeFromStepEvents();
+      this.subscribeToStepEvents();
+      superSelectionAppService.hideFooterSection = true;
+      await EventTrackingService.Instance.TrackSuperMyOwnFundEngagementStepActivationSucceeded(this.fundUsi);
+    }
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.MyOwnFund);
+    }
+  }
+  disconnectedCallback() {
+    this.unSubscribeFromStepEvents();
+    superSelectionAppService.hideFooterSection = false;
+  }
+  render() {
+    return (h(Host, null,
+      h("apollo-super-byof-engagement", { "backend-url": this.backendUrl, "access-token": this.accessToken, "fund-usi": this.fundUsi })));
+  }
+  navigateToStandardChoice() {
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: this.fundName,
+      fundDetails: {
+        type: 'myOwnFund',
+        fundName: this.fundName,
+        fundUsi: this.fundUsi,
+        memberNumber: this.memberNumber
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const customFundChoiceDto = Object.assign({ fundUsi: this.fundUsi, memberNumber: this.memberNumber, memberFirstName: this.memberFirstName, memberFamilyName: this.memberFamilyName, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitCustomFundChoiceAsync(customFundChoiceDto);
+      }
+    });
+  }
+  static get is() { return "sss-my-own-fund-engagement-step-host"; }
+  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 {
+    "backendUrl": {},
+    "accessToken": {},
+    "fundUsi": {},
+    "fundName": {},
+    "memberNumber": {},
+    "memberFirstName": {},
+    "memberFamilyName": {}
+  }; }
+}
+injectHistory(MyOwnFundEngagementStep);

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;
+}

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/smsf-engagement-step-host.js

@@ -0,0 +1,161 @@
+import { Component, h, Host, Prop, State } from '@stencil/core';
+import { injectHistory } from '@stencil/router';
+import { isSome } from 'fp-ts/lib/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 SmsfEngagementStep {
+  constructor() {
+    this.allFormFieldsAreFilled = (selfManagedFundForm) => {
+      return (selfManagedFundForm.fundName != null &&
+        selfManagedFundForm.fundAbn != null &&
+        selfManagedFundForm.fundEsa != null &&
+        selfManagedFundForm.addressLine1 != null &&
+        selfManagedFundForm.city != null &&
+        selfManagedFundForm.state != null &&
+        selfManagedFundForm.postcode != null &&
+        selfManagedFundForm.bsb != null &&
+        selfManagedFundForm.bankAccountName != null &&
+        selfManagedFundForm.bankAccountNumber != null &&
+        selfManagedFundForm.memberFirstName != null &&
+        selfManagedFundForm.memberFamilyName != null);
+    };
+    this.stepContinued = async (event) => {
+      if (event.detail.sender == 'smsf-engagement') {
+        await EventTrackingService.Instance.TrackSuperSmsfEngagementStepContinued(event.detail.reason);
+        this.navigateToStandardChoice();
+      }
+    };
+    this.subscribeToStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.addEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.unSubscribeFromStepEvents = () => {
+      for (const eventName in this.stepEventHandlers) {
+        document.removeEventListener(eventName, this.stepEventHandlers[eventName]);
+      }
+    };
+    this.stepEventHandlers = {
+      continue: this.stepContinued.bind(this)
+    };
+  }
+  async componentWillLoad() {
+    if (superSelectionAppService.isSmsfCustomStepEnabled &&
+      superSelectionAppService.isUsingSuperCampaign &&
+      this.allFormFieldsAreFilled(customFundState.selfManagedFundForm) &&
+      isSome(superSelectionAppService.backendUrl) &&
+      isSome(superSelectionAppService.state.jwt)) {
+      this.backendUrl = superSelectionAppService.backendUrl.value;
+      this.accessToken = superSelectionAppService.state.jwt.value;
+      this.accountId = superSelectionAppService.accountIdOrDefault;
+      this.partnerId = superSelectionAppService.partnerIdOrDefault;
+      this.initialiseFormState(customFundState.selfManagedFundForm);
+      this.unSubscribeFromStepEvents();
+      this.subscribeToStepEvents();
+      superSelectionAppService.hideFooterSection = true;
+      await EventTrackingService.Instance.TrackSuperSmsfEngagementStepActivationSucceeded();
+    }
+    else {
+      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.SelfManagedFund);
+    }
+  }
+  disconnectedCallback() {
+    this.unSubscribeFromStepEvents();
+    superSelectionAppService.hideFooterSection = false;
+  }
+  render() {
+    return (h(Host, null,
+      h("apollo-super-smsf-engagement", { "backend-url": this.backendUrl, "access-token": this.accessToken, "account-id": this.accountId, "partner-id": this.partnerId })));
+  }
+  navigateToStandardChoice() {
+    navigationService.navigateInternallyToStandardChoice({
+      history: this.history,
+      fundName: 'Self-managed super fund',
+      fundDetails: {
+        type: 'smsf',
+        fundName: this.fundName,
+        fundEsa: this.fundEsa
+      },
+      handleSubmitFn: async (standardChoiceFormSignature) => {
+        const requestDto = Object.assign({ smsfChoice: {
+            abn: this.fundAbn,
+            fundName: this.fundName,
+            fundAddress: {
+              addressLine1: this.fundAddress.addressLine1,
+              addressLine2: this.fundAddress.addressLine2,
+              city: this.fundAddress.city,
+              state: this.fundAddress.state,
+              postcode: this.fundAddress.postcode
+            },
+            bsb: this.bsb,
+            bankAccountName: this.bankAccountName,
+            bankAccountNumber: this.bankAccountNumber,
+            electronicServiceAddress: this.fundEsa,
+            memberFirstName: this.memberFirstName,
+            memberFamilyName: this.memberFamilyName
+          }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
+        await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
+      }
+    });
+  }
+  initialiseFormState(selfManagedFundForm) {
+    this.fundName = selfManagedFundForm.fundName;
+    this.fundAbn = selfManagedFundForm.fundAbn;
+    this.fundEsa = selfManagedFundForm.fundEsa;
+    this.fundAddress = {
+      addressLine1: selfManagedFundForm.addressLine1,
+      addressLine2: selfManagedFundForm.addressLine2,
+      city: selfManagedFundForm.city,
+      state: selfManagedFundForm.state,
+      postcode: selfManagedFundForm.postcode
+    };
+    this.bsb = selfManagedFundForm.bsb;
+    this.bankAccountName = selfManagedFundForm.bankAccountName;
+    this.bankAccountNumber = selfManagedFundForm.bankAccountNumber;
+    this.memberFirstName = selfManagedFundForm.memberFirstName;
+    this.memberFamilyName = selfManagedFundForm.memberFamilyName;
+  }
+  static get is() { return "sss-smsf-engagement-step-host"; }
+  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 {
+    "backendUrl": {},
+    "accessToken": {},
+    "fundName": {},
+    "fundAbn": {},
+    "fundEsa": {},
+    "fundAddress": {},
+    "bsb": {},
+    "bankAccountName": {},
+    "bankAccountNumber": {},
+    "memberFirstName": {},
+    "memberFamilyName": {},
+    "accountId": {},
+    "partnerId": {}
+  }; }
+}
+injectHistory(SmsfEngagementStep);

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { buildBackendApiClient } from '../../../api/api-client';
+export class PromotedFundChoiceApi {
+  async submitChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/promoted-fund')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Promoted Fund choice request');
+    })
+      .text();
+  }
+  async submitDefaultChoiceAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/promoted-fund/default')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Promoted Default Fund choice request');
+    })
+      .text();
+  }
+  async submitDefaultChoiceWithJoinAsync(dto) {
+    return buildBackendApiClient()
+      .url('super-choice/promoted-fund/default-with-join')
+      .post(dto)
+      .badRequest(() => {
+      throw new Error('Failed to process Promoted Default Fund With Join choice request');
+    })
+      .text();
+  }
+}
+export default new PromotedFundChoiceApi();

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

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

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

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

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

@@ -0,0 +1,4 @@
+export const slate = {
+  fundId: 'slate',
+  usi: '32367272075001'
+};

package/dist/lib/collection/components/super-selection-app/header-section/header-section.js

@@ -0,0 +1,37 @@
+import { Component, Fragment, h } from '@stencil/core';
+import { SuperSelectionAppRoutes } from '../services/super-selection-app.routes';
+import superSelectionAppService from '../services/super-selection-app.service';
+const RouteLink = (props, children) => {
+  return (h("stencil-route-link", { exact: true, url: props.route },
+    h("div", { class: {
+        'block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full': true,
+        'bg-white shadow-sm text-primary-base': props.isActive,
+        'hover:bg-primary-hover text-white': !props.isActive
+      } }, children)));
+};
+const ChooseAnotherFundLink = (props) => {
+  let route = SuperSelectionAppRoutes.MyOwnFund;
+  if (window.location.href.includes(SuperSelectionAppRoutes.SelfManagedFund)) {
+    route = SuperSelectionAppRoutes.SelfManagedFund;
+  }
+  else if (window.location.href.includes(SuperSelectionAppRoutes.DefaultFund)) {
+    route = SuperSelectionAppRoutes.DefaultFund;
+  }
+  else if (window.location.href.includes(SuperSelectionAppRoutes.FeaturedFunds)) {
+    route = SuperSelectionAppRoutes.FeaturedFunds;
+  }
+  return (h(RouteLink, { route: route, isActive: props.isActive }, "Choose another fund"));
+};
+export class HeaderSection {
+  render() {
+    return (h("div", { class: "flex justify-center" },
+      h("div", { class: "text-center max-w-800" },
+        h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"),
+        h(Fragment, null,
+          h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, superSelectionAppService.superCampaignCanNotBeActivated ? (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF or your employer\u2019s default fund.")) : (h(Fragment, null, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured\u00A0funds."))),
+          !superSelectionAppService.superCampaignCanNotBeActivated && (h("div", { class: "inline-flex mt-8 sm:mt-12 bg-primary-base rounded-lg p-0.5 whitespace-normal" },
+            h(RouteLink, { route: SuperSelectionAppRoutes.ChoicePage, isActive: false }, "Featured super funds"),
+            h(ChooseAnotherFundLink, { isActive: true })))))));
+  }
+  static get is() { return "sss-header-section"; }
+}