@flarehr/apollo-super-selection 3.14.52544 → 3.17.52781

package/dist/lib/collection/components/app-host/super-selection-app-host.css

@@ -1,28 +0,0 @@
-html {
-  scroll-behavior: smooth;
-}
-
-img.fluid-fit {
-  object-fit: cover;
-}
-
-.sss-app-container {
-  --fl-color-primary: #00aa65;
-  --fl-color-primary-light: #66d7a9;
-  --fl-color-primary-dark: #00aa65;
-  --fl-color-primary-disabled: #66d7a9;
-  --fl-color-primary-hover: #00aa65;
-  --fl-color-primary-focus: #00aa65;
-  --fl-color-primary-text: white;
-  --fl-color-secondary: #e5e5e5;
-  --fl-color-secondary-hover: #b3b3b3;
-  --fl-color-secondary-focus: #b3b3b3;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  select,
-textarea,
-input {
-    font-size: 16px;
-  }
-}

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

@@ -1,92 +0,0 @@
-import '@flarehr/beacon';
-import { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';
-import { Component, h, Host, State } from '@stencil/core';
-import { isNone, toUndefined } from 'fp-ts/lib/Option';
-import initHost from '../../global/init-host';
-import iframe from '../../utils/iframe';
-import appInsights from '../app-host/services/appinsights.service';
-import appConfigurationQuery from './services/app-configuration.query';
-import appConfigurationService from './services/app-configuration.service';
-import sessionQuery from './services/authentication.query';
-import hostInteropService from './services/interop/host-interop.service';
-import { AuthenticationState } from './services/session.store';
-export class SuperSelectionAppHost {
-  constructor() {
-    this.areStylesLoaded = false;
-  }
-  async componentWillLoad() {
-    await initHost();
-    sessionQuery.sessionState$.subscribe((updatedState) => (this.sessionState = updatedState));
-    sessionQuery.jwt$.subscribe((newToken) => (this.jwt = newToken));
-    appConfigurationQuery.appConfiguration$.subscribe((updatedConfiguration) => (this.appConfiguration = updatedConfiguration));
-  }
-  render() {
-    if (isNone(this.appConfiguration))
-      return h("sss-loading-page", null);
-    return (h(Host, { class: "d-flex flex-fill flex-column justify-content-between" },
-      this.fetchStyles(),
-      this.areStylesLoaded && this.renderAppContent()));
-  }
-  fetchStyles() {
-    return [
-      h("link", { rel: "stylesheet", href: "https://npm-cdn.flarehr.com/@flarehr/beacon@dev/dist/beacon/beacon.css", media: "all", onLoad: () => (this.areStylesLoaded = true) })
-    ];
-  }
-  renderAppContent() {
-    return (h("stencil-router", { root: appConfigurationService.getAppRootUrl(), class: "sss-app-container" },
-      h("stencil-route-switch", { scrollTopOffset: 0 },
-        h("stencil-route", { ref: (el) => this.observeContentResize(el), url: "/", routeRender: this.renderProtectedRoute((props) => (h("super-selection-app", Object.assign({ accessToken: toUndefined(this.jwt), backendUrl: appConfigurationQuery.configuration.ApiBaseUrl, appBaseUrl: this.getAppBaseUrl(), onSuccessPageAcknowledged: this.handleSuccessPageAcknowledged, "onStep-completion": this.handleStepSubmitSuccess, onInitialised: this.handleAppInitialised }, props)))) }))));
-  }
-  getAppBaseUrl() {
-    const splits = window.location.pathname.split('app');
-    return splits[0] + "app/";
-  }
-  handleSuccessPageAcknowledged() {
-    hostInteropService.completeSuperSelectionStep();
-  }
-  handleStepSubmitSuccess() {
-    iframe.submitSuccess();
-  }
-  handleAppInitialised(evt) {
-    appInsights.addCustomProperties({
-      'X-ACCOUNT-ID': evt.detail.accountIdOrDefault,
-      'X-PARTNER-ID': evt.detail.partnerIdOrDefault,
-      'X-PROFILE-ID': evt.detail.profileId
-    });
-    appInsights.getAppInsights().trackPageView();
-    const loadingPageContainer = document.getElementById('sss-external-loading-page-container');
-    if (loadingPageContainer) {
-      document.body.removeChild(loadingPageContainer);
-    }
-  }
-  observeContentResize(appContent) {
-    const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;
-    new ResizeObserver(() => {
-      iframe.resize(appContent.offsetHeight, -1);
-    }).observe(appContent);
-  }
-  renderProtectedRoute(renderProtectedComponent) {
-    switch (this.sessionState) {
-      case AuthenticationState.Authenticated:
-        return renderProtectedComponent;
-      case AuthenticationState.Unauthorized:
-        return () => h("sss-loading-page", null);
-      case AuthenticationState.Error:
-        return () => h("h1", null, "Authentication Error");
-    }
-  }
-  static get is() { return "super-selection-app-host"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["super-selection-app-host.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["super-selection-app-host.css"]
-  }; }
-  static get states() { return {
-    "sessionState": {},
-    "jwt": {},
-    "appConfiguration": {},
-    "areStylesLoaded": {}
-  }; }
-}

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

@@ -1,14 +0,0 @@
-import wretch from 'wretch';
-import superSelectionAppService from '../services/super-selection-app.service';
-export function buildBackendApiClient() {
-  const jwt = superSelectionAppService.jwt;
-  const profileId = superSelectionAppService.profileId;
-  const accountId = superSelectionAppService.accountIdOrDefault;
-  const partnerId = superSelectionAppService.partnerIdOrDefault;
-  return wretch(superSelectionAppService.apiBaseUrl).headers({
-    Authorization: `Bearer ${jwt}`,
-    'X-PROFILE-ID': profileId,
-    'X-PARTNER-ID': partnerId,
-    'X-ACCOUNT-ID': accountId
-  });
-}

package/dist/lib/collection/components/super-selection-app/api/event-tracking.api.js

@@ -1,9 +0,0 @@
-import { buildBackendApiClient } from '../api/api-client';
-export class EventTrackingApi {
-  static get Instance() {
-    return this.instance || (this.instance = new this());
-  }
-  async PostAnalyticsEventAsync(event) {
-    return buildBackendApiClient().url('analytics-events').post(event).res();
-  }
-}

package/dist/lib/collection/components/super-selection-app/api/super-selection-events.model.js

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

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

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

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

@@ -1,30 +0,0 @@
-import { buildBackendApiClient } from './api-client';
-export class SuperSelectionApi {
-  async getAustralianFundsAsync(searchFilter) {
-    return buildBackendApiClient()
-      .url(`super-choice/australian-funds?${this.toQueryString(searchFilter)}`)
-      .get()
-      .notFound(() => {
-      throw new Error('Failed to fetch the list of australian super funds.');
-    })
-      .json();
-  }
-  async getAppStateAsync() {
-    return buildBackendApiClient()
-      .url('client-app-state')
-      .get()
-      .notFound(() => {
-      throw new Error('Failed to fetch application configuration.');
-    })
-      .json();
-  }
-  toQueryString(searchFilter) {
-    switch (searchFilter.type) {
-      case 'partialMatch':
-        return `search=${searchFilter.searchString}&maxRecordCount=${searchFilter.maxRecordCount}`;
-      case 'usiMatch':
-        return `usi=${searchFilter.usi}`;
-    }
-  }
-}
-export default new SuperSelectionApi();

package/dist/lib/collection/components/super-selection-app/app-state-pages/success.js

@@ -1,31 +0,0 @@
-import { Component, h, Host } from '@stencil/core';
-import superSelectionAppService from '../services/super-selection-app.service';
-export class Success {
-  render() {
-    return (h(Host, { class: "d-flex flex-fill" },
-      h("div", { class: "container mt-5" },
-        h("div", { class: "row justify-content-center" },
-          h("div", { class: "col col-sm-9 col-md-6" },
-            h("div", { class: "bg-light rounded p-4" },
-              h("div", { class: "d-flex justify-content-center" },
-                h("div", null,
-                  h("svg", { width: "3em", height: "3em", viewBox: "0 0 16 16", class: "bi bi-check-circle-fill text-success", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
-                    h("path", { "fill-rule": "evenodd", d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" })))),
-              h("div", { class: "d-flex justify-content-center" },
-                h("p", { class: "mt-3 confirm-title text-center font-weight-bold px-5" }, "Successfully updated superannuation details")),
-              h("div", { class: "mt-2 text-center" },
-                h("p", { class: "confirm-text mb-0" }, "Your superannuation details have been updated successfully."),
-                h("br", null),
-                h("p", { class: "confirm-text mb-0" },
-                  "To continue with your onboarding, press ",
-                  h("strong", null, "Continue"),
-                  " below."))),
-            h("div", { class: "flex-grow-1 mt-4" },
-              h("fl-promise-button", { isBlockElement: true, onClick: this.handleContinueButtonClick },
-                h("span", null, "Continue"))))))));
-  }
-  handleContinueButtonClick(_event) {
-    superSelectionAppService.completeSuperSelectionFlow();
-  }
-  static get is() { return "sss-success"; }
-}

package/dist/lib/collection/components/super-selection-app/footer-section/footer-section.css

@@ -1,11 +0,0 @@
-html {
-  scroll-behavior: smooth;
-}
-
-img.fluid-fit {
-  object-fit: cover;
-}
-
-.ss-footer-logo {
-  max-width: 7rem;
-}

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

@@ -1,29 +0,0 @@
-import { Component, h } from '@stencil/core';
-import { AppVersion } from '../../../utils';
-import navigationService from '../services/navigation.service';
-export class FooterSection {
-  render() {
-    return (h("div", { class: "container mb-sm-0" },
-      h("div", { class: "row justify-content-center mt-5 mb-3" },
-        h("a", { class: "text-decoration-none", href: navigationService.toExternalUrl('https://slatesuper.com.au/product-disclosure-statement-pdf'), target: "_blank" },
-          h("p", { class: "mt-3 small text-center mb-1 text-dark" }, "Powered by"),
-          h("h5", { class: "font-weight-bold text-center mb-4" },
-            h("span", { class: "text-dark mr-1" }, "Simple Financial"),
-            h("span", { class: "simple-choices-text" }, "Choices")))),
-      h("div", { class: "row justify-content-center pb-sm-0 px-3 px-sm-0" },
-        h("p", { class: "text-muted small" }, "Financial product content on this page is provided by Simple Financial Choices Pty Ltd, a wholly owned entity of Flare HR. Simple Financial Choices Pty Ltd (ABN 58 629 890 900; AFS Representative No. 001269407), is a Corporate Authorised Representative of True Oak Investments Ltd (ABN 81 002 558 956; AFS Licence No. 238184). Flare HR does not endorse or accept responsibility for any financial product advice or services provided by Simple Financial Choices Pty Ltd.")),
-      h("div", { class: "row justify-content-end my-1 px-3 px-sm-0" }, this.appVersionBadge())));
-  }
-  appVersionBadge() {
-    return (h("small", { style: { opacity: '0.5' }, class: "text-muted" },
-      "Powered by Flare, v",
-      AppVersion));
-  }
-  static get is() { return "sss-footer-section"; }
-  static get originalStyleUrls() { return {
-    "$": ["footer-section.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["footer-section.css"]
-  }; }
-}

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

@@ -1,13 +0,0 @@
-export const QSuperFundUsi = '60905115063001';
-export const QSuperFundId = 'qsuper';
-export const QSuperFundName = 'QSuper';
-export const QSuperAltFundName = 'Recognised performer';
-export const QSuperInsuranceProductName = 'QSuper Insurance';
-export const QSuperPdsUrl = 'https://qsuper.qld.gov.au/-/media/pdfs/qsuper-public/publications/pds11.pdf';
-export const QSuperMinAge = 14;
-export const QSuperMinInsuranceAge = 16;
-export const QSuperMaxAge = 70;
-export const SlateFundUsi = '32367272075001';
-export const SlateFundId = 'slate';
-export const SlateFundName = 'Slate Super';
-export const SlateAltFundName = 'Modern Digital Fund';

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

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

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

@@ -1,31 +0,0 @@
-import { buildBackendApiClient } from '../../../api/api-client';
-export class CustomFundChoiceApi {
-  async submitDefaultFundChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/default')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process default fund join request');
-    })
-      .text();
-  }
-  async submitCustomFundChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/custom-fund')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process custom fund join request');
-    })
-      .text();
-  }
-  async submitSelfManagedFundChoiceAsync(dto) {
-    return buildBackendApiClient()
-      .url('super-choice/smsf')
-      .post(dto)
-      .badRequest(() => {
-      throw new Error('Failed to process SMSF choice request');
-    })
-      .text();
-  }
-}
-export default new CustomFundChoiceApi();

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

