@flarehr/apollo-benefits 1.2.97 → 1.3.52

package/dist/lib/collection/components/benefits-app-host/services/session.store.js

@@ -1,33 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Store, StoreConfig } from '@datorama/akita';
-import * as O from 'fp-ts/Option';
-export var AuthenticationState;
-(function (AuthenticationState) {
-  AuthenticationState[AuthenticationState["Unauthorized"] = 0] = "Unauthorized";
-  AuthenticationState[AuthenticationState["SignInPending"] = 1] = "SignInPending";
-  AuthenticationState[AuthenticationState["Authenticated"] = 2] = "Authenticated";
-  AuthenticationState[AuthenticationState["SignOutPending"] = 3] = "SignOutPending";
-  AuthenticationState[AuthenticationState["Error"] = 4] = "Error";
-})(AuthenticationState || (AuthenticationState = {}));
-export function createInitialState() {
-  return {
-    authenticationState: AuthenticationState.Unauthorized,
-    jwt: O.none,
-    appConfiguration: O.none
-  };
-}
-let SessionStore = class SessionStore extends Store {
-  constructor() {
-    super(createInitialState());
-  }
-};
-SessionStore = __decorate([
-  StoreConfig({ name: 'benefits-host', resettable: true })
-], SessionStore);
-export { SessionStore };
-export default new SessionStore();

package/dist/lib/collection/components/cars-calculator-app/api/api-client.js

@@ -1,5 +0,0 @@
-import wretch from 'wretch';
-import appConfigurationService from '../services/app-configuration.service';
-export function backendApiClient() {
-  return wretch(appConfigurationService.apiBaseUrl);
-}

package/dist/lib/collection/components/cars-calculator-app/api/cars-calculator-events.model.js

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

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

@@ -1,45 +0,0 @@
-import { backendApiClient } from './api-client';
-export class CarsCalculatorApi {
-  async getCarsMakes() {
-    const res = (await backendApiClient().url('/makes').get().json());
-    return res.qt_makes;
-  }
-  async getCarsModels(makeId) {
-    const res = (await backendApiClient()
-      .url(`/makes/${makeId}/models`)
-      .get()
-      .json());
-    return res.qt_models;
-  }
-  async getCarsModelYears(modelId) {
-    return backendApiClient().url(`/models/${modelId}/years`).get().json();
-  }
-  async getCarsModelBodyTypes(modelId, year) {
-    const res = (await backendApiClient()
-      .url(`/models/${modelId}/years/${year}/body-types`)
-      .get()
-      .json());
-    return res.qt_body_types;
-  }
-  async getCarsModelVariant(modelId, year, bodyTypeId) {
-    const res = (await backendApiClient()
-      .url(`/models/${modelId}/years/${year}/body-types/${bodyTypeId}/variants`)
-      .get()
-      .json());
-    return res.qt_variants;
-  }
-  async getCarsVariantPhotos(variantId) {
-    const res = (await backendApiClient()
-      .url(`/variants/${variantId}/photos`)
-      .get()
-      .json());
-    return res.qt_variant_photos;
-  }
-  async postCarsQuoteResult(req) {
-    return (await backendApiClient().url(`/quote`).post(req).json());
-  }
-  async postQuoteInfoAsync(req) {
-    return backendApiClient().url(`/enquiry`).post(req).text();
-  }
-}
-export default new CarsCalculatorApi();

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

@@ -1,7 +0,0 @@
-import { backendApiClient } from './api-client';
-export class EventTrackingApi {
-  async postAnalyticsEventAsync(event) {
-    return backendApiClient().url('/analytics-events').post(event).res();
-  }
-}
-export default new EventTrackingApi();

package/dist/lib/collection/components/cars-calculator-app/cars-calculator-app.css

