@flarehr/cars-calculator 2.9.7 → 2.9.13

package/dist/lib/esm/ap-ben-asset_15.entry.js

@@ -185,7 +185,8 @@ function createInitialState() {
       annualKms: none,
       paymentPeriod: none,
       state: none,
-      term: none
+      term: none,
+      employmentType: none
     },
     quote: {
       afterTaxEffectPerPayCycle: none,
@@ -232,7 +233,7 @@ let SessionStore = class SessionStore extends Store {
     this.update((state) => (Object.assign(Object.assign({}, state), { refLists: Object.assign(Object.assign({}, state.refLists), { [name]: some(value) }) })));
   }
   setDistinctUserId(userId) {
-    _function.pipe(userId, fold(() => ({}), distinctUserId => this.update((state) => (Object.assign(Object.assign({}, state), { distinctUserId })))));
+    _function.pipe(userId, fold(() => ({}), (distinctUserId) => this.update((state) => (Object.assign(Object.assign({}, state), { distinctUserId })))));
   }
 };
 SessionStore = __decorate([
@@ -2997,7 +2998,8 @@ class CarsCalculatorService {
         payPeriod: getOrError(user.paymentPeriod),
         annualKm: getOrError(user.annualKms),
         state: getOrError(user.state),
-        leaseTermInYears: getOrError(user.term)
+        leaseTermInYears: getOrError(user.term),
+        employmentType: getOrError(user.employmentType)
       },
       websiteQuote: {
         afterTaxEffectPerPayCycle: getOrError(result.afterTaxEffectPerPayCycle),
@@ -3025,6 +3027,7 @@ class CarsCalculatorService {
       isSome(user.paymentPeriod) &&
       isSome(user.state) &&
       isSome(user.term) &&
+      isSome(user.employmentType) &&
       isSome(vehicle.selectedVariant);
     if (!isAllInformationAvailable) {
       return;
@@ -3054,7 +3057,8 @@ class CarsCalculatorService {
       payPeriod: getOrError(user.paymentPeriod),
       annualKm: getOrError(user.annualKms),
       state: getOrError(user.state),
-      leaseTermInYears: getOrError(user.term)
+      leaseTermInYears: getOrError(user.term),
+      employmentType: getOrError(user.employmentType)
     };
     const response = await backendApi.postCarsQuoteResult(req);
     const quoteResult = {
@@ -3170,6 +3174,13 @@ const PersonalInfoSection = class {
     this.terms = generateTermsOptionsArray(5);
     this.states = ['ACT', 'NSW', 'NT', 'QLD', 'SA', 'TAS', 'VIC', 'WA'];
     this.paymentPeriods = ['Monthly', 'Fortnightly', 'Weekly'];
+    this.employmentTypes = [
+      'Full-time',
+      'Part-time',
+      'Casual',
+      'Contractor',
+      'Other'
+    ];
     sessionQuery.user$.subscribe((state) => (this.userInfo = state));
   }
   render() {
@@ -3191,7 +3202,7 @@ const PersonalInfoSection = class {
       }, 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) }))));
+      }, 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) })), 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" }, "Employment Type"), h("fl-dropdown", { class: "d-flex my-2 my-lg-0", options: toSelectInputOptionsArray(this.employmentTypes), requiredValidationMessage: "Select an option", placeholder: "Select...", value: this.getUserInfo('employmentType'), onValueChanged: (e) => this.updateUserInfo('employmentType', e.detail.value) }))));
   }
   updateUserInfo(key, value) {
     sessionStore.update({ user: Object.assign(Object.assign({}, this.userInfo), { [key]: some(value) }) });