@@ -1,68 +0,0 @@
-import { Component, h, Prop, State } from '@stencil/core';
-import { injectHistory } from '@stencil/router';
-import navigationService from '../../services/navigation.service';
-import { SuperSelectionAppRoutes } from '../../services/super-selection-app.routes';
-import customFundState from '../custom-fund/custom-fund.store';
-const customFundOptions = customFundState.customFunds;
-export class CustomFund {
-  constructor() {
-    this.currentCustomFund = customFundOptions[0];
-    this.fundOptionsList = customFundOptions;
-  }
-  componentWillLoad() {
-    let currentRoute = '';
-    if (window.location.pathname.includes(SuperSelectionAppRoutes.MyOwnFund))
-      currentRoute = SuperSelectionAppRoutes.MyOwnFund;
-    if (window.location.pathname.includes(SuperSelectionAppRoutes.DefaultFund))
-      currentRoute = SuperSelectionAppRoutes.DefaultFund;
-    if (window.location.pathname.includes(SuperSelectionAppRoutes.SelfManagedFund))
-      currentRoute = SuperSelectionAppRoutes.SelfManagedFund;
-    this.currentCustomFund =
-      customFundOptions.find((item) => item.value === currentRoute) || customFundOptions[0];
-    navigationService.navigateInternally(this.history, currentRoute);
-  }
-  render() {
-    return (h("div", { class: "container" },
-      h("div", { class: "row justify-content-center" },
-        h("div", { class: "col col-sm-10 col-md-7" },
-          h("p", { class: "font-weight-bold text-center" }, "Choose your Super"),
-          h("div", { class: "mb-4" },
-            h("fl-dropdown", { options: this.fundOptionsList, required: true, requiredValidationMessage: "Select an option", placeholder: "Select...", value: this.currentCustomFund.value, onValueChanged: (ev) => this.handleChange(ev.detail.value.trim()) })),
-          h("slot", null)))));
-  }
-  handleChange(value) {
-    const newFund = customFundOptions.find((item) => item.value === value) || {
-      value: SuperSelectionAppRoutes.MyOwnFund
-    };
-    navigationService.navigateInternally(this.history, newFund.value);
-  }
-  static get is() { return "sss-custom-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 {
-    "currentCustomFund": {},
-    "fundOptionsList": {}
-  }; }
-}
-injectHistory(CustomFund);

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

