{"version":3,"file":"static/chunks/pages/test-drive-8f8b8a94db3ed6a7.js","mappings":"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","sources":["webpack://_N_E/?c399","webpack://_N_E/./src/assets/icons/ev.svg","webpack://_N_E/./src/pages/test-drive.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/test-drive\",\n      function () {\n        return require(\"private-next-pages/test-drive.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/test-drive\"])\n      });\n    }\n  ","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgEv = function SvgEv(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 64,\n    height: 29,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M63.3 13.93h-.01c.45.38.71.94.71 1.53V20c0 1.1-.9 2-2 2h-6.06c-.49 3.95-3.86 7-7.94 7s-7.45-3.05-7.94-7H19.94c-.49 3.95-3.82 7-7.94 7-4.12 0-7.51-3.12-7.95-7.13a7.12 7.12 0 0 1-3.48-1.88c-.39-.39-.57-.9-.57-1.38V9.35c0-.76.44-1.43 1.07-1.78 1.22-.68 2.74-1.76 3.95-3C5.88 3.68 6.5 2.8 6.8 2H4.01c-.55 0-1-.45-1-1s.45-1 1-1h34.4c.26 0 .52.04.77.15 2.14.9 5.87 3.04 11.68 6.94 3.39 1.2 5.66 2.19 7.51 3.25 1.86 1.06 3.27 2.17 4.93 3.59ZM6.01 20.98c0 3.31 2.69 6 6 6s6-2.69 6-6-2.69-6-6-6-6 2.69-6 6Zm36 0c0 3.31 2.69 6 6 6s6-2.69 6-6-2.69-6-6-6-6 2.69-6 6Zm13.94-1H62v-4.52c-1.63-1.38-2.93-2.4-4.63-3.37-1.71-.98-3.85-1.92-7.19-3.11-.16-.06-.31-.14-.45-.23-5.79-3.89-9.38-5.93-11.34-6.76H8.88c-.34 1.47-1.34 2.84-2.43 3.96C5.09 7.35 3.4 8.54 2.04 9.3c-.02.01-.03.03-.03.03v9.25A5.2 5.2 0 0 0 4.1 19.8c.57-3.86 3.83-6.82 7.91-6.82s7.45 3.05 7.94 7h20.12c.49-3.95 3.86-7 7.94-7s7.45 3.05 7.94 7ZM32.53 8.96h.35l.01.01c1.43 0 2.28 1.59 1.49 2.78l-3.68 5.52c-1.08 1.63-3.62.58-3.24-1.34l.58-2.94h-.24c-1.41 0-2.27-1.56-1.51-2.75l3.44-5.4c1.05-1.64 3.59-.67 3.27 1.25l-.47 2.87Z\",\n    fill: \"currentColor\"\n  })));\n};\nexport default SvgEv;","/* eslint-disable @next/next/no-img-element */\nimport { CheckboxInput } from '@components/form/baseInputs'\nimport {\n  AuthFill,\n  Button,\n  Comments,\n  Date,\n  DealerFinder,\n  Email,\n  FirstName,\n  LastName,\n  MarketingConsent,\n  ModelGrid,\n  Tel,\n} from '@components/form/fields'\nimport { FormStep, FormWrapper } from '@components/form/layout'\nimport { Nav } from '@components/ui'\nimport { useCampaign, useDealer } 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 { TestDriveSchema } from '@utils/schemas'\nimport axios from 'axios'\nimport type { GetServerSideProps } from 'next'\nimport { useRouter } from 'next/router'\nimport { useEffect, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { upperCaseFirst } from 'upper-case-first'\n\nimport EVLogo from '../assets/icons/ev.svg'\n\nconst TestDrive = ({\n  models,\n  content,\n  tracking,\n  brand,\n  dealer,\n  model,\n  query,\n}) => {\n  const { push, query: routerQuery } = useRouter()\n  const clientDealer = useDealer()\n  const campaign = useCampaign()\n  const [formStep, setFormStep] = useState(1)\n  const [isVehicleExpanded, expandVehicle] = useState(false)\n  const [isDealerExpanded, expandDealer] = useState(false)\n  const [isDetailsExpanded, expandDetails] = useState(false)\n  const [formData, setFormData] = useState({})\n  const [submitResponse, setSubmitResponse] = useState('')\n  const [user, setUser] = useState(false)\n  const [selectedDealer, setSelectedDealer] = useState({})\n\n  if (clientDealer) {\n    // eslint-disable-next-line no-param-reassign\n    dealer = clientDealer\n  }\n\n  const step = (newFormStep, userState) => {\n    setUser(userState)\n    setFormStep(newFormStep)\n  }\n\n  const configID = (query?.configId || query?.code)?.replace(\n    /[^a-zA-Z0-9]/g,\n    '',\n  )\n\n  const initialValues = {\n    first_name: '',\n    last_name: '',\n    email: '',\n    tel: '',\n    model: '',\n    date: '',\n    time: 'AM',\n    notes: '',\n    testdrive_type: 'Standard',\n    consent: {\n      user: false,\n    },\n    response_code: '',\n    campaign_response_code: '',\n    campaign_code: '',\n    crm_response_source: '',\n    is_dealer: query?.source === 'dealer' || query?.source === 'centre',\n    dealer: 0,\n    dealer_name: '',\n    configID: configID ? `tme.one/${configID}` : '',\n    is_lexus: brand === 'lexus',\n    enhanced_testdrive: false,\n    enhanced_vehicle: {\n      id: '',\n      label: '',\n    },\n  }\n\n  const methods = useForm({\n    resolver: yupResolver(TestDriveSchema),\n    defaultValues: initialValues,\n    mode: 'onTouched',\n  })\n\n  const handleSetDealer = (dealerObj) => {\n    methods.setValue('dealer', dealerObj.id)\n    methods.setValue('dealer_name', dealerObj.name)\n    step(3, true)\n    setSelectedDealer(dealerObj)\n  }\n\n  const isEnhancedTestDriveSelected = methods.watch('enhanced_testdrive')\n\n  useEffect(() => {\n    let params = routerQuery\n    if (isEnhancedTestDriveSelected) {\n      params = {\n        ...routerQuery,\n        ev_enhance: methods.getValues('enhanced_vehicle.id'),\n      }\n    } else {\n      delete params.ev_enhance\n    }\n\n    push({ query: { ...params } }, undefined, {\n      shallow: true,\n    })\n  }, [isEnhancedTestDriveSelected])\n\n  useEffect(() => {\n    if (query?.type?.toLowerCase() === '48hr') {\n      methods.setValue('testdrive_type', 'FortyEightHr')\n    }\n    if (query?.featured?.toLowerCase() === 'motability') {\n      methods.setValue('testdrive_type', 'Motability TD')\n    }\n    if (query?.featured?.toLowerCase() === 'fleet') {\n      methods.setValue('testdrive_type', 'Fleet TD')\n    }\n  }, [query])\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?.testDrive) {\n      methods.setValue('campaign_response_code', campaign.testDrive)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [campaign])\n\n  useEffect(() => {\n    if (model) {\n      if (brand === 'lexus') {\n        methods.setValue('response_code', model?.responsecodes?.test_drive)\n      }\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      step(dealer ? 3 : 2, false)\n    }\n  }, [model])\n\n  useEffect(() => {\n    if (dealer) {\n      methods.setValue('is_dealer', true)\n      methods.setValue('testdrive_type', 'TwentyFourHr')\n      methods.setValue(\n        'dealer',\n        dealer?.applications?.NMSC?.externalID\n          ? dealer.applications.NMSC.externalID\n          : '',\n      )\n      methods.setValue('dealer_name', dealer.name)\n      setSelectedDealer(dealer)\n      step(model ? 3 : 1, false)\n    }\n  }, [dealer])\n\n  const VehicleStep = () =>\n    formData.modelName ? (\n      <div\n        className={`relative ${brand === 'lexus' ? ' uppercase' : ''}`}\n        data-gt-name=\"componentevent\"\n        data-gt-componentname=\"test-drive\"\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              methods.setValue('dealer', '')\n              methods.setValue('dealer_name', '')\n              setSelectedDealer({})\n              setFormData((state) => {\n                return {\n                  ...state,\n                  modelImage: '',\n                  modelName: '',\n                  fuel: null,\n                  dealerID: '',\n                  dealerName: '',\n                  dealerDistance: '',\n                  address: '',\n                }\n              })\n              setSubmitResponse('')\n            }}\n            // data-gt-componentgroup=\"forms\"\n            // data-gt-componentname=\"test-drive\"\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            expandDealer(false)\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=\"size-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=\"size-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=\"test-drive\"\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                  expandDealer(false)\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=\"size-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-full 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 DealerStep = () =>\n    selectedDealer.name ? (\n      <div\n        className={`relative ${brand === 'lexus' ? ' uppercase' : ''}`}\n        data-gt-name=\"componentevent\"\n        data-gt-componentname=\"test-drive\"\n      >\n        <div className=\"md:flex items-center\">\n          <button\n            className=\"flex hover:underline\"\n            onClick={() => {\n              step(2, true)\n              expandDealer(false)\n              expandDetails(false)\n              expandVehicle(false)\n              methods.setValue('dealer', '')\n              methods.setValue('dealer_name', '')\n              setSelectedDealer({})\n            }}\n            // data-gt-componentgroup=\"forms\"\n            // data-gt-componentname=\"test-drive\"\n            // data-gt-name=\"navevent\"\n            // data-gt-action=\"nav-click-cta\"\n            // data-gt-label=\"change dealer\"\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. {brand === 'lexus' ? 'Centre' : 'Dealer'}\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          onClick={() => {\n            expandDealer((state) => !state)\n            expandVehicle(false)\n            expandDetails(false)\n          }}\n          data-gt-action={`nav-${isDealerExpanded ? 'open' : 'close'}-dropdown`}\n          data-gt-label=\"dealer\"\n        >\n          <div className=\"break-all w-full\"> {selectedDealer?.name} </div>\n\n          <div className=\"ml-1 mt-1\">\n            {isDealerExpanded ? (\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=\"size-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=\"size-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        {isDealerExpanded && (\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=\"test-drive\"\n          >\n            <div className=\"flex justify-between\">\n              <div className=\"flex\">\n                <div className=\"text-tiny lowercase\">\n                  {selectedDealer.distance &&\n                    `${(selectedDealer.distance * 0.62137119).toFixed(\n                      2,\n                    )} miles`}\n                </div>\n              </div>\n\n              <button\n                onClick={() => {\n                  expandDealer((state) => !state)\n                  expandVehicle(false)\n                  expandDetails(false)\n                }}\n                data-gt-action=\"nav-close-dropdown\"\n                data-gt-label=\"dealer\"\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=\"size-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\n            {selectedDealer?.name && (\n              <div className=\"my-[10px] font-medium\">\n                {selectedDealer?.name}\n              </div>\n            )}\n\n            {selectedDealer?.address?.address && (\n              <div className=\"normal-case\">\n                {' '}\n                {selectedDealer?.address?.address}\n              </div>\n            )}\n            {selectedDealer?.address?.address1 && (\n              <div className=\"normal-case\">\n                {' '}\n                {selectedDealer?.address?.address1}\n              </div>\n            )}\n            {selectedDealer?.address?.city && (\n              <div className=\"normal-case\">\n                {' '}\n                {selectedDealer?.address?.city}\n              </div>\n            )}\n            {selectedDealer?.address?.zip && (\n              <div className=\"normal-case\"> {selectedDealer?.address?.zip}</div>\n            )}\n          </div>\n        )}\n      </div>\n    ) : (\n      <div className=\"flex flex-row\">\n        <div className={`${formStep === 2 ? 'font-semibold' : 'font-medium'}`}>\n          2. {brand === 'lexus' ? 'Centre' : 'Dealer'}\n        </div>\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 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=\"test-drive\"\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                3. 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={`nav-${isDealerExpanded ? '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=\"size-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=\"size-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=\"test-drive\"\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=\"size-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 className=\"\"> {`${formData.phone} `}</div>\n          </div>\n        )}\n      </div>\n    ) : (\n      <div className=\"flex flex-row\">\n        <div className={`${formStep === 3 ? 'font-semibold' : 'font-medium'}`}>\n          3. Details\n        </div>\n      </div>\n    )\n\n  const onSubmit = async (data) => {\n    setSubmitResponse('')\n    const formatData = data\n\n    if (data.enhanced_testdrive) {\n      formatData.notes = `Customer would like to enhance their visit and test drive the ${data.enhanced_vehicle.label}`\n    }\n\n    await axios({\n      method: 'post',\n      url: `${process.env.NEXT_PUBLIC_API}/test-drive`,\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      data: formatData,\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  return (\n    <>\n      <Nav\n        title={content.title}\n        steps={[VehicleStep(), DealerStep(), DetailsStep()]}\n      />\n      <FormWrapper>\n        <FormStep\n          title={content.car.title}\n          subtitle=\"<p> If you're a fleet manager or small business owner, <a href='/fleet/callback'  rel='noopener noreferrer' data-gt-name='link' data-gt-action=`callback-click-link` data-gt-label='callback-link' target='_blank'>click here</a> to request a demo.</p>\"\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            models={models}\n            showFilter={content.car.filter}\n            setModel={(selectedModel) => {\n              if (brand === 'lexus') {\n                methods.setValue(\n                  'response_code',\n                  selectedModel?.responsecodes?.test_drive,\n                )\n              }\n\n              methods.resetField('enhanced_testdrive')\n\n              if (\n                brand === 'toyota' &&\n                selectedModel.d4t4.id === 'All New RAV4 Hybrid'\n              ) {\n                methods.setValue('enhanced_vehicle', {\n                  id: 'rav4PluginHybrid',\n                  label: 'RAV4 Plug-in Hybrid',\n                })\n              }\n\n              if (brand === 'toyota' && selectedModel.d4t4.id === 'RAV4 PHEV') {\n                methods.setValue('enhanced_vehicle', {\n                  id: 'bx4x',\n                  label: 'All-Electric bZ4X',\n                })\n              }\n\n              if (brand === 'lexus' && selectedModel.d4t4.id.includes('NX')) {\n                methods.setValue('enhanced_vehicle', {\n                  id: 'rz',\n                  label: 'All-Electric RZ',\n                })\n              }\n\n              if (brand === 'lexus' && selectedModel.d4t4.id.includes('RX')) {\n                methods.setValue('enhanced_vehicle', {\n                  id: 'rz',\n                  label: 'All-Electric RZ',\n                })\n              }\n\n              methods.setValue('model', selectedModel.d4t4.id)\n              setTimeout(() => {\n                window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })\n              }, 100)\n              if (methods.getValues('dealer')) {\n                step(3, true)\n              } else {\n                step(2, true)\n              }\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] || undefined,\n                }\n              })\n            }}\n          />\n        </FormStep>\n      </FormWrapper>\n\n      <FormStep\n        step={formStep}\n        active={formStep === 2}\n        user={user}\n        noContainer={true}\n        tracking={{\n          conversion: 0,\n          name: tracking.form,\n          step: 'select-dealer-get-location',\n          variant: tracking.variant,\n          page: tracking.page,\n        }}\n      >\n        <div className=\"relative z-[1]\">\n          <DealerFinder setDealer={handleSetDealer} />\n        </div>\n      </FormStep>\n\n      <FormWrapper>\n        <FormStep\n          title={content.details.title}\n          step={formStep}\n          active={formStep === 3}\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              <FirstName />\n              <LastName />\n              <Email />\n              <Tel\n                optional\n                helper=\"Leave your phone number if you would like to discuss your test drive over the phone.\"\n              />\n              {brand === 'lexus' && (\n                <Date\n                  showAmPm={true}\n                  helper=\"Let us know if you have a preferred date or time and we'll do our best to arrange your booking for this time.\"\n                />\n              )}\n              <Comments\n                label=\"Additional Comments\"\n                helper=\"Let us know if you have any specific requirements.\"\n              />\n\n              {methods.getValues('enhanced_vehicle.id') && (\n                <div className=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-2 md:gap-4 items-start justify-top mt-8 mb-4 md:mb-2\">\n                  <div className=\"pt-5 pb-6 px-6 border-2 border-blue bg-primary md:col-span-2 lg:col-span-1\">\n                    <div className=\"flex flex-col-reverse md:flex-row items-end md:items-center gap-4 mb-4\">\n                      <h4 className=\"font-semibold\">\n                        Would you like to enhance your visit and test drive the{' '}\n                        {methods.getValues('enhanced_vehicle.label')}?\n                      </h4>\n                      <EVLogo className={'text-blue shrink-0'} />\n                    </div>\n                    <CheckboxInput\n                      name={'enhanced_testdrive'}\n                      label={`Yes, I would like to test drive the ${methods.getValues(\n                        'enhanced_vehicle.label',\n                      )}`}\n                    />\n                  </div>\n                </div>\n              )}\n              <MarketingConsent />\n\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 = 'test-drive'\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: 'test-drive',\n        form: 'lead-test-drive',\n        variant: 'test-drive',\n        initialStep: 'select-model',\n      },\n      description: `A test drive is the best way to check which ${upperCaseFirst(\n        brand,\n      )} is the one for you and booking is easy. Interested? Get in touch directly with one of our ${upperCaseFirst(\n        brand,\n      )} experts.`,\n      ...(await getPageData(context, form)),\n    },\n  }\n}\n\nTestDrive.whyDidYouRender = true\n\nexport default TestDrive\n","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[4987],{\n\n/***/ 62328:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/test-drive\",\n      function () {\n        return __webpack_require__(82326);\n      }\n    ]);\n    if(false) {}\n  \n\n/***/ }),\n\n/***/ 82326:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"__N_SSP\": function() { return /* binding */ __N_SSP; },\n  \"default\": function() { return /* binding */ test_drive; }\n});\n\n// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js\nvar jsx_runtime = __webpack_require__(28598);\n// EXTERNAL MODULE: ./src/components/form/baseInputs/index.ts + 17 modules\nvar baseInputs = __webpack_require__(68113);\n// EXTERNAL MODULE: ./src/components/form/fields/index.ts + 84 modules\nvar fields = __webpack_require__(80505);\n// EXTERNAL MODULE: ./src/components/form/layout/index.ts + 2 modules\nvar layout = __webpack_require__(76817);\n// EXTERNAL MODULE: ./src/components/ui/index.ts + 8 modules\nvar ui = __webpack_require__(68551);\n// EXTERNAL MODULE: ./src/contexts/index.tsx + 96 modules\nvar contexts = __webpack_require__(28798);\n// EXTERNAL MODULE: ./node_modules/@hookform/resolvers/yup/dist/yup.mjs + 1 modules\nvar yup = __webpack_require__(97859);\n// EXTERNAL MODULE: ./src/utils/constants.ts\nvar constants = __webpack_require__(67958);\n// EXTERNAL MODULE: ./src/utils/helpers/index.ts + 9 modules\nvar helpers = __webpack_require__(45911);\n// EXTERNAL MODULE: ./src/utils/helpers/tracking.ts + 1 modules\nvar helpers_tracking = __webpack_require__(68379);\n// EXTERNAL MODULE: ./src/utils/schemas/index.ts + 43 modules\nvar schemas = __webpack_require__(76827);\n// EXTERNAL MODULE: ./node_modules/axios/index.js + 40 modules\nvar axios = __webpack_require__(46392);\n// EXTERNAL MODULE: ./node_modules/next/router.js\nvar router = __webpack_require__(34376);\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__(82684);\n// EXTERNAL MODULE: ./node_modules/react-hook-form/dist/index.esm.mjs\nvar index_esm = __webpack_require__(75367);\n;// CONCATENATED MODULE: ./src/assets/icons/ev.svg\nvar _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nvar SvgEv = function SvgEv(props) {\n  return /*#__PURE__*/react.createElement(\"svg\", _extends({\n    width: 64,\n    height: 29,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/react.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M63.3 13.93h-.01c.45.38.71.94.71 1.53V20c0 1.1-.9 2-2 2h-6.06c-.49 3.95-3.86 7-7.94 7s-7.45-3.05-7.94-7H19.94c-.49 3.95-3.82 7-7.94 7-4.12 0-7.51-3.12-7.95-7.13a7.12 7.12 0 0 1-3.48-1.88c-.39-.39-.57-.9-.57-1.38V9.35c0-.76.44-1.43 1.07-1.78 1.22-.68 2.74-1.76 3.95-3C5.88 3.68 6.5 2.8 6.8 2H4.01c-.55 0-1-.45-1-1s.45-1 1-1h34.4c.26 0 .52.04.77.15 2.14.9 5.87 3.04 11.68 6.94 3.39 1.2 5.66 2.19 7.51 3.25 1.86 1.06 3.27 2.17 4.93 3.59ZM6.01 20.98c0 3.31 2.69 6 6 6s6-2.69 6-6-2.69-6-6-6-6 2.69-6 6Zm36 0c0 3.31 2.69 6 6 6s6-2.69 6-6-2.69-6-6-6-6 2.69-6 6Zm13.94-1H62v-4.52c-1.63-1.38-2.93-2.4-4.63-3.37-1.71-.98-3.85-1.92-7.19-3.11-.16-.06-.31-.14-.45-.23-5.79-3.89-9.38-5.93-11.34-6.76H8.88c-.34 1.47-1.34 2.84-2.43 3.96C5.09 7.35 3.4 8.54 2.04 9.3c-.02.01-.03.03-.03.03v9.25A5.2 5.2 0 0 0 4.1 19.8c.57-3.86 3.83-6.82 7.91-6.82s7.45 3.05 7.94 7h20.12c.49-3.95 3.86-7 7.94-7s7.45 3.05 7.94 7ZM32.53 8.96h.35l.01.01c1.43 0 2.28 1.59 1.49 2.78l-3.68 5.52c-1.08 1.63-3.62.58-3.24-1.34l.58-2.94h-.24c-1.41 0-2.27-1.56-1.51-2.75l3.44-5.4c1.05-1.64 3.59-.67 3.27 1.25l-.47 2.87Z\",\n    fill: \"currentColor\"\n  })));\n};\n/* harmony default export */ var ev = (SvgEv);\n;// CONCATENATED MODULE: ./src/pages/test-drive.tsx\n/* eslint-disable @next/next/no-img-element */ \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst TestDrive = (param)=>{\n    let { models , content , tracking , brand , dealer , model , query  } = param;\n    var ref;\n    const { push , query: routerQuery  } = (0,router.useRouter)();\n    const clientDealer = (0,contexts/* useDealer */.qY)();\n    const campaign = (0,contexts/* useCampaign */.yQ)();\n    const [formStep, setFormStep] = (0,react.useState)(1);\n    const [isVehicleExpanded, expandVehicle] = (0,react.useState)(false);\n    const [isDealerExpanded, expandDealer] = (0,react.useState)(false);\n    const [isDetailsExpanded, expandDetails] = (0,react.useState)(false);\n    const [formData, setFormData] = (0,react.useState)({});\n    const [submitResponse, setSubmitResponse] = (0,react.useState)(\"\");\n    const [user, setUser] = (0,react.useState)(false);\n    const [selectedDealer, setSelectedDealer] = (0,react.useState)({});\n    if (clientDealer) {\n        // eslint-disable-next-line no-param-reassign\n        dealer = clientDealer;\n    }\n    const step = (newFormStep, userState)=>{\n        setUser(userState);\n        setFormStep(newFormStep);\n    };\n    const configID = (ref = (query === null || query === void 0 ? void 0 : query.configId) || (query === null || query === void 0 ? void 0 : query.code)) === null || ref === void 0 ? void 0 : ref.replace(/[^a-zA-Z0-9]/g, \"\");\n    const initialValues = {\n        first_name: \"\",\n        last_name: \"\",\n        email: \"\",\n        tel: \"\",\n        model: \"\",\n        date: \"\",\n        time: \"AM\",\n        notes: \"\",\n        testdrive_type: \"Standard\",\n        consent: {\n            user: false\n        },\n        response_code: \"\",\n        campaign_response_code: \"\",\n        campaign_code: \"\",\n        crm_response_source: \"\",\n        is_dealer: (query === null || query === void 0 ? void 0 : query.source) === \"dealer\" || (query === null || query === void 0 ? void 0 : query.source) === \"centre\",\n        dealer: 0,\n        dealer_name: \"\",\n        configID: configID ? \"tme.one/\".concat(configID) : \"\",\n        is_lexus: brand === \"lexus\",\n        enhanced_testdrive: false,\n        enhanced_vehicle: {\n            id: \"\",\n            label: \"\"\n        }\n    };\n    const methods = (0,index_esm/* useForm */.cI)({\n        resolver: (0,yup/* yupResolver */.X)(schemas/* TestDriveSchema */.m4),\n        defaultValues: initialValues,\n        mode: \"onTouched\"\n    });\n    const handleSetDealer = (dealerObj)=>{\n        methods.setValue(\"dealer\", dealerObj.id);\n        methods.setValue(\"dealer_name\", dealerObj.name);\n        step(3, true);\n        setSelectedDealer(dealerObj);\n    };\n    const isEnhancedTestDriveSelected = methods.watch(\"enhanced_testdrive\");\n    (0,react.useEffect)(()=>{\n        let params = routerQuery;\n        if (isEnhancedTestDriveSelected) {\n            params = {\n                ...routerQuery,\n                ev_enhance: methods.getValues(\"enhanced_vehicle.id\")\n            };\n        } else {\n            delete params.ev_enhance;\n        }\n        push({\n            query: {\n                ...params\n            }\n        }, undefined, {\n            shallow: true\n        });\n    }, [\n        isEnhancedTestDriveSelected\n    ]);\n    (0,react.useEffect)(()=>{\n        var ref, ref1, ref2;\n        if ((query === null || query === void 0 ? void 0 : (ref = query.type) === null || ref === void 0 ? void 0 : ref.toLowerCase()) === \"48hr\") {\n            methods.setValue(\"testdrive_type\", \"FortyEightHr\");\n        }\n        if ((query === null || query === void 0 ? void 0 : (ref1 = query.featured) === null || ref1 === void 0 ? void 0 : ref1.toLowerCase()) === \"motability\") {\n            methods.setValue(\"testdrive_type\", \"Motability TD\");\n        }\n        if ((query === null || query === void 0 ? void 0 : (ref2 = query.featured) === null || ref2 === void 0 ? void 0 : ref2.toLowerCase()) === \"fleet\") {\n            methods.setValue(\"testdrive_type\", \"Fleet TD\");\n        }\n    }, [\n        query\n    ]);\n    (0,react.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.testDrive) {\n            methods.setValue(\"campaign_response_code\", campaign.testDrive);\n        }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        campaign\n    ]);\n    (0,react.useEffect)(()=>{\n        if (model) {\n            if (brand === \"lexus\") {\n                var ref;\n                methods.setValue(\"response_code\", model === null || model === void 0 ? void 0 : (ref = model.responsecodes) === null || ref === void 0 ? void 0 : ref.test_drive);\n            }\n            methods.setValue(\"model\", model.d4t4.id);\n            setFormData((state)=>{\n                var ref, ref1, ref2, ref3, ref4;\n                return {\n                    ...state,\n                    modelImage: (0,helpers/* 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            step(dealer ? 3 : 2, false);\n        }\n    }, [\n        model\n    ]);\n    (0,react.useEffect)(()=>{\n        if (dealer) {\n            var ref, ref1;\n            methods.setValue(\"is_dealer\", true);\n            methods.setValue(\"testdrive_type\", \"TwentyFourHr\");\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(\"dealer_name\", dealer.name);\n            setSelectedDealer(dealer);\n            step(model ? 3 : 1, false);\n        }\n    }, [\n        dealer\n    ]);\n    const VehicleStep = ()=>formData.modelName ? /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n            className: \"relative \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n            \"data-gt-name\": \"componentevent\",\n            \"data-gt-componentname\": \"test-drive\",\n            children: [\n                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                    className: \"md:flex items-center\",\n                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                        className: \"flex hover:underline\",\n                        onClick: ()=>{\n                            step(1, true);\n                            expandDetails(false);\n                            expandVehicle(false);\n                            methods.setValue(\"dealer\", \"\");\n                            methods.setValue(\"dealer_name\", \"\");\n                            setSelectedDealer({});\n                            setFormData((state)=>{\n                                return {\n                                    ...state,\n                                    modelImage: \"\",\n                                    modelName: \"\",\n                                    fuel: null,\n                                    dealerID: \"\",\n                                    dealerName: \"\",\n                                    dealerDistance: \"\",\n                                    address: \"\"\n                                };\n                            });\n                            setSubmitResponse(\"\");\n                        },\n                        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"flex flex-col items-baseline md:flex-row md:space-x-2 md:justify-between\",\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                    className: \"font-medium \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n                                    children: [\n                                        \"1. \",\n                                        brand === \"lexus\" ? \"Car\" : \"Vehicle\"\n                                    ]\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"span\", {\n                                    className: \"text-tiny\",\n                                    children: \"Change\"\n                                })\n                            ]\n                        })\n                    })\n                }),\n                /*#__PURE__*/ (0,jsx_runtime.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                        expandDealer(false);\n                        expandDetails(false);\n                    },\n                    children: [\n                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            children: formData.modelName\n                        }),\n                        formData.label && /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"ml-1\",\n                            children: [\n                                \" \",\n                                formData.label\n                            ]\n                        }),\n                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: \"ml-1 mt-1\",\n                            children: isVehicleExpanded ? /*#__PURE__*/ (0,jsx_runtime.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: \"size-4\",\n                                children: /*#__PURE__*/ (0,jsx_runtime.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,jsx_runtime.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: \"size-4\",\n                                children: /*#__PURE__*/ (0,jsx_runtime.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,jsx_runtime.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\": \"test-drive\",\n                    children: [\n                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"flex justify-between\",\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                    children: [\n                                        /*#__PURE__*/ (0,jsx_runtime.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,jsx_runtime.jsx)(\"div\", {\n                                            className: \"\".concat(brand === \"toyota\" ? \"font-medium text-blue\" : \"\", \" uppercase\"),\n                                            children: formData.fuel\n                                        })\n                                    ]\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                                    onClick: ()=>{\n                                        expandVehicle((state)=>!state);\n                                        expandDealer(false);\n                                        expandDetails(false);\n                                    },\n                                    \"data-gt-action\": \"nav-close-dropdown\",\n                                    \"data-gt-label\": \"vehicle\",\n                                    children: /*#__PURE__*/ (0,jsx_runtime.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: \"size-6\",\n                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"path\", {\n                                            strokeLinecap: \"round\",\n                                            strokeLinejoin: \"round\",\n                                            d: \"M6 18L18 6M6 6l12 12\"\n                                        })\n                                    })\n                                })\n                            ]\n                        }),\n                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"img\", {\n                            className: \"w-full font-medium mt-4\",\n                            src: formData.modelImage,\n                            alt: formData.modelName\n                        })\n                    ]\n                })\n            ]\n        }) : /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n            className: \"font-semibold\",\n            children: [\n                \"1. \",\n                brand === \"lexus\" ? \"Car\" : \"Vehicle\"\n            ]\n        });\n    const DealerStep = ()=>{\n        var ref, ref1, ref2, ref3, ref4, ref5, ref6, ref7;\n        return selectedDealer.name ? /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n            className: \"relative \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n            \"data-gt-name\": \"componentevent\",\n            \"data-gt-componentname\": \"test-drive\",\n            children: [\n                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                    className: \"md:flex items-center\",\n                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                        className: \"flex hover:underline\",\n                        onClick: ()=>{\n                            step(2, true);\n                            expandDealer(false);\n                            expandDetails(false);\n                            expandVehicle(false);\n                            methods.setValue(\"dealer\", \"\");\n                            methods.setValue(\"dealer_name\", \"\");\n                            setSelectedDealer({});\n                        },\n                        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"flex flex-col items-baseline md:flex-row md:space-x-2 md:justify-between\",\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                    className: \"font-medium \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n                                    children: [\n                                        \"2. \",\n                                        brand === \"lexus\" ? \"Centre\" : \"Dealer\"\n                                    ]\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"span\", {\n                                    className: \"text-tiny\",\n                                    children: \"Change\"\n                                })\n                            ]\n                        })\n                    })\n                }),\n                /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"button\", {\n                    className: \"md:flex text-tiny hidden mt-1\",\n                    onClick: ()=>{\n                        expandDealer((state)=>!state);\n                        expandVehicle(false);\n                        expandDetails(false);\n                    },\n                    \"data-gt-action\": \"nav-\".concat(isDealerExpanded ? \"open\" : \"close\", \"-dropdown\"),\n                    \"data-gt-label\": \"dealer\",\n                    children: [\n                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"break-all w-full\",\n                            children: [\n                                \" \",\n                                selectedDealer === null || selectedDealer === void 0 ? void 0 : selectedDealer.name,\n                                \" \"\n                            ]\n                        }),\n                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: \"ml-1 mt-1\",\n                            children: isDealerExpanded ? /*#__PURE__*/ (0,jsx_runtime.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: \"size-4\",\n                                children: /*#__PURE__*/ (0,jsx_runtime.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,jsx_runtime.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: \"size-4\",\n                                children: /*#__PURE__*/ (0,jsx_runtime.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                isDealerExpanded && /*#__PURE__*/ (0,jsx_runtime.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\": \"test-drive\",\n                    children: [\n                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"flex justify-between\",\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                    className: \"flex\",\n                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                        className: \"text-tiny lowercase\",\n                                        children: selectedDealer.distance && \"\".concat((selectedDealer.distance * 0.62137119).toFixed(2), \" miles\")\n                                    })\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                                    onClick: ()=>{\n                                        expandDealer((state)=>!state);\n                                        expandVehicle(false);\n                                        expandDetails(false);\n                                    },\n                                    \"data-gt-action\": \"nav-close-dropdown\",\n                                    \"data-gt-label\": \"dealer\",\n                                    children: /*#__PURE__*/ (0,jsx_runtime.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: \"size-6\",\n                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"path\", {\n                                            strokeLinecap: \"round\",\n                                            strokeLinejoin: \"round\",\n                                            d: \"M6 18L18 6M6 6l12 12\"\n                                        })\n                                    })\n                                })\n                            ]\n                        }),\n                        (selectedDealer === null || selectedDealer === void 0 ? void 0 : selectedDealer.name) && /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: \"my-[10px] font-medium\",\n                            children: selectedDealer === null || selectedDealer === void 0 ? void 0 : selectedDealer.name\n                        }),\n                        (selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref = selectedDealer.address) === null || ref === void 0 ? void 0 : ref.address) && /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"normal-case\",\n                            children: [\n                                \" \",\n                                selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref1 = selectedDealer.address) === null || ref1 === void 0 ? void 0 : ref1.address\n                            ]\n                        }),\n                        (selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref2 = selectedDealer.address) === null || ref2 === void 0 ? void 0 : ref2.address1) && /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"normal-case\",\n                            children: [\n                                \" \",\n                                selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref3 = selectedDealer.address) === null || ref3 === void 0 ? void 0 : ref3.address1\n                            ]\n                        }),\n                        (selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref4 = selectedDealer.address) === null || ref4 === void 0 ? void 0 : ref4.city) && /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"normal-case\",\n                            children: [\n                                \" \",\n                                selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref5 = selectedDealer.address) === null || ref5 === void 0 ? void 0 : ref5.city\n                            ]\n                        }),\n                        (selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref6 = selectedDealer.address) === null || ref6 === void 0 ? void 0 : ref6.zip) && /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"normal-case\",\n                            children: [\n                                \" \",\n                                selectedDealer === null || selectedDealer === void 0 ? void 0 : (ref7 = selectedDealer.address) === null || ref7 === void 0 ? void 0 : ref7.zip\n                            ]\n                        })\n                    ]\n                })\n            ]\n        }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n            className: \"flex flex-row\",\n            children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                className: \"\".concat(formStep === 2 ? \"font-semibold\" : \"font-medium\"),\n                children: [\n                    \"2. \",\n                    brand === \"lexus\" ? \"Centre\" : \"Dealer\"\n                ]\n            })\n        });\n    };\n    const DetailsStep = ()=>formData.first_name ? /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n            className: \"relative \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n            children: [\n                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                    className: \"md:flex items-center\",\n                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"button\", {\n                        className: \"flex 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,jsx_runtime.jsxs)(\"div\", {\n                            className: \"flex flex-col items-baseline md:flex-row md:space-x-2 md:justify-between\",\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                    className: \"font-medium \".concat(brand === \"lexus\" ? \" uppercase\" : \"\"),\n                                    children: \"3. Details\"\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"span\", {\n                                    className: \"text-tiny\",\n                                    children: \"Change\"\n                                })\n                            ]\n                        })\n                    })\n                }),\n                /*#__PURE__*/ (0,jsx_runtime.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\": \"nav-\".concat(isDealerExpanded ? \"open\" : \"close\", \"-dropdown\"),\n                    \"data-gt-label\": \"details\",\n                    children: [\n                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            children: [\n                                \"\".concat(formData.first_name, \" \"),\n                                \" \"\n                            ]\n                        }),\n                        /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                            className: \"ml-1 mt-1\",\n                            children: isDetailsExpanded ? /*#__PURE__*/ (0,jsx_runtime.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: \"size-4\",\n                                children: /*#__PURE__*/ (0,jsx_runtime.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,jsx_runtime.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: \"size-4\",\n                                children: /*#__PURE__*/ (0,jsx_runtime.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,jsx_runtime.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\": \"test-drive\",\n                    children: [\n                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"flex justify-between \",\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                    className: \"\",\n                                    children: \"\".concat(formData.first_name, \" \").concat(formData.last_name)\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.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,jsx_runtime.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: \"size-6\",\n                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"path\", {\n                                            strokeLinecap: \"round\",\n                                            strokeLinejoin: \"round\",\n                                            d: \"M6 18L18 6M6 6l12 12\"\n                                        })\n                                    })\n                                })\n                            ]\n                        }),\n                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"\",\n                            children: [\n                                \" \",\n                                \"\".concat(formData.email, \" \")\n                            ]\n                        }),\n                        /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                            className: \"\",\n                            children: [\n                                \" \",\n                                \"\".concat(formData.phone, \" \")\n                            ]\n                        })\n                    ]\n                })\n            ]\n        }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n            className: \"flex flex-row\",\n            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                className: \"\".concat(formStep === 3 ? \"font-semibold\" : \"font-medium\"),\n                children: \"3. Details\"\n            })\n        });\n    const onSubmit = async (data)=>{\n        setSubmitResponse(\"\");\n        const formatData = data;\n        if (data.enhanced_testdrive) {\n            formatData.notes = \"Customer would like to enhance their visit and test drive the \".concat(data.enhanced_vehicle.label);\n        }\n        await (0,axios/* default */.ZP)({\n            method: \"post\",\n            url: \"\".concat(\"https://api.toyota.co.uk/forms/api\", \"/test-drive\"),\n            headers: {\n                \"Content-Type\": \"application/json\"\n            },\n            data: formatData\n        }).then(()=>{\n            (0,helpers_tracking/* formEvent */.Be)({\n                conversion: 1,\n                name: tracking.form,\n                step: \"form-submit\",\n                variant: \"\",\n                page: tracking.page\n            });\n            (0,helpers/* closeOverlay */.Km)(content.confirmation.title, content.confirmation.copy, setSubmitResponse);\n        }).catch(()=>{\n            (0,helpers_tracking/* formEvent */.Be)({\n                conversion: 0,\n                name: tracking.form,\n                step: \"form-error\",\n                variant: \"\",\n                page: tracking.page\n            });\n            setSubmitResponse(constants/* ERROR_MESSAGE */.c9);\n            throw new Error(constants/* ERROR_MESSAGE */.c9);\n        });\n    };\n    return /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {\n        children: [\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(ui/* Nav */.JL, {\n                title: content.title,\n                steps: [\n                    VehicleStep(),\n                    DealerStep(),\n                    DetailsStep()\n                ]\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(layout/* FormWrapper */.n, {\n                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(layout/* FormStep */.p, {\n                    title: content.car.title,\n                    subtitle: \"<p> If you're a fleet manager or small business owner, <a href='/fleet/callback' rel='noopener noreferrer' data-gt-name='link' data-gt-action=`callback-click-link` data-gt-label='callback-link' target='_blank'>click here</a> to request a demo.</p>\",\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,jsx_runtime.jsx)(fields/* ModelGrid */.fZ, {\n                        models: models,\n                        showFilter: content.car.filter,\n                        setModel: (selectedModel)=>{\n                            if (brand === \"lexus\") {\n                                var ref;\n                                methods.setValue(\"response_code\", selectedModel === null || selectedModel === void 0 ? void 0 : (ref = selectedModel.responsecodes) === null || ref === void 0 ? void 0 : ref.test_drive);\n                            }\n                            methods.resetField(\"enhanced_testdrive\");\n                            if (brand === \"toyota\" && selectedModel.d4t4.id === \"All New RAV4 Hybrid\") {\n                                methods.setValue(\"enhanced_vehicle\", {\n                                    id: \"rav4PluginHybrid\",\n                                    label: \"RAV4 Plug-in Hybrid\"\n                                });\n                            }\n                            if (brand === \"toyota\" && selectedModel.d4t4.id === \"RAV4 PHEV\") {\n                                methods.setValue(\"enhanced_vehicle\", {\n                                    id: \"bx4x\",\n                                    label: \"All-Electric bZ4X\"\n                                });\n                            }\n                            if (brand === \"lexus\" && selectedModel.d4t4.id.includes(\"NX\")) {\n                                methods.setValue(\"enhanced_vehicle\", {\n                                    id: \"rz\",\n                                    label: \"All-Electric RZ\"\n                                });\n                            }\n                            if (brand === \"lexus\" && selectedModel.d4t4.id.includes(\"RX\")) {\n                                methods.setValue(\"enhanced_vehicle\", {\n                                    id: \"rz\",\n                                    label: \"All-Electric RZ\"\n                                });\n                            }\n                            methods.setValue(\"model\", selectedModel.d4t4.id);\n                            setTimeout(()=>{\n                                window.scrollTo({\n                                    top: 0,\n                                    left: 0,\n                                    behavior: \"smooth\"\n                                });\n                            }, 100);\n                            if (methods.getValues(\"dealer\")) {\n                                step(3, true);\n                            } else {\n                                step(2, true);\n                            }\n                            setFormData((state)=>{\n                                var ref, ref1, ref2, ref3, ref4;\n                                return {\n                                    ...state,\n                                    modelImage: (0,helpers/* 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]) || undefined\n                                };\n                            });\n                        }\n                    })\n                })\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(layout/* FormStep */.p, {\n                step: formStep,\n                active: formStep === 2,\n                user: user,\n                noContainer: true,\n                tracking: {\n                    conversion: 0,\n                    name: tracking.form,\n                    step: \"select-dealer-get-location\",\n                    variant: tracking.variant,\n                    page: tracking.page\n                },\n                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                    className: \"relative z-[1]\",\n                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* DealerFinder */.xd, {\n                        setDealer: handleSetDealer\n                    })\n                })\n            }),\n            /*#__PURE__*/ (0,jsx_runtime.jsx)(layout/* FormWrapper */.n, {\n                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(layout/* FormStep */.p, {\n                    title: content.details.title,\n                    step: formStep,\n                    active: formStep === 3,\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,jsx_runtime.jsx)(index_esm/* FormProvider */.RV, {\n                        ...methods,\n                        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"form\", {\n                            onSubmit: methods.handleSubmit(onSubmit),\n                            children: [\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* AuthFill */.Pl, {}),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* FirstName */.SW, {}),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* LastName */.uQ, {}),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* Email */.GT, {}),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* Tel */.ki, {\n                                    optional: true,\n                                    helper: \"Leave your phone number if you would like to discuss your test drive over the phone.\"\n                                }),\n                                brand === \"lexus\" && /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* Date */.Ej, {\n                                    showAmPm: true,\n                                    helper: \"Let us know if you have a preferred date or time and we'll do our best to arrange your booking for this time.\"\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* Comments */.HW, {\n                                    label: \"Additional Comments\",\n                                    helper: \"Let us know if you have any specific requirements.\"\n                                }),\n                                methods.getValues(\"enhanced_vehicle.id\") && /*#__PURE__*/ (0,jsx_runtime.jsx)(\"div\", {\n                                    className: \"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-2 md:gap-4 items-start justify-top mt-8 mb-4 md:mb-2\",\n                                    children: /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                        className: \"pt-5 pb-6 px-6 border-2 border-blue bg-primary md:col-span-2 lg:col-span-1\",\n                                        children: [\n                                            /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"div\", {\n                                                className: \"flex flex-col-reverse md:flex-row items-end md:items-center gap-4 mb-4\",\n                                                children: [\n                                                    /*#__PURE__*/ (0,jsx_runtime.jsxs)(\"h4\", {\n                                                        className: \"font-semibold\",\n                                                        children: [\n                                                            \"Would you like to enhance your visit and test drive the\",\n                                                            \" \",\n                                                            methods.getValues(\"enhanced_vehicle.label\"),\n                                                            \"?\"\n                                                        ]\n                                                    }),\n                                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(ev, {\n                                                        className: \"text-blue shrink-0\"\n                                                    })\n                                                ]\n                                            }),\n                                            /*#__PURE__*/ (0,jsx_runtime.jsx)(baseInputs/* CheckboxInput */.I0, {\n                                                name: \"enhanced_testdrive\",\n                                                label: \"Yes, I would like to test drive the \".concat(methods.getValues(\"enhanced_vehicle.label\"))\n                                            })\n                                        ]\n                                    })\n                                }),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* MarketingConsent */.nb, {}),\n                                /*#__PURE__*/ (0,jsx_runtime.jsx)(fields/* Button */.zx, {\n                                    submitResponse: submitResponse,\n                                    children: content.details.submit\n                                })\n                            ]\n                        })\n                    })\n                })\n            })\n        ]\n    });\n};\nTestDrive.whyDidYouRender = true;\nvar __N_SSP = true;\n/* harmony default export */ var test_drive = (TestDrive);\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__(62328); });\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","test_drive","_path","jsx_runtime","baseInputs","fields","layout","ui","contexts","yup","constants","helpers","helpers_tracking","schemas","axios","router","react","index_esm","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ev","props","createElement","width","height","fill","xmlns","fillRule","clipRule","TestDrive","ref","ref1","ref2","ref3","ref4","ref5","ref6","ref7","models","content","tracking","brand","dealer","model","query","param","routerQuery","useRouter","clientDealer","qY","campaign","yQ","formStep","setFormStep","useState","isVehicleExpanded","expandVehicle","isDealerExpanded","expandDealer","isDetailsExpanded","expandDetails","formData","setFormData","submitResponse","setSubmitResponse","user","setUser","selectedDealer","setSelectedDealer","step","newFormStep","userState","configID","configId","code","replace","initialValues","first_name","last_name","email","tel","date","time","notes","testdrive_type","consent","response_code","campaign_response_code","campaign_code","crm_response_source","is_dealer","dealer_name","concat","is_lexus","enhanced_testdrive","enhanced_vehicle","id","label","methods","cI","resolver","X","m4","defaultValues","mode","handleSetDealer","setValue","dealerObj","name","isEnhancedTestDriveSelected","watch","useEffect","params","ev_enhance","getValues","undefined","shallow","type","toLowerCase","featured","media","testDrive","responsecodes","d4t4","state","modelImage","gU","image","grade","color","fallback","modelName","fuel","filters","applications","NMSC","externalID","onSubmit","data","formatData","ZP","method","url","headers","then","Be","conversion","form","variant","page","Km","confirmation","title","copy","catch","c9","jsxs","Fragment","children","jsx","JL","steps","className","dealerID","dealerName","dealerDistance","address","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","src","alt","distance","toFixed","address1","city","zip","phone","n","p","car","subtitle","active","fZ","showFilter","filter","selectedModel","resetField","includes","setTimeout","scrollTo","top","left","behavior","noContainer","xd","setDealer","details","RV","handleSubmit","Pl","SW","uQ","GT","ki","optional","helper","Ej","showAmPm","HW","I0","nb","zx","submit","whyDidYouRender","O","s","_N_E"],"sourceRoot":""}