| {modelType} | \n {data.map((item, index) => (\n{model} {item.modelVariant} | \n ))}\n
|---|---|
| \n \n {item.text &&\n \n | \n {data.map((item, tdIndex) => {\n return(\n \n \n {item.intervals[index].price}\n {/* {(item.intervals[index].priceDisclaimer && accordionIndex === index) && \n {item.intervals[index].priceDisclaimer} } */}\n {(intervalItem.accordion && intervalItem.accordion.length > 0) && handleAccordionClick(index,e)}>{accordionIndex === index ? 'Close' : 'View details'}}\n | \n )})}\n
| 1 ? '2' : '1'} key={`tr_accordion${index}_${index2}`}>\n \n {accordionItem.title && \n \n {accordionItem.title}\n }\n {accordionItem.text &&\n | \n ) : null\n })}\n
You are now leaving suzuki.com.au and will be redirected to the Suzuki Queensland Website, suzukiqld.com.au
\nWould you like to continue?
\n \n*Should your Suzuki vehicle not be listed please contact your local dealer for more information or consult your Warranty and Service Record Booklet.';\n\nconst serviceTermsText = '
To view the full terms and conditions of the Capped Price Service Program, click here.
';\n\nexport { defaultNewService, defaultOldService, serviceCtas, serviceDisclaimer, serviceTermsText };","import newImage from '../../images/five-year-warranty-new.png';\nimport oldImage from '../../images/five-year-warranty-old.png';\n\nconst defaultNewWarranty = {\n image: newImage,\n items: [\n 'Warranty available for 5 years (unlimited km)*.',\n 'The warranty applicable to vehicles used in commercial applications (taxis, Uber, transportation of goods for payment, rideshare, driver instruction vehicles etc) will be limited to 5 years/160,000 km, whichever occurs first.',\n ],\n disclaimers: ['*For Warranty terms and conditions please consult your vehicles Warranty and Service Record Booklet.']\n};\n\nconst defaultOldWarranty = {\n image: oldImage,\n items: [\n 'Warranty available for 3 years or 100,000km (whichever comes first)*.',\n \"By servicing your Suzuki vehicle every 6 months for 5 years via Suzuki's Capped Price Service program, your vehicle is eligible for a 5 year / 140,000km extended warranty.^\",\n ],\n disclaimers: [\n \"*For Warranty terms and conditions please consult your vehicles Warranty and Service Record Booklet.\",\n \"^Please find the terms and conditions for Suzuki's extended warranty program here.\"\n ]\n};\n\nexport { defaultNewWarranty, defaultOldWarranty };","import { uniqBy, sortBy, range, keyBy } from 'lodash';\nimport sgs1ServiceImage from '../../images/5-Year-544x247.png';\n// import cps2ServiceImage from '../../images/five-year-service-new.png';\n// import newWarrantyImage from '../../images/five-year-warranty-new.png';\n// import oldImage from '../../images/five-year-warranty-old.png';\n\nimport {defaultNewService, defaultOldService} from '../content/service';\nimport {defaultNewWarranty, defaultOldWarranty} from '../content/warranty';\n\nimport * as actions from \"../actions/index\";\n\nexport default function servicingWarranty(state, action) {\n\n if (action.type === actions.SET_SERVICE_WARRANTY_ERROR) {\n return {\n ...state,\n error: action.error\n };\n }\n\n if (action.type === actions.SET_SERVICE_DATA) {\n let image = sgs1ServiceImage;\n switch (action.serviceProgramName) {\n case 'sgs1':\n image = sgs1ServiceImage;\n break;\n\n case 'cps2':\n image = sgs1ServiceImage;\n break;\n }\n // const image = action.serviceProgramName === 'sgs1' ? sgs1ServiceImage : newServiceImage;\n const defaultData = action.oldOrNew === 'new' ? defaultNewService : defaultOldService;\n const items = action.items.length > 0 ? action.items : defaultData.items;\n const disclaimers = action.disclaimers.length > 0 ? action.disclaimers : defaultData.disclaimers;\n\n return {\n ...state,\n serviceContent: {\n ...state.serviceContent,\n items,\n image, \n disclaimers,\n terms: action.termsConditions\n }\n };\n }\n\n if (action.type === actions.SET_WARRANTY_DATA) {\n\n const image = action.oldOrNew === 'old' ? sgs1ServiceImage : sgs1ServiceImage;\n const defaultData = action.oldOrNew === 'new' ? defaultNewWarranty : defaultOldWarranty;\n const items = action.items.length > 0 ? action.items : defaultData.items;\n const disclaimers = action.disclaimers.length > 0 ? action.disclaimers : defaultData.disclaimers;\n\n return {\n ...state,\n warrantyContent: {\n logo: action.logo,\n items,\n image,\n disclaimers\n }\n };\n }\n\n if(action.type === actions.SET_FORM_VALUES) {\n\n const servicePricing = action.payload;\n\n const models = servicePricing ? servicePricing.map(item => {\n const modelName = item.model.trim();\n if (modelName) {\n return {\n value: modelName,\n label: modelName,\n oldOnly: item.old && !item.new ? true : false\n };\n }\n }).filter(model => (\n model !== undefined\n )) : [];\n\n const startYear = 2014;\n const endYear = new Date().getFullYear();\n const years = range(startYear, endYear + 1);\n\n const months = [\n {value: 1, label: \"January\"},\n {value: 2, label: \"February\"},\n {value: 3, label: \"March\"},\n {value: 4, label: \"April\"},\n {value: 5, label: \"May\"},\n {value: 6, label: \"June\"},\n {value: 7, label: \"July\"},\n {value: 8, label: \"August\"},\n {value: 9, label: \"September\"},\n {value: 10, label: \"October\"},\n {value: 11, label: \"November\"},\n {value: 12, label: \"December\"}\n ];\n\n return {\n ...state,\n servicePricing: {\n models: sortBy(uniqBy(models, 'value'), ['label']),\n years,\n months\n }\n };\n }\n\n if(action.type === actions.SET_SCHEDULE) {\n const data = action.payload;\n const vehicles = keyBy(data, 'model');\n return {\n ...state,\n vehicles\n };\n }\n\n if (action.type === actions.SET_TABLE_DATA) {\n\n let tableData;\n\n if (action.tableType === 'new' && action.variants) {\n const turbo = action.variants.filter(item => (item.turbo));\n const nonTurbo = action.variants.filter(item => (!item.turbo));\n tableData = {\n turbo,\n nonTurbo,\n };\n } else {\n tableData = action.variants;\n }\n\n return {\n ...state,\n tableData: {\n model: action.model,\n type: action.tableType,\n table: tableData,\n termsConditions: action.termsConditions,\n serviceCtas: action.serviceCtas\n }\n };\n }\n\n return state;\n}","import * as actions from '../actions/index';\nimport {get} from 'lodash';\nimport roundNumber from '../utils/roundNumber'\n\nexport default function repaymentCalculator(state, action) {\n if (action.type === actions.SET_REPAYMENT_CALC_VAL) {\n\n const fields = state.fields.map(item => {\n if (action.field === 'deposit' && item.id === 'deposit') {\n if (action.value > item.max) {\n return {\n ...item,\n value: item.max\n }\n }\n }\n if (item.id === 'deposit' && action.field === 'amount') {\n return {\n ...item,\n max: action.value * 0.5 // 50% of value\n };\n }\n if (item.id === 'balloon') {\n // if (action.field === 'amount') {\n // // const amountField = state.fields\n // return {\n // ...item,\n // max: action.value - get(state, 'fieldObj.deposit', 0),\n // value: action.value * 0.2\n // };\n // }\n if (action.field === 'deposit') {\n const max = Math.abs(get(state, 'fieldObj.amount', 0) - action.value)\n return {\n ...item,\n max\n };\n }\n }\n if (item.id === action.field) {\n return {\n ...item,\n value: action.value\n };\n }\n return item;\n });\n\n let fieldObj = {};\n\n fields.forEach(field => {\n fieldObj[field.id] = field.value;\n });\n\n let futureVal = fieldObj.balloon === 0 ? 1 : fieldObj.balloon || 8880;\n\n // if (fieldObj.modelVariant && fieldObj.modelVariant.futureValue) {\n // const terms = fieldObj.modelVariant.futureValue.find(term => {\n // return parseInt(term.months.trim()) === fieldObj.loanTerm\n // })\n // //console.log('terms', terms);\n // if (terms && terms.kmsPerYear) {\n // const getFutureVal = terms.kmsPerYear.find(km => {\n // return parseInt(km.kms) === parseInt(fieldObj.travelAllowance)\n // })\n\n // if (getFutureVal && getFutureVal.gfv) {\n // futureVal = parseInt(getFutureVal.gfv)\n // }\n // }\n // }\n\n const vpp = fieldObj.amount; //c4\n const deposit = isNaN(fieldObj.deposit) ? 0 : (fieldObj.deposit); //c5\n const interestRate = isNaN(fieldObj.interest) ? 0 : fieldObj.interest; //c6\n const tol = fieldObj.loanTerm / 12; //c7\n\n const gfv = futureVal; //c9\n const totalLoanAmount = vpp - deposit; //c10\n const estFee = fieldObj.estFee || 499; //c11\n const weeklyAccKeepingFee = fieldObj.weeklyAccKeepingFee || 1.5 // c20\n const monthlyAccKeepingFee = fieldObj.monthlyAccKeepingFee || 8 // d20\n\n const rate = (interestRate == 0 ? 0.001 : interestRate / 1000) / 12; //d15\n const noOfRepayments = tol * 12; //d16\n const pv = totalLoanAmount + estFee; //d17\n const fv = gfv; //d18\n const repaymentVal = ((pv - fv / Math.pow(1 + rate, noOfRepayments)) * rate) / (1 - Math.pow(1 + rate, -noOfRepayments));\n \n return {\n ...state,\n fieldObj,\n balloon: fieldObj.balloon,\n fields,\n totalLoanAmount,\n weeklyAccKeepingFee,\n monthlyAccKeepingFee,\n weeklyRate: ((interestRate == 0 ? 1 : interestRate / 10) / 52),\n monthlyRate: ((interestRate == 0 ? 1 : interestRate / 10) / 12),\n weeklyPmtIncFee: (repaymentVal / 4.33) + weeklyAccKeepingFee,\n monthlyPmtIncFee: repaymentVal + monthlyAccKeepingFee,\n weeklyRepaymentVal: repaymentVal / 4.33,\n monthlyRepaymentVal: repaymentVal,\n estFee,\n interestRate: roundNumber(interestRate / 10),\n gfv,\n totalMonthlyRepayments: Math.ceil(noOfRepayments),\n totalWeeklyRepayments: Math.ceil(noOfRepayments * 4.33)\n };\n }\n return state;\n}\n","import numberWithCommas from '../utils/numberWithCommas';\n\nconst defaultField = {\n min: 0,\n value: 30000,\n max: 60000,\n step: 1000,\n type: 'slider'\n};\n\nconst fields = [\n {\n id: 'postcode'\n },\n {\n id: 'futureValue'\n },\n {\n id: 'model'\n },\n {\n id: 'modelVariant'\n },\n {\n id: 'travelAllowance'\n },\n {\n id: 'estFee'\n },\n {\n id: 'weeklyAccKeepingFee'\n },\n {\n id: 'monthlyAccKeepingFee'\n },\n // Loan Amount\n {\n ...defaultField,\n id: 'amount',\n title: 'Vehicle purchase price*',\n beforeVal: '$',\n type: 'text',\n disabled: true,\n format: numberWithCommas\n },\n // Deposit Amount\n {\n ...defaultField,\n id: 'deposit',\n title: 'Deposit (optional)',\n beforeVal: '$',\n format: numberWithCommas,\n value: 0,\n max: 30000\n },\n // Balloon Amount\n {\n ...defaultField,\n id: 'balloon',\n title: 'Balloon Amount',\n beforeVal: '$',\n format: numberWithCommas,\n value: 0,\n max: 30000\n },\n // Interest\n {\n ...defaultField,\n id: 'interest',\n title: 'Interest rate p.a.',\n afterVal: '%',\n min: 0,\n max: 200,\n step: 1,\n value: 89,\n valType: 'percentage'\n },\n // Loan Term\n {\n ...defaultField,\n id: 'loanTerm',\n title: 'Loan Term',\n type: 'select',\n value: 60,\n options: [\n {\n label: '1 Year',\n value: 12\n },\n {\n label: '2 Years',\n value: 24\n },\n {\n label: '3 Years',\n value: 36\n },\n {\n label: '4 Years',\n value: 48\n },\n {\n label: '5 Years',\n value: 60,\n default: true\n },\n {\n label: '6 Years',\n value: 72\n },\n {\n label: '7 Years',\n value: 84\n }\n ]\n }\n];\n\nexport default fields;\n","import loading from './loading';\nimport { serviceCtas, serviceTermsText } from '../content/service';\nimport servicingWarranty from './servicingWarranty';\nimport repaymentCalculator from './repaymentCalculator';\nimport fields from '../content/repaymentCalculatorFields';\n\nexport const initialState = {\n loading: false,\n repaymentCalculator: {\n fields: fields\n },\n servicingWarranty: {\n vehicles: {},\n servicePricing: null,\n tableData: {},\n error: null,\n warrantyContent: {\n logo: null,\n items: [],\n disclaimers: [],\n },\n serviceContent: {\n items: [],\n disclaimers: [],\n // ctas: serviceCtas,\n terms: serviceTermsText\n }\n }\n};\n\nexport default function reducer(state = initialState, action) {\n return {\n loading: loading(state.loading, action),\n servicingWarranty: servicingWarranty(state.servicingWarranty, action),\n repaymentCalculator: repaymentCalculator(state.repaymentCalculator, action)\n };\n}","import 'core-js/features/set';\nimport 'core-js/features/promise';\nimport 'core-js/features/map';\nimport 'core-js/features/array';\nimport \"regenerator-runtime/runtime\";\n\n\n// Remove click delay\n// import fastclick from 'fastclick';\nimport ReactApp from './core/App';\n// require('dotenv').config();\n\n// if(document && document.body) {\n// fastclick.attach(document.body);\n// }\n\nnew ReactApp();\n","import ReactHabitat from 'react-habitat';\nimport { createStore, applyMiddleware } from 'redux';\nimport { ReduxDomFactory } from 'react-habitat-redux';\nimport {composeWithDevTools} from 'redux-devtools-extension';\nimport thunk from 'redux-thunk';\nimport ServicingWarranty from './modules/ServicingWarranty';\nimport RepaymentCalculator from './modules/RepaymentCalculator';\nimport TestDriveNurture from './modules/TestDriveNurture';\n\nimport reducers , {initialState} from './reducers';\n\nclass MyApp extends ReactHabitat.Bootstrapper {\n constructor(){\n super();\n // Create a new container builder:\n const builder = new ReactHabitat.ContainerBuilder();\n\n const enhancers = composeWithDevTools(\n applyMiddleware(thunk)\n );\n\n const store = createStore(\n reducers,\n initialState,\n enhancers\n );\n\n builder.factory = new ReduxDomFactory(store);\n // Register a component:\n builder.register(ServicingWarranty).as('servicing_warranty');\n builder.register(RepaymentCalculator).as('repayment-calculator');\n builder.register(TestDriveNurture).as('test_drive_nurture');\n\n\n // // Or register a component to load on demand asynchronously:\n // builder.registerAsync(() => System.import('./modules/Sample')).as('sample');\n // builder.registerAsync(() => System.import('./modules/Servicing')).as('servicing');\n\n // builder.registerAsync(async () => await import('./modules/Sample')).as('sample');\n // Finally, set the container:\n this.setContainer(builder.build());\n }\n}\n\n// Always export a 'new' instance so it immediately evokes:\nexport default MyApp;"],"sourceRoot":""}