@@ -1,53 +0,0 @@
-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"] = "My Own Fund";
-  CustomFundTypes["DefaultFund"] = "Default Fund";
-  CustomFundTypes["SelfManagedFund"] = "Self Managed Fund";
-})(CustomFundTypes || (CustomFundTypes = {}));
-export const initialStateCustomFund = {
-  continueAllowed: false,
-  nextRoute: '/',
-  myOwnFundForm: {
-    fundUsi: O.none,
-    memberNumber: O.none,
-    standardChoiceFormSignature: O.none
-  },
-  defaultFundForm: {
-    standardChoiceFormSignature: ''
-  },
-  selfManagedFundForm: {
-    fundName: '',
-    fundAbn: '',
-    fundEsa: '',
-    addressLine1: '',
-    addressLine2: '',
-    state: '',
-    postcode: '',
-    city: '',
-    bankAccountName: '',
-    bsb: '',
-    bankAccountNumber: '',
-    standardChoiceFormSignature: ''
-  },
-  currentCustomFundType: CustomFundTypes.MyOwnFund,
-  customFunds: [
-    {
-      label: CustomFundTypes.MyOwnFund,
-      value: SuperSelectionAppRoutes.MyOwnFund
-    },
-    {
-      label: CustomFundTypes.DefaultFund,
-      value: SuperSelectionAppRoutes.DefaultFund
-    },
-    {
-      label: CustomFundTypes.SelfManagedFund,
-      value: SuperSelectionAppRoutes.SelfManagedFund
-    }
-  ]
-};
-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