@@ -1,22 +0,0 @@
-.abe-app-container {
-  --fl-color-primary: #3a6cc8;
-  --fl-color-primary-light: #517ccc;
-  --fl-color-primary-dark: #3a6cc8;
-  --fl-color-primary-disabled: #517ccc;
-  --fl-color-primary-hover: #3a6cc8;
-  --fl-color-primary-focus: #3a6cc8;
-  --fl-color-primary-text: white;
-  --fl-color-secondary: #e5e5e5;
-  --fl-color-secondary-hover: #b3b3b3;
-  --fl-color-secondary-focus: #b3b3b3;
-  font-size: 0.9rem;
-  line-height: 1.7;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  select,
-textarea,
-input {
-    font-size: 16px;
-  }
-}

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

@@ -1,97 +0,0 @@
-import '@flarehr/beacon';
-import { Component, h, Host, Prop, State } from '@stencil/core';
-import * as O from 'fp-ts/Option';
-import appConfigurationService from './services/app-configuration.service';
-import eventTrackingService from './services/event-tracking.service';
-import sessionQuery from './services/session.query';
-import viewService from './services/view.service';
-export class CarsCalculatorApp {
-  constructor() {
-    this.areStylesLoaded = false;
-    this.isModelSelected = false;
-    this.isVariantSelected = false;
-    this.isQuoteCalculated = false;
-    this.renderVariantsList = () => (h("div", { class: "row" },
-      h("div", { class: "col" },
-        h("ap-ben-model-variants-section", null))));
-    this.renderModelSelection = () => (h("div", { class: "row mt-4" },
-      h("div", { class: "col" },
-        h("ap-ben-choose-vehicle-section", null))));
-    this.renderQuoteCalculation = () => [
-      h("div", { class: "row mt-4" },
-        h("div", { class: "col-12 col-md-6 col-lg-7 d-flex flex-column justify-content-between" },
-          h("ap-ben-personal-info-section", null),
-          h("div", { class: "mt-4 d-none d-lg-block" },
-            h(this.disclaimer, null))),
-        h("div", { class: "col-12 col-md-6 col-lg-5 mt-4 mt-md-0" }, this.isQuoteCalculated && h("ap-ben-quote-result-section", null))),
-      h("div", { class: "row my-4 d-lg-none" },
-        h("div", { class: "col-12" },
-          h(this.disclaimer, null)))
-    ];
-    this.disclaimer = () => (h("div", { class: "bg-light p-4" }, "Figures shown are estimates only and are based on an estimated driveaway price of the vehicle which includes dealer delivery, CTP, Rego and Stamp duty."));
-  }
-  componentDidLoad() {
-    appConfigurationService.apiBaseUrl = this.apiBaseUrl;
-    viewService.topElement = this.hostElement;
-    return eventTrackingService.trackAppLoadedAsync();
-  }
-  componentWillLoad() {
-    sessionQuery.vehicle$.subscribe((vehicle) => {
-      this.isVariantSelected = O.isSome(vehicle.selectedVariant);
-      this.isModelSelected = O.isSome(vehicle.bodyType);
-    });
-    sessionQuery.quote$.subscribe((quote) => {
-      this.isQuoteCalculated = quote.quoteState !== 'Not calculated';
-    });
-  }
-  render() {
-    return (h(Host, { class: "d-flex flex-column flex-fill justify-content-between", ref: (el) => (this.hostElement = el) },
-      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("div", { class: "abe-app-container d-flex flex-grow-1 justify-content-center" },
-      h("div", { class: "container my-0 my-lg-4" },
-        !this.isVariantSelected && this.renderModelSelection(),
-        this.isModelSelected && this.renderVariantsList(),
-        this.isVariantSelected && this.renderQuoteCalculation())));
-  }
-  static get is() { return "cars-calculator-app"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["cars-calculator-app.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["cars-calculator-app.css"]
-  }; }
-  static get properties() { return {
-    "apiBaseUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "api-base-url",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "areStylesLoaded": {},
-    "isModelSelected": {},
-    "isVariantSelected": {},
-    "isQuoteCalculated": {}
-  }; }
-}

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

@@ -1,25 +0,0 @@
-import { Component, h, Host } from '@stencil/core';
-import notificationsService from '../services/notifications.service';
-export class NotificationsSection {
-  disconnectedCallback() {
-    notificationsService.clearNotifications();
-  }
-  render() {
-    const { items } = notificationsService.state;
-    if (items.length <= 0)
-      return h(Host, null);
-    const firstAlert = items[0];
-    const className = `alert alert-${firstAlert.type}`;
-    return (h("div", { class: className, role: "alert" },
-      h("div", { class: "d-flex" },
-        h("p", { class: "mb-0 flex-grow-1" },
-          h("strong", null, items[0].details.title)),
-        h("button", { onClick: this.handleClose, type: "button", class: "close pb-1", "aria-label": "Close" },
-          h("span", { "aria-hidden": "true" }, "\u00D7"))),
-      h("p", { class: "mb-0 mt-1" }, items[0].details.description)));
-  }
-  handleClose() {
-    notificationsService.closeCurrent();
-  }
-  static get is() { return "ap-ben-notifications-section"; }
-}

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

@@ -1,27 +0,0 @@
-import { Component, getAssetPath, h, Prop } from '@stencil/core';
-export class Asset {
-  render() {
-    return h("img", { src: getAssetPath(`./common-assets/${this.image}`) });
-  }
-  static get is() { return "ap-ben-asset"; }
-  static get assetsDirs() { return ["common-assets"]; }
-  static get properties() { return {
-    "image": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image",
-      "reflect": false
-    }
-  }; }
-}

