@flarehr/apollo-super-selection 1.3.65402 → 1.4.32906

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

@@ -1,121 +0,0 @@
-import { Component, getAssetPath, h, Host, Prop, State } from '@stencil/core';
-import { injectHistory } from '@stencil/router';
-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';
-import { validateAbn } from './abn-validation';
-export class SelfManagedFund {
-  constructor() {
-    this.isSubmitDisabled = true;
-    this.isAbnValid = validateAbn(customFundState.selfManagedFundForm.fundAbn);
-    this.eventTrackingService = EventTrackingService.Instance;
-    this.success = () => {
-      navigationService.navigateInternallyToStandardChoice({
-        history: this.history,
-        fundName: 'Self-managed super fund',
-        fundDetails: {
-          type: 'smsf',
-          fundName: customFundState.selfManagedFundForm.fundName,
-          fundEsa: customFundState.selfManagedFundForm.fundEsa
-        },
-        handleSubmitFn: async (standardChoiceFormSignature) => {
-          const requestDto = Object.assign({ 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,
-              memberFirstName: customFundState.selfManagedFundForm.memberFirstName,
-              memberFamilyName: customFundState.selfManagedFundForm.memberFamilyName
-            }, standardChoiceFormSignature }, superSelectionAppService.promotedFundsConfig);
-          await customFundChoiceApi.submitSelfManagedFundChoiceAsync(requestDto);
-        }
-      });
-    };
-  }
-  componentDidLoad() {
-    this.updateIsSubmitDisabled();
-    return this.eventTrackingService.TrackSmsfSuperFundDetailViewedAsync({
-      promotedFundsShown: superSelectionAppService.promotedFunds,
-      defaultFundUsiSet: O.toUndefined(superSelectionAppService.defaultFundUsi)
-    });
-  }
-  render() {
-    return (h(Host, null,
-      h("sss-header-section", null),
-      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.updateIsSubmitDisabled() },
-            h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg max-w-560" },
-              h("p", { class: "sm:text-lg font-bold" }, "Fund details"),
-              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" }, "Make sure your Self-managed super fund (SMSF) is a registered fund before completing this step."))),
-              h("sss-self-managed-fund-inputs", { fundForm: customFundState.selfManagedFundForm, showValidationErrors: this.formState === 'validated', onFormChanged: (event) => {
-                  customFundState.selfManagedFundForm = Object.assign(Object.assign({}, customFundState.selfManagedFundForm), event.detail);
-                  if (event.detail.isAbnValid !== undefined)
-                    this.isAbnValid = event.detail.isAbnValid;
-                  this.updateIsSubmitDisabled();
-                } })),
-            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")),
-                h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
-                  h("sss-button", { testid: "back-button", fillWidth: true, variant: "secondary" }, "Back")))))))));
-  }
-  updateIsSubmitDisabled() {
-    this.isSubmitDisabled = !this.formElement.checkValidity() || !this.isAbnValid;
-  }
-  async handleSubmitForm() {
-    this.formState = 'validated';
-    if (this.formElement.checkValidity())
-      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": {},
-    "isSubmitDisabled": {}
-  }; }
-}
-injectHistory(SelfManagedFund);