{"version":3,"file":"authentication-Cx1p_RCB.js","sources":["../../../app/assets/images/envelope-check.png?react","../../../app/javascript/components/Login/index.jsx","../../../app/javascript/entrypoints/authentication.jsx"],"sourcesContent":["export default \"__VITE_ASSET__Zvwh1xKa__$_?react__\"","import React, { useState } from 'react'\nimport PhoneInput from 'react-phone-input-2'\n\nimport TwofaInput from '@components/TwofaInput'\nimport { InputField } from '@components/FormBuilder'\nimport Fetch from '@javascript/Fetch'\nimport Icon from '@components/shared/icons'\nimport { formatPhoneNumber } from '@javascript/util'\n\nimport Envelope from '@images/envelope-check.png?react'\n\nimport 'react-phone-input-2/lib/material.css'\n\nconst Login = ({ data }) => {\n  const { requestTwofaPath, confirmTwofaPath, reaPath } = data\n\n  const [view, setView] = useState('phone')\n  const [phone, setPhone] = useState('')\n  const [email, setEmail] = useState('')\n  const [dialCode, setDialCode] = useState('')\n  const [phoneError, setPhoneError] = useState([])\n  const [twofaError, setTwofaError] = useState([])\n  const [pin, setPin] = useState('')\n  const [twofaType, setTwofaType] = useState('phone')\n\n  const handlePhoneChange = (newPhone, data, e, formattedValue) => {\n    setPhone(newPhone);\n    setDialCode(data.dialCode);\n    setPhoneError([]);\n  }\n\n  const onEnterKeyPress = (e) => {\n    if (e.key === \"Enter\") {\n      sendTwofa(e);\n    }\n  }\n\n  const handleEmailChange = (e) => {\n    setEmail(e.currentTarget.value)\n  }\n\n  const handleChangePin = (e, value) => {\n    setPin(value)\n  }\n\n  const retry = () => {\n    setView(twofaType);\n    setPhoneError([]);\n    setTwofaError([]);\n  }\n\n  const redirectBackToRea = () => {\n    window.open(reaPath, '_self')\n  }\n\n  const sendTwofa = async (e) => {\n    const target = e.currentTarget\n\n    target.disabled = true\n\n    setTwofaType(view)\n\n    const payload = view === 'phone' ? { phone } : { email }\n\n    const resp = await Fetch.post({\n      url: requestTwofaPath,\n      payload,\n    })\n\n    if (!resp.errors) {\n      setView('confirmation')\n    } else {\n      setPhoneError([resp.errors])\n    }\n\n    target.disabled = false\n  }\n\n  const confirmTwofa = async (e) => {\n    const target = e.currentTarget\n\n    target.disabled = true\n\n    const resp = await Fetch.post({\n      url: confirmTwofaPath,\n      payload: {\n        code: pin,\n        phone,\n        email,\n      },\n    })\n\n    if (!resp.errors) {\n      window.location = resp.url\n    } else {\n      setTwofaError(resp.errors)\n    }\n\n    target.disabled = false\n  }\n\n  const swapView = (newView) => {\n    setPhoneError([]);\n    setView(newView)\n  }\n\n  const twofaContent = () => {\n    switch (view) {\n      case 'email':\n        return (\n          <div className=\"twofa-inputs\">\n            <p className=\"gray-500\">\n              In order to retrieve your agents, we need you to verify your\n              contact information.\n            </p>\n            <InputField\n              id=\"email\"\n              label=\"\"\n              klass=\"full\"\n              value={email}\n              placeholder=\"Email\"\n              handleChange={handleEmailChange}\n              onKeyDown={onEnterKeyPress}\n              error={phoneError}\n            />\n            <button\n              type=\"button\"\n              className=\"edit-button large-bold-font\"\n              onClick={sendTwofa}\n            >\n              Email Access Code\n            </button>\n            <div className=\"or-divider\" />\n            <button\n              type=\"button\"\n              className=\"edit-button plain large-bold-font\"\n              onClick={swapView.bind(null, 'phone')}\n            >\n              <Icon type=\"phone\" />\n              Verify with phone\n            </button>\n          </div>\n        )\n      case 'confirmation':\n        return (\n          <div className=\"twofa-inputs\">\n            <TwofaInput\n              pinLength={6}\n              onChange={handleChangePin}\n              error={twofaError.length > 0}\n              setError={setTwofaError}\n              confirmTwofa={confirmTwofa}\n            />\n            <p className=\"large-slim-font gray-500 text-align-center\">\n              A message with a verification code was just sent to&nbsp;\n              <b>{twofaType === 'phone' ? formatPhoneNumber(phone) : email }</b>\n            </p>\n            <button\n              type=\"button\"\n              className=\"edit-button large-bold-font\"\n              onClick={confirmTwofa}\n            >\n              Continue to Agents List\n            </button>\n            <div className=\"update-cell large-slim-font gray-500 margin-bottom-24\">\n              <div className=\"update-cell-prompt\">\n                Didn&apos;t receive a code?\n              </div>\n              <div className=\"update-cell-actions\">\n                <button\n                  type=\"button\"\n                  className=\"update-cell-button large-bold-font\"\n                  onClick={retry}\n                >\n                  Try another method\n                </button>\n                or\n                <button\n                  type=\"button\"\n                  className=\"update-cell-button large-bold-font\"\n                  onClick={redirectBackToRea}\n                >\n                  create a new request\n                </button>\n              </div>\n            </div>\n          </div>\n        )\n      default:\n        return (\n          <div className=\"twofa-inputs\">\n            <p className=\"gray-500\">\n              In order to retrieve your agents, we need you to verify your\n              contact information.\n            </p>\n            <div className=\"phone-wrapper\">\n              <PhoneInput\n                value={phone}\n                preferredCountries={['ca', 'us']}\n                country=\"us\"\n                disableCountryGuess\n                enableSearch={true}\n                countryCodeEditable={false}\n                specialLabel={false}\n                onChange={handlePhoneChange}\n                onEnterKeyPress={onEnterKeyPress}\n                inputProps={{\n                  required: true,\n                  autoComplete: 'tel-national',\n                  pattern: parseInt(dialCode, 10) === 1 ? '.{17,}' : '.{10,}',\n                  minLength: parseInt(dialCode, 10) === 1 ? 17 : 10,\n                  'data-error': phoneError.length > 0,\n                }}\n              />\n              {phoneError.length > 0 && (\n                <span className=\"small-bold-font\">{phoneError}</span>\n              )}\n            </div>\n            <button\n              type=\"button\"\n              className=\"edit-button large-bold-font\"\n              onClick={sendTwofa}\n            >\n              Text Access Code\n            </button>\n            <div className=\"or-divider\" />\n            <button\n              type=\"button\"\n              className=\"edit-button plain large-bold-font\"\n              onClick={swapView.bind(null, 'email')}\n            >\n              <Icon type=\"mail\" />\n              Verify with email\n            </button>\n          </div>\n        )\n    }\n  }\n\n  return (\n    <div className=\"page-container\">\n      <div className=\"login-wrapper\">\n        <div className=\"login\">\n          <h1>\n            Find And Compare\n            <br />\n            The Best Local Realtors!\n          </h1>\n          <div className=\"login-screen form-builder\">\n            <img src={Envelope} alt=\"envelope\" />\n            <h2>Welcome Back!</h2>\n            {twofaContent()}\n            {view !== 'confirmation' && (\n              <div className=\"login-footer\">\n                We&apos;ll send you an access code allowing you to view your\n                agents. Choose either email or text message (standard message\n                rates apply) to receive your access code.\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Login\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport \"../errorHandling\";\n\nimport Login from '@components/Login';\n\nconst loadLogin = () => {\n  const container = document.getElementById('login-component');\n\n  if (container) {\n    const data = JSON.parse(container.dataset.props);\n    const root = createRoot(container);\n\n    root.render(<Login data={data} />);\n  }\n}\n\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  loadLogin();\n})\n"],"names":["Envelope","Login","data","requestTwofaPath","confirmTwofaPath","reaPath","view","setView","useState","phone","setPhone","email","setEmail","dialCode","setDialCode","phoneError","setPhoneError","twofaError","setTwofaError","pin","setPin","twofaType","setTwofaType","handlePhoneChange","newPhone","e","formattedValue","onEnterKeyPress","sendTwofa","handleEmailChange","handleChangePin","value","retry","redirectBackToRea","target","payload","resp","Fetch","confirmTwofa","swapView","newView","twofaContent","jsxs","jsx","InputField","Icon","TwofaInput","formatPhoneNumber","PhoneInput","loadLogin","container","createRoot"],"mappings":"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"}