package/dist/lib/collection/components/cars-calculator-app/pages/assets/car-placeholder.svg

@@ -1,5 +0,0 @@
-<svg width="150" height="50" viewBox="0 0 150 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M147.859 27.2664C147.859 27.2664 147.49 21.3963 146.743 19.2433C145.999 17.0924 146.546 17.6277 146.053 16.1782C146.053 16.1782 143.395 15.9454 142.648 16.0886C134.017 16.4473 114.222 1.89957 98.524 0.393849C98.524 0.393849 67.4955 -0.642153 61.8405 0.64636C56.1856 1.9366 43.3008 14.0127 41.2199 14.5146C30.5077 14.9425 3.2471 24.7294 3.2471 24.7294C2.50302 25.2314 1.90757 29.1369 1.90757 29.1369L2.27984 30.1407C-0.771056 32.8674 0.121669 38.603 0.121669 38.603L0.986842 42.5865L2.27984 41.1099C-0.247905 42.2569 1.61029 43.2612 1.61029 43.2612L7.26526 43.6934C9.01838 44.2178 14.8966 44.4013 19.0306 44.4307C18.4495 43.0167 18.119 41.4824 18.119 39.8711C18.119 33.0175 23.9042 27.4434 31.0173 27.4434C38.1277 27.4434 43.9156 33.0175 43.9156 39.8711C43.9156 41.3587 43.6273 42.7818 43.1275 44.1079L109.348 44.0006C108.874 42.7052 108.602 41.321 108.602 39.8711C108.602 33.0175 114.388 27.4434 121.501 27.4434C128.611 27.4434 134.399 33.0175 134.399 39.8711C134.399 41.1458 134.197 42.3781 133.825 43.5368C140.415 42.0691 148.091 41.0407 148.091 41.0407L149.504 39.2481C149.504 39.2481 150.62 31.5772 149.504 30.3579C148.387 29.1416 147.859 27.2664 147.859 27.2664Z" fill="#D0D0D0"/>
-<path d="M31.0143 49.9995C35.2439 49.9995 38.8669 47.5773 40.5365 44.1073C41.1571 42.8144 41.5294 41.3875 41.5294 39.8657C41.5294 34.269 36.8206 29.7324 31.0125 29.7324C25.2039 29.7324 20.4951 34.2669 20.4951 39.8657C20.4951 41.5129 20.9415 43.0476 21.6672 44.4205C23.4059 47.7188 26.9148 49.9995 31.0143 49.9995Z" fill="#D0D0D0"/>
-<path d="M121.495 49.9995C125.676 49.9995 129.257 47.6288 130.95 44.2237C131.611 42.9014 132.01 41.432 132.01 39.8657C132.01 34.269 127.301 29.7324 121.493 29.7324C115.684 29.7324 110.976 34.2669 110.976 39.8657C110.976 41.3377 111.317 42.7292 111.903 43.9904C113.55 47.5263 117.217 49.9995 121.495 49.9995Z" fill="#D0D0D0"/>
-</svg>

