{"version":3,"file":"static/chunks/pages/brochure-5fc6a13bea599c78.js","mappings":"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","sources":["webpack://_N_E/?c28b","webpack://_N_E/./src/pages/brochure.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/brochure\",\n function () {\n return require(\"private-next-pages/brochure.tsx\");\n }\n ]);\n if(module.hot) {\n module.hot.dispose(function () {\n window.__NEXT_P.push([\"/brochure\"])\n });\n }\n ","/* eslint-disable @next/next/no-img-element */\nimport {\n AuthFill,\n Button,\n Email,\n FirstName,\n LastName,\n MarketingConsent,\n ModelGrid,\n Title,\n} from '@components/form/fields'\nimport { FormStep, FormWrapper } from '@components/form/layout'\nimport { Nav } from '@components/ui'\nimport { useCampaign } from '@contexts/index'\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { ERROR_MESSAGE } from '@utils/constants'\nimport {\n closeOverlay,\n getModelImage,\n getModels,\n getPageData,\n} from '@utils/helpers'\nimport { formEvent } from '@utils/helpers/tracking'\nimport { BrochureSchema } from '@utils/schemas'\nimport axios from 'axios'\nimport type { GetServerSideProps } from 'next'\nimport { useEffect, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { upperCaseFirst } from 'upper-case-first'\n\nconst Brochure = ({\n models,\n content,\n tracking,\n settings,\n brand,\n dealer,\n model,\n query,\n}) => {\n const campaign = useCampaign()\n const [formStep, setFormStep] = useState(1)\n const [user, setUser] = useState(false)\n const [isVehicleExpanded, expandVehicle] = useState(false)\n const [isDetailsExpanded, expandDetails] = useState(false)\n const [formData, setFormData] = useState({})\n const [submitResponse, setSubmitResponse] = useState('')\n\n const step = (newFormStep, userState) => {\n setUser(userState)\n setFormStep(newFormStep)\n }\n\n const initialValues = {\n title: '',\n first_name: '',\n last_name: '',\n email: '',\n model: '',\n consent: {\n user: false,\n },\n campaign_response_code: '',\n campaign_code: '',\n response_code: '',\n dealer: '',\n dealername: '',\n is_lexus: brand === 'lexus',\n }\n\n const methods = useForm({\n resolver: yupResolver(BrochureSchema),\n defaultValues: initialValues,\n mode: 'onTouched',\n })\n\n const VehicleStep = () =>\n formData.modelName ? (\n <div\n className={`relative ${brand === 'lexus' ? ' uppercase' : ''}`}\n data-gt-name=\"componentevent\"\n data-gt-componentname=\"brochure-request\"\n >\n <div className=\"md:flex items-center\">\n <button\n className=\"flex hover:underline\"\n onClick={() => {\n step(1, true)\n expandDetails(false)\n expandVehicle(false)\n setFormData((state) => {\n return {\n ...state,\n modelImage: '',\n modelName: '',\n fuel: null,\n }\n })\n setSubmitResponse('')\n }}\n // data-gt-componentgroup=\"forms\"\n // data-gt-componentname=\"brochure-request\"\n // data-gt-name=\"navevent\"\n // data-gt-action=\"nav-click-cta\"\n // data-gt-label=\"change vehicle\"\n >\n <div className=\"flex flex-col items-baseline md:flex-row md:space-x-2 md:justify-between\">\n <div\n className={`font-medium ${\n brand === 'lexus' ? ' uppercase' : ''\n }`}\n >\n 1. {brand === 'lexus' ? 'Car' : 'Vehicle'}\n </div>\n <span className=\"text-tiny\">Change</span>\n </div>\n </button>\n </div>\n <button\n className=\"md:flex text-tiny hidden mt-1\"\n data-gt-action={`nav-${\n isVehicleExpanded ? 'open' : 'close'\n }-dropdown`}\n data-gt-label=\"vehicle\"\n onClick={() => {\n expandVehicle((state) => !state)\n expandDetails(false)\n }}\n >\n <div>{formData.modelName}</div>\n {formData.label && <div className=\"ml-1\"> {formData.label}</div>}\n\n <div className=\"ml-1 mt-1\">\n {isVehicleExpanded ? (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={3}\n stroke=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M4.5 15.75l7.5-7.5 7.5 7.5\"\n />\n </svg>\n ) : (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={3}\n stroke=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"\n />\n </svg>\n )}\n </div>\n </button>\n {isVehicleExpanded && (\n <div\n className=\"absolute top-[70px] p-[15px] shadow-md z-[10] w-[300px] bg-white\"\n data-gt-componentgroup=\"forms\"\n data-gt-name=\"componentevent\"\n data-gt-componentname=\"brochure-request\"\n >\n <div className=\"flex justify-between\">\n <div>\n <div className=\"text-lg font-medium\">{formData.modelName}</div>\n {formData.fuel !== undefined &&\n formData.fuel.toLowerCase() !== 'petrol' &&\n formData.fuel.toLowerCase() !== 'diesel' && (\n <div\n className={`${\n brand === 'toyota' ? 'font-medium text-blue' : ''\n } uppercase`}\n >\n {formData.fuel}\n </div>\n )}\n </div>\n\n <button\n onClick={() => {\n expandVehicle((state) => !state)\n expandDetails(false)\n }}\n data-gt-action=\"nav-close-dropdown\"\n data-gt-label=\"vehicle\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={1.5}\n stroke=\"currentColor\"\n className=\"w-6 h-6\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n <img\n className=\"w-[100%] font-medium mt-4\"\n src={formData.modelImage}\n alt={formData.modelName}\n />\n </div>\n )}\n </div>\n ) : (\n <div className=\"font-semibold\">\n 1. {brand === 'lexus' ? 'Car' : 'Vehicle'}\n </div>\n )\n\n const DetailsStep = () =>\n formData.first_name ? (\n <div className={`relative ${brand === 'lexus' ? ' uppercase' : ''}`}>\n <div className=\"md:flex items-center\">\n <button\n className=\"flex md:ml-[10px] hover:underline\"\n onClick={() => {\n step(4, true)\n expandDealer(false)\n expandDetails(false)\n expandVehicle(false)\n setFormData((state) => {\n return {\n ...state,\n first_name: '',\n last_name: '',\n email: '',\n phone: '',\n }\n })\n }}\n // data-gt-componentgroup=\"forms\"\n // data-gt-componentname=\"brochure-request\"\n // data-gt-name=\"navevent\"\n // data-gt-action=\"nav-click-cta\"\n // data-gt-label=\"change details\"\n >\n <div className=\"flex flex-col items-baseline md:flex-row md:space-x-2 md:justify-between\">\n <div\n className={`font-medium ${\n brand === 'lexus' ? ' uppercase' : ''\n }`}\n >\n 2. Details\n </div>\n <span className=\"text-tiny\">Change</span>\n </div>\n </button>\n </div>\n <button\n className=\"md:flex text-[13px] mt-[10px] leading-[10px] invisible lg:visible\"\n onClick={() => {\n expandDetails((state) => !state)\n expandDealer(false)\n expandVehicle(false)\n }}\n data-gt-action={`${isDetailsExpanded ? 'open' : 'close'}-dropdown`}\n data-gt-label=\"details\"\n >\n <div>{`${formData.first_name} `} </div>\n\n <div className=\"ml-1 mt-1\">\n {isDetailsExpanded ? (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={3}\n stroke=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M4.5 15.75l7.5-7.5 7.5 7.5\"\n />\n </svg>\n ) : (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={3}\n stroke=\"currentColor\"\n className=\"w-4 h-4\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"\n />\n </svg>\n )}\n </div>\n </button>\n {isDetailsExpanded && (\n <div\n className=\"absolute top-[70px] p-[15px] shadow-md z-[10] w-[300px] bg-white\"\n data-gt-componentgroup=\"forms\"\n data-gt-name=\"componentevent\"\n data-gt-componentname=\"brochure-request\"\n >\n <div className=\"flex justify-between \">\n <div className=\"\">\n {`${formData.first_name} ${formData.last_name}`}\n </div>\n\n <button\n onClick={() => {\n expandDetails((state) => !state)\n expandDealer(false)\n expandVehicle(false)\n }}\n data-gt-action=\"nav-close-dropdown\"\n data-gt-label=\"details\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n strokeWidth={1.5}\n stroke=\"currentColor\"\n className=\"w-6 h-6\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n <div className=\"\"> {`${formData.email} `}</div>\n </div>\n )}\n </div>\n ) : (\n <div className=\"flex flex-row\">\n <div className={`${formStep === 2 ? 'font-semibold' : 'font-medium'}`}>\n 2. Details\n </div>\n </div>\n )\n\n useEffect(() => {\n if (dealer) {\n methods.setValue(\n 'dealer',\n dealer?.applications?.NMSC?.externalID\n ? dealer.applications.NMSC.externalID\n : '',\n )\n methods.setValue('dealername', dealer?.name ? dealer.name : '')\n }\n }, [dealer])\n\n const onSubmit = async (data) => {\n setSubmitResponse('')\n await axios({\n method: 'post',\n url: `${process.env.NEXT_PUBLIC_API}/brochure`,\n headers: {\n 'Content-Type': 'application/json',\n },\n data,\n })\n .then(() => {\n formEvent({\n conversion: 1,\n name: tracking.form,\n step: 'form-submit',\n variant: '',\n page: tracking.page,\n })\n closeOverlay(\n content.confirmation.title,\n content.confirmation.copy,\n setSubmitResponse,\n )\n })\n .catch(() => {\n formEvent({\n conversion: 0,\n name: tracking.form,\n step: 'form-error',\n variant: '',\n page: tracking.page,\n })\n setSubmitResponse(ERROR_MESSAGE)\n throw new Error(ERROR_MESSAGE)\n })\n }\n\n useEffect(() => {\n if (campaign?.campaign) {\n methods.setValue('campaign_code', campaign.campaign)\n }\n\n if (campaign?.media) {\n const code = methods.getValues('campaign_code')\n methods.setValue('campaign_code', code + campaign.media)\n }\n\n if (campaign?.brochure) {\n methods.setValue('campaign_response_code', campaign.brochure)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [campaign])\n\n useEffect(() => {\n if (model) {\n methods.setValue('model', model.d4t4.id)\n setFormData((state) => {\n return {\n ...state,\n modelImage: getModelImage(\n brand,\n model?.image?.id,\n model?.image?.grade,\n model?.image?.color,\n 'webp',\n model?.image?.fallback,\n ),\n modelName: model.name,\n fuel: model?.filters?.fuel[0],\n }\n })\n if (query?.method === 'email') {\n step(2, false)\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [model])\n\n return (\n <>\n <Nav title={content.title} steps={[VehicleStep(), DetailsStep()]} />\n <FormWrapper>\n <FormStep\n title={content.car.title}\n step={formStep}\n active={formStep === 1}\n user={user}\n tracking={{\n conversion: 0,\n name: tracking.form,\n step: 'select-model',\n variant: tracking.variant,\n page: tracking.page,\n }}\n >\n <ModelGrid\n type=\"brochure\"\n models={models}\n pricelist={settings?.pricelist_url}\n showFilter={content.car.filter}\n setModel={(selectedModel) => {\n setTimeout(() => {\n window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })\n }, 100)\n methods.setValue('model', selectedModel.d4t4.id)\n methods.setValue(\n 'response_code',\n dealer\n ? selectedModel?.responsecodes?.dealer_email || ''\n : selectedModel?.responsecodes?.national_email || '',\n )\n setFormData((state) => {\n return {\n ...state,\n modelImage: getModelImage(\n brand,\n selectedModel?.image?.id,\n selectedModel?.image?.grade,\n selectedModel?.image?.color,\n 'webp',\n selectedModel?.image?.fallback,\n ),\n modelName: selectedModel.name,\n fuel: selectedModel?.filters?.fuel[0],\n }\n })\n step(2, true)\n }}\n />\n </FormStep>\n <FormStep\n title={content.details.title}\n step={formStep}\n active={formStep === 2}\n user={user}\n tracking={{\n conversion: 0,\n name: tracking.form,\n step: 'contact-details',\n variant: tracking.variant,\n page: tracking.page,\n }}\n >\n <FormProvider {...methods}>\n <form onSubmit={methods.handleSubmit(onSubmit)}>\n <AuthFill />\n <Title />\n <FirstName />\n <LastName />\n <Email />\n <MarketingConsent />\n <Button submitResponse={submitResponse}>\n {content.details.submit}\n </Button>\n </form>\n </FormProvider>\n </FormStep>\n </FormWrapper>\n </>\n )\n}\n\nexport const getServerSideProps: GetServerSideProps = async (context) => {\n const brand = context.locale\n const form = 'brochure'\n const content = await import(`../content/${brand}/forms/${form}.md`).catch(\n () => null,\n )\n const settings = await import(`../content/${brand}/settings/global.md`).catch(\n () => null,\n )\n\n // if no content/disabled - show 404\n if (!content || !content.attributes?.active) {\n return {\n notFound: true,\n }\n }\n\n // if content property 'hold' or settings property 'maintenance' is true, redirect to holding page\n if (content.attributes?.hold || settings.attributes.maintenance) {\n return {\n redirect: {\n destination: '/maintenance',\n permanent: false,\n },\n }\n }\n\n return {\n props: {\n models: getModels(brand, form),\n content: content.attributes,\n settings: settings.attributes,\n title: content.attributes.title,\n tracking: {\n page: 'brochure-request',\n form: 'lead-brochure-request',\n variant: 'default',\n initialStep: 'select-model',\n },\n description: `${upperCaseFirst(\n brand,\n )} Brochures contain everything you need to know about our range of vehicles. Find out more information on our website or get in touch with us directly.`,\n ...(await getPageData(context, form)),\n },\n }\n}\n\nBrochure.whyDidYouRender = true\n\nexport default Brochure\n","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[6620],{\n\n/***/ 30228:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n (window.__NEXT_P = window.__NEXT_P || []).push([\n \"/brochure\",\n function () {\n return __webpack_require__(8007);\n }\n ]);\n if(false) {}\n \n\n/***/ }),\n\n/***/ 8007:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"__N_SSP\": function() { return /* binding */ __N_SSP; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28598);\n/* harmony import */ var _components_form_fields__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80505);\n/* harmony import */ var _components_form_layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76817);\n/* harmony import */ var _components_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(68551);\n/* harmony import */ var _contexts_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28798);\n/* harmony import */ var _hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(97859);\n/* harmony import */ var _utils_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67958);\n/* harmony import */ var _utils_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(45911);\n/* harmony import */ var _utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(68379);\n/* harmony import */ var _utils_schemas__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(76827);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(46392);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(82684);\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(75367);\n/* eslint-disable @next/next/no-img-element */ \n\n\n\n\n\n\n\n\n\n\n\n\nconst Brochure = (param)=>{\n let { models , content , tracking , settings , brand , dealer , model , query } = param;\n const campaign = (0,_contexts_index__WEBPACK_IMPORTED_MODULE_4__/* .useCampaign */ .yQ)();\n const [formStep, setFormStep] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(1);\n const [user, setUser] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(false);\n const [isVehicleExpanded, expandVehicle] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(false);\n const [isDetailsExpanded, expandDetails] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(false);\n const [formData, setFormData] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)({});\n const [submitResponse, setSubmitResponse] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(\"\");\n const step = (newFormStep, userState)=>{\n setUser(userState);\n setFormStep(newFormStep);\n };\n const initialValues = {\n title: \"\",\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n model: \"\",\n consent: {\n user: false\n },\n campaign_response_code: \"\",\n campaign_code: \"\",\n response_code: \"\",\n dealer: \"\",\n dealername: \"\",\n is_lexus: brand === \"lexus\"\n };\n const methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_11__/* .useForm */ .cI)({\n resolver: (0,_hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_12__/* .yupResolver */ .X)(_utils_schemas__WEBPACK_IMPORTED_MODULE_8__/* .BrochureSchema */ .t1),\n defaultValues: initialValues,\n mode: \"onTouched\"\n });\n const VehicleStep = ()=>formData.modelName ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"relative \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n \"data-gt-name\": \"componentevent\",\n \"data-gt-componentname\": \"brochure-request\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"md:flex items-center\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n className: \"flex hover:underline\",\n onClick: ()=>{\n step(1, true);\n expandDetails(false);\n expandVehicle(false);\n setFormData((state)=>{\n return {\n ...state,\n modelImage: \"\",\n modelName: \"\",\n fuel: null\n };\n });\n setSubmitResponse(\"\");\n },\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"flex flex-col items-baseline md:flex-row md:space-x-2 md:justify-between\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"font-medium \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n children: [\n \"1. \",\n brand === \"lexus\" ? \"Car\" : \"Vehicle\"\n ]\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", {\n className: \"text-tiny\",\n children: \"Change\"\n })\n ]\n })\n })\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"button\", {\n className: \"md:flex text-tiny hidden mt-1\",\n \"data-gt-action\": \"nav-\".concat(isVehicleExpanded ? \"open\" : \"close\", \"-dropdown\"),\n \"data-gt-label\": \"vehicle\",\n onClick: ()=>{\n expandVehicle((state)=>!state);\n expandDetails(false);\n },\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n children: formData.modelName\n }),\n formData.label && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"ml-1\",\n children: [\n \" \",\n formData.label\n ]\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"ml-1 mt-1\",\n children: isVehicleExpanded ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 3,\n stroke: \"currentColor\",\n className: \"w-4 h-4\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M4.5 15.75l7.5-7.5 7.5 7.5\"\n })\n }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 3,\n stroke: \"currentColor\",\n className: \"w-4 h-4\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M19.5 8.25l-7.5 7.5-7.5-7.5\"\n })\n })\n })\n ]\n }),\n isVehicleExpanded && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"absolute top-[70px] p-[15px] shadow-md z-[10] w-[300px] bg-white\",\n \"data-gt-componentgroup\": \"forms\",\n \"data-gt-name\": \"componentevent\",\n \"data-gt-componentname\": \"brochure-request\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"flex justify-between\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"text-lg font-medium\",\n children: formData.modelName\n }),\n formData.fuel !== undefined && formData.fuel.toLowerCase() !== \"petrol\" && formData.fuel.toLowerCase() !== \"diesel\" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"\".concat(brand === \"toyota\" ? \"font-medium text-blue\" : \"\", \" uppercase\"),\n children: formData.fuel\n })\n ]\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n onClick: ()=>{\n expandVehicle((state)=>!state);\n expandDetails(false);\n },\n \"data-gt-action\": \"nav-close-dropdown\",\n \"data-gt-label\": \"vehicle\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 1.5,\n stroke: \"currentColor\",\n className: \"w-6 h-6\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M6 18L18 6M6 6l12 12\"\n })\n })\n })\n ]\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"img\", {\n className: \"w-[100%] font-medium mt-4\",\n src: formData.modelImage,\n alt: formData.modelName\n })\n ]\n })\n ]\n }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"font-semibold\",\n children: [\n \"1. \",\n brand === \"lexus\" ? \"Car\" : \"Vehicle\"\n ]\n });\n const DetailsStep = ()=>formData.first_name ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"relative \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"md:flex items-center\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n className: \"flex md:ml-[10px] hover:underline\",\n onClick: ()=>{\n step(4, true);\n expandDealer(false);\n expandDetails(false);\n expandVehicle(false);\n setFormData((state)=>{\n return {\n ...state,\n first_name: \"\",\n last_name: \"\",\n email: \"\",\n phone: \"\"\n };\n });\n },\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"flex flex-col items-baseline md:flex-row md:space-x-2 md:justify-between\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"font-medium \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n children: \"2. Details\"\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", {\n className: \"text-tiny\",\n children: \"Change\"\n })\n ]\n })\n })\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"button\", {\n className: \"md:flex text-[13px] mt-[10px] leading-[10px] invisible lg:visible\",\n onClick: ()=>{\n expandDetails((state)=>!state);\n expandDealer(false);\n expandVehicle(false);\n },\n \"data-gt-action\": \"\".concat(isDetailsExpanded ? \"open\" : \"close\", \"-dropdown\"),\n \"data-gt-label\": \"details\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n children: [\n \"\".concat(formData.first_name, \" \"),\n \" \"\n ]\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"ml-1 mt-1\",\n children: isDetailsExpanded ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 3,\n stroke: \"currentColor\",\n className: \"w-4 h-4\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M4.5 15.75l7.5-7.5 7.5 7.5\"\n })\n }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 3,\n stroke: \"currentColor\",\n className: \"w-4 h-4\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M19.5 8.25l-7.5 7.5-7.5-7.5\"\n })\n })\n })\n ]\n }),\n isDetailsExpanded && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"absolute top-[70px] p-[15px] shadow-md z-[10] w-[300px] bg-white\",\n \"data-gt-componentgroup\": \"forms\",\n \"data-gt-name\": \"componentevent\",\n \"data-gt-componentname\": \"brochure-request\",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"flex justify-between \",\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"\",\n children: \"\".concat(formData.first_name, \" \").concat(formData.last_name)\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n onClick: ()=>{\n expandDetails((state)=>!state);\n expandDealer(false);\n expandVehicle(false);\n },\n \"data-gt-action\": \"nav-close-dropdown\",\n \"data-gt-label\": \"details\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\",\n strokeWidth: 1.5,\n stroke: \"currentColor\",\n className: \"w-6 h-6\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n d: \"M6 18L18 6M6 6l12 12\"\n })\n })\n })\n ]\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n className: \"\",\n children: [\n \" \",\n \"\".concat(formData.email, \" \")\n ]\n })\n ]\n })\n ]\n }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"flex flex-row\",\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n className: \"\".concat(formStep === 2 ? \"font-semibold\" : \"font-medium\"),\n children: \"2. Details\"\n })\n });\n (0,react__WEBPACK_IMPORTED_MODULE_10__.useEffect)(()=>{\n if (dealer) {\n var ref, ref1;\n methods.setValue(\"dealer\", (dealer === null || dealer === void 0 ? void 0 : (ref = dealer.applications) === null || ref === void 0 ? void 0 : (ref1 = ref.NMSC) === null || ref1 === void 0 ? void 0 : ref1.externalID) ? dealer.applications.NMSC.externalID : \"\");\n methods.setValue(\"dealername\", (dealer === null || dealer === void 0 ? void 0 : dealer.name) ? dealer.name : \"\");\n }\n }, [\n dealer\n ]);\n const onSubmit = async (data)=>{\n setSubmitResponse(\"\");\n await (0,axios__WEBPACK_IMPORTED_MODULE_9__/* [\"default\"] */ .ZP)({\n method: \"post\",\n url: \"\".concat(\"https://api.toyota.co.uk/forms/api\", \"/brochure\"),\n headers: {\n \"Content-Type\": \"application/json\"\n },\n data\n }).then(()=>{\n (0,_utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_7__/* .formEvent */ .Be)({\n conversion: 1,\n name: tracking.form,\n step: \"form-submit\",\n variant: \"\",\n page: tracking.page\n });\n (0,_utils_helpers__WEBPACK_IMPORTED_MODULE_6__/* .closeOverlay */ .Km)(content.confirmation.title, content.confirmation.copy, setSubmitResponse);\n }).catch(()=>{\n (0,_utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_7__/* .formEvent */ .Be)({\n conversion: 0,\n name: tracking.form,\n step: \"form-error\",\n variant: \"\",\n page: tracking.page\n });\n setSubmitResponse(_utils_constants__WEBPACK_IMPORTED_MODULE_5__/* .ERROR_MESSAGE */ .c9);\n throw new Error(_utils_constants__WEBPACK_IMPORTED_MODULE_5__/* .ERROR_MESSAGE */ .c9);\n });\n };\n (0,react__WEBPACK_IMPORTED_MODULE_10__.useEffect)(()=>{\n if (campaign === null || campaign === void 0 ? void 0 : campaign.campaign) {\n methods.setValue(\"campaign_code\", campaign.campaign);\n }\n if (campaign === null || campaign === void 0 ? void 0 : campaign.media) {\n const code = methods.getValues(\"campaign_code\");\n methods.setValue(\"campaign_code\", code + campaign.media);\n }\n if (campaign === null || campaign === void 0 ? void 0 : campaign.brochure) {\n methods.setValue(\"campaign_response_code\", campaign.brochure);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n campaign\n ]);\n (0,react__WEBPACK_IMPORTED_MODULE_10__.useEffect)(()=>{\n if (model) {\n methods.setValue(\"model\", model.d4t4.id);\n setFormData((state)=>{\n var ref, ref1, ref2, ref3, ref4;\n return {\n ...state,\n modelImage: (0,_utils_helpers__WEBPACK_IMPORTED_MODULE_6__/* .getModelImage */ .gU)(brand, model === null || model === void 0 ? void 0 : (ref = model.image) === null || ref === void 0 ? void 0 : ref.id, model === null || model === void 0 ? void 0 : (ref1 = model.image) === null || ref1 === void 0 ? void 0 : ref1.grade, model === null || model === void 0 ? void 0 : (ref2 = model.image) === null || ref2 === void 0 ? void 0 : ref2.color, \"webp\", model === null || model === void 0 ? void 0 : (ref3 = model.image) === null || ref3 === void 0 ? void 0 : ref3.fallback),\n modelName: model.name,\n fuel: model === null || model === void 0 ? void 0 : (ref4 = model.filters) === null || ref4 === void 0 ? void 0 : ref4.fuel[0]\n };\n });\n if ((query === null || query === void 0 ? void 0 : query.method) === \"email\") {\n step(2, false);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n model\n ]);\n return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_ui__WEBPACK_IMPORTED_MODULE_3__/* .Nav */ .JL, {\n title: content.title,\n steps: [\n VehicleStep(),\n DetailsStep()\n ]\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_form_layout__WEBPACK_IMPORTED_MODULE_2__/* .FormWrapper */ .n, {\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_layout__WEBPACK_IMPORTED_MODULE_2__/* .FormStep */ .p, {\n title: content.car.title,\n step: formStep,\n active: formStep === 1,\n user: user,\n tracking: {\n conversion: 0,\n name: tracking.form,\n step: \"select-model\",\n variant: tracking.variant,\n page: tracking.page\n },\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .ModelGrid */ .fZ, {\n type: \"brochure\",\n models: models,\n pricelist: settings === null || settings === void 0 ? void 0 : settings.pricelist_url,\n showFilter: content.car.filter,\n setModel: (selectedModel)=>{\n var ref, ref1;\n setTimeout(()=>{\n window.scrollTo({\n top: 0,\n left: 0,\n behavior: \"smooth\"\n });\n }, 100);\n methods.setValue(\"model\", selectedModel.d4t4.id);\n methods.setValue(\"response_code\", dealer ? (selectedModel === null || selectedModel === void 0 ? void 0 : (ref = selectedModel.responsecodes) === null || ref === void 0 ? void 0 : ref.dealer_email) || \"\" : (selectedModel === null || selectedModel === void 0 ? void 0 : (ref1 = selectedModel.responsecodes) === null || ref1 === void 0 ? void 0 : ref1.national_email) || \"\");\n setFormData((state)=>{\n var ref, ref1, ref2, ref3, ref4;\n return {\n ...state,\n modelImage: (0,_utils_helpers__WEBPACK_IMPORTED_MODULE_6__/* .getModelImage */ .gU)(brand, selectedModel === null || selectedModel === void 0 ? void 0 : (ref = selectedModel.image) === null || ref === void 0 ? void 0 : ref.id, selectedModel === null || selectedModel === void 0 ? void 0 : (ref1 = selectedModel.image) === null || ref1 === void 0 ? void 0 : ref1.grade, selectedModel === null || selectedModel === void 0 ? void 0 : (ref2 = selectedModel.image) === null || ref2 === void 0 ? void 0 : ref2.color, \"webp\", selectedModel === null || selectedModel === void 0 ? void 0 : (ref3 = selectedModel.image) === null || ref3 === void 0 ? void 0 : ref3.fallback),\n modelName: selectedModel.name,\n fuel: selectedModel === null || selectedModel === void 0 ? void 0 : (ref4 = selectedModel.filters) === null || ref4 === void 0 ? void 0 : ref4.fuel[0]\n };\n });\n step(2, true);\n }\n })\n }),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_layout__WEBPACK_IMPORTED_MODULE_2__/* .FormStep */ .p, {\n title: content.details.title,\n step: formStep,\n active: formStep === 2,\n user: user,\n tracking: {\n conversion: 0,\n name: tracking.form,\n step: \"contact-details\",\n variant: tracking.variant,\n page: tracking.page\n },\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_11__/* .FormProvider */ .RV, {\n ...methods,\n children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"form\", {\n onSubmit: methods.handleSubmit(onSubmit),\n children: [\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .AuthFill */ .Pl, {}),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .Title */ .Dx, {}),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .FirstName */ .SW, {}),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .LastName */ .uQ, {}),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .Email */ .GT, {}),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .MarketingConsent */ .nb, {}),\n /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .Button */ .zx, {\n submitResponse: submitResponse,\n children: content.details.submit\n })\n ]\n })\n })\n })\n ]\n })\n ]\n });\n};\nBrochure.whyDidYouRender = true;\nvar __N_SSP = true;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Brochure);\n\n\n/***/ })\n\n},\n/******/ function(__webpack_require__) { // webpackRuntimeModules\n/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }\n/******/ __webpack_require__.O(0, [6572,6018,3163,6276,9774,2888,179], function() { return __webpack_exec__(30228); });\n/******/ var __webpack_exports__ = __webpack_require__.O();\n/******/ _N_E = __webpack_exports__;\n/******/ }\n]);"],"names":["self","push","__unused_webpack_module","__unused_webpack_exports","__webpack_require__","window","__NEXT_P","__webpack_exports__","r","d","__N_SSP","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","_components_form_fields__WEBPACK_IMPORTED_MODULE_1__","_components_form_layout__WEBPACK_IMPORTED_MODULE_2__","_components_ui__WEBPACK_IMPORTED_MODULE_3__","_contexts_index__WEBPACK_IMPORTED_MODULE_4__","_hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_12__","_utils_constants__WEBPACK_IMPORTED_MODULE_5__","_utils_helpers__WEBPACK_IMPORTED_MODULE_6__","_utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_7__","_utils_schemas__WEBPACK_IMPORTED_MODULE_8__","axios__WEBPACK_IMPORTED_MODULE_9__","react__WEBPACK_IMPORTED_MODULE_10__","react_hook_form__WEBPACK_IMPORTED_MODULE_11__","Brochure","models","content","tracking","settings","brand","dealer","model","query","param","campaign","yQ","formStep","setFormStep","useState","user","setUser","isVehicleExpanded","expandVehicle","isDetailsExpanded","expandDetails","formData","setFormData","submitResponse","setSubmitResponse","step","newFormStep","userState","methods","cI","resolver","X","t1","defaultValues","title","first_name","last_name","email","consent","campaign_response_code","campaign_code","response_code","dealername","is_lexus","mode","useEffect","ref","ref1","setValue","applications","NMSC","externalID","name","onSubmit","data","ZP","method","url","concat","headers","then","Be","conversion","form","variant","page","Km","confirmation","copy","catch","c9","media","code","getValues","brochure","d4t4","id","ref2","ref3","ref4","state","modelImage","gU","image","grade","color","fallback","modelName","fuel","filters","jsxs","Fragment","children","jsx","JL","steps","className","label","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","undefined","toLowerCase","src","alt","expandDealer","phone","n","p","car","active","fZ","type","pricelist","pricelist_url","showFilter","filter","selectedModel","setTimeout","scrollTo","top","left","behavior","responsecodes","dealer_email","national_email","details","RV","handleSubmit","Pl","Dx","SW","uQ","GT","nb","zx","submit","whyDidYouRender","O","s","_N_E"],"sourceRoot":""}