{"version":3,"file":"static/chunks/pages/unsubscribe-1b697d19938ee3e7.js","mappings":"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","sources":["webpack://_N_E/?c309","webpack://_N_E/./src/pages/unsubscribe.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/unsubscribe\",\n      function () {\n        return require(\"private-next-pages/unsubscribe.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/unsubscribe\"])\n      });\n    }\n  ","import {\n  Button,\n  Email,\n  MarketingTerms,\n  UnsubscribeTerms,\n} from '@components/form/fields'\nimport { FormStep, FormWrapper } from '@components/form/layout'\nimport { Nav } from '@components/ui'\nimport { yupResolver } from '@hookform/resolvers/yup'\nimport { ERROR_MESSAGE } from '@utils/constants'\nimport { closeOverlay, getPageData } from '@utils/helpers'\nimport { formEvent } from '@utils/helpers/tracking'\nimport { UnsubscribeSchema } 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 Unsubscribe = ({ content, tracking, brand, query }) => {\n  const [submitResponse, setSubmitResponse] = useState('')\n\n  const initialValues = {\n    email: '',\n    response_code: 'RC17171',\n    campaign_response_code: '',\n    campaign_code: '',\n    is_lexus: brand === 'lexus',\n  }\n\n  const methods = useForm({\n    resolver: yupResolver(UnsubscribeSchema),\n    defaultValues: initialValues,\n    mode: 'onTouched',\n  })\n\n  useEffect(() => {\n    if (query?.email) {\n      methods.setValue('email', query.email)\n    }\n  }, [query])\n\n  const onSubmit = async (data) => {\n    const formData = data\n    formData.response_code = brand === 'lexus' ? 'RC101067' : 'RC17171'\n    await axios({\n      method: 'post',\n      url: `${process.env.NEXT_PUBLIC_API}/unsubscribe`,\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      data: formData,\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 title={content.title} />\n      <FormWrapper>\n        <FormStep\n          title={content.details.title}\n          subtitle={content.details.subtitle}\n          step={1}\n          active={true}\n        >\n          <FormProvider {...methods}>\n            <form onSubmit={methods.handleSubmit(onSubmit)}>\n              <Email />\n              <MarketingTerms />\n              <UnsubscribeTerms />\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 = 'unsubscribe'\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      title: content.attributes.title,\n      tracking: {\n        page: 'unsubscribe',\n        form: 'unsubscribe',\n        variant: '',\n        initialStep: 'contact-details',\n      },\n      description: '',\n      ...(await getPageData(context)),\n      content: content.attributes,\n    },\n  }\n}\n\nUnsubscribe.whyDidYouRender = true\n\nexport default Unsubscribe\n","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[5785],{\n\n/***/ 66266:\n/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {\n\n\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/unsubscribe\",\n      function () {\n        return __webpack_require__(47343);\n      }\n    ]);\n    if(false) {}\n  \n\n/***/ }),\n\n/***/ 47343:\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 _hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(97859);\n/* harmony import */ var _utils_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67958);\n/* harmony import */ var _utils_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(45911);\n/* harmony import */ var _utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68379);\n/* harmony import */ var _utils_schemas__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(76827);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(46392);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(82684);\n/* harmony import */ var react_hook_form__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(75367);\n\n\n\n\n\n\n\n\n\n\n\n\nconst Unsubscribe = (param)=>{\n    let { content , tracking , brand , query  } = param;\n    const [submitResponse, setSubmitResponse] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(\"\");\n    const initialValues = {\n        email: \"\",\n        response_code: \"RC17171\",\n        campaign_response_code: \"\",\n        campaign_code: \"\",\n        is_lexus: brand === \"lexus\"\n    };\n    const methods = (0,react_hook_form__WEBPACK_IMPORTED_MODULE_10__/* .useForm */ .cI)({\n        resolver: (0,_hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_11__/* .yupResolver */ .X)(_utils_schemas__WEBPACK_IMPORTED_MODULE_7__/* .UnsubscribeSchema */ .b$),\n        defaultValues: initialValues,\n        mode: \"onTouched\"\n    });\n    (0,react__WEBPACK_IMPORTED_MODULE_9__.useEffect)(()=>{\n        if (query === null || query === void 0 ? void 0 : query.email) {\n            methods.setValue(\"email\", query.email);\n        }\n    }, [\n        query\n    ]);\n    const onSubmit = async (data)=>{\n        const formData = data;\n        formData.response_code = brand === \"lexus\" ? \"RC101067\" : \"RC17171\";\n        await (0,axios__WEBPACK_IMPORTED_MODULE_8__/* [\"default\"] */ .ZP)({\n            method: \"post\",\n            url: \"\".concat(\"https://api.toyota.co.uk/forms/api\", \"/unsubscribe\"),\n            headers: {\n                \"Content-Type\": \"application/json\"\n            },\n            data: formData\n        }).then(()=>{\n            (0,_utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_6__/* .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_5__/* .closeOverlay */ .Km)(content.confirmation.title, content.confirmation.copy, setSubmitResponse);\n        }).catch(()=>{\n            (0,_utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_6__/* .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_4__/* .ERROR_MESSAGE */ .c9);\n            throw new Error(_utils_constants__WEBPACK_IMPORTED_MODULE_4__/* .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            }),\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                    subtitle: content.details.subtitle,\n                    step: 1,\n                    active: true,\n                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_hook_form__WEBPACK_IMPORTED_MODULE_10__/* .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__/* .Email */ .GT, {}),\n                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .MarketingTerms */ .Jy, {}),\n                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_form_fields__WEBPACK_IMPORTED_MODULE_1__/* .UnsubscribeTerms */ .gk, {}),\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};\nUnsubscribe.whyDidYouRender = true;\nvar __N_SSP = true;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Unsubscribe);\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__(66266); });\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__","_hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_11__","_utils_constants__WEBPACK_IMPORTED_MODULE_4__","_utils_helpers__WEBPACK_IMPORTED_MODULE_5__","_utils_helpers_tracking__WEBPACK_IMPORTED_MODULE_6__","_utils_schemas__WEBPACK_IMPORTED_MODULE_7__","axios__WEBPACK_IMPORTED_MODULE_8__","react__WEBPACK_IMPORTED_MODULE_9__","react_hook_form__WEBPACK_IMPORTED_MODULE_10__","Unsubscribe","content","tracking","brand","query","param","submitResponse","setSubmitResponse","useState","methods","cI","resolver","X","b$","defaultValues","email","response_code","campaign_response_code","campaign_code","is_lexus","mode","useEffect","setValue","onSubmit","data","formData","ZP","method","url","concat","headers","then","Be","conversion","name","form","step","variant","page","Km","confirmation","title","copy","catch","c9","jsxs","Fragment","children","jsx","JL","n","p","details","subtitle","active","RV","handleSubmit","GT","Jy","gk","zx","submit","whyDidYouRender","O","s","_N_E"],"sourceRoot":""}