package/dist/lib/collection/components/cars-calculator-app/pages/assets/check.svg

@@ -1,13 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<path d="M19.6095 10C19.6095 15.3072 15.3072 19.6095 10 19.6095C4.69284 19.6095 0.390625 15.3072 0.390625 10C0.390625 4.69284 4.69284 0.390625 10 0.390625C15.3072 0.390625 19.6095 4.69284 19.6095 10Z" fill="white"/>
-<path d="M13.3468 5.46326L8.69177 10.1183L6.65411 8.0806L4.44434 10.2904L6.48199 12.328L8.69177 14.5377L15.5564 7.67303L13.3468 5.46326Z" fill="#FDBD00"/>
-<path d="M8.69177 14.9283C8.58817 14.9283 8.48883 14.8871 8.41559 14.8138L4.16815 10.5666C4.01556 10.414 4.01556 10.1666 4.16815 10.014L6.37778 7.80441C6.53036 7.65182 6.77771 7.65182 6.9303 7.80441L8.69177 9.56589L13.0704 5.18707C13.1437 5.11383 13.2432 5.07263 13.3468 5.07263C13.4502 5.07263 13.5497 5.11383 13.623 5.18707L15.8326 7.39685C15.9852 7.54929 15.9852 7.79663 15.8326 7.94922L8.96796 14.814C8.89471 14.8872 8.79538 14.9283 8.69177 14.9283ZM4.99686 10.2904L8.69177 13.9853L15.004 7.67303L13.3468 6.01562L8.96796 10.3944C8.81537 10.547 8.56802 10.547 8.41559 10.3944L6.65411 8.63297L4.99686 10.2904Z" fill="black"/>
-<path d="M9.99756 20C9.74243 20 9.487 19.9902 9.23111 19.9707C6.85471 19.7885 4.61655 18.7587 2.92892 17.0712C1.04019 15.1823 0 12.6712 0 10C0 7.32895 1.04019 4.81766 2.92892 2.92892C4.81766 1.04019 7.32895 0 10 0C12.6712 0 15.1823 1.04019 17.0712 2.92892C18.7587 4.61655 19.7885 6.85471 19.9707 9.23111C20.1509 11.5817 19.4963 13.9247 18.1276 15.8287C18.0017 16.0039 15.4883 18.9844 15.2539 18.1276C15.2539 18.0078 17.3674 15.5478 17.4933 15.3726C20.1389 11.6927 19.729 6.69174 16.5187 3.48129C12.9243 -0.113068 7.07581 -0.113068 3.48145 3.48129C-0.113068 7.07581 -0.113068 12.9242 3.48145 16.5187C6.69174 19.7289 11.6928 20.1389 15.3728 17.4931C15.5479 17.3672 18.4961 14.5703 16.6992 16.9183C17.4414 16.9183 15.9961 18.0114 15.8287 18.1276C14.1319 19.3474 12.0863 20 9.99756 20Z" fill="black"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
-</svg>

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

