@flarehr/apollo-benefits 0.1.106 → 0.3.53396

package/dist/lib/collection/components/cars-calculator-app/pages/choose-vehicle-section.component.js

@@ -1,193 +0,0 @@
-var __asyncValues = (this && this.__asyncValues) || function (o) {
-  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var m = o[Symbol.asyncIterator], i;
-  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-};
-import { Component, h, Host, State } from '@stencil/core';
-import { pipe } from 'fp-ts/function';
-import * as O from 'fp-ts/Option';
-import { getOrDefault, getOrError } from '../../../utils';
-import carsCalculatorApi from '../api/cars-calculator.api';
-import sessionQuery from '../services/session.query';
-import sessionStore from '../services/session.store';
-export class ChooseVehicleSection {
-  constructor() {
-    this.toCapitalCase = (str) => str === null || str === void 0 ? void 0 : str.split(' ').map((part) => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase()).join(' ');
-    sessionQuery.vehicle$.subscribe((state) => (this.vehicleInfo = state));
-    sessionQuery.makeList$.subscribe((state) => (this.makeList = getOrDefault(state, [])));
-    sessionQuery.modelList$.subscribe((state) => (this.modelList = getOrDefault(state, [])));
-    sessionQuery.yearList$.subscribe((state) => (this.yearList = getOrDefault(state, [])));
-    sessionQuery.bodyTypeList$.subscribe((state) => (this.bodyTypeList = getOrDefault(state, [])));
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "d-flex flex-column flex-wrap flex-md-row align-items-center justify-content-center h4" },
-        h("div", { class: "d-flex align-items-center" }, "I'm looking to buy a"),
-        h("div", { class: "d-flex mx-2 my-2 my-md-0" },
-          h("div", { class: "btn-group", role: "group", "aria-label": "New or used vehicle" },
-            h("button", { type: "button", class: {
-                'btn btn-outline-dark px-5': true,
-                active: !this.isUsedCarSelected()
-              }, onClick: (_event) => sessionStore.setVehicleState('isUsedCarRequested', false) }, "New"),
-            h("button", { type: "button", class: {
-                'btn btn-outline-dark px-5': true,
-                active: this.isUsedCarSelected()
-              }, onClick: (_event) => sessionStore.setVehicleState('isUsedCarRequested', true) }, "Used"))),
-        this.isUsedCarSelected() ? (h("div", { class: "d-flex flex-column flex-md-row align-items-center justify-content-center my-0 my-md-2 my-xl-0" },
-          h("span", { class: "pr-0 pr-sm-2 d-flex text-center" }, "vehicle, with a purchase price of"),
-          h("input", { placeholder: "25000", type: "text", class: "form-control d-flex w-auto mt-2 mt-md-0", value: '$' + this.getVehicleInfo('approximatePrice'), 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) => sessionStore.setVehicleState('approximatePrice', parseFloat(e.target.value)) }))) : (h("div", { class: "d-flex align-items-center" }, "vehicle"))),
-      h("div", { class: "d-flex flex-wrap flex-column flex-md-row align-items-center justify-content-center mt-5 h4" },
-        h("div", { class: "d-flex align-items-center" }, "I'm interested in a"),
-        h("div", { class: "d-flex mx-2 my-2 my-md-0" },
-          h("fl-dropdown", { options: this.makeList, requiredValidationMessage: "Select an option", placeholder: "select make", value: this.getVehicleInfo('makeId'), onValueChanged: (e) => this.chooseMake(e.detail.label, e.detail.value) })),
-        h("div", { class: "d-flex mx-2 my-2 my-md-0" },
-          h("fl-dropdown", { options: this.modelList, requiredValidationMessage: "Select an option", placeholder: "select model", value: this.getVehicleInfo('modelId'), disabled: O.isNone(this.vehicleInfo.makeId), onValueChanged: (e) => this.chooseModel(e.detail.label, e.detail.value) })),
-        h("div", { class: "d-flex align-items-center" }, "built in"),
-        h("div", { class: "d-flex mx-2 my-2 my-xl-0" },
-          h("fl-dropdown", { options: this.yearList, requiredValidationMessage: "Select an option", placeholder: "select year", value: this.getVehicleInfo('year'), disabled: O.isNone(this.vehicleInfo.modelId), onValueChanged: (e) => this.chooseYear(e.detail.value) }))),
-      h("div", { class: "d-flex align-items-center justify-content-center justify-content-md-start mt-5" },
-        h("div", { class: "btn-group", role: "group", "aria-label": "Body types" }, this.bodyTypeList.map((bodyType) => (h("button", { type: "button", class: {
-            'btn btn-sm btn-outline-dark px-5': true,
-            active: this.isBodyTypeSelected(bodyType.value)
-          }, onClick: (_event) => this.chooseBodyType(bodyType.label, bodyType.value) }, bodyType.label)))))));
-  }
-  async componentDidLoad() {
-    var _a;
-    if (((_a = this.makeList) === null || _a === void 0 ? void 0 : _a.length) > 0)
-      return;
-    const carsMakes = await carsCalculatorApi.getCarsMakes();
-    sessionStore.updateList('makeList', carsMakes.map((make) => ({
-      label: this.toCapitalCase(make.name),
-      value: make.make_id
-    })));
-  }
-  async chooseMake(make, makeId) {
-    var _a;
-    this.clearModelStates();
-    this.clearYearStates();
-    this.clearBodyTypeStates();
-    this.clearVariantsList();
-    if (((_a = this.modelList) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-      sessionStore.updateList('modelList', (await carsCalculatorApi.getCarsModels(makeId)).map((model) => ({
-        label: this.toCapitalCase(model.model_code),
-        value: model.model_id
-      })));
-    }
-    sessionStore.setVehicleState('make', make);
-    sessionStore.setVehicleState('makeId', makeId);
-  }
-  async chooseModel(model, modelId) {
-    var _a;
-    this.clearYearStates();
-    this.clearBodyTypeStates();
-    this.clearVariantsList();
-    if (((_a = this.yearList) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-      sessionStore.updateList('yearList', (await carsCalculatorApi.getCarsModelYears(modelId))
-        .sort()
-        .reverse()
-        .map((year) => ({
-        label: year.toString(),
-        value: year
-      })));
-    }
-    sessionStore.setVehicleState('model', model);
-    sessionStore.setVehicleState('modelId', modelId);
-  }
-  async chooseYear(year) {
-    var _a;
-    this.clearBodyTypeStates();
-    this.clearVariantsList();
-    const modelId = getOrError(this.vehicleInfo.modelId);
-    if (((_a = this.bodyTypeList) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-      sessionStore.updateList('bodyTypeList', (await carsCalculatorApi.getCarsModelBodyTypes(modelId, year)).map((bodyType) => ({
-        label: bodyType.body_type,
-        value: bodyType.body_type_id
-      })));
-    }
-    sessionStore.setVehicleState('year', year);
-    await this.chooseBodyType(this.bodyTypeList[0].label, this.bodyTypeList[0].value);
-  }
-  async chooseBodyType(bodyType, bodyTypeId) {
-    var e_1, _a;
-    this.clearVariantsList();
-    const modelId = getOrError(this.vehicleInfo.modelId);
-    const year = getOrError(this.vehicleInfo.year);
-    const variantPromises = (await carsCalculatorApi.getCarsModelVariant(modelId, year, bodyTypeId)).map(async (variant) => {
-      var _a;
-      const photoUri = await carsCalculatorApi.getCarsVariantPhotos(variant.variant_id);
-      return {
-        variantId: variant.variant_id,
-        description: variant.short_description,
-        buildYear: variant.build_year,
-        modelMonth: variant.model_month,
-        listPriceGross: variant.list_price_gross,
-        photoUri: O.fromNullable((_a = photoUri === null || photoUri === void 0 ? void 0 : photoUri[0]) === null || _a === void 0 ? void 0 : _a.photo_uri)
-      };
-    });
-    const variantList = [];
-    try {
-      for (var variantPromises_1 = __asyncValues(variantPromises), variantPromises_1_1; variantPromises_1_1 = await variantPromises_1.next(), !variantPromises_1_1.done;) {
-        const variant = variantPromises_1_1.value;
-        variantList.push(variant);
-      }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-      try {
-        if (variantPromises_1_1 && !variantPromises_1_1.done && (_a = variantPromises_1.return)) await _a.call(variantPromises_1);
-      }
-      finally { if (e_1) throw e_1.error; }
-    }
-    sessionStore.updateList('modelVariantsList', variantList);
-    sessionStore.setVehicleState('bodyType', bodyType);
-    sessionStore.setVehicleState('bodyTypeId', bodyTypeId);
-  }
-  clearModelStates() {
-    this.modelList = [];
-    this.clearVehicleState('model');
-    this.clearVehicleState('modelId');
-  }
-  clearYearStates() {
-    this.yearList = [];
-    this.clearVehicleState('year');
-  }
-  clearBodyTypeStates() {
-    this.bodyTypeList = [];
-    this.clearVehicleState('bodyType');
-    this.clearVehicleState('bodyTypeId');
-  }
-  clearVariantsList() {
-    sessionStore.updateList('modelVariantsList', []);
-  }
-  clearVehicleState(key) {
-    sessionStore.setVehicleState(key, null);
-  }
-  getVehicleInfo(key) {
-    return pipe(this.vehicleInfo[key], O.getOrElse(() => ''));
-  }
-  isBodyTypeSelected(bodyTypeId) {
-    return pipe(this.vehicleInfo.bodyTypeId, O.fold(() => false, (selectedBodyTypeId) => selectedBodyTypeId === bodyTypeId));
-  }
-  isUsedCarSelected() {
-    return pipe(this.vehicleInfo.isUsedCarRequested, O.getOrElse(() => false));
-  }
-  static get is() { return "ap-ben-choose-vehicle-section"; }
-  static get states() { return {
-    "makeList": {},
-    "modelList": {},
-    "yearList": {},
-    "bodyTypeList": {},
-    "vehicleInfo": {}
-  }; }
-}

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

@@ -1,38 +0,0 @@
-import { Component, Event, h, Host } from '@stencil/core';
-import completeImage from '../../../assets/image/complete.svg';
-export class CompleteSection {
-  render() {
-    return (h(Host, null,
-      h("div", { class: "container" },
-        h("div", { class: "row" },
-          h("div", { class: "col" },
-            h("h3", null, "What happens next?"))),
-        h("div", { class: "row" },
-          h("div", { class: "col" },
-            h("div", { class: "d-flex justify-content-center p-4" },
-              h("img", { class: "img-fluid", src: completeImage, alt: "" })))),
-        h("div", { class: "row" },
-          h("div", { class: "col text-center" },
-            h("p", null, "Thanks! We\u2019ll contact you within the next business day to discuss your quote in more detail."))),
-        h("div", { class: "row" },
-          h("div", { class: "col text-center" },
-            h("fl-button", { class: "font-weight-bold", onClick: () => { var _a; return (_a = this.closed) === null || _a === void 0 ? void 0 : _a.emit(); } }, "Close"))))));
-  }
-  static get is() { return "ap-ben-complete-section"; }
-  static get events() { return [{
-      "method": "closed",
-      "name": "closed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-}

package/dist/lib/collection/components/cars-calculator-app/pages/cost-breakdown-section.component.js

@@ -1,47 +0,0 @@
-import { Component, h, Host, Prop } from '@stencil/core';
-import { getOrDefault } from '../../../utils';
-export class CostBreakdownSection {
-  render() {
-    return (h(Host, null,
-      h("div", { class: "container text-left" },
-        h("div", { class: "row" },
-          h("div", { class: "col" },
-            h("p", null, "Here\u2019s an estimate based on your kms:"))),
-        this.generateLine('Finance', this.quote.financedAmount),
-        this.generateLine('Fuel', this.quote.fuel),
-        this.generateLine('Servicing and maintenance', this.quote.serviceAndMaintenance),
-        this.generateLine('Registration and CTP', this.quote.registrationAndCtp),
-        this.generateLine('Comprehensive insurance', this.quote.comprehensiveInsurance),
-        this.generateLine('Management fee', this.quote.managementFee))));
-  }
-  generateLine(name, value) {
-    return (h("div", { class: "row" },
-      h("div", { class: "col" }, name),
-      h("div", { class: "col text-right" },
-        "$",
-        getOrDefault(value, null))));
-  }
-  static get is() { return "ap-ben-cost-breakdown-section"; }
-  static get properties() { return {
-    "quote": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "QuoteResult",
-        "resolved": "{ afterTaxEffectPerPayCycle: Option<number>; taxSaving: Option<number>; residualValue: Option<number>; financedAmount: Option<number>; fuel: Option<number>; serviceAndMaintenance: Option<number>; registrationAndCtp: Option<number>; comprehensiveInsurance: Option<number>; managementFee: Option<number>; quoteState: \"Not calculated\" | \"Calculation pending\" | \"Calculated\"; }",
-        "references": {
-          "QuoteResult": {
-            "location": "import",
-            "path": "../services/session.store"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}

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

@@ -1,34 +0,0 @@
-.abe-car-icon {
-  max-width: 120px;
-  height: 80px;
-  object-fit: contain;
-}
-
-.abe-fade-in-bottom {
-  -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
-  animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
-}
-@-webkit-keyframes fade-in-bottom {
-  0% {
-    -webkit-transform: translateY(50px);
-    transform: translateY(50px);
-    opacity: 0;
-  }
-  100% {
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes fade-in-bottom {
-  0% {
-    -webkit-transform: translateY(50px);
-    transform: translateY(50px);
-    opacity: 0;
-  }
-  100% {
-    -webkit-transform: translateY(0);
-    transform: translateY(0);
-    opacity: 1;
-  }
-}

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

@@ -1,64 +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 sessionQuery from '../services/session.query';
-export class ModelVariantsSection {
-  constructor() {
-    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 abe-fade-in-bottom" }, O.isNone(this.selectedVariant)
-      ? this.variantsList.map((variant) => this.variantCard(variant, false))
-      : this.variantCard(this.selectedVariant.value, true)));
-  }
-  variantCard(variant, isSelected) {
-    const imgSrc = getOrDefault(variant.photoUri, this.placeholderImage);
-    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" }, variant.description.toLowerCase()),
-        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);
-  }
-  chooseVariant(variant) {
-    carsCalculatorService.selectVariant(O.some(variant));
-  }
-  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,66 +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 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) }) });
-  }
-  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,86 +0,0 @@
-import { Component, getAssetPath, h, Host, State } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-import { getOrDefault } from '../../../utils';
-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) => (h("span", null,
-      "$",
-      this.quote.quoteState === 'Calculation pending' ? (h("fl-loading-indicator", { class: "ml-2" })) : (getOrDefault(quoteField, null))));
-    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" }, this.getRenderedPaymentPeriod())),
-        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" }, "Total tax savings")),
-        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" }, "Residual value")),
-        h("fl-button", { class: "mt-2", isBlockElement: true, onClick: () => (this.showRequestQuoteModal = true) }, "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) }, "View running cost breakdown")),
-      h("ap-ben-modal-section", { show: this.showRequestQuoteModal, showHeader: true, onModalClosed: () => {
-          this.showRequestQuoteModal = false;
-          this.showCompletePage = false;
-        } }, 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), 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,75 +0,0 @@
-import { Component, Event, h, Host, 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 sessionQuery from '../services/session.query';
-import sessionStore from '../services/session.store';
-export class SubmitQuoteSection {
-  constructor() {
-    sessionQuery.userDetails$.subscribe((state) => (this.userDetails = state));
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "container p-0 text-left" },
-        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')),
-        h("div", { class: "row mt-3" },
-          this.inputField('contactNumber', 'Mobile Number'),
-          this.inputField('employerName', 'Employer Name')),
-        h("div", { class: "row mt-4" },
-          h("div", { class: "col" },
-            h("fl-button", { class: "font-weight-bold float-right", onClick: () => this.handleSubmit() },
-              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/" }, "privacy policy"),
-                ".")))))));
-  }
-  inputField(stateKey, placeholder) {
-    return (h("div", { class: "col" },
-      h("input", { placeholder: placeholder, type: "text", class: "form-control", minlength: "2", onChange: (e) => {
-          this.updateUserDetail(stateKey, e.target.value.trim());
-        } })));
-  }
-  updateUserDetail(key, value) {
-    sessionStore.update({ userDetails: Object.assign(Object.assign({}, this.userDetails), { [key]: O.some(value) }) });
-  }
-  async handleSubmit() {
-    var _a;
-    const enquiryRequest = carsCalculatorService.generateCarsEnquiryRequest();
-    await backendApi.postQuoteInfoAsync(enquiryRequest);
-    (_a = this.enquirySubmitted) === null || _a === void 0 ? void 0 : _a.emit();
-  }
-  static get is() { return "ap-ben-submit-quote-section"; }
-  static get states() { return {
-    "userDetails": {}
-  }; }
-  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();