{"version":3,"file":"static/chunks/pages/get-a-quote-c91e03393df5bca8.js","mappings":"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","sources":["webpack://_N_E/?1b2e","webpack://_N_E/./src/pages/get-a-quote.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/get-a-quote\",\n      function () {\n        return require(\"private-next-pages/get-a-quote.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/get-a-quote\"])\n      });\n    }\n  ","/* eslint-disable @next/next/no-img-element */\nimport {\n  AuthFill,\n  Button,\n  DealerFinder,\n  Email,\n  FirstName,\n  LastName,\n  MarketingConsent,\n  ModelGrid,\n  Tel,\n  Title,\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 { GetAQuoteSchema } from '@utils/schemas'\nimport axios from 'axios'\nimport type { GetServerSideProps } from 'next'\nimport { useEffect, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nconst GetAQuote = ({\n  models,\n  content,\n  tracking,\n  brand,\n  dealer,\n  model,\n  query,\n}) => {\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  const clientDealer = useDealer()\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  const configID = (query?.configId || query?.code)?.replace(\n    /[^a-zA-Z0-9]/g,\n    '',\n  )\n\n  const initialValues = {\n    type: 'Get a Quote',\n    name: 'get-a-quote',\n    title: '',\n    first_name: '',\n    last_name: '',\n    email: '',\n    tel: '',\n    model: '',\n    date: '',\n    notes: '',\n    consent: {\n      user: false,\n    },\n    response_code: '',\n    campaign_response_code: '',\n    campaign_code: '',\n    crm_response_source: '',\n    configID: configID ? `tme.one/${configID}` : '',\n    is_dealer: query?.source === 'dealer' || query?.source === 'centre',\n    dealer: 0,\n    dealer_name: '',\n    is_lexus: brand === 'lexus',\n  }\n\n  const methods = useForm({\n    resolver: yupResolver(GetAQuoteSchema),\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  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    // 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.get_a_quote)\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(\n        'dealer',\n        dealer?.applications?.NMSC?.externalID\n          ? dealer.applications.NMSC.externalID\n          : '',\n      )\n      methods.setValue('dealer_name', dealer.name)\n      setFormData((state) => {\n        return {\n          ...state,\n          dealerID: dealer.applications.NMSC.externalID,\n          dealerName: dealer.name,\n          dealerDistance: null,\n          address: {\n            address: dealer.addresses[0].addressLine1,\n            address1: dealer.addresses[0].addressLine2,\n            city: dealer.addresses[0].city,\n            zip: dealer.addresses[0].zip,\n          },\n        }\n      })\n\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=\"get-a-quote\"\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=\"get-a-quote\"\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=\"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=\"get-a-quote\"\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=\"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 DealerStep = () =>\n    selectedDealer.name ? (\n      <div\n        className={`relative ${brand === 'lexus' ? ' uppercase' : ''}`}\n        data-gt-name=\"componentevent\"\n        data-gt-componentname=\"get-a-quote\"\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=\"get-a-quote\"\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-[100%]\"> {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=\"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        {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=\"get-a-quote\"\n          >\n            <div className=\"flex justify-between\">\n              <div className=\"flex\">\n                <div className=\"text-tiny lowercase\">\n                  {(selectedDealer.distance * 0.62137119).toFixed(2)} 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=\"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\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=\"get-a-quote\"\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=\"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=\"get-a-quote\"\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 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    await axios({\n      method: 'post',\n      url: `${process.env.NEXT_PUBLIC_API}/get-in-touch`,\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  return (\n    <>\n      <Nav\n        title={content.title}\n        steps={[VehicleStep(), DealerStep(), DetailsStep()]}\n      />\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            models={models}\n            showFilter={content.car.filter}\n            setModel={(selectedModel) => {\n              if (brand === 'lexus') {\n                methods.setValue(\n                  'response_code',\n                  selectedModel?.responsecodes?.get_a_quote,\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              <Title />\n              <FirstName />\n              <LastName />\n              <Email />\n              <Tel />\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 = 'get-a-quote'\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: 'get-a-quote',\n        form: 'lead-get-a-quote',\n        variant: 'get-a-quote',\n        initialStep: 'select-model',\n      },\n      ...(await getPageData(context, form)),\n    },\n  }\n}\n\nGetAQuote.whyDidYouRender = true\n\nexport default GetAQuote\n","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[4617],{\n\n/***/ 86817:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/get-a-quote\",\n      function () {\n        return __webpack_require__(55630);\n      }\n    ]);\n    if(false) {}\n  \n\n/***/ }),\n\n/***/ 55630:\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__(76904);\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 GetAQuote = (param)=>{\n    let { models , content , tracking , brand , dealer , model , query  } = param;\n    var ref;\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 [isVehicleExpanded, expandVehicle] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(false);\n    const [isDealerExpanded, expandDealer] = (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 [user, setUser] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)(false);\n    const [selectedDealer, setSelectedDealer] = (0,react__WEBPACK_IMPORTED_MODULE_10__.useState)({});\n    const clientDealer = (0,_contexts_index__WEBPACK_IMPORTED_MODULE_4__/* .useDealer */ .qY)();\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        type: \"Get a Quote\",\n        name: \"get-a-quote\",\n        title: \"\",\n        first_name: \"\",\n        last_name: \"\",\n        email: \"\",\n        tel: \"\",\n        model: \"\",\n        date: \"\",\n        notes: \"\",\n        consent: {\n            user: false\n        },\n        response_code: \"\",\n        campaign_response_code: \"\",\n        campaign_code: \"\",\n        crm_response_source: \"\",\n        configID: configID ? \"tme.one/\".concat(configID) : \"\",\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        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__/* .GetAQuoteSchema */ .Jf),\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    (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    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        campaign\n    ]);\n    (0,react__WEBPACK_IMPORTED_MODULE_10__.useEffect)(()=>{\n        if (model) {\n            if (brand === \"lexus\") {\n                methods.setValue(\"response_code\", model.responsecodes.get_a_quote);\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,_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            step(dealer ? 3 : 2, false);\n        }\n    }, [\n        model\n    ]);\n    (0,react__WEBPACK_IMPORTED_MODULE_10__.useEffect)(()=>{\n        if (dealer) {\n            var ref, ref1;\n            methods.setValue(\"is_dealer\", true);\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            setFormData((state)=>{\n                return {\n                    ...state,\n                    dealerID: dealer.applications.NMSC.externalID,\n                    dealerName: dealer.name,\n                    dealerDistance: null,\n                    address: {\n                        address: dealer.addresses[0].addressLine1,\n                        address1: dealer.addresses[0].addressLine2,\n                        city: dealer.addresses[0].city,\n                        zip: dealer.addresses[0].zip\n                    }\n                };\n            });\n            step(model ? 3 : 1, false);\n        }\n    }, [\n        dealer\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\": \"get-a-quote\",\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                            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,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                        expandDealer(false);\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\": \"get-a-quote\",\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                                        expandDealer(false);\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 DealerStep = ()=>{\n        var ref, ref1, ref2, ref3, ref4, ref5, ref6, ref7;\n        return selectedDealer.name ? /*#__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\": \"get-a-quote\",\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(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,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                                        \"2. \",\n                                        brand === \"lexus\" ? \"Centre\" : \"Dealer\"\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                    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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                            className: \"break-all w-[100%]\",\n                            children: [\n                                \" \",\n                                selectedDealer === null || selectedDealer === void 0 ? void 0 : selectedDealer.name,\n                                \" \"\n                            ]\n                        }),\n                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                            className: \"ml-1 mt-1\",\n                            children: isDealerExpanded ? /*#__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                isDealerExpanded && /*#__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\": \"get-a-quote\",\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: \"flex\",\n                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                        className: \"text-tiny lowercase\",\n                                        children: [\n                                            (selectedDealer.distance * 0.62137119).toFixed(2),\n                                            \" miles\"\n                                        ]\n                                    })\n                                }),\n                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.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,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                        (selectedDealer === null || selectedDealer === void 0 ? void 0 : selectedDealer.name) && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.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,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__.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,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 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: \"3. 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\": \"nav-\".concat(isDealerExpanded ? \"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\": \"get-a-quote\",\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                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                            className: \"\",\n                            children: [\n                                \" \",\n                                \"\".concat(formData.phone, \" \")\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 === 3 ? \"font-semibold\" : \"font-medium\"),\n                children: \"3. Details\"\n            })\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\", \"/get-in-touch\"),\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    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                    DealerStep(),\n                    DetailsStep()\n                ]\n            }),\n            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_layout__WEBPACK_IMPORTED_MODULE_2__/* .FormWrapper */ .n, {\n                children: /*#__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                        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.get_a_quote);\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,_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]) || undefined\n                                };\n                            });\n                        }\n                    })\n                })\n            }),\n            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_layout__WEBPACK_IMPORTED_MODULE_2__/* .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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                    className: \"relative z-[1]\",\n                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .DealerFinder */ .xd, {\n                        setDealer: handleSetDealer\n                    })\n                })\n            }),\n            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_layout__WEBPACK_IMPORTED_MODULE_2__/* .FormWrapper */ .n, {\n                children: /*#__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 === 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,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__/* .Tel */ .ki, {}),\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};\nGetAQuote.whyDidYouRender = true;\nvar __N_SSP = true;\n/* harmony default export */ __webpack_exports__[\"default\"] = (GetAQuote);\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,5080,9774,2888,179], function() { return __webpack_exec__(86817); });\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__","GetAQuote","ref","ref1","ref2","ref3","ref4","ref5","ref6","ref7","models","content","tracking","brand","dealer","model","query","param","campaign","yQ","formStep","setFormStep","useState","isVehicleExpanded","expandVehicle","isDealerExpanded","expandDealer","isDetailsExpanded","expandDetails","formData","setFormData","submitResponse","setSubmitResponse","user","setUser","selectedDealer","setSelectedDealer","clientDealer","qY","step","newFormStep","userState","configID","configId","code","replace","initialValues","type","name","title","first_name","last_name","email","tel","date","notes","consent","response_code","campaign_response_code","campaign_code","crm_response_source","concat","is_dealer","source","dealer_name","is_lexus","methods","cI","resolver","X","Jf","defaultValues","mode","handleSetDealer","setValue","dealerObj","id","useEffect","media","getValues","responsecodes","get_a_quote","d4t4","state","modelImage","gU","image","grade","color","fallback","modelName","fuel","filters","applications","NMSC","externalID","dealerID","dealerName","dealerDistance","address","addresses","addressLine1","address1","addressLine2","city","zip","onSubmit","data","ZP","method","url","headers","then","Be","conversion","form","variant","page","Km","confirmation","copy","catch","c9","jsxs","Fragment","children","jsx","JL","steps","className","label","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","undefined","toLowerCase","src","alt","distance","toFixed","phone","n","p","car","active","fZ","showFilter","filter","selectedModel","setTimeout","scrollTo","top","left","behavior","noContainer","xd","setDealer","details","RV","handleSubmit","Pl","Dx","SW","uQ","GT","ki","nb","zx","submit","whyDidYouRender","O","s","_N_E"],"sourceRoot":""}