@@ -1,234 +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 eventTrackingService from '../services/event-tracking.service';
-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);
-                eventTrackingService.trackInputChangedAsync({
-                  key: 'isUsedCar',
-                  value: 'false'
-                });
-              } }, "New"),
-            h("button", { type: "button", class: {
-                'btn btn-outline-dark px-5': true,
-                active: this.isUsedCarSelected()
-              }, onClick: (_event) => {
-                sessionStore.setVehicleState('isUsedCarRequested', true);
-                eventTrackingService.trackInputChangedAsync({
-                  key: 'isUsedCar',
-                  value: '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) => {
-              const elmValue = e.target.value;
-              const newValue = (elmValue === null || elmValue === void 0 ? void 0 : elmValue.length) > 0 ? parseFloat(elmValue) : null;
-              sessionStore.setVehicleState('approximatePrice', newValue);
-              eventTrackingService.trackInputChangedAsync({
-                key: 'approximatePrice',
-                value: String(newValue)
-              });
-            } }))) : (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 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 flex-wrap", 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
-    })));
-    eventTrackingService.trackStepProgressedAsync({ stepName: 'carSelection' });
-  }
-  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);
-    eventTrackingService.trackInputChangedAsync({
-      key: 'make',
-      value: make
-    });
-  }
-  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);
-    eventTrackingService.trackInputChangedAsync({
-      key: 'model',
-      value: model
-    });
-  }
-  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);
-    this.chooseBodyType(this.bodyTypeList[0].label, this.bodyTypeList[0].value);
-    eventTrackingService.trackInputChangedAsync({
-      key: 'year',
-      value: year.toString()
-    });
-  }
-  async chooseBodyType(bodyType, bodyTypeId) {
-    var e_1, _a;
-    this.clearVariantsList();
-    sessionStore.setVehicleState('bodyType', bodyType);
-    sessionStore.setVehicleState('bodyTypeId', bodyTypeId);
-    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,
-        engineLitres: variant.engine_litres,
-        transmission: variant.transmission,
-        fuelTypeId: variant.fuel_type_translation_id,
-        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);
-    eventTrackingService.trackStepProgressedAsync({ stepName: 'variantSelection' });
-    eventTrackingService.trackInputChangedAsync({
-      key: 'bodyType',
-      value: bodyType
-    });
-  }
-  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/common-assets/icon-info.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 16C3.58863 16 0 12.4114 0 8C0 3.58893 3.58893 0 8 0C12.4111 0 16 3.58893 16 8C16 12.4114 12.4114 16 8 16ZM8 0.615379C3.92798 0.615379 0.615379 3.92829 0.615379 8C0.615379 12.0717 3.92829 15.3846 8 15.3846C12.0717 15.3846 15.3846 12.0717 15.3846 8C15.3846 3.92829 12.0717 0.615379 8 0.615379Z" fill="#202020"/>
-<path d="M8.77817 3.96101C8.79202 4.38962 8.47784 4.73208 7.97817 4.73208C7.5357 4.73208 7.22125 4.38932 7.22125 3.96101C7.22125 3.51854 7.54986 3.17578 8.00649 3.17578C8.47818 3.17578 8.77817 3.51854 8.77817 3.96101ZM7.37876 12.8143V5.90318H8.63508V12.8143H7.37876Z" fill="#202020"/>
-</svg>

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,45 +0,0 @@
-import { Component, h, Host, Prop } from '@stencil/core';
-import { getOrDefault } from '../../../utils';
-export class CostBreakdownSection {
-  render() {
-    return (h(Host, { class: "d-flex flex-column justify-content-between text-left mb-3" },
-      h("span", { class: "pb-2" }, "Here\u2019s an estimate based on your kms:"),
-      h("span", { class: "text-muted text-right" }, "(per pay)"),
-      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: "d-flex flex-row" },
-      h("span", { class: "d-flex-inline flex-grow-1 text-left" }, name),
-      h("span", { class: "d-flex-inline 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;
-  }
-}