@@ -1,108 +0,0 @@
-import { Component, 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 notificationsService from '../../../services/notifications.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 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.getFundByUsiAsync(defaultFundUsi.value);
-    if (O.isNone(defaultFundSearchResult)) {
-      this.isInvalidDefaultFund = true;
-      notificationsService.showErrorNotification({
-        title: 'Something is not right',
-        description: `Couldn't find information about the configured default fund (USI ${defaultFundUsi.value})`
-      });
-      return;
-    }
-    this.defaultFund = defaultFundSearchResult.value;
-    this.defaultFundProductName = defaultFundSearchResult.value.productName;
-  }
-  componentDidLoad() {
-    return this.eventTrackingService.TrackDefaultSuperFundDetailViewedAsync({
-      fundUsi: this.defaultFund.usi,
-      fundName: this.defaultFund.productName
-    });
-  }
-  render() {
-    const NoDefaultFundBlock = () => (h("div", { class: "card p-4" },
-      h("p", { class: "font-weight-bold" }, "No Default Fund"),
-      h("p", { class: "mb-4 small" }, "It looks like your employer has not yet defined a default fund. Please contact them if you wish to choose your company's default fund.")));
-    const DefaultFundBlock = (props) => [
-      h("div", { class: "card p-4" },
-        h("p", { class: "font-weight-bold" }, "Default Fund"),
-        h("p", { class: "mb-4 small" }, "Almost there... all you have to do now is review the fund below, complete and sign the super choice form and submit. Your application to join the fund is subject to Trustee approval."),
-        h("p", { class: "font-weight-bold mt-3" }, "Default Fund Name"),
-        h("p", null, props.defaultFundName)),
-      h("sss-standard-choice-form", { onStandardChoiceFormSignatureUpdated: (event) => {
-          customFundState.defaultFundForm = Object.assign(Object.assign({}, customFundState.defaultFundForm), event.detail);
-        } })
-    ];
-    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) }, this.isDefaultFundExists ? (h(DefaultFundBlock, { defaultFundName: this.defaultFundProductName })) : (h(NoDefaultFundBlock, null))),
-        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" }, this.isDefaultFundExists && (h("div", { class: "ml-2" },
-            h("fl-promise-button", { isBlockElement: true, disabled: this.isInvalidDefaultFund, promiseFn: () => this.handleSubmitForm() },
-              h("span", null, "Submit")))))))));
-  }
-  async handleSubmitForm() {
-    if (this.isInvalidDefaultFund) {
-      return;
-    }
-    this.formState = 'validated';
-    if (this.formElement.checkValidity()) {
-      await customFundChoiceApi.submitDefaultFundChoiceAsync(customFundState.defaultFundForm);
-      superSelectionAppService.markSuperSelectionAsSubmitted();
-      navigationService.navigateInternally(this.history, SuperSelectionAppRoutes.Success);
-    }
-  }
-  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 {
-    "formState": {},
-    "defaultFundProductName": {}
-  }; }
-}

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

@@ -1,93 +0,0 @@
-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 = 10;
-    this.searchFundsAsync = async (searchBy) => {
-      const funds = await australianFundLookupService.searchFundsAsync(searchBy, this.MAX_RECORD_COUNT);
-      return funds
-        .sort((a, b) => a.productName.localeCompare(b.productName))
-        .map((fund) => ({
-        label: `${fund.productName} (${fund.usi})`,
-        value: fund.usi
-      }));
-    };
-  }
-  render() {
-    return (h("div", null,
-      h("div", { class: "" },
-        h("label", { class: "mb-2 font-weight-bold" }, "Superannuation Fund Name"),
-        h("fl-dropdown-async", { searchFunction: this.searchFundsAsync, minSearchStringLength: this.MIN_SEARCH_STRING_LENGTH, required: true, requiredValidationMessage: "Select a fund", placeholder: `Search by name or USI (type at least ${this.MIN_SEARCH_STRING_LENGTH} characters)`, value: this.selectedOption, onValueChanged: (ev) => {
-            this.selectedOption = ev.detail;
-            this.updateFundUsi(ev.detail.value.toString());
-          } }),
-        h("div", { class: "invalid-feedback" }, "Select a fund"),
-        O.isSome(this.myOwnFundForm.fundUsi) && (h("div", null,
-          h("label", { class: "mb-2 mt-3 font-weight-bold" }, "Superannuation Fund USI"),
-          h("p", { class: "mb-0" }, this.myOwnFundForm.fundUsi.value),
-          h("p", { class: "small mt-1" }, "Please ensure this is the correct fund USI as some funds have similar names")))),
-      h("div", { class: "mt-4" },
-        h("label", { class: "mb-2 font-weight-bold" }, "Member Number"),
-        h("input", { placeholder: "Enter your member number", type: "text", class: "form-control", 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" }, "Enter a valid member number (only numbers and / or letters)"))));
-  }
-  updateFundUsi(usi) {
-    this.formChanged.emit({ fundUsi: O.some(usi) });
-  }
-  updateMemberNumber(memberNumber) {
-    this.formChanged.emit({ memberNumber: O.some(memberNumber) });
-  }
-  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>; memberNumber: Option<string>; standardChoiceFormSignature: Option<string>; }",
-        "references": {
-          "MyOwnFundFormState": {
-            "location": "import",
-            "path": "../custom-fund.store"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  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; memberNumber?: None | Some<string> | undefined; standardChoiceFormSignature?: None | Some<string> | undefined; }",
-        "references": {
-          "Partial": {
-            "location": "global"
-          },
-          "MyOwnFundFormState": {
-            "location": "import",
-            "path": "../custom-fund.store"
-          }
-        }
-      }
-    }]; }
-}