{"version":3,"sources":["components/LoginPopUp/Components/images/Image1@2x.png","components/LoginPopUp/Components/PasswordInput/PasswordInput.tsx","assets/svgs/rumbleon-black-logo.svg","components/LoginPopUp/Components/SocialRegister/SocialRegister.tsx","components/LoginPopUp/Components/SocialLogin/SocialLogin.tsx","components/LoginPopUp/Components/EmailCheck/EmailCheck.tsx","components/LoginPopUp/Components/ForgotPassword/ForgotPassword.tsx","components/LoginPopUp/LoginPopUp.tsx","components/UI/CustomButton.tsx","components/UI/CustomInput.tsx","components/UI/InputV4.tsx"],"names":["module","exports","LOGIN_MUTATION","create","name","form","email","handleLoginSuccess","setForgotPasswordVisible","useMutation","onError","_","onCompleted","data","authLogin","executeLogin","loginResult","css","Title","ellipsis","level","onSubmit","e","preventDefault","validateFields","error","values","variables","Password","password","Username","hideRequiredMark","Item","getFieldDecorator","rules","required","message","Label","isPassword","key","onChange","target","value","console","log","disabled","loading","htmlType","type","onClick","_extends","Object","assign","bind","i","arguments","length","source","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","_ref2","createElement","_ref3","id","className","d","fill","_ref","svgRef","title","props","viewBox","ref","ForwardRef","forwardRef","SOCIAL_SIGNUP_MUTATION","accessToken","provider","providerKey","firstName","lastName","dispatch","useAuthPopupDispatch","signup","args","err","displayMsg","graphQLErrors","notification","description","executeSignup","signupResult","React","confirmEmailDirty","setConfirmEmailDirty","spinning","layout","validateFieldsAndScroll","DisplayName","Email","Email2","FirstName","LastName","Mobile","phonenumber","replace","Zip","zipcode","OptinMarketingEmail","optinMarketing","AccessToken","Provider","Providerkey","initialValue","InputV4","validator","callback","force","toLowerCase","getFieldValue","onBlur","normalize","v","len","maxLength","SOCIAL_LOGIN_QUERY","SocialLogin","setSocialRegisterVisible","socialProfile","setSocialProfile","useLazyQuery","executeSocialLoginQuery","socialLoginQueryResult","authSocialLogin","IsRegistered","Response","appId","resp","first_name","last_name","textButton","autoLoad","isMobile","isDisabled","icon","src","require","cssClass","fields","clientId","buttonText","onSuccess","undefined","getAuthResponse","isValidGoogleResponse","googleAuthResponse","googleProfile","getBasicProfile","id_token","getId","getGivenName","getFamilyName","getEmail","access_token","handleGoogleLoginResponse","onFailure","fail","EMAIL_CHECK_QUERY","UPDATE_CASHOFFER_USER","EmailCheck","userEmail","showPasswordInput","setUserEmail","hideEmailCheck","emailToVerify","useAuthPopupState","useState","socialRegisterVisible","confirmPasswordDirty","setConfirmPasswordDirty","showVerificationCodeInput","setShowVerificationCodeInput","showCreatePasswordInput","setShowCreatePasswordInput","showCreatPasswordSuccess","setShowCreatePasswordSuccess","setLoading","errorMessage","setErrorMessage","fetchPolicy","getUserByEmail","Success","IsSocialLogin","SocialLoginProvider","StatusId","UserTypeId","generateVerificationCode","includes","ERROR_MESSAGE","requestFailed","setFields","errors","Error","executeEmailCheckQuery","emailCheckQueryResult","handleCreatePasswordSuccess","updateCashOfferUser","default","updatePassword","updatePasswordResult","handleEmailSubmit","a","fetch","environmentVariableList","AUTH_API_ENDPOINT","method","headers","Headers","Accept","body","JSON","stringify","response","ok","json","statusText","fetchFailed","validateVerificationCode","code","VerificationCode","Isvalid","handlePasswordConfirmBlur","confirmToNextPassword","validationResult","validatePassword","confirmToFirstPassword","handleCashOfferVerificationCodeSubmit","handleCreatePasswordSubmit","updateInput","UserEmail","input","renderEmailCheck","label","autoFocus","breakpoints","sm","useEffect","href","DEALER_PORTAL_URL","block","span","colon","visibilityToggle","size","placeholder","REACT_APP_S3_LINK","rel","autoComplete","showIcon","defaultProps","FORGOT_PASSWORD_MUTATION","setError","setEmail","canExecuteForgotPasswordMutation","setCanExecuteForgotPasswordMutation","showVerificationRequired","setShowVerificationRequired","authDispatch","forgotPassword","Message","executeForgotPasswordMutation","forgotPasswordResult","handleFormSubmit","LoginPopUp","loginVisible","IsLegacyUser","modalDispatch","useModalFlowDispatch","passwordInputVisible","setPasswordVisibility","forgotPasswordVisible","setLegacyStatus","TagManager","initialize","gtmId","REACT_APP_GTM_ID","dataLayer","event","eventCategory","eventAction","eventLabel","showAcceptTOUModal","success","visible","footer","style","top","borderRadius","alt","closable","onCancel","destroyOnClose","Helmet","content","property","PasswordInput","CustomButton","filled","children","bgColor","colors","darkCharcoal","textColor","BlueLinkButton","blue","FloatingLabelInput","extraCss","focus","setFocus","useRef","current","superLightGray","lightCharcoal","onFocus","FloatingLabelTextArea","textAreaRef","TextArea","hasIn","onPaste","isPricing","Suffix","prefix","data-automation-id","suffix"],"mappings":"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","file":"static/js/26.c2aa430f.chunk.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAaVBMVEVHcEwtgvEug/Mlfe0whPQwhPMwg/MwhfQvg/IwhPQfcOEoevAvg/IwhPMwhPMug/Ivg/IwhPM0hfL///////////8xhfT////+//8xhPFNlPE+jPKUvvajyPdko/Tq8/zS5Pl1rfSHt/QYwCL3AAAAFnRSTlMANCUN89mr+nfoBhRtmsdHi75Zl4tyOMdRQgAAAWZJREFUOMuNlO2agiAQhUcDEfHrsSLQTWvv/yI3IXGc0O38Kn0f5nCQA4ClkjLjTAtZV116gj2pTAodxHhZRLGkQpQXzz9XLTqmI+IJ5TKro2L51h3Xu8JkccBp3aK59J3tx3HsB2+HNQvYEX/D72Rut5sxd/9fpO9cyH57h816gzbzYEXWeyzcAmrhhqttzvYeuABqOZ9RRhd0jJkVQPHKXUkCTo6bnoO1FkeUkBPu3WTz3D6VAKWOggN5nFKLC0iPvgP+HZgD+w5sAUc4awGd1ncVCLyYU4gRb70CSaeuMiMeXR+AKKMSfxIUnJDHBjriEYEPtE8F6ZrP8POS/3jM/BNZrAFOfDdHiy1+HHY0cHcZyBWMgv4u5P+CzDfL1mUMXDpgcw0jYB2qqjwEpVqrIj8A5abQWrYHSlJ8jYiDtaJNmmbiE2R5rMgb1+AIZNlO3xdJKwNo6zKFA6Xd9XI+X64N9fYHWRRra2mAhBEAAAAASUVORK5CYII=\"","import * as React from \"react\";\r\n\r\nimport { Button, Form, Typography, message } from \"antd\";\r\nimport { Dispatch, SetStateAction } from \"react\";\r\nimport { LoginResult, Mutation } from \"../../../../generated/graphql\";\r\n\r\nimport { BlueLinkButton } from \"../../../UI/CustomButton\";\r\n//import ForgotPassword from \"../ForgotPassword/ForgotPassword\";\r\nimport { FormComponentProps } from \"antd/lib/form\";\r\nimport { InputV4 } from \"../../../UI/InputV4\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useMutation } from \"@apollo/react-hooks\";\r\n\r\ninterface Props extends FormComponentProps {\r\n  email: string;\r\n  handleLoginSuccess: (data: LoginResult) => void;\r\n  setForgotPasswordVisible?: Dispatch<SetStateAction<boolean>>;\r\n}\r\n\r\nconst LOGIN_MUTATION = loader(\"./loginMutation.graphql\");\r\n\r\nconst PasswordInput: React.FC<Props> = ({\r\n  form,\r\n  email,\r\n  handleLoginSuccess,\r\n  setForgotPasswordVisible,\r\n}) => {\r\n  const [executeLogin, loginResult] = useMutation<Mutation>(LOGIN_MUTATION, {\r\n    onError: (_) => {\r\n      message[\"error\"](\"Please check your password\");\r\n    },\r\n    onCompleted: (data) => {\r\n      if (data && data.authLogin) {\r\n        handleLoginSuccess(data.authLogin);\r\n      }\r\n    },\r\n  });\r\n  const setvinvalue = (e: any) => {\r\n    if (e.target.name === \"password\") {\r\n      if (e.target.value !== null || e.target.value === \"\") {\r\n        console.log(\"des\");\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleFormSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    form.validateFields((error, values) => {\r\n      if (!error) {\r\n        executeLogin({\r\n          variables: {\r\n            Password: values.password,\r\n            Username: email,\r\n          },\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div\r\n      css={css`\r\n        h3 {\r\n          text-align: center;\r\n          font-size: 18px;\r\n          font-weight: bold;\r\n        }\r\n        button {\r\n          width: 100%;\r\n          margin-bottom: 20px;\r\n        }\r\n        h3 {\r\n          font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n          font-size: 16px !important;\r\n        }\r\n      `}\r\n    >\r\n      {/* <div\r\n        css={css`\r\n          width: 55px;\r\n          margin: 20px auto;\r\n          text-align: center;\r\n          button {\r\n            background-color: black !important;\r\n            font-size: 20px;\r\n            color: white !important;\r\n            height: 40px;\r\n            width: 40px;\r\n          }\r\n        `}\r\n      >\r\n        <Button icon=\"user\" shape=\"circle\" disabled={true} />\r\n      </div> */}\r\n      <Typography.Title ellipsis level={3}>\r\n        {email}\r\n      </Typography.Title>\r\n\r\n      <Form onSubmit={handleFormSubmit} hideRequiredMark={true}>\r\n        <Form.Item\r\n          css={css`\r\n            .ant-input-wrapper {\r\n              display: flex;\r\n              flex-direction: column-reverse;\r\n            }\r\n            .has-error .ant-input-group-addon {\r\n              color: #454545;\r\n            }\r\n          `}\r\n        >\r\n          {form.getFieldDecorator(\"password\", {\r\n            rules: [{ required: true, message: \"Please enter your password\" }],\r\n          })(\r\n            <InputV4\r\n              Label=\"Password\"\r\n              isPassword={true}\r\n              key={\"Password\"}\r\n              onChange={setvinvalue}\r\n              disabled={loginResult.loading}\r\n            />\r\n          )}\r\n        </Form.Item>\r\n        <Button\r\n          htmlType=\"submit\"\r\n          type=\"primary\"\r\n          loading={loginResult.loading}\r\n          css={css`\r\n            display: block !important;\r\n            margin: auto;\r\n            color: white;\r\n            background: #2b2b2b !important;\r\n            font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n            font-weight: bold;\r\n            // width: 200px !important;\r\n            height: 48px !important;\r\n            font-size: 16px !important;\r\n            :hover {\r\n              background: white !important;\r\n              color: #2b2b2b !important;\r\n              span {\r\n                color: #2b2b2b !important;\r\n              }\r\n            }\r\n          `}\r\n        >\r\n          Submit\r\n        </Button>\r\n        <BlueLinkButton\r\n          disabled={loginResult.loading}\r\n          onClick={(_) =>\r\n            setForgotPasswordVisible && setForgotPasswordVisible(true)\r\n          }\r\n        >\r\n          Forgot password?\r\n        </BlueLinkButton>\r\n      </Form>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Form.create<Props>({ name: \"password-input-form\" })(\r\n  PasswordInput\r\n);\r\n","function _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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\n\n/*#__PURE__*/\nReact.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-1{fill:#2b2b2b}\"));\n\nvar _ref3 =\n/*#__PURE__*/\n\n/*#__PURE__*/\nReact.createElement(\"g\", {\n  id: \"Layer_2\",\n  \"data-name\": \"Layer 2\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n  id: \"Layer_1-2\",\n  \"data-name\": \"Layer 1\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  className: \"cls-1\",\n  d: \"M237 1.87v63.38a9.48 9.48 0 01-9.47 9.53h-30.94a9.58 9.58 0 01-9.59-9.53V1.87A1.83 1.83 0 00185.18 0h-21.31A1.87 1.87 0 00162 1.87v67.7A30.44 30.44 0 00192.46 100h39.46A30.12 30.12 0 00262 69.57V1.87A2 2 0 00260 0h-21.07A1.93 1.93 0 00237 1.87zm210-.01v96.28a1.86 1.86 0 01-1.86 1.86h-21.3a1.84 1.84 0 01-1.84-1.86V40.32l-24.13 42.59a2.64 2.64 0 01-2.3 1.34H378.5a2.63 2.63 0 01-2.29-1.34L352 40.32v57.82a1.84 1.84 0 01-1.84 1.86h-21.3a1.86 1.86 0 01-1.86-1.86V1.86A1.86 1.86 0 01328.86 0h26.62L387 54.18 418.6 0h26.54A1.86 1.86 0 01447 1.86zm225 0v96.25a1.89 1.89 0 001.89 1.89h77.25a1.86 1.86 0 001.86-1.86V76.86a1.86 1.86 0 00-1.86-1.86H697V1.86A1.73 1.73 0 00695.3 0h-21.44A1.86 1.86 0 00672 1.86zM843 25v15h36a1.86 1.86 0 011.86 1.86v16.28A1.86 1.86 0 01879 60h-36v15h49.47a3.86 3.86 0 013.7 2.77L901.93 98a1.59 1.59 0 01-1.52 2h-80.55a1.86 1.86 0 01-1.86-1.86V1.86A1.86 1.86 0 01819.86 0h80.55a1.59 1.59 0 011.52 2l-5.75 20.2a3.87 3.87 0 01-3.7 2.76z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M1074 0h-39a32.9 32.9 0 00-33 32.81v34.38a32.9 32.9 0 0033 32.81h39a32.9 32.9 0 0033-32.81V32.81A32.9 32.9 0 001074 0zm8 62.45A12.59 12.59 0 011069.38 75h-29.76A12.59 12.59 0 011027 62.45v-24.9A12.59 12.59 0 011039.62 25h29.76A12.59 12.59 0 011082 37.55zM1268 0h-21.22a2 2 0 00-2 2v59.72L1197.07 1a2.66 2.66 0 00-1.83-1H1174a2 2 0 00-2 2v96a2 2 0 002 2h21.22a2 2 0 002-2V38.57L1244.66 99a2.67 2.67 0 002.1 1H1268a2 2 0 002-2V2a2 2 0 00-2-2z\",\n  fill: \"#85ce06\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n  className: \"cls-1\",\n  d: \"M76 71.18a37.48 37.48 0 0021-33.83C96.92 16.58 79.57 0 58.8 0H2A2 2 0 00.08 2.55l6.06 21A2 2 0 008.06 25h51c6.9 0 12.84 5.4 13 12.3A12.5 12.5 0 0159.5 50H2a2 2 0 00-2 2v46a2 2 0 002 2h23V75h26l14.75 23.75A2.63 2.63 0 0068 100h24.34a1.53 1.53 0 001.27-2.37zm520.93-21.71a5.13 5.13 0 00.68-.6 28.93 28.93 0 008.3-18.76C606.77 13.57 592.32 0 575.79 0h-61.93A1.86 1.86 0 00512 1.86v96.28a1.86 1.86 0 001.86 1.86h64.58a28.43 28.43 0 0020.22-8.36 28.83 28.83 0 00-1.73-42.17zM574.35 75H537V60h37.35a7.5 7.5 0 010 15zm0-35H537V25h37.35a7.5 7.5 0 010 15z\"\n})));\n\nvar SvgRumbleonBlackLogo = function SvgRumbleonBlackLogo(_ref) {\n  var svgRef = _ref.svgRef,\n      title = _ref.title,\n      props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 1270 100\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgRumbleonBlackLogo, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/rumbleon-black-logo.819f8967.svg\";\nexport { ForwardRef as ReactComponent };","import * as React from \"react\";\r\n\r\nimport { Button, Checkbox, Form, Input, Spin, notification } from \"antd\";\r\n\r\nimport { FormComponentProps } from \"antd/lib/form\";\r\nimport { Mutation } from \"../../../../generated/graphql\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useAuthPopupDispatch } from \"../../../../context/AuthPopupContext\";\r\nimport { useMutation } from \"@apollo/react-hooks\";\r\nimport {InputV4} from \"../../../UI/InputV4\";\r\nconst SOCIAL_SIGNUP_MUTATION = loader(\"./socialRegisterMutation.graphql\");\r\n\r\ninterface Props extends FormComponentProps {\r\n  accessToken: string;\r\n  provider: string;\r\n  providerKey: string;\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n}\r\n\r\nconst SocialRegister: React.FC<Props> = ({\r\n  form,\r\n  accessToken,\r\n  provider,\r\n  providerKey,\r\n  firstName,\r\n  lastName,\r\n  email,\r\n}) => {\r\n  const dispatch = useAuthPopupDispatch();\r\n  const [executeSignup, signupResult] = useMutation<Mutation>(\r\n    SOCIAL_SIGNUP_MUTATION,\r\n    {\r\n      onCompleted: (data) => {\r\n        if (data && data.signup) {\r\n          dispatch({\r\n            type: \"POST_LOGIN_SUCCESS\",\r\n            args: data.signup,\r\n          });\r\n        }\r\n      },\r\n      onError: (err) => {\r\n        try {\r\n          const displayMsg = err.graphQLErrors[0].message;\r\n          notification[\"error\"]({\r\n            message: \"Error\",\r\n            description: displayMsg || \"Could not create account\",\r\n          });\r\n        } catch (error) {\r\n          console.error(error);\r\n        }\r\n      },\r\n    }\r\n  );\r\n  const [confirmEmailDirty, setConfirmEmailDirty] = React.useState<boolean>(\r\n    false\r\n  );\r\n  const handleSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    form.validateFieldsAndScroll((error, values) => {\r\n      if (!error) {\r\n        executeSignup({\r\n          variables: {\r\n            DisplayName: values.email,\r\n            Email: values.email,\r\n            Email2: values.email,\r\n            FirstName: values.firstName,\r\n            LastName: values.lastName,\r\n            Mobile: values.phonenumber.replace(/[^0-9]/g, \"\"),\r\n            Zip: values.zipcode,\r\n            OptinMarketingEmail: values.optinMarketing,\r\n            AccessToken: accessToken,\r\n            Provider: provider,\r\n            Providerkey: providerKey,\r\n          },\r\n        });\r\n      }\r\n    });\r\n  };\r\n  const confirmToFirstEmail = (_: any, value: any, callback: any) => {\r\n    if (\r\n      value &&\r\n      value.toLowerCase() !== form.getFieldValue(\"email\").toLowerCase()\r\n    ) {\r\n      callback(\"Please confirm that you entered the same email.\");\r\n    } else {\r\n      callback();\r\n    }\r\n  };\r\n  const confirmToNextEmail = (_: any, value: any, callback: any): void => {\r\n    if (value && confirmEmailDirty) {\r\n      form.validateFields([\"emailConfirm\"], {\r\n        force: true,\r\n      });\r\n    }\r\n    callback();\r\n  };\r\n  return (\r\n    <Spin spinning={signupResult.loading}>\r\n      <Form\r\n        hideRequiredMark={true}\r\n        layout=\"vertical\"\r\n        onSubmit={handleSubmit}\r\n        css={css`\r\n          // padding: 20px 25px !important;\r\n          h3 {\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            margin-bottom: 20px;\r\n            font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n          }\r\n          a {\r\n            font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n            text-decoration: underline;\r\n          }\r\n        `}\r\n      >\r\n        <h3>Create An Account</h3>\r\n        <div>\r\n          <Form.Item>\r\n            {form.getFieldDecorator(\"firstName\", {\r\n              initialValue: firstName,\r\n              rules: [\r\n                {\r\n                  required: true,\r\n                  message: \"Please enter your first name\",\r\n                },\r\n              ],\r\n            })(<InputV4\r\n              Label={\"First name\"}\r\n              // onChange={setvinvalue}\r\n              key=\"First name\"\r\n            />)}\r\n          </Form.Item>\r\n          <Form.Item>\r\n            {form.getFieldDecorator(\"lastName\", {\r\n              initialValue: lastName,\r\n              rules: [\r\n                {\r\n                  required: true,\r\n                  message: \"Please enter your last name\",\r\n                },\r\n              ],\r\n            })(<InputV4\r\n              Label={\"Last name\"}\r\n              // onChange={setvinvalue}\r\n              key=\"Last name\"\r\n            />)}\r\n          </Form.Item>\r\n          <Form.Item>\r\n            {form.getFieldDecorator(\"email\", {\r\n              initialValue: email,\r\n              rules: [\r\n                {\r\n                  required: true,\r\n                  message: \"Please enter your email\",\r\n                },\r\n                {\r\n                  type: \"email\",\r\n                  message: \"Please enter a valid email\",\r\n                },\r\n                {\r\n                  validator: confirmToNextEmail,\r\n                },\r\n              ],\r\n            })(<InputV4\r\n              Label={\"Email\"}\r\n              // onChange={setvinvalue}\r\n              key=\"Email\"\r\n              type=\"email\"\r\n            />)}\r\n          </Form.Item>\r\n          <Form.Item>\r\n            {form.getFieldDecorator(\"emailConfirm\", {\r\n              initialValue: email,\r\n              rules: [\r\n                {\r\n                  required: true,\r\n                  message: \"Please re-enter your email\",\r\n                },\r\n                {\r\n                  validator: confirmToFirstEmail,\r\n                },\r\n              ],\r\n            })(\r\n              <InputV4\r\n                  Label=\"Confirm email\"\r\n                  key={\"ConfirmEmail\"}\r\n                  //onPaste={(e: any) => e.preventDefault()}\r\n                  onBlur={(e: any) => {\r\n                    const value = e.target.value;\r\n                    setConfirmEmailDirty(confirmEmailDirty || !!value);\r\n                  }}\r\n                  // onChange={setvinvalue}\r\n                />\r\n            )}\r\n          </Form.Item>\r\n          <Form.Item>\r\n            {form.getFieldDecorator(\"zipcode\", {\r\n              normalize: (v: string) => (v ? v.replace(/\\D/g, \"\") : \"\"),\r\n              rules: [\r\n                {\r\n                  required: true,\r\n                  message: \"Please enter your zip code\",\r\n                },\r\n                {\r\n                  len: 5,\r\n                  message: \"Please enter a valid zipcode\",\r\n                },\r\n              ],\r\n            })(\r\n              <InputV4\r\n                  maxLength={5}\r\n                  Label=\"Enter your zip code\"\r\n                  key={\"zip\"}\r\n                />\r\n            )}\r\n          </Form.Item>\r\n          <Form.Item>\r\n            {form.getFieldDecorator(\"phonenumber\", {\r\n              normalize: (v: string) =>  v\r\n              ? v\r\n                  .replace(/\\D/g, \"\")\r\n                  .replace(/(\\d{3})(\\d{3})(\\d{4})/, \"($1) $2-$3\")\r\n              : \"\",\r\n              rules: [\r\n                {\r\n                  required: true,\r\n                  message: \"Please enter your phone number\",\r\n                },\r\n                {\r\n                  len: 14,\r\n                  message: \"Please enter a valid phone number\",\r\n                },\r\n              ],\r\n            })(\r\n              <InputV4\r\n                  Label=\"Phone number\"\r\n                  maxLength={10}\r\n                  key={\"Phonenumber\"}\r\n                  \r\n                />\r\n            )}\r\n          </Form.Item>\r\n          <Form.Item css={css`\r\n                font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n                font-weight: 300 !important;\r\n              `}>\r\n            {form.getFieldDecorator(\r\n              \"optinMarketing\",\r\n              {}\r\n            )(\r\n              <Checkbox>\r\n                I agree to receive marketing emails (optional)\r\n              </Checkbox>\r\n            )}\r\n          </Form.Item>\r\n        </div>\r\n        <Button\r\n          htmlType=\"submit\"\r\n          type=\"primary\"\r\n          css={css`\r\n          display: block !important;\r\n          margin: auto;\r\n          width: 200px;\r\n          height: 48px;\r\n          background: #2b2b2b;\r\n          font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n          font-size: 16px !important;\r\n          :hover {\r\n            background: white !important;\r\n            color: #2b2b2b !important;\r\n            span {\r\n              color: #2b2b2b !important;\r\n            }\r\n          }\r\n          span {\r\n            color: white;\r\n          }\r\n        `}\r\n        >\r\n          Register\r\n        </Button>\r\n      </Form>\r\n    </Spin>\r\n  );\r\n};\r\n\r\nexport default Form.create<Props>({ name: \"social-register-form\" })(\r\n  SocialRegister\r\n);\r\n","import \"./style.css\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport GoogleLogin, {\r\n  GoogleLoginResponse,\r\n  GoogleLoginResponseOffline,\r\n} from \"react-google-login\";\r\nimport { LoginResult, Query } from \"../../../../generated/graphql\";\r\nimport { Spin, notification } from \"antd\";\r\n\r\nimport FacebookLogin from \"react-facebook-login\";\r\nimport SocialRegister from \"../SocialRegister/SocialRegister\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useAuthPopupDispatch } from \"../../../../context/AuthPopupContext\";\r\nimport { useLazyQuery } from \"@apollo/react-hooks\";\r\n\r\nconst SOCIAL_LOGIN_QUERY = loader(\"./socialLoginQuery.graphql\");\r\n\r\ninterface Props {\r\n  handleLoginSuccess: (data: LoginResult) => void;\r\n  setSocialRegisterVisible: (visible: boolean) => void;\r\n  disabled: boolean;\r\n}\r\n\r\ninterface SocialProfile {\r\n  accessToken: string;\r\n  provider: \"Google\" | \"Facebook\";\r\n  providerKey: string;\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n}\r\n\r\nconst SocialLogin: React.FC<Props> = ({\r\n  handleLoginSuccess,\r\n  setSocialRegisterVisible,\r\n  disabled,\r\n}) => {\r\n  const dispatch = useAuthPopupDispatch();\r\n  const [socialProfile, setSocialProfile] = React.useState<SocialProfile>();\r\n  const [executeSocialLoginQuery, socialLoginQueryResult] = useLazyQuery<Query>(\r\n    SOCIAL_LOGIN_QUERY\r\n  );\r\n  const isValidGoogleResponse = (\r\n    resp: GoogleLoginResponse | GoogleLoginResponseOffline\r\n  ): resp is GoogleLoginResponse =>\r\n    (resp as GoogleLoginResponse).getAuthResponse !== undefined;\r\n  const handleGoogleLoginResponse = (resp: GoogleLoginResponse) => {\r\n    const googleAuthResponse = resp.getAuthResponse();\r\n    const googleProfile = resp.getBasicProfile();\r\n    const socialProfile: SocialProfile = {\r\n      accessToken: googleAuthResponse.id_token,\r\n      provider: \"Google\",\r\n      providerKey: resp.getId(),\r\n      firstName: googleProfile.getGivenName(),\r\n      lastName: googleProfile.getFamilyName(),\r\n      email: googleProfile.getEmail(),\r\n    };\r\n    setSocialProfile(socialProfile);\r\n    executeSocialLoginQuery({\r\n      variables: {\r\n        AccessToken: googleAuthResponse.id_token,\r\n        Provider: \"Google\",\r\n        Providerkey: googleAuthResponse.access_token,\r\n      },\r\n    });\r\n  };\r\n  const handleFacebookLoginResponse = (resp: any) => {\r\n    if (!resp.accessToken || !resp.id) {\r\n      notification[\"error\"]({\r\n        message: \"Error\",\r\n        description:\r\n          \"Sorry, We are unable to complete Facebook Login at the moment\",\r\n      });\r\n    } else {\r\n      const socialProfile: SocialProfile = {\r\n        accessToken: resp.accessToken,\r\n        provider: \"Facebook\",\r\n        providerKey: resp.id,\r\n        firstName: resp.first_name,\r\n        lastName: resp.last_name,\r\n        email: resp.email,\r\n      };\r\n      setSocialProfile(socialProfile);\r\n      executeSocialLoginQuery({\r\n        variables: {\r\n          AccessToken: resp.accessToken,\r\n          Provider: \"Facebook\",\r\n          Providerkey: resp.id,\r\n        },\r\n      });\r\n    }\r\n  };\r\n  React.useEffect(() => {\r\n    if (\r\n      socialLoginQueryResult.data &&\r\n      socialLoginQueryResult.data.authSocialLogin &&\r\n      socialLoginQueryResult.data.authSocialLogin.IsRegistered &&\r\n      socialLoginQueryResult.data.authSocialLogin.Response\r\n    ) {\r\n      handleLoginSuccess(socialLoginQueryResult.data.authSocialLogin.Response);\r\n      // Hide login popup\r\n      dispatch({\r\n        type: \"HIDE_AUTH_POPUP\",\r\n      });\r\n    } else if (\r\n      socialLoginQueryResult.data &&\r\n      socialLoginQueryResult.data.authSocialLogin &&\r\n      !socialLoginQueryResult.data.authSocialLogin.IsRegistered\r\n    ) {\r\n      // User from social login is not registered, require user to register withour password\r\n      setSocialRegisterVisible(true);\r\n    }\r\n  });\r\n  if (\r\n    socialLoginQueryResult.data &&\r\n    socialLoginQueryResult.data.authSocialLogin &&\r\n    !socialLoginQueryResult.data.authSocialLogin.IsRegistered &&\r\n    socialProfile\r\n  ) {\r\n    return <SocialRegister {...socialProfile} />;\r\n  }\r\n  return (\r\n    <Spin spinning={socialLoginQueryResult.loading}>\r\n      <FacebookLogin\r\n        appId=\"588025158061575\"\r\n        callback={handleFacebookLoginResponse}\r\n        textButton=\"Continue with Facebook\"\r\n        autoLoad={false}\r\n        isMobile={false}\r\n        isDisabled={disabled}\r\n        icon={\r\n          <div\r\n            css={css`\r\n              margin-right: 10px;\r\n            `}\r\n          >\r\n            <img\r\n              css={css`\r\n                width: 20px;\r\n                height: 20px;\r\n              `}\r\n              src={require(\"../images/Image1@2x.png\")}\r\n            ></img>\r\n          </div>\r\n        }\r\n        cssClass=\"custom-facebook-button-class\"\r\n        fields=\"name,email,first_name,last_name\"\r\n      />\r\n      <GoogleLogin\r\n        clientId=\"427346214546-1ikbo97g9sjiha27aj4ldihbsa0qjdqj.apps.googleusercontent.com\"\r\n        buttonText=\"Continue with Google\"\r\n        onSuccess={(resp) =>\r\n          isValidGoogleResponse(resp)\r\n            ? handleGoogleLoginResponse(resp)\r\n            : notification[\"error\"]({\r\n                message: \"Error\",\r\n                description:\r\n                  \"Sorry, We are unable to complete Google Login at the moment\",\r\n              })\r\n        }\r\n        onFailure={(fail) => console.error(\"google login failed: \", fail)}\r\n        disabled={disabled}\r\n        css={css`\r\n          width: 100%;\r\n          height: 48px;\r\n          justify-content: center;\r\n          border: 1px solid #4c4c4c !important;\r\n          border-radius: 5px !important;\r\n          box-shadow: none !important;\r\n          font-family: \"aktiv-grotesk\", Arial, Helvetica, sans-serif !important;\r\n          color: #2b2b2b !important;\r\n          display: flex !important;\r\n          align-items: center !important;\r\n          justify-content: center !important;\r\n          span {\r\n            font-weight: 300 !important;\r\n          }\r\n          div {\r\n            padding: 0 !important;\r\n            display: flex !important;\r\n          }\r\n        `}\r\n      />\r\n    </Spin>\r\n  );\r\n};\r\n\r\nexport default SocialLogin;\r\n","import {\r\n  Alert,\r\n  Button,\r\n  Checkbox,\r\n  Col,\r\n  Form,\r\n  Input,\r\n  Row,\r\n  notification,\r\n} from \"antd\";\r\nimport { ERROR_MESSAGE, breakpoints } from \"../../../../constants\";\r\nimport {\r\n  LoginResult,\r\n  Mutation,\r\n  Query,\r\n  UpdateCashOfferUserInput,\r\n} from \"../../../../generated/graphql\";\r\nimport React, { Dispatch, SetStateAction, useState } from \"react\";\r\nimport {\r\n  useAuthPopupDispatch,\r\n  useAuthPopupState,\r\n} from \"../../../../context/AuthPopupContext\";\r\nimport { useLazyQuery, useMutation } from \"@apollo/react-hooks\";\r\n\r\nimport { BlueLinkButton } from \"../../../UI/CustomButton\";\r\nimport { FloatingLabelInput } from \"../../../UI/CustomInput\";\r\nimport { FormComponentProps } from \"antd/lib/form\";\r\nimport { ReactComponent as Logo } from \"../../../../assets/svgs/rumbleon-black-logo.svg\";\r\nimport SocialLogin from \"../SocialLogin/SocialLogin\";\r\nimport { css } from \"@emotion/core\";\r\nimport { environmentVariableList } from \"../../../../config/env\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useEffect } from \"react\";\r\nimport { validatePassword } from \"../../../../utils/validate\";\r\n\r\nconst EMAIL_CHECK_QUERY = loader(\"./emailCheckQuery.graphql\");\r\n//const SEND_EMAIL_TRIGGER = loader(\"./sendEmailTrigger.graphql\");\r\nconst UPDATE_CASHOFFER_USER = loader(\"./updateCashOfferUserMutation.graphql\");\r\n\r\ninterface Props extends FormComponentProps {\r\n  showPasswordInput: (visibility: boolean) => void;\r\n  setUserEmail: (email: string) => void;\r\n  handleLoginSuccess: (data: LoginResult) => void;\r\n  hideEmailCheck?: boolean;\r\n  setForgotPasswordVisible?: Dispatch<SetStateAction<boolean>>;\r\n  userEmail?: string;\r\n}\r\n\r\nconst EmailCheck = ({\r\n  form,\r\n  userEmail,\r\n  showPasswordInput,\r\n  setUserEmail,\r\n  handleLoginSuccess,\r\n  hideEmailCheck,\r\n  setForgotPasswordVisible,\r\n}: Props) => {\r\n  const dispatch = useAuthPopupDispatch();\r\n  const { emailToVerify } = useAuthPopupState();\r\n  const [socialRegisterVisible, setSocialRegisterVisible] = useState(false);\r\n  const [confirmPasswordDirty, setConfirmPasswordDirty] = useState(false);\r\n  const [showVerificationCodeInput, setShowVerificationCodeInput] = useState(\r\n    false\r\n  );\r\n  const [showCreatePasswordInput, setShowCreatePasswordInput] = useState(false);\r\n  const [showCreatPasswordSuccess, setShowCreatePasswordSuccess] = useState(\r\n    false\r\n  );\r\n  const [loading, setLoading] = useState(false);\r\n  const [errorMessage, setErrorMessage] = useState(\"\");\r\n\r\n  //const [sendEmailTriggerMutation] = useMutation<Mutation>(SEND_EMAIL_TRIGGER);\r\n  const [executeEmailCheckQuery, emailCheckQueryResult] = useLazyQuery<Query>(\r\n    EMAIL_CHECK_QUERY,\r\n    {\r\n      fetchPolicy: \"network-only\",\r\n      onCompleted: (data) => {\r\n        if (data && data.getUserByEmail && data.getUserByEmail.Success) {\r\n          if (data.getUserByEmail.IsSocialLogin) {\r\n            // For social login, ask user to login through social button\r\n            notification[\"info\"]({\r\n              message: `${data.getUserByEmail.SocialLoginProvider} user`,\r\n              description: `Please use the Continue with ${data.getUserByEmail.SocialLoginProvider} button to login`,\r\n            });\r\n          } else {\r\n            if (\r\n              data.getUserByEmail.StatusId !== 9 &&\r\n              data.getUserByEmail.UserTypeId !== 2\r\n            ) {\r\n              showPasswordInput(true);\r\n            } else if (data.getUserByEmail.StatusId === 9) {\r\n              //disable due to new requirement in cash offer flow\r\n              // sendEmailTriggerMutation({\r\n              //   variables: {\r\n              //     UserId: data.getUserByEmail.UserId,\r\n              //   },\r\n              // });\r\n\r\n              generateVerificationCode(data.getUserByEmail.Email);\r\n            }\r\n\r\n            setUserEmail(data.getUserByEmail.Email);\r\n          }\r\n        }\r\n      },\r\n      onError: (error) => {\r\n        console.error(error, error.message);\r\n        let message = \"We don't recognize your email, please create an account\";\r\n\r\n        if (error.message.includes(\"Network error\")) {\r\n          message = ERROR_MESSAGE.requestFailed;\r\n        }\r\n\r\n        form.setFields({\r\n          email: {\r\n            errors: [new Error(message)],\r\n          },\r\n        });\r\n      },\r\n    }\r\n  );\r\n\r\n  const handleCreatePasswordSuccess = () => {\r\n    if (userEmail) {\r\n      showPasswordInput(true);\r\n    }\r\n  };\r\n\r\n  const [updatePassword, updatePasswordResult] = useMutation<Mutation>(\r\n    UPDATE_CASHOFFER_USER,\r\n    {\r\n      onCompleted: (data) => {\r\n        if (data?.updateCashOfferUser) {\r\n          notification[\"success\"]({\r\n            message: \"Password create successfully\",\r\n            description: \"Please login with your new password\",\r\n          });\r\n          setShowCreatePasswordSuccess(true);\r\n        }\r\n      },\r\n      onError: (error) => {\r\n        let message = ERROR_MESSAGE.default;\r\n        if (error.message.includes(\"Network error\")) {\r\n          message = ERROR_MESSAGE.requestFailed;\r\n        }\r\n\r\n        console.error(error);\r\n        setErrorMessage(message);\r\n      },\r\n    }\r\n  );\r\n\r\n  const handleEmailSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    form.validateFields((error, values) => {\r\n      if (!error) {\r\n        setErrorMessage(\"\");\r\n        executeEmailCheckQuery({\r\n          variables: {\r\n            email: values.email,\r\n          },\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const generateVerificationCode = async (email: string) => {\r\n    try {\r\n      setLoading(true);\r\n      setErrorMessage(\"\");\r\n      const response = await fetch(\r\n        `${environmentVariableList.AUTH_API_ENDPOINT}/api/Authentication/GenerateCOVerificationCode`,\r\n        {\r\n          method: \"POST\",\r\n          headers: new Headers({\r\n            Accept: \"application/json\",\r\n            \"Content-Type\": \"application/json\",\r\n          }),\r\n          body: JSON.stringify({\r\n            email,\r\n          }),\r\n        }\r\n      );\r\n\r\n      if (!response.ok) {\r\n        if (!response.json) {\r\n          throw Error(response.statusText || ERROR_MESSAGE.fetchFailed);\r\n        }\r\n\r\n        //todo: ask Komal to update error response from api\r\n        throw Error(ERROR_MESSAGE.default);\r\n      }\r\n\r\n      setShowVerificationCodeInput(true);\r\n    } catch (error) {\r\n      let message = \"\";\r\n\r\n      switch (error.message) {\r\n        case ERROR_MESSAGE.fetchFailed:\r\n          message = ERROR_MESSAGE.requestFailed;\r\n          break;\r\n        default:\r\n          message = error.message;\r\n      }\r\n      console.error(message);\r\n      setErrorMessage(message);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const validateVerificationCode = async (code: string, email: string) => {\r\n    try {\r\n      setLoading(true);\r\n      setErrorMessage(\"\");\r\n      const response = await fetch(\r\n        `${environmentVariableList.AUTH_API_ENDPOINT}/api/Authentication/ValidateVerificationCode`,\r\n        {\r\n          method: \"POST\",\r\n          headers: new Headers({\r\n            Accept: \"application/json\",\r\n            \"Content-Type\": \"application/json\",\r\n          }),\r\n          body: JSON.stringify({\r\n            VerificationCode: code,\r\n            email,\r\n          }),\r\n        }\r\n      );\r\n\r\n      if (!response.ok) {\r\n        if (!response.json) {\r\n          throw Error(response.statusText || ERROR_MESSAGE.fetchFailed);\r\n        }\r\n\r\n        //todo: ask Komal to update error response from api\r\n        throw Error(ERROR_MESSAGE.default);\r\n      }\r\n\r\n      const result = await response.json();\r\n\r\n      if (result.Isvalid) {\r\n        setShowCreatePasswordInput(true);\r\n      } else {\r\n        throw Error(\"Invalid code, please try again.\");\r\n      }\r\n    } catch (error) {\r\n      let message = \"\";\r\n\r\n      switch (error.message) {\r\n        case ERROR_MESSAGE.fetchFailed:\r\n          message = ERROR_MESSAGE.requestFailed;\r\n          break;\r\n        default:\r\n          message = error.message;\r\n      }\r\n      console.error(message);\r\n      setErrorMessage(message);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const handlePasswordConfirmBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n    const value = e.target.value;\r\n    setConfirmPasswordDirty(confirmPasswordDirty || !!value);\r\n  };\r\n  const confirmToNextPassword = (_: any, value: any, callback: any): void => {\r\n    const validationResult = validatePassword(value);\r\n    if (value && validationResult.length > 0) {\r\n      callback(`Must contain at least ${validationResult}`);\r\n    }\r\n    if (value && confirmPasswordDirty) {\r\n      form.validateFields([\"passwordConfirm\"], {\r\n        force: true,\r\n      });\r\n    }\r\n    callback();\r\n  };\r\n  const confirmToFirstPassword = (_: any, value: any, callback: any): void => {\r\n    if (value && value !== form.getFieldValue(\"password\")) {\r\n      callback(\"Please confirm you enter the same password\");\r\n    } else {\r\n      callback();\r\n    }\r\n  };\r\n\r\n  const handleCashOfferVerificationCodeSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    form.validateFields((error, values) => {\r\n      if (!error && userEmail) {\r\n        validateVerificationCode(values.code, userEmail);\r\n      }\r\n    });\r\n  };\r\n\r\n  const handleCreatePasswordSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    form.validateFields((error, values) => {\r\n      if (!error) {\r\n        const updateInput: UpdateCashOfferUserInput = {\r\n          Password: values.password,\r\n          UserEmail: userEmail,\r\n          //UserUuid: UserUuid,\r\n        };\r\n        setErrorMessage(\"\");\r\n        updatePassword({\r\n          variables: {\r\n            input: updateInput,\r\n          },\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const renderCreatePassword = () => {\r\n    return (\r\n      <>\r\n        {!showCreatPasswordSuccess ? (\r\n          <Form\r\n            colon={false}\r\n            hideRequiredMark={true}\r\n            onSubmit={handleCreatePasswordSubmit}\r\n          >\r\n            <Col span={24}>\r\n              <p>Create a password to manage your Offers in My Garage.</p>\r\n              <Form.Item>\r\n                {form.getFieldDecorator(\"password\", {\r\n                  rules: [\r\n                    {\r\n                      required: true,\r\n                      message: \"Please enter your password\",\r\n                    },\r\n                    {\r\n                      validator: confirmToNextPassword,\r\n                    },\r\n                  ],\r\n                })(\r\n                  <Input.Password\r\n                    visibilityToggle\r\n                    size=\"large\"\r\n                    placeholder=\"Enter your password\"\r\n                    disabled={updatePasswordResult.loading}\r\n                  />\r\n                )}\r\n              </Form.Item>\r\n              <Form.Item>\r\n                {form.getFieldDecorator(\"passwordConfirm\", {\r\n                  rules: [\r\n                    {\r\n                      required: true,\r\n                      message: \"Please enter your password\",\r\n                    },\r\n                    {\r\n                      validator: confirmToFirstPassword,\r\n                    },\r\n                  ],\r\n                })(\r\n                  <Input.Password\r\n                    visibilityToggle\r\n                    onBlur={handlePasswordConfirmBlur}\r\n                    size=\"large\"\r\n                    placeholder=\"Confirm your password\"\r\n                    disabled={updatePasswordResult.loading}\r\n                  />\r\n                )}\r\n              </Form.Item>\r\n            </Col>\r\n\r\n            <Col span={24}>\r\n              <Form.Item>\r\n                {form.getFieldDecorator(\"termsOfUse\", {\r\n                  rules: [\r\n                    {\r\n                      required: true,\r\n                      message:\r\n                        \"Please agree to our Terms of Use and Privacy Policy\",\r\n                    },\r\n                  ],\r\n                })(\r\n                  <Checkbox disabled={updatePasswordResult.loading}>\r\n                    I agree to the{\" \"}\r\n                    <a href=\"/termsofuse\" target=\"_blank\">\r\n                      Terms of Use\r\n                    </a>\r\n                    ,{\" \"}\r\n                    <a href=\"/privacy\" target=\"_blank\">\r\n                      Privacy Policy\r\n                    </a>\r\n                    ,{\" \"}\r\n                    <a\r\n                      href={`${environmentVariableList.REACT_APP_S3_LINK}/finance/documents/optInLanguage.pdf`}\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                    >\r\n                      RumbleOn Finance\r\n                    </a>\r\n                  </Checkbox>\r\n                )}\r\n              </Form.Item>\r\n              <Form.Item>\r\n                {form.getFieldDecorator(\"optinMarketing\")(\r\n                  <Checkbox disabled={updatePasswordResult.loading}>\r\n                    I agree to receive marketing emails (optional)\r\n                  </Checkbox>\r\n                )}\r\n              </Form.Item>\r\n              <a href=\"/termsofuse?#119\" target=\"_blank\">\r\n                Do Not Sell My Personal Info\r\n              </a>\r\n            </Col>\r\n            <Col span={24}>\r\n              <Button\r\n                htmlType=\"submit\"\r\n                type=\"primary\"\r\n                loading={loading || updatePasswordResult.loading}\r\n                css={css`\r\n                  font-size: 1rem;\r\n                `}\r\n              >\r\n                Submit\r\n              </Button>\r\n            </Col>\r\n          </Form>\r\n        ) : (\r\n          <Row>\r\n            <p\r\n              css={css`\r\n                text-align: center;\r\n              `}\r\n            >\r\n              Password created successfully!{\" \"}\r\n              <BlueLinkButton onClick={handleCreatePasswordSuccess}>\r\n                Login\r\n              </BlueLinkButton>\r\n            </p>\r\n          </Row>\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  const renderCashOfferCreatePasswordFlow = () => {\r\n    return (\r\n      <Row>\r\n        <Col span={24}>\r\n          <h3>\r\n            {!showCreatePasswordInput ? \"Verify code\" : \"Create a password\"}\r\n          </h3>\r\n        </Col>\r\n        {!showCreatePasswordInput ? (\r\n          <Col span={24}>\r\n            <p>\r\n              A password has not been set up for the email you entered. Check\r\n              your email for the 6 digit verification code we sent and enter it\r\n              below. Be sure to check your spam folder if you dont see it in\r\n              your inbox.\r\n            </p>\r\n            <Form\r\n              onSubmit={handleCashOfferVerificationCodeSubmit}\r\n              hideRequiredMark={true}\r\n            >\r\n              <Col span={24}>\r\n                <Form.Item>\r\n                  {form.getFieldDecorator(\"code\", {\r\n                    normalize: (v) => (v ? v.replace(/\\D/g, \"\") : \"\"),\r\n                    rules: [\r\n                      {\r\n                        required: true,\r\n                        message: \"Verification code is required.\",\r\n                      },\r\n                      {\r\n                        len: 6,\r\n                        message: \"Please enter a valid verification code.\",\r\n                      },\r\n                    ],\r\n                  })(\r\n                    <Input\r\n                      maxLength={6}\r\n                      size=\"large\"\r\n                      disabled={loading}\r\n                      autoComplete=\"off\"\r\n                      css={css`\r\n                        text-align: center;\r\n                        letter-spacing: 0.75rem;\r\n                        font-size: 1.5rem;\r\n                        font-weight: bold;\r\n                      `}\r\n                    />\r\n                  )}\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={24}>\r\n                <Button\r\n                  css={css`\r\n                    margin-top: 0 !important;\r\n                    height: 40px !important;\r\n                  `}\r\n                  htmlType=\"submit\"\r\n                  type=\"primary\"\r\n                  loading={loading}\r\n                >\r\n                  CONTINUE\r\n                </Button>\r\n              </Col>\r\n            </Form>\r\n          </Col>\r\n        ) : (\r\n          <Col span={24}>{renderCreatePassword()}</Col>\r\n        )}\r\n      </Row>\r\n    );\r\n  };\r\n\r\n  const renderEmailCheck = () => {\r\n    return (\r\n      <>\r\n        {!socialRegisterVisible && !hideEmailCheck && (\r\n          <>\r\n            <h3>{!emailToVerify ? \"LOG IN\" : \"VERIFY EMAIL\"}</h3>\r\n            <Form onSubmit={handleEmailSubmit} hideRequiredMark={true}>\r\n              <Form.Item>\r\n                {form.getFieldDecorator(\"email\", {\r\n                  rules: [\r\n                    { required: true, message: \"Please enter your email\" },\r\n                    { type: \"email\", message: \"Please enter a valid email\" },\r\n                  ],\r\n                  initialValue: emailToVerify || \"\",\r\n                })(\r\n                  <FloatingLabelInput\r\n                    Label={\"Email\"}\r\n                    type=\"email\"\r\n                    label=\"Email\"\r\n                    disabled={emailCheckQueryResult.loading || loading}\r\n                    autoFocus={!!emailToVerify}\r\n                  />\r\n                )}\r\n              </Form.Item>\r\n              <Button\r\n                css={css`\r\n                  font-size: 16px !important;\r\n                  :hover {\r\n                    background: white !important;\r\n                    color: #2b2b2b !important;\r\n                    span {\r\n                      color: #2b2b2b !important;\r\n                    }\r\n                  }\r\n                `}\r\n                htmlType=\"submit\"\r\n                type=\"primary\"\r\n                loading={emailCheckQueryResult.loading || loading}\r\n              >\r\n                Continue\r\n              </Button>\r\n            </Form>\r\n            <div\r\n              css={css`\r\n                margin: 40px 0;\r\n              `}\r\n            >\r\n              {/* <div\r\n                css={css`\r\n                  display: block;\r\n                  width: 100%;\r\n                  height: 1px;\r\n                  border-bottom: 1px solid #2b2b2b;\r\n                  position: relative;\r\n                  text-transform: uppercase;\r\n                  color: #2b2b2b;\r\n                  :before {\r\n                    content: \"or\";\r\n                    width: 40px;\r\n                    height: 18px;\r\n                    position: absolute;\r\n                    top: -5px;\r\n                    right: calc(50% - 20px);\r\n                    background-color: #fff;\r\n                    text-align: center;\r\n                    line-height: 10px;\r\n                    color: #2b2b2b;\r\n                  }\r\n                `}\r\n              ></div> */}\r\n            </div>\r\n          </>\r\n        )}\r\n\r\n        <SocialLogin\r\n          disabled={emailCheckQueryResult.loading || loading}\r\n          setSocialRegisterVisible={setSocialRegisterVisible}\r\n          handleLoginSuccess={handleLoginSuccess}\r\n        />\r\n\r\n        {!socialRegisterVisible && (\r\n          <p\r\n            css={css`\r\n              margin-top: 15px;\r\n              @media (max-width: ${breakpoints.sm}) {\r\n                margin-top: 30px;\r\n              }\r\n            `}\r\n          >\r\n            Don’t have an account?{\" \"}\r\n            <BlueLinkButton\r\n              onClick={() => {\r\n                dispatch({\r\n                  type: \"SHOW_SIGNUP\",\r\n                });\r\n              }}\r\n              disabled={emailCheckQueryResult.loading || loading}\r\n            >\r\n              Create Account\r\n            </BlueLinkButton>\r\n          </p>\r\n        )}\r\n\r\n        <p>\r\n          <BlueLinkButton\r\n            onClick={() =>\r\n              setForgotPasswordVisible && setForgotPasswordVisible(true)\r\n            }\r\n            disabled={emailCheckQueryResult.loading || loading}\r\n          >\r\n            Forgot Password?\r\n          </BlueLinkButton>\r\n        </p>\r\n      </>\r\n    );\r\n  };\r\n\r\n  const renderDealerLogin = () => (\r\n    <div\r\n      css={css`\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-evenly;\r\n        align-content: center;\r\n        min-height: 200px;\r\n        width: 100%;\r\n      `}\r\n    >\r\n      <Logo />\r\n      <div>\r\n        <p>\r\n          You logged in as a Dealer Account. Kindly Click Below to go to our\r\n          Dealer Site for Dealer Login.\r\n        </p>\r\n      </div>\r\n\r\n      <a href={`${environmentVariableList.DEALER_PORTAL_URL}`}>\r\n        <Button block type=\"primary\">\r\n          Dealer Portal\r\n        </Button>\r\n      </a>\r\n    </div>\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (emailToVerify) {\r\n      executeEmailCheckQuery({\r\n        variables: {\r\n          email: emailToVerify,\r\n        },\r\n      });\r\n    }\r\n\r\n    return () =>\r\n      dispatch({\r\n        type: \"REMOVE_EMAIL_TO_VERIFY\",\r\n      });\r\n  }, []);\r\n\r\n  return (\r\n    <div\r\n      css={css`\r\n        position: relative;\r\n        font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n        h3 {\r\n          text-align: center;\r\n          font-size: 24px;\r\n          font-family: Interstate, Arial, Helvetica, sans-serif !important;\r\n          font-weight: bold;\r\n          color: #2b2b2b;\r\n          margin-bottom: 1em;\r\n        }\r\n        p {\r\n          text-align: center;\r\n          font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n        }\r\n        .ant-btn-primary {\r\n          color: white;\r\n          background: #2b2b2b !important;\r\n          font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n          font-weight: bold;\r\n          width: 100%;\r\n          height: 48px;\r\n          margin-top: 20px;\r\n        }\r\n        a {\r\n          text-decoration: underline;\r\n          font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n        }\r\n        hr {\r\n          margin: 20px 0;\r\n          font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n        }\r\n      `}\r\n    >\r\n      {emailCheckQueryResult.data?.getUserByEmail?.UserTypeId === 2\r\n        ? renderDealerLogin()\r\n        : emailCheckQueryResult.data?.getUserByEmail?.StatusId === 9\r\n        ? showVerificationCodeInput\r\n          ? renderCashOfferCreatePasswordFlow()\r\n          : renderEmailCheck()\r\n        : renderEmailCheck()}\r\n      {errorMessage && (\r\n        <Alert\r\n          message={errorMessage}\r\n          type=\"error\"\r\n          showIcon\r\n          css={css`\r\n            margin-top: 1rem;\r\n          `}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nEmailCheck.defaultProps = {\r\n  hideEmailCheck: false,\r\n};\r\n\r\nexport default Form.create<Props>({ name: \"email-check-form\" })(EmailCheck);\r\n","import * as React from \"react\";\r\n\r\nimport { Alert, Button, Form, Icon, notification } from \"antd\";\r\nimport { Dispatch, SetStateAction } from \"react\";\r\nimport { Mutation, Query } from \"../../../../generated/graphql\";\r\nimport { useLazyQuery, useMutation } from \"@apollo/react-hooks\";\r\n\r\nimport { BlueLinkButton } from \"../../../UI/CustomButton\";\r\nimport { ERROR_MESSAGE } from \"../../../../constants\";\r\nimport { FloatingLabelInput } from \"../../../UI/CustomInput\";\r\nimport { FormComponentProps } from \"antd/lib/form\";\r\nimport { css } from \"@emotion/core\";\r\nimport { loader } from \"graphql.macro\";\r\nimport { useAuthPopupDispatch } from \"../../../../context/AuthPopupContext\";\r\nimport { useState } from \"react\";\r\n\r\nconst FORGOT_PASSWORD_MUTATION = loader(\"./forgotPasswordMutation.graphql\");\r\nconst EMAIL_CHECK_QUERY = loader(\"../EmailCheck/emailCheckQuery.graphql\");\r\ninterface Props extends FormComponentProps {\r\n  setForgotPasswordVisible: Dispatch<SetStateAction<boolean>>;\r\n}\r\n\r\nconst ForgotPassword: React.FC<Props> = ({\r\n  form,\r\n  setForgotPasswordVisible,\r\n}) => {\r\n  const [error, setError] = useState(\"\");\r\n  const [email, setEmail] = useState(\"\");\r\n  const [\r\n    canExecuteForgotPasswordMutation,\r\n    setCanExecuteForgotPasswordMutation,\r\n  ] = useState(false);\r\n  const [showVerificationRequired, setShowVerificationRequired] = useState(\r\n    false\r\n  );\r\n  const authDispatch = useAuthPopupDispatch();\r\n\r\n  const [executeEmailCheckQuery, emailCheckQueryResult] = useLazyQuery<Query>(\r\n    EMAIL_CHECK_QUERY,\r\n    {\r\n      fetchPolicy: \"network-only\",\r\n      onCompleted: (data) => {\r\n        if (data && data.getUserByEmail && data.getUserByEmail.Success) {\r\n          if (data.getUserByEmail.IsSocialLogin) {\r\n            // For social login, ask user to login through social button\r\n            notification[\"info\"]({\r\n              message: `${data.getUserByEmail.SocialLoginProvider} user`,\r\n              description: `Please use the Continue with ${data.getUserByEmail.SocialLoginProvider} button to login`,\r\n            });\r\n          } else if (data.getUserByEmail.StatusId === 9) {\r\n            setShowVerificationRequired(true);\r\n          } else {\r\n            setCanExecuteForgotPasswordMutation(true);\r\n          }\r\n        }\r\n      },\r\n      onError: (error) => {\r\n        console.error(error, error.message);\r\n        let message = \"We don't recognize your email, please create an account\";\r\n\r\n        if (error.message.includes(\"Network error\")) {\r\n          message = ERROR_MESSAGE.requestFailed;\r\n        }\r\n\r\n        form.setFields({\r\n          email: {\r\n            errors: [new Error(message)],\r\n          },\r\n        });\r\n      },\r\n    }\r\n  );\r\n\r\n  const [executeForgotPasswordMutation, forgotPasswordResult] = useMutation<\r\n    Mutation\r\n  >(FORGOT_PASSWORD_MUTATION, {\r\n    onCompleted: (response) => {\r\n      if (response?.forgotPassword?.Message === \"Invalid email address\") {\r\n        setError(`We don't recognize your email, please create an account.`);\r\n      }\r\n    },\r\n\r\n    onError: (error) => {\r\n      let message = ERROR_MESSAGE.default;\r\n\r\n      if (error.message.includes(\"Network error\")) {\r\n        message = ERROR_MESSAGE.requestFailed;\r\n      }\r\n\r\n      console.error(error);\r\n      setError(message);\r\n    },\r\n  });\r\n\r\n  const handleFormSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    form.validateFields((error, values) => {\r\n      if (!error) {\r\n        setError(\"\");\r\n        setEmail(values.email);\r\n        executeEmailCheckQuery({\r\n          variables: {\r\n            email: values.email,\r\n          },\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const loading = forgotPasswordResult.loading || emailCheckQueryResult.loading;\r\n\r\n  React.useEffect(() => {\r\n    if (canExecuteForgotPasswordMutation) {\r\n      executeForgotPasswordMutation({\r\n        variables: {\r\n          email,\r\n        },\r\n      });\r\n    }\r\n  }, [canExecuteForgotPasswordMutation]);\r\n\r\n  const renderVerificationRequired = () => (\r\n    <div\r\n      css={css`\r\n        text-align: center;\r\n        h3 {\r\n          font-size: 18px;\r\n          font-weight: bold;\r\n        }\r\n      `}\r\n    >\r\n      <h3>Verify Your Email</h3>\r\n      <p>\r\n        A password has not been created for an email you entered. Please click{\" \"}\r\n        <BlueLinkButton\r\n          onClick={() => {\r\n            authDispatch({\r\n              type: \"SHOW_LOGIN_AND_VERIFY_EMAIL\",\r\n              args: email,\r\n            });\r\n            setForgotPasswordVisible(false);\r\n          }}\r\n        >\r\n          here\r\n        </BlueLinkButton>{\" \"}\r\n        to verify your email.\r\n      </p>\r\n    </div>\r\n  );\r\n  const renderForgotPasswordSuccess = () => (\r\n    <div\r\n      css={css`\r\n        text-align: center;\r\n        font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n        h3 {\r\n          font-size: 25px;\r\n          font-weight: bold;\r\n          color: #2b2b2b;\r\n        }\r\n        p {\r\n          margin: 1rem 1rem 0;\r\n        }\r\n      `}\r\n    >\r\n      <h3>Check your email for the password link!</h3>\r\n      <p>\r\n        Be sure to check your spam folder if you don't see an email from us in\r\n        your inbox.\r\n      </p>\r\n    </div>\r\n  );\r\n\r\n  const renderForgotPassword = () => (\r\n    <div\r\n      css={css`\r\n        h3 {\r\n          text-align: center;\r\n          font-size: 18px;\r\n          font-weight: bold;\r\n          color: #2b2b2b;\r\n        }\r\n        p {\r\n          text-align: center;\r\n        }\r\n      `}\r\n    >\r\n      <h3>Forgot Your Password</h3>\r\n      <p>Enter your email address to reset your password.</p>\r\n      <Form onSubmit={handleFormSubmit} hideRequiredMark={true}>\r\n        <Form.Item>\r\n          {form.getFieldDecorator(\"email\", {\r\n            rules: [\r\n              { required: true, message: \"Please enter your email\" },\r\n              { type: \"email\", message: \"Please enter a valid email\" },\r\n            ],\r\n          })(\r\n            <FloatingLabelInput\r\n              disabled={loading}\r\n              label=\"Email\"\r\n              type=\"email\"\r\n              autoComplete=\"off\"\r\n            />\r\n          )}\r\n        </Form.Item>\r\n        <div\r\n          css={css`\r\n            text-align: center;\r\n          `}\r\n        >\r\n          <Button\r\n            htmlType=\"submit\"\r\n            type=\"primary\"\r\n            block\r\n            loading={loading}\r\n            css={css`\r\n              color: white;\r\n              background: #2b2b2b !important;\r\n              font-weight: bold;\r\n              height: 48px;\r\n              margin: 20px 0;\r\n              :hover {\r\n                background: white !important;\r\n                color: #2b2b2b !important;\r\n                span {\r\n                  color: #2b2b2b !important;\r\n                }\r\n              }\r\n            `}\r\n          >\r\n            Submit\r\n          </Button>\r\n        </div>\r\n\r\n        {error && (\r\n          <Alert\r\n            css={css`\r\n              margin-bottom: 1rem;\r\n            `}\r\n            message={error}\r\n            type=\"error\"\r\n            showIcon\r\n          />\r\n        )}\r\n\r\n        <p>\r\n          <BlueLinkButton\r\n            disabled={loading}\r\n            onClick={() => {\r\n              setForgotPasswordVisible(false);\r\n            }}\r\n          >\r\n            <Icon type=\"arrow-left\" /> Back to log in\r\n          </BlueLinkButton>\r\n        </p>\r\n      </Form>\r\n    </div>\r\n  );\r\n\r\n  return showVerificationRequired\r\n    ? renderVerificationRequired()\r\n    : forgotPasswordResult?.data?.forgotPassword?.Success\r\n    ? renderForgotPasswordSuccess()\r\n    : renderForgotPassword();\r\n};\r\n\r\nexport default Form.create<Props>({ name: \"forgot-password-form\" })(\r\n  ForgotPassword\r\n);\r\n","import * as React from \"react\";\r\n\r\nimport { Modal, notification } from \"antd\";\r\nimport {\r\n  useAuthPopupDispatch,\r\n  useAuthPopupState,\r\n} from \"../../context/AuthPopupContext\";\r\n\r\nimport EmailCheck from \"./Components/EmailCheck/EmailCheck\";\r\nimport ForgotPassword from \"./Components/ForgotPassword/ForgotPassword\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport { LoginResult } from \"../../generated/graphql\";\r\nimport PasswordInput from \"./Components/PasswordInput/PasswordInput\";\r\nimport TagManager from \"react-gtm-module\";\r\nimport { breakpoints } from \"../../constants\";\r\nimport { css } from \"@emotion/core\";\r\nimport { environmentVariableList } from \"../../config/env\";\r\nimport { useModalFlowDispatch } from \"../../context/ModalContext\";\r\nimport { useState } from \"react\";\r\n\r\nconst LoginPopUp = () => {\r\n  // Read Login Modal Visibility from context\r\n  const { loginVisible, IsLegacyUser } = useAuthPopupState();\r\n  const dispatch = useAuthPopupDispatch();\r\n\r\n  const modalDispatch = useModalFlowDispatch();\r\n\r\n  const [passwordInputVisible, setPasswordVisibility] = useState<boolean>(\r\n    false\r\n  );\r\n  const [forgotPasswordVisible, setForgotPasswordVisible] = useState<boolean>(\r\n    false\r\n  );\r\n  const [userEmail, setUserEmail] = useState<string>(\"\");\r\n\r\n  const [isLegacyUserStatus, setLegacyStatus] = useState(false);\r\n\r\n  const handleLoginSuccess = (data: LoginResult) => {\r\n    // Send google tag event\r\n    TagManager.initialize({\r\n      gtmId: environmentVariableList.REACT_APP_GTM_ID || \"\",\r\n      dataLayer: {\r\n        event: \"GAEvent\",\r\n        eventCategory: \"Account Management\",\r\n        eventAction: \"Login\",\r\n        eventLabel: \"Registered\",\r\n      },\r\n    });\r\n\r\n    dispatch({\r\n      type: \"POST_LOGIN_SUCCESS\",\r\n      args: data,\r\n    });\r\n\r\n    if (data.IsLegacyUser === true) {\r\n      setLegacyStatus(true);\r\n      modalDispatch({\r\n        type: \"SHOW_ACCEPT_TOU\",\r\n        args: {\r\n          showAcceptTOUModal: true,\r\n        },\r\n      });\r\n    } else {\r\n      setPasswordVisibility(false);\r\n      dispatch({\r\n        type: \"HIDE_AUTH_POPUP\",\r\n      });\r\n      notification.success({\r\n        message: \"Success\",\r\n        description: \"Successfully Logged in\",\r\n      });\r\n    }\r\n  };\r\n  const handleCloseModal = () => {\r\n    dispatch({\r\n      type: \"HIDE_AUTH_POPUP\",\r\n    });\r\n    setPasswordVisibility(false);\r\n    setForgotPasswordVisible(false);\r\n  };\r\n\r\n  return (\r\n    <Modal\r\n      visible={loginVisible}\r\n      footer={null}\r\n      style={{ top: \"5%\", borderRadius: \"3px\" }}\r\n      title={\r\n        <div\r\n          css={css`\r\n            @media (min-width: ${breakpoints.sm}) {\r\n              display: none !important;\r\n            }\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            height: 56px;\r\n            width: 205px;\r\n          `}\r\n        >\r\n          <img\r\n            css={css`\r\n              width: 100%;\r\n              height: 16px;\r\n            `}\r\n            alt={\"Rumbleon Logo\"}\r\n            src={require(\"../Layout/images/rumbleon-black-logo.svg\")}\r\n          />\r\n        </div>\r\n      }\r\n      closable={true}\r\n      onCancel={handleCloseModal}\r\n      destroyOnClose\r\n      css={css`\r\n        @media (min-width: ${breakpoints.sm}) {\r\n          .ant-modal-header {\r\n            border-bottom: none;\r\n          }\r\n        }\r\n      `}\r\n    >\r\n      <Helmet>\r\n        <title>RumbleOn | Sign In</title>\r\n        <meta\r\n          name=\"description\"\r\n          content=\"Sign in to your RumbleOn account to list a \\vehicle for sale online, or browse and buy used vehicles for sale near you.\"\r\n        />\r\n        <meta property=\"og:title\" content=\"RumbleOn | Sign In\" />\r\n        <meta\r\n          property=\"og:description\"\r\n          content=\"Sign in to list a vehicle for sale or browse vehicles for sale near you.\"\r\n        />\r\n        <meta\r\n          property=\"og:image\"\r\n          content=\"https://go.rumbleon.com/hubfs/Classifieds%20OG/Core/signin.png\"\r\n        />\r\n      </Helmet>\r\n      {forgotPasswordVisible ? (\r\n        <ForgotPassword setForgotPasswordVisible={setForgotPasswordVisible} />\r\n      ) : (\r\n        <>\r\n          {!passwordInputVisible && (\r\n            <EmailCheck\r\n              userEmail={userEmail}\r\n              showPasswordInput={setPasswordVisibility}\r\n              setUserEmail={setUserEmail}\r\n              handleLoginSuccess={handleLoginSuccess}\r\n              setForgotPasswordVisible={setForgotPasswordVisible}\r\n            />\r\n          )}\r\n          {passwordInputVisible && (\r\n            <PasswordInput\r\n              email={userEmail}\r\n              handleLoginSuccess={handleLoginSuccess}\r\n              setForgotPasswordVisible={setForgotPasswordVisible}\r\n            />\r\n          )}\r\n        </>\r\n      )}\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default LoginPopUp;\r\n","import React, { FC, MouseEvent, ReactNode } from \"react\";\r\n\r\nimport { Button } from \"antd\";\r\nimport { colors } from \"../../constants/styles\";\r\nimport { css } from \"@emotion/core\";\r\n\r\nexport const CustomButton: FC<{\r\n  filled?: boolean;\r\n  [key: string]: any;\r\n}> = ({ filled = false, children, ...props }) => {\r\n  const bgColor = filled ? colors.darkCharcoal : \"white\",\r\n    textColor = !filled ? colors.darkCharcoal : \"white\";\r\n\r\n  return (\r\n    <Button\r\n      {...props}\r\n      css={css`\r\n        background: ${bgColor};\r\n        color: ${textColor};\r\n        border: 1px solid ${colors.darkCharcoal};\r\n        cursor: pointer;\r\n        &:hover,\r\n        &:focus {\r\n          background: ${bgColor};\r\n          color: ${textColor};\r\n          border: 1px solid ${colors.darkCharcoal};\r\n        }\r\n        &:disabled {\r\n          opacity: 0.4;\r\n          cursor: pointer;\r\n        }\r\n      `}\r\n    >\r\n      {children}\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport const BlueLinkButton = ({\r\n  children,\r\n  disabled,\r\n  onClick,\r\n  ...props\r\n}: {\r\n  children: ReactNode;\r\n  disabled?: boolean;\r\n  onClick: (e: MouseEvent) => void;\r\n}) => (\r\n  <button\r\n    {...props}\r\n    disabled={disabled}\r\n    onClick={onClick}\r\n    css={css`\r\n      background: none;\r\n      border: none;\r\n      padding: 0;\r\n      color: ${colors.blue};\r\n      cursor: pointer;\r\n      text-decoration: underline;\r\n      font-weight: bold;\r\n    `}\r\n  >\r\n    {children}\r\n  </button>\r\n);\r\n","import React, { FC, forwardRef, useEffect, useRef, useState } from \"react\";\r\n\r\nimport { Input } from \"antd\";\r\nimport Password from \"antd/lib/input/Password\";\r\nimport TextArea from \"antd/lib/input/TextArea\";\r\nimport { colors } from \"../../constants/styles\";\r\nimport { css } from \"@emotion/core\";\r\n\r\nexport const FloatingLabelInput: FC<{\r\n  label?: string;\r\n  isPassword?: boolean;\r\n  extraCss?: string;\r\n  autoFocus?: boolean;\r\n  [key: string]: any;\r\n}> = forwardRef(\r\n  ({ label, isPassword, autoFocus, extraCss, ...props }, _ref) => {\r\n    const [focus, setFocus] = useState(false);\r\n    const ref = useRef<Input & Password>(null);\r\n\r\n    useEffect(() => {\r\n      if (autoFocus) {\r\n        setFocus(true);\r\n      }\r\n    }, [autoFocus]);\r\n    useEffect(() => {\r\n      if (ref.current && ref.current?.input.value) {\r\n        setFocus(true);\r\n      }\r\n    }, [ref.current && ref.current?.input.value]);\r\n\r\n    return (\r\n      <div\r\n        css={css`\r\n          position: relative !important;\r\n          input,\r\n          label {\r\n            font-family: aktiv-grotesk !important;\r\n          }\r\n          label {\r\n            position: absolute !important;\r\n            left: 17px;\r\n            top: ${focus\r\n            ? \"0.25rem\"\r\n            : ref.current && ref.current?.input.value\r\n              ? \"0.25rem\"\r\n              : \"1.5rem\"};\r\n            transition: 0.1s ease;\r\n            pointer-events: none;\r\n            line-height: 40px;\r\n             @media (max-width: 300px) {\r\n               font-size: 11px;\r\n             }\r\n          }\r\n          input {\r\n            border-radius: 4px 4px 0 0 !important;\r\n            background: ${colors.superLightGray}!important;\r\n            border: 1px solid ${colors.superLightGray} !important;\r\n            border-bottom-color: ${colors.lightCharcoal}!important;\r\n            padding: 2rem 1rem 0.5rem 1rem !important;\r\n            height: 64px !important;\r\n           \r\n            &:focus {\r\n              border-bottom-color: ${colors.blue} !important;\r\n            }\r\n            &:disabled {\r\n              opacity: 0.4 !important;\r\n              & + label {\r\n                top: ${focus\r\n            ? \"0.25rem\"\r\n            : ref.current && ref.current?.input.value\r\n              ? \"0.25rem\"\r\n              : \"1.5rem\"};\r\n                opacity: 0.4 !important;\r\n              }\r\n            }\r\n             \r\n            ${extraCss}\r\n          }\r\n        `}\r\n        onBlur={() => setFocus(false)}\r\n        onFocus={() => setFocus(true)}\r\n      >\r\n        {isPassword ? (\r\n          <Input.Password ref={ref} {...props} />\r\n        ) : (\r\n          <Input ref={ref} {...props} />\r\n        )}\r\n        <label>{label}</label>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nexport const FloatingLabelTextArea: FC<{\r\n  label?: string;\r\n  [key: string]: any;\r\n  autoFocus?: boolean;\r\n}> = forwardRef(({ label, autoFocus, ...props }, _ref) => {\r\n  const [focus, setFocus] = useState(false);\r\n  const ref = useRef<TextArea>(null);\r\n  //@ts-ignore\r\n  const value = ref.current && ref.current?.textAreaRef.value;\r\n\r\n  useEffect(() => {\r\n    if (autoFocus) {\r\n      setFocus(true);\r\n    }\r\n  }, [autoFocus]);\r\n\r\n  return (\r\n    <div\r\n      css={css`\r\n        position: relative !important;\r\n        padding-top: 2rem;\r\n        border-radius: 4px 4px 0 0 !important;\r\n        background: ${colors.superLightGray}!important;\r\n        border: 1px solid ${colors.superLightGray} !important;\r\n        border-width: 1px 1px 0px 1px;\r\n        opacity: ${ref.current && ref.current?.props.disabled ? \"0.4\" : \"1\"};\r\n        box-shadow: ${focus ? \"0 0 0 2px rgba(43, 43, 43, 0.2)\" : \"\"};\r\n        transition: all 0.3s;\r\n        label {\r\n          position: absolute !important;\r\n          left: 17px;\r\n          top: ${value ? \"0.25rem\" : \"1.5rem\"};\r\n          transition: 0.1s ease;\r\n          pointer-events: none;\r\n          line-height: 40px;\r\n        }\r\n        textarea {\r\n          background: transparent !important;\r\n          box-shadow: none !important;\r\n          border-color: transparent !important;\r\n          margin-bottom: -1px !important;\r\n          border-width: 0 0 1px 0 !important;\r\n          border-radius: 0;\r\n          padding: 0 1rem !important;\r\n          border-bottom-color: ${colors.lightCharcoal}!important;\r\n          &:focus {\r\n            border-bottom-color: ${colors.blue} !important;\r\n            & + label {\r\n              top: 0.25rem;\r\n            }\r\n          }\r\n          &:disabled {\r\n            & + label {\r\n              top: 0.25rem;\r\n            }\r\n          }\r\n          &:hover {\r\n            border-right-width: 0 !important;\r\n          }\r\n        }\r\n        .ant-input[disabled]:hover {\r\n          border-right-width: 0 !important;\r\n        }\r\n      `}\r\n      onBlur={() => setFocus(false)}\r\n      onFocus={() => setFocus(true)}\r\n    >\r\n      <Input.TextArea ref={ref} {...props} />\r\n      <label>{label}</label>\r\n    </div>\r\n  );\r\n});\r\n","import React, { FC, forwardRef, useRef } from \"react\";\r\n\r\nimport { Input } from \"antd\";\r\nimport Password from \"antd/lib/input/Password\";\r\nimport { css } from \"@emotion/core\";\r\n\r\n// interface Props {\r\n//   Label: string; // will be the same placeholder and prefix.\r\n//   value?: string;\r\n//   onChange?: (e: any) => void;\r\n//   onPaste?: (e: any) => void;\r\n//   onBlur?: (e: any) => void;\r\n//   disabled?: boolean;\r\n//   isPricing?: boolean;\r\n//   maxLength?: number;\r\n//   key?: string;\r\n//   err?: boolean;\r\n//   type?: string;\r\n//   Suffix?: string;\r\n// }\r\n\r\nexport const InputV4: FC<{\r\n  Label: string; // will be the same placeholder and prefix.\r\n  value?: string;\r\n  hasIn?: boolean;\r\n  onChange?: (e: any) => void;\r\n  onPaste?: (e: any) => void;\r\n  onBlur?: (e: any) => void;\r\n  disabled?: boolean;\r\n  isPricing?: boolean;\r\n  maxLength?: number;\r\n  key?: string;\r\n  type?: string;\r\n  Suffix?: string;\r\n  isPassword?: boolean;\r\n}> = forwardRef(\r\n  (\r\n    {\r\n      Label,\r\n      onChange,\r\n      hasIn,\r\n      onBlur,\r\n      onPaste,\r\n      disabled,\r\n      isPricing,\r\n      maxLength,\r\n      key,\r\n      isPassword,\r\n      type,\r\n      Suffix,\r\n      ...props\r\n    },\r\n    _ref\r\n  ) => {\r\n    const ref = useRef<Input & Password>(null);\r\n    return (\r\n      <div\r\n        css={css`\r\n    .ant-input:hover {\r\n      border: none !important;\r\n      box-shadow: 0 0 0 2px rgba(27, 81, 207, 0.2);\r\n    }\r\n    .ant-input:focus {\r\n      border-left: none !important;\r\n      border-right: none !important;\r\n      border-top: none !important;\r\n    }\r\n    .ant-input-prefix {\r\n      left: 12px !important;\r\n      top: 21px !important;\r\n      color: #4c4c4c;\r\n      transition: opacity 200ms ease;\r\n      font-family: font-family: Interstate, Arial, Helvetica, sans-serif !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n    .ant-input-suffix {\r\n      \r\n      display: ${\r\n        !isPassword\r\n          ? ref.current && ref.current?.input.value\r\n            ? \"\"\r\n            : \"none !important\"\r\n          : \"\"\r\n      };\r\n      top: ${!isPassword ? \"47px !important\" : \"\"};\r\n      left: ${!isPassword ? \"12px !important\" : \"\"};\r\n      font-size: ${!isPassword ? \"15px\" : \"\"};\r\n    }\r\n    .ant-input {\r\n      background: #eeeeee !important;\r\n      transition: opacity 200ms ease !important;\r\n      padding-top: ${ref.current && ref.current?.input.value ? \"35px\" : \"\"};\r\n      padding-left: ${\r\n        ref.current && ref.current?.input.value\r\n          ? isPricing\r\n            ? \"21px !important\"\r\n            : \"12px !important\"\r\n          : \"\"\r\n      };\r\n      font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n      font-weight: 300 !important;\r\n      font-size: 16px !important;\r\n      border-radius: 5px 5px 0 0 !important;\r\n      border-bottom: 1px solid #2b2b2b;\r\n      height: 64px !important;\r\n      ::placeholder {\r\n        /* Chrome, Firefox, Opera, Safari 10.1+ */\r\n        color: #4c4c4c;\r\n        opacity: 1; /* Firefox */\r\n        font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n      }\r\n\r\n      :-ms-input-placeholder {\r\n        /* Internet Explorer 10-11 */\r\n        color: #4c4c4c;\r\n        font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n      }\r\n\r\n      ::-ms-input-placeholder {\r\n        /* Microsoft Edge */\r\n        color: #4c4c4c;\r\n        font-family: aktiv-grotesk, arial, Helvetica, sans-serif !important;\r\n      }\r\n    }\r\n  `}\r\n      >\r\n        {isPassword ? (\r\n          <Input.Password\r\n            prefix={ref.current && ref.current?.input.value ? `${Label}` : \"\"}\r\n            placeholder={`${Label}`}\r\n            onChange={onChange}\r\n            onPaste={onPaste}\r\n            onBlur={onBlur}\r\n            disabled={disabled}\r\n            data-automation-id={`${key}`}\r\n            size=\"large\"\r\n            ref={ref}\r\n            {...props}\r\n          />\r\n        ) : (\r\n          <Input\r\n            prefix={\r\n              (ref.current && ref.current?.input.value) || hasIn === true\r\n                ? `${Label}`\r\n                : \"\"\r\n            }\r\n            onChange={onChange}\r\n            onPaste={onPaste}\r\n            onBlur={onBlur}\r\n            disabled={disabled}\r\n            data-automation-id={`${key}`}\r\n            size=\"large\"\r\n            // value={value}\r\n            placeholder={`${Label}`}\r\n            maxLength={maxLength}\r\n            type={type}\r\n            suffix={isPricing ? `${Suffix}` : \"\"}\r\n            ref={ref}\r\n            {...props}\r\n          />\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n// export default InputV4;\r\n"],"sourceRoot":""}