@flarehr/apollo-benefits 1.2.100 → 1.3.54122

package/dist/lib/collection/components/cars-calculator-app/pages/model-variants-section.component.js

@@ -1,93 +0,0 @@
-import { Component, getAssetPath, h, Host, State } from '@stencil/core';
-import { format } from 'date-fns';
-import * as O from 'fp-ts/Option';
-import { getOrDefault } from '../../../utils';
-import carsCalculatorService from '../services/cars-calculator.service';
-import eventTrackingService from '../services/event-tracking.service';
-import sessionQuery from '../services/session.query';
-import viewService from '../services/view.service';
-export class ModelVariantsSection {
-  constructor() {
-    this.variantsList = [];
-    this.selectedVariant = O.none;
-    this.placeholderImage = getAssetPath('./assets/car-placeholder.svg');
-  }
-  componentWillLoad() {
-    sessionQuery.selectedVariant$.subscribe((state) => {
-      this.selectedVariant = state;
-    });
-    sessionQuery.modelVariantsList$.subscribe((state) => {
-      this.variantsList = getOrDefault(state, []);
-    });
-  }
-  render() {
-    return (h(Host, { class: "d-flex flex-column justify-content-start align-items-center abe-fade-in-bottom" }, O.isNone(this.selectedVariant) ? (this.variantsList.length > 0 ? (this.variantsList.map((variant) => this.variantCard(variant, false))) : (h("fl-loading-indicator", { class: "mt-5" }))) : (this.variantCard(this.selectedVariant.value, true))));
-  }
-  variantCard(variant, isSelected) {
-    const imgSrc = getOrDefault(variant.photoUri, this.placeholderImage);
-    const toVariantFuelType = (fuelTypeId) => {
-      switch (fuelTypeId) {
-        case 100029:
-        case 100032:
-          return 'Diesel';
-        case 100035:
-          return 'Electric';
-        case 100030:
-        case 100031:
-          return 'LPG';
-        case 100033:
-        case 100034:
-          return 'Petrol';
-        default:
-          return '';
-      }
-    };
-    const toEngineDescription = (variant) => {
-      return `${variant.engineLitres.toFixed(1)}L ${toVariantFuelType(variant.fuelTypeId)}`.trimEnd();
-    };
-    const toVariantDescription = (variant) => `${variant.description.toLowerCase().trimEnd()}, ${toEngineDescription(variant)}, ${variant.transmission.toLowerCase()}`;
-    return (h("div", { class: "card d-flex w-100 flex-row justify-content-between align-items-center mt-3" },
-      h("img", { class: "abe-car-icon mx-4 d-none d-md-flex", src: imgSrc, alt: "", onError: (e) => this.handleImgError(e) }),
-      h("div", { class: "d-flex flex-column align-items-start flex-grow-1 px-3 py-2 p-md-0" },
-        h("h5", { class: "card-title text-capitalize mb-0" }, toVariantDescription(variant)),
-        h("p", { class: "card-text text-muted" },
-          "Built from ",
-          this.toMonthName(variant.modelMonth),
-          " ",
-          variant.buildYear)),
-      isSelected ? (h("fl-button", { class: "ml-3 mr-4", variant: "secondary", onClick: () => this.resetVariant() },
-        h("span", { class: "px-3" }, "Change"))) : (h("fl-button", { class: "ml-3 mr-4", onClick: () => this.chooseVariant(variant) },
-        h("span", { class: "px-3" }, "Select")))));
-  }
-  toMonthName(monthNumber) {
-    return format(new Date().setMonth(monthNumber), 'MMMM');
-  }
-  resetVariant() {
-    carsCalculatorService.selectVariant(O.none);
-    eventTrackingService.trackStepProgressedAsync({ stepName: 'variantSelection' });
-  }
-  chooseVariant(variant) {
-    viewService.scrollToTop();
-    carsCalculatorService.selectVariant(O.some(variant));
-    eventTrackingService.trackStepProgressedAsync({ stepName: 'leaseInformation' });
-    eventTrackingService.trackInputChangedAsync({
-      key: 'variant',
-      value: variant.description
-    });
-  }
-  handleImgError(event) {
-    event.target.src = this.placeholderImage;
-  }
-  static get is() { return "ap-ben-model-variants-section"; }
-  static get originalStyleUrls() { return {
-    "$": ["model-variants-section.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["model-variants-section.component.css"]
-  }; }
-  static get assetsDirs() { return ["assets"]; }
-  static get states() { return {
-    "variantsList": {},
-    "selectedVariant": {}
-  }; }
-}

package/dist/lib/collection/components/cars-calculator-app/pages/personal-info-section.component.js

@@ -1,71 +0,0 @@
-import { Component, h, Host, State } from '@stencil/core';
-import { pipe } from 'fp-ts/function';
-import * as O from 'fp-ts/Option';
-import { toSelectInputOptionsArray } from '../../../utils';
-import eventTrackingService from '../services/event-tracking.service';
-import sessionQuery from '../services/session.query';
-import sessionStore from '../services/session.store';
-const generateTermsOptionsArray = (years) => [...Array(years).keys()]
-  .map((n) => n + 1)
-  .map((n) => ({
-  label: `${n} Year${n > 1 ? 's' : ''}`,
-  value: n
-}));
-export class PersonalInfoSection {
-  constructor() {
-    this.terms = generateTermsOptionsArray(5);
-    this.states = ['ACT', 'NSW', 'NT', 'QLD', 'SA', 'TAS', 'VIC', 'WA'];
-    this.paymentPeriods = ['Monthly', 'Fortnightly', 'Weekly'];
-    sessionQuery.user$.subscribe((state) => (this.userInfo = state));
-  }
-  render() {
-    return (h(Host, { class: "d-flex flex-column align-items-start justify-content-between" },
-      h("div", { class: "d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-center mt-2 h4" },
-        h("span", { class: "pr-0 pr-sm-2 d-flex text-center" }, "My annual salary before tax is"),
-        h("input", { placeholder: "50000", type: "text", class: "form-control d-flex w-auto mt-2 mt-lg-0", value: '$' + this.getUserInfo('annualSalary'), onInput: (e) => {
-            const el = e.target;
-            el.value = el.value.replace(/\D/g, '');
-          }, onFocus: (e) => {
-            const el = e.target;
-            el.value = el.value.replace('$', '');
-          }, onBlur: (e) => {
-            const el = e.target;
-            el.value = '$' + el.value;
-          }, onChange: (e) => this.updateUserInfo('annualSalary', parseFloat(e.target.value.trim())) })),
-      h("div", { class: "d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-center mt-4 h4" },
-        h("span", { class: "pr-0 pr-sm-2 d-flex text-center" }, "I get paid"),
-        h("fl-dropdown", { class: "d-flex my-2 my-lg-0", options: toSelectInputOptionsArray(this.paymentPeriods), requiredValidationMessage: "Select an option", placeholder: "Select...", value: this.getUserInfo('paymentPeriod'), onValueChanged: (e) => this.updateUserInfo('paymentPeriod', e.detail.value) })),
-      h("div", { class: "d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-center mt-4 h4" },
-        h("span", { class: "pr-0 pr-sm-2 d-flex text-center" }, "Every year I expect to drive"),
-        h("input", { placeholder: "10000", type: "text", class: "form-control d-flex w-auto mt-2 mt-lg-0", value: this.getUserInfo('annualKms') + ' km', onInput: (e) => {
-            const el = e.target;
-            el.value = el.value.replace(/\D/g, '');
-          }, onFocus: (e) => {
-            const el = e.target;
-            el.value = el.value.replace(' km', '');
-          }, onBlur: (e) => {
-            const el = e.target;
-            el.value += ' km';
-          }, onChange: (ev) => this.updateUserInfo('annualKms', parseInt(ev.target.value.trim())) })),
-      h("div", { class: "d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-center mt-4 h4" },
-        h("span", { class: "pr-0 pr-sm-2 d-flex text-center" }, "I live in"),
-        h("fl-dropdown", { class: "d-flex my-2 my-lg-0", options: toSelectInputOptionsArray(this.states), requiredValidationMessage: "Select an option", placeholder: "select state", value: this.getUserInfo('state'), onValueChanged: (e) => this.updateUserInfo('state', e.detail.value) })),
-      h("div", { class: "d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-center mt-4 h4" },
-        h("span", { class: "pr-0 pr-sm-2 d-flex text-center" }, "I want my lease term to be"),
-        h("fl-dropdown", { class: "d-flex my-2 my-lg-0", options: this.terms, requiredValidationMessage: "Select an option", placeholder: "Select...", value: this.getUserInfo('term'), onValueChanged: (e) => this.updateUserInfo('term', e.detail.value) }))));
-  }
-  updateUserInfo(key, value) {
-    sessionStore.update({ user: Object.assign(Object.assign({}, this.userInfo), { [key]: O.some(value) }) });
-    eventTrackingService.trackInputChangedAsync({
-      key: key,
-      value: value.toString()
-    });
-  }
-  getUserInfo(key) {
-    return pipe(this.userInfo[key], O.getOrElseW(() => ''));
-  }
-  static get is() { return "ap-ben-personal-info-section"; }
-  static get states() { return {
-    "userInfo": {}
-  }; }
-}

package/dist/lib/collection/components/cars-calculator-app/pages/quote-result-section.component.js

@@ -1,117 +0,0 @@
-import { Component, getAssetPath, h, Host, State } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-import { getOrDefault } from '../../../utils';
-import eventTrackingService from '../services/event-tracking.service';
-import sessionQuery from '../services/session.query';
-export class QuoteResultSection {
-  constructor() {
-    this.showRequestQuoteModal = false;
-    this.showBreakdownModal = false;
-    this.showCompletePage = false;
-    this.getRenderedPaymentPeriod = () => {
-      const selectedPaymentPeriod = O.getOrElse(() => 'Monthly')(sessionQuery.user.paymentPeriod);
-      let renderedPaymentPeriod = 'month';
-      switch (selectedPaymentPeriod) {
-        case 'Monthly':
-          renderedPaymentPeriod = 'month';
-          break;
-        case 'Fortnightly':
-          renderedPaymentPeriod = 'fortnight';
-          break;
-        case 'Weekly':
-          renderedPaymentPeriod = 'week';
-      }
-      return `Cost per ${renderedPaymentPeriod}`;
-    };
-    this.renderQuoteField = (quoteField) => {
-      var _a;
-      return (h("span", null,
-        "$",
-        this.quote.quoteState === 'Calculation pending' ? (h("fl-loading-indicator", { class: "ml-2" })) : ((_a = getOrDefault(quoteField, null)) === null || _a === void 0 ? void 0 : _a.toFixed(0))));
-    };
-    this.leaseInclusion = (props) => (h("p", { class: "font-weight-light d-inline-flex align-items-center" },
-      h("img", { class: "pr-1", src: getAssetPath('./assets/check.svg') }),
-      props.inclusionName));
-  }
-  componentWillLoad() {
-    this.subscription = sessionQuery.result$.subscribe((_state) => {
-      this.quote = sessionQuery.result;
-    });
-  }
-  disconnectedCallback() {
-    this.subscription.unsubscribe();
-  }
-  render() {
-    return (h(Host, { class: "card d-flex flex-column justify-content-between w-100 h-100" },
-      h("div", { class: "d-flex flex-column flex-grow-1 justify-content-between p-4" },
-        h("span", { class: "mb-3 text-left" },
-          h("p", { class: "h1 text-muted font-weight-bold mb-0" }, this.renderQuoteField(this.quote.afterTaxEffectPerPayCycle)),
-          h("p", { class: "mb-0 pt-1 h5" },
-            h("span", { ref: (el) => (this.costTitleElement = el) },
-              this.getRenderedPaymentPeriod(),
-              h("ap-ben-asset", { class: "pl-2", image: "icon-info.svg" })),
-            h("ap-ben-tooltip", { target: this.costTitleElement, style: { 'max-width': '15rem' } },
-              h("p", { class: "px-3 h6 py-2 mb-0 text-left text-break text-wrap" }, "The cost to you each pay cycle including all running costs.")))),
-        h("span", { class: "mb-3 text-left" },
-          h("p", { class: "h1 text-info font-weight-bold mb-0" }, this.renderQuoteField(this.quote.taxSaving)),
-          h("p", { class: "mb-0 pt-1 h5" },
-            h("span", { ref: (el) => (this.totalSavingsTitleElement = el) },
-              "Total tax savings",
-              h("ap-ben-asset", { class: "pl-2", image: "icon-info.svg" })),
-            h("ap-ben-tooltip", { target: this.totalSavingsTitleElement, style: { 'max-width': '15rem' } },
-              h("p", { class: "px-3 h6 py-2 mb-0 text-left text-break text-wrap" }, "The total amount you will save over the life of your lease term by salary packaging this vehicle.")))),
-        h("span", { class: "mb-3 text-left" },
-          h("p", { class: "h1 text-muted font-weight-bold mb-0" }, this.renderQuoteField(this.quote.residualValue)),
-          h("p", { class: "mb-0 pt-1 h5" },
-            h("span", { ref: (el) => (this.residualValueTitleElement = el) },
-              "Residual value",
-              h("ap-ben-asset", { class: "pl-2", image: "icon-info.svg" })),
-            h("ap-ben-tooltip", { target: this.residualValueTitleElement, style: { 'max-width': '15rem' } },
-              h("p", { class: "px-3 h6 py-2 mb-0 text-left text-break text-wrap" }, "The outstanding amount at the end of the lease term.")))),
-        h("fl-button", { class: "mt-2", isBlockElement: true, onClick: () => {
-            this.showRequestQuoteModal = true;
-            eventTrackingService.trackStepProgressedAsync({ stepName: 'quote' });
-            eventTrackingService.trackModalViewedAsync({ modal: 'quoteRequest' });
-          } }, "Request a quote")),
-      h("div", { class: "bg-light px-4 py-3" },
-        h("p", { class: "font-weight-bold text-center" }, "Your lease includes"),
-        h("div", { class: "d-flex flex-row align-items-center justify-content-between" },
-          h("span", { class: "d-flex flex-column" },
-            h(this.leaseInclusion, { inclusionName: "Finance" }),
-            h(this.leaseInclusion, { inclusionName: "Servicing" })),
-          h("span", { class: "d-flex flex-column" },
-            h(this.leaseInclusion, { inclusionName: "Insurance" }),
-            h(this.leaseInclusion, { inclusionName: "Registration" })),
-          h("span", { class: "d-flex flex-column" },
-            h(this.leaseInclusion, { inclusionName: "Fuel" }),
-            h(this.leaseInclusion, { inclusionName: "Tyres" }))),
-        h("fl-button", { class: "mt-2", isBlockElement: true, variant: "secondary", onClick: () => {
-            this.showBreakdownModal = true;
-            eventTrackingService.trackModalViewedAsync({ modal: 'runningCostBreakdown' });
-          } }, "View running cost breakdown")),
-      h("ap-ben-modal-section", { show: this.showRequestQuoteModal, showHeader: true, onModalClosed: () => {
-          this.showRequestQuoteModal = false;
-          this.showCompletePage = false;
-          eventTrackingService.trackStepProgressedAsync({ stepName: 'leaseInformation' });
-          eventTrackingService.trackModalClosedAsync({ modal: 'quoteRequest' });
-        } }, this.showCompletePage ? (h("ap-ben-complete-section", { onClosed: () => {
-          this.showRequestQuoteModal = false;
-          this.showCompletePage = false;
-        } })) : (h("ap-ben-submit-quote-section", { onEnquirySubmitted: () => {
-          this.showCompletePage = true;
-        } }))),
-      h("ap-ben-modal-section", { show: this.showBreakdownModal, modalTitle: "Running cost breakdown", onModalClosed: () => {
-          this.showBreakdownModal = false;
-          eventTrackingService.trackModalClosedAsync({ modal: 'runningCostBreakdown' });
-        }, showHeader: true, showFooter: true },
-        h("ap-ben-cost-breakdown-section", { quote: this.quote }))));
-  }
-  static get is() { return "ap-ben-quote-result-section"; }
-  static get assetsDirs() { return ["assets"]; }
-  static get states() { return {
-    "quote": {},
-    "showRequestQuoteModal": {},
-    "showBreakdownModal": {},
-    "showCompletePage": {}
-  }; }
-}

package/dist/lib/collection/components/cars-calculator-app/pages/submit-quote-section.component.js

@@ -1,87 +0,0 @@
-import { Component, Event, h, State } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-import backendApi from '../api/cars-calculator.api';
-import carsCalculatorService from '../services/cars-calculator.service';
-import eventTrackingService from '../services/event-tracking.service';
-import sessionQuery from '../services/session.query';
-import sessionStore from '../services/session.store';
-// From https://emailregex.com/
-// eslint-disable-next-line no-control-regex
-const emailRegex = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
-export class SubmitQuoteSection {
-  constructor() {
-    sessionQuery.userDetails$.subscribe((state) => (this.userDetails = state));
-  }
-  render() {
-    return (h("div", { class: "container p-0 text-left" },
-      h("form", { noValidate: true, class: {
-          'was-validated': this.formState === 'validated'
-        }, ref: (el) => (this.formElement = el) },
-        h("div", { class: "row" },
-          h("div", { class: "col" },
-            h("h3", null, "Request a quote"))),
-        h("div", { class: "row" },
-          h("div", { class: "col" },
-            h("p", null, "Enter your details below and we will get in touch."))),
-        h("div", { class: "row mt-3" },
-          this.inputField('userFirstName', 'First Name'),
-          this.inputField('userLastName', 'Last Name')),
-        h("div", { class: "row mt-3" }, this.inputField('emailAddress', 'Email', emailRegex)),
-        h("div", { class: "row mt-3" },
-          this.inputField('contactNumber', 'Mobile Number', /\+?[\d\s]{5,}/),
-          this.inputField('employerName', 'Employer Name'))),
-      h("div", { class: "row mt-4" },
-        h("div", { class: "col" },
-          h("fl-promise-button", { class: "font-weight-bold float-right", promiseFn: () => this.handleSubmitAsync() },
-            h("span", { class: "px-4" }, "Submit")))),
-      h("div", { class: "row mt-4" },
-        h("div", { class: "col" },
-          h("div", { class: "bg-light py-2 px-3" },
-            h("p", { class: "small mb-0" },
-              "By providing your contact details, you consent to Flare collecting and using your personal details as outlined in the",
-              ' ',
-              h("a", { target: "_blank", href: "https://www.flarehr.com/privacy-policy/", onClick: () => eventTrackingService.trackPrivacyPolicyViewedAsync() }, "privacy policy"),
-              "."))))));
-  }
-  inputField(stateKey, placeholder, pattern) {
-    return (h("div", { class: "col" },
-      h("input", { placeholder: placeholder, type: "text", class: "form-control", minlength: "2", pattern: pattern === null || pattern === void 0 ? void 0 : pattern.source, required: true, onChange: (e) => {
-          this.updateUserDetail(stateKey, e.target.value.trim());
-        } }),
-      h("div", { class: "invalid-feedback" }, "A valid value is required")));
-  }
-  updateUserDetail(key, value) {
-    sessionStore.update({ userDetails: Object.assign(Object.assign({}, this.userDetails), { [key]: O.some(value) }) });
-  }
-  async handleSubmitAsync() {
-    var _a;
-    this.formState = 'validated';
-    if (this.formElement.checkValidity()) {
-      const enquiryRequest = carsCalculatorService.generateCarsEnquiryRequest();
-      await backendApi.postQuoteInfoAsync(enquiryRequest);
-      (_a = this.enquirySubmitted) === null || _a === void 0 ? void 0 : _a.emit();
-      eventTrackingService.trackFormSubmittedAsync(enquiryRequest.websiteQuote);
-    }
-  }
-  static get is() { return "ap-ben-submit-quote-section"; }
-  static get states() { return {
-    "userDetails": {},
-    "formState": {}
-  }; }
-  static get events() { return [{
-      "method": "enquirySubmitted",
-      "name": "enquirySubmitted",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-}

package/dist/lib/collection/components/cars-calculator-app/services/app-configuration.service.js

@@ -1,13 +0,0 @@
-import * as O from 'fp-ts/lib/Option';
-export class AppConfigurationService {
-  set apiBaseUrl(url) {
-    AppConfigurationService._apiBaseUrl = O.fromNullable(url);
-  }
-  get apiBaseUrl() {
-    if (O.isNone(AppConfigurationService._apiBaseUrl)) {
-      throw Error('API base URL is not set');
-    }
-    return AppConfigurationService._apiBaseUrl.value;
-  }
-}
-export default new AppConfigurationService();

package/dist/lib/collection/components/cars-calculator-app/services/cars-calculator.service.js

@@ -1,117 +0,0 @@
-import * as O from 'fp-ts/Option';
-import { getOrDefault, getOrError } from '../../../utils';
-import carsCalculatorApi from '../api/cars-calculator.api';
-import sessionQuery from './session.query';
-import sessionStore from './session.store';
-export class CarsCalculatorService {
-  constructor() {
-    sessionQuery
-      .select(['user', 'vehicle'])
-      .subscribe((state) => this.attemptQuoteCalculationAsync(state.user, state.vehicle));
-  }
-  selectVariant(variant) {
-    sessionStore.update((state) => ({
-      vehicle: Object.assign(Object.assign({}, state.vehicle), { selectedVariant: variant })
-    }));
-  }
-  generateCarsEnquiryRequest() {
-    const vehicle = sessionQuery.vehicle;
-    const variant = getOrError(vehicle.selectedVariant);
-    const result = sessionQuery.result;
-    const details = sessionQuery.userDetails;
-    const user = sessionQuery.user;
-    return {
-      chosenVariant: {
-        variant_id: variant.variantId,
-        short_description: variant.description,
-        build_year: variant.buildYear,
-        model_month: variant.modelMonth,
-        list_price_gross: variant.listPriceGross,
-        engine_litres: variant.engineLitres,
-        fuel_type_translation_id: variant.fuelTypeId,
-        transmission: variant.transmission
-      },
-      quoteRequest: {
-        variantId: variant.variantId,
-        isUsedCarRequested: getOrError(vehicle.isUsedCarRequested),
-        approximatePrice: getOrDefault(vehicle.approximatePrice, variant.listPriceGross),
-        annualSalaryGross: getOrError(user.annualSalary),
-        payPeriod: getOrError(user.paymentPeriod),
-        annualKm: getOrError(user.annualKms),
-        state: getOrError(user.state),
-        leaseTermInYears: getOrError(user.term)
-      },
-      websiteQuote: {
-        afterTaxEffectPerPayCycle: getOrError(result.afterTaxEffectPerPayCycle),
-        totalTaxSavings: getOrError(result.taxSaving),
-        residualValueGross: getOrError(result.residualValue),
-        financedAmount: getOrError(result.financedAmount),
-        fuel: getOrError(result.fuel),
-        serviceAndMaintenance: getOrError(result.serviceAndMaintenance),
-        registrationAndCtp: getOrError(result.registrationAndCtp),
-        comprehensiveInsurance: getOrError(result.comprehensiveInsurance),
-        managementFee: getOrError(result.managementFee)
-      },
-      contactDetails: {
-        firstName: getOrError(details.userFirstName),
-        lastName: getOrError(details.userLastName),
-        email: getOrError(details.emailAddress),
-        mobileNumber: getOrError(details.contactNumber),
-        employerName: getOrError(details.employerName)
-      }
-    };
-  }
-  async attemptQuoteCalculationAsync(user, vehicle) {
-    const isAllInformationAvailable = O.isSome(user.annualKms) &&
-      O.isSome(user.annualSalary) &&
-      O.isSome(user.paymentPeriod) &&
-      O.isSome(user.state) &&
-      O.isSome(user.term) &&
-      O.isSome(vehicle.selectedVariant);
-    if (!isAllInformationAvailable) {
-      return;
-    }
-    sessionStore.updateQuote({
-      afterTaxEffectPerPayCycle: O.none,
-      taxSaving: O.none,
-      residualValue: O.none,
-      financedAmount: O.none,
-      fuel: O.none,
-      serviceAndMaintenance: O.none,
-      registrationAndCtp: O.none,
-      comprehensiveInsurance: O.none,
-      managementFee: O.none,
-      quoteState: 'Calculation pending'
-    });
-    const variant = getOrError(vehicle.selectedVariant);
-    const isUsedCarRequested = getOrError(vehicle.isUsedCarRequested);
-    const price = isUsedCarRequested
-      ? getOrDefault(vehicle.approximatePrice, variant.listPriceGross)
-      : variant.listPriceGross;
-    const req = {
-      variantId: variant.variantId,
-      isUsedCarRequested: getOrError(vehicle.isUsedCarRequested),
-      approximatePrice: price,
-      annualSalaryGross: getOrError(user.annualSalary),
-      payPeriod: getOrError(user.paymentPeriod),
-      annualKm: getOrError(user.annualKms),
-      state: getOrError(user.state),
-      leaseTermInYears: getOrError(user.term)
-    };
-    const response = await carsCalculatorApi.postCarsQuoteResult(req);
-    const quoteResult = {
-      afterTaxEffectPerPayCycle: O.some(response.afterTaxEffectPerPayCycle),
-      taxSaving: O.some(response.totalTaxSavings),
-      residualValue: O.some(response.residualValueGross),
-      financedAmount: O.some(response.financedAmount),
-      fuel: O.some(response.fuel),
-      serviceAndMaintenance: O.some(response.serviceAndMaintenance),
-      registrationAndCtp: O.some(response.registrationAndCtp),
-      comprehensiveInsurance: O.some(response.comprehensiveInsurance),
-      managementFee: O.some(response.managementFee),
-      quoteState: 'Calculated'
-    };
-    sessionStore.updateQuote(quoteResult);
-  }
-}
-export default new CarsCalculatorService();

package/dist/lib/collection/components/cars-calculator-app/services/event-tracking.service.js

@@ -1,37 +0,0 @@
-import eventTrackingApi from '../api/event-tracking.api';
-import sessionQuery from './session.query';
-export class EventTrackingService {
-  async trackAppLoadedAsync() {
-    return this.trackEventAsync('appLoaded');
-  }
-  async trackInputChangedAsync(event) {
-    return this.trackEventAsync({ inputChanged: event });
-  }
-  async trackStepProgressedAsync(event) {
-    return this.trackEventAsync({ stepProgressed: event });
-  }
-  async trackModalViewedAsync(event) {
-    return this.trackEventAsync({ modalViewed: event });
-  }
-  async trackModalClosedAsync(event) {
-    return this.trackEventAsync({ modalClosed: event });
-  }
-  async trackFormSubmittedAsync(event) {
-    return this.trackEventAsync({ formSubmitted: event });
-  }
-  async trackPrivacyPolicyViewedAsync() {
-    return this.trackEventAsync('privacyPolicyViewed');
-  }
-  async trackEventAsync(event) {
-    try {
-      await eventTrackingApi.postAnalyticsEventAsync({
-        event,
-        distinctId: sessionQuery.distinctUserId
-      });
-    }
-    catch (_a) {
-      return;
-    }
-  }
-}
-export default new EventTrackingService();

package/dist/lib/collection/components/cars-calculator-app/services/notifications.service.js

@@ -1,37 +0,0 @@
-import { createStore } from '@stencil/store';
-import { initialState } from './notifications.store';
-class NotificationsService {
-  constructor() {
-    const { state } = createStore(initialState);
-    this._state = state;
-  }
-  get state() {
-    return this._state;
-  }
-  closeCurrent() {
-    const items = [...this._state.items];
-    items.shift();
-    this._state.items = items;
-  }
-  clearNotifications() {
-    this._state.items = [];
-  }
-  showErrorNotification(details, priority) {
-    this.pushNotification(details, priority !== null && priority !== void 0 ? priority : 0, 'danger');
-  }
-  showInfoNotification(details, priority) {
-    this.pushNotification(details, priority !== null && priority !== void 0 ? priority : 0, 'info');
-  }
-  showWarningNotification(details, priority) {
-    this.pushNotification(details, priority !== null && priority !== void 0 ? priority : 0, 'warning');
-  }
-  showSuccessNotification(details, priority) {
-    this.pushNotification(details, priority !== null && priority !== void 0 ? priority : 0, 'success');
-  }
-  pushNotification(details, priority, type) {
-    const items = [...this._state.items];
-    items.push({ details, type, priority });
-    this._state.items = items.sort((a, b) => b.priority - a.priority);
-  }
-}
-export default new NotificationsService();

package/dist/lib/collection/components/cars-calculator-app/services/notifications.store.js

@@ -1,3 +0,0 @@
-export const initialState = {
-  items: []
-};

package/dist/lib/collection/components/cars-calculator-app/services/session.query.js

@@ -1,38 +0,0 @@
-import { Query } from '@datorama/akita';
-import sessionStore from './session.store';
-export class SessionQuery extends Query {
-  constructor(store) {
-    super(store);
-    this.store = store;
-    this.vehicle$ = this.select((state) => state.vehicle);
-    this.user$ = this.select((state) => state.user);
-    this.result$ = this.select((state) => state.quote);
-    this.userDetails$ = this.select((state) => state.userDetails);
-    this.makeList$ = this.select((state) => state.refLists.makeList);
-    this.modelList$ = this.select((state) => state.refLists.modelList);
-    this.yearList$ = this.select((state) => state.refLists.yearList);
-    this.bodyTypeList$ = this.select((state) => state.refLists.bodyTypeList);
-    this.modelVariantsList$ = this.select((state) => state.refLists.modelVariantsList);
-    this.selectedVariant$ = this.select((state) => state.vehicle.selectedVariant);
-    this.quote$ = this.select((state) => state.quote);
-  }
-  get distinctUserId() {
-    return this.getValue().distinctUserId;
-  }
-  get selectedVariant() {
-    return this.getValue().vehicle.selectedVariant;
-  }
-  get vehicle() {
-    return this.getValue().vehicle;
-  }
-  get user() {
-    return this.getValue().user;
-  }
-  get result() {
-    return this.getValue().quote;
-  }
-  get userDetails() {
-    return this.getValue().userDetails;
-  }
-}
-export default new SessionQuery(sessionStore);