{"version":3,"sources":["components/WidgetMensaje/WidgetHeader.js","components/WidgetMensaje/WidgetForm.js","components/WidgetMensaje/WidgetButton.js","components/WidgetMensaje/Widget.js","App.js","reportWebVitals.js","index.js"],"names":["WidgetHeader","sistema","className","WidgetForm","usuario","data","id","color","nombre","value","useState","selected","setSelected","message","setMessage","envioExitoso","setEnvioExitoso","openSelector","setOpenSelector","loading","setLoading","initialValues","email","asunto","mensaje","validate","values","errors","test","console","log","onSubmit","setSubmitting","resetForm","mailUsuario","tipoReporte","idUsuario","axios","post","then","response","setTimeout","catch","err","touched","handleChange","handleBlur","handleSubmit","isSubmitting","htmlFor","type","name","onChange","onBlur","onClick","xmlns","fill","viewBox","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","map","s","index","disabled","cx","cy","r","target","rel","href","WidgetButton","valueAbrir","setValueAbrir","Widget","reactRoot","document","getElementById","getAttribute","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.3d49ab26.chunk.js","sourcesContent":["function WidgetHeader({sistema}) {\r\n  return (\r\n    <div className=\"pattern-bg tw-p-5 tw-rounded-t-lg \">\r\n      <p className=\"tw-text-white tw-font-bold tw-text-sm tw-mb-3\">\r\n        <span className=\"tw-bg-yellow-500 tw-px-2 tw-rounded\">{sistema}</span>\r\n      </p>\r\n      <h3 className=\"tw-text-white tw-font-medium tw-text-xl tw-mb-2\">\r\n        En Frontini y asoc. te escuchamos\r\n      </h3>\r\n      <p className=\"tw-text-white tw-text-sm\">\r\n        Con tu ayuda podemos mejorar tu experiencia de trabajo con nuestras\r\n        herramientas.\r\n      </p>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default WidgetHeader;\r\n","import React, { useState } from \"react\";\r\nimport { Formik } from \"formik\";\r\nimport axios from \"axios\";\r\n\r\nfunction WidgetForm({sistema, usuario}) {\r\n  const data = [\r\n    {\r\n      id: 1,\r\n      color: \"tw-bg-blue-500\",\r\n      nombre: \"Consulta\",\r\n      value: \"consulta\",\r\n    },\r\n    {\r\n      id: 2,\r\n      color: \"tw-bg-green-500\",\r\n      nombre: \"Sugerencia\",\r\n      value: \"sugerencia\",\r\n    },\r\n    {\r\n      id: 3,\r\n      color: \"tw-bg-red-500\",\r\n      nombre: \"Error\",\r\n      value: \"errores\",\r\n    },\r\n  ];\r\n\r\n  const [selected, setSelected] = useState(data[0]);\r\n  const [message, setMessage] = useState(\"\");\r\n  const [envioExitoso, setEnvioExitoso] = useState(false);\r\n  const [openSelector, setOpenSelector] = useState(false);\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  const selectionData = (number) => {\r\n    setSelected(data[number]);\r\n    setOpenSelector(!openSelector);\r\n  };\r\n\r\n  return (\r\n    <div className=\"tw-px-4 tw-pt-8\">\r\n      <Formik\r\n        initialValues={{ email: \"\", asunto: \"\", mensaje: \"\" }}\r\n        validate={(values) => {\r\n          const errors = {};\r\n          if (!values.email) {\r\n            errors.email = \"El email es obligatorio\";\r\n          } else if (\r\n            !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)\r\n          ) {\r\n            errors.email = \"Ingrese un correo válido\";\r\n          }\r\n          if (!values.asunto) {\r\n            errors.asunto = \"El asunto del mail es obligatorio\";\r\n          }\r\n          if (!values.mensaje) {\r\n            errors.mensaje = \"El mensaje es importante para poder ayudarte\";\r\n          }\r\n          console.log(values);\r\n          return errors;\r\n        }}\r\n        onSubmit={(values, { setSubmitting, resetForm }) => {\r\n          setLoading(true);\r\n          const data = {\r\n            mailUsuario: values.email,\r\n            sistema: sistema,\r\n            tipoReporte: selected.value,\r\n            mensaje: values.mensaje,\r\n            asunto: values.asunto,\r\n            idUsuario: usuario,\r\n          };\r\n          axios\r\n            .post(`https://api.frontiniyasoc.com.ar/api/recibir_mensaje`, data)\r\n            .then((response) => {\r\n              setLoading(false);\r\n              setMessage(response.data.data);\r\n              setEnvioExitoso(true);\r\n              setSubmitting(true);\r\n              resetForm({})\r\n              setTimeout(() => {\r\n                setEnvioExitoso(false);\r\n              }, 3000);\r\n            })\r\n            .catch((err) => {\r\n              console.log(err);\r\n              setSubmitting(false);\r\n              setLoading(false);\r\n            });\r\n        }}\r\n      >\r\n        {({\r\n          values,\r\n          errors,\r\n          touched,\r\n          handleChange,\r\n          handleBlur,\r\n          handleSubmit,\r\n          isSubmitting,\r\n        }) => (\r\n          <form onSubmit={handleSubmit}>\r\n            <label\r\n              htmlFor=\"email\"\r\n              className={\r\n                errors.email && touched.email\r\n                  ? \"tw-font-bold tw-text-sm tw-text-red-400\"\r\n                  : \"tw-font-bold tw-text-sm tw-text-gray-500\"\r\n              }\r\n            >\r\n              Email\r\n            </label>\r\n            <input\r\n              type=\"email\"\r\n              name=\"email\"\r\n              id=\"email\"\r\n              onChange={handleChange}\r\n              onBlur={handleBlur}\r\n              value={values.email}\r\n              className={\r\n                errors.email && touched.email\r\n                  ? \"tw-p-2 tw-rounded-lg tw-border-2 tw-border-red-500 tw-text-red-600 focus:tw-outline-none tw-w-full tw-font-medium tw-mb-2\"\r\n                  : \"tw-p-2 tw-rounded-lg tw-border-2 tw-border-gray-300 tw-text-gray-600 focus:tw-outline-none tw-w-full tw-font-medium tw-mb-4\"\r\n              }\r\n            />\r\n            {errors.email && touched.email ? (\r\n              <div className=\"tw-text-red-400 tw-text-sm tw-mb-3\">\r\n                {errors.email && touched.email && errors.email}\r\n              </div>\r\n            ) : null}\r\n            <label\r\n              htmlFor=\"asunto\"\r\n              className={\r\n                errors.asunto && touched.asunto\r\n                  ? \"tw-font-bold tw-text-sm tw-text-red-400\"\r\n                  : \"tw-font-bold tw-text-sm tw-text-gray-500\"\r\n              }\r\n            >\r\n              Asunto\r\n            </label>\r\n            <input\r\n              type=\"text\"\r\n              name=\"asunto\"\r\n              id=\"asunto\"\r\n              onChange={handleChange}\r\n              onBlur={handleBlur}\r\n              value={values.asunto}\r\n              className={\r\n                errors.asunto && touched.asunto\r\n                  ? \"tw-p-2 tw-rounded-lg tw-border-2 tw-border-red-500 tw-text-red-600 focus:tw-outline-none tw-w-full tw-font-medium tw-mb-2\"\r\n                  : \"tw-p-2 tw-rounded-lg tw-border-2 tw-border-gray-300 tw-text-gray-600 focus:tw-outline-none tw-w-full tw-font-medium tw-mb-4\"\r\n              }\r\n            />\r\n            {errors.asunto && touched.asunto ? (\r\n              <div className=\"tw-text-red-400 tw-text-sm tw-mb-3\">\r\n                {errors.asunto && touched.asunto && errors.asunto}\r\n              </div>\r\n            ) : null}\r\n\r\n            <label className=\"tw-font-bold tw-text-sm tw-text-gray-500\">\r\n              Tipo de reporte\r\n            </label>\r\n            <div className=\"relative\">\r\n              <div\r\n                className=\"tw-p-2 tw-rounded-lg tw-border-2 tw-border-gray-300 tw-text-gray-600 focus:tw-outline-none tw-w-full tw-mb-4 tw-cursor-pointer tw-font-medium\"\r\n                onClick={() => setOpenSelector(!openSelector)}\r\n              >\r\n                <div className=\"tw-flex tw-justify-between tw-items-center\">\r\n                  <div className=\"tw-flex tw-items-center\">\r\n                    <div\r\n                      className={selected.color + \" tw-h-3 tw-w-3 tw-rounded-full tw-mr-2\"}\r\n                    ></div>\r\n                    {selected.nombre}\r\n                  </div>\r\n                  <div>\r\n                    <svg\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      className=\"tw-h-4 tw-w-4\"\r\n                      fill=\"none\"\r\n                      viewBox=\"0 0 24 24\"\r\n                      stroke=\"currentColor\"\r\n                    >\r\n                      <path\r\n                        strokeLinecap=\"round\"\r\n                        strokeLinejoin=\"round\"\r\n                        strokeWidth=\"2\"\r\n                        d=\"M19 9l-7 7-7-7\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                className={\r\n                  openSelector\r\n                    ? \"tw-transition tw-ease-in tw-duration-100 tw-transform tw-scale-y-100 tw-opacity-100\"\r\n                    : \"tw-transition tw-ease-in tw-duration-100 tw-transform tw-scale-y-0 tw-opacity-0\"\r\n                }\r\n              >\r\n                <div className=\"tw-origin-top-right tw-absolute tw-right-0 tw-w-full tw-border-2 tw-border-gray-200 tw--mt-3 tw-rounded-md tw-shadow-lg tw-bg-white focus:tw-outline-none tw-py-1\">\r\n                  {data.map((s, index) => (\r\n                    <div\r\n                      className=\"tw-flex tw-items-center tw-px-3 tw-py-1 hover:tw-bg-gray-200 tw-cursor-pointer tw-font-medium tw-text-gray-600\"\r\n                      key={s.id}\r\n                      onClick={() => selectionData(index)}\r\n                    >\r\n                      <div\r\n                        className={s.color + \" tw-h-3 tw-w-3 tw-rounded-full tw-mr-2\"}\r\n                      ></div>\r\n                      {s.nombre}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <label\r\n              htmlFor=\"mensaje\"\r\n              className={\r\n                errors.mensaje && touched.mensaje\r\n                  ? \"tw-font-bold tw-text-sm tw-text-red-400\"\r\n                  : \"tw-font-bold tw-text-sm tw-text-gray-500\"\r\n              }\r\n            >\r\n              Mensaje\r\n            </label>\r\n            <textarea\r\n              name=\"mensaje\"\r\n              id=\"mensaje\"\r\n              onChange={handleChange}\r\n              onBlur={handleBlur}\r\n              value={values.mensaje}\r\n              className={\r\n                errors.mensaje && touched.mensaje\r\n                  ? \"tw-p-2 tw-rounded-lg tw-border-2 tw-border-red-500 tw-text-red-600 focus:tw-outline-none tw-w-full tw-font-medium tw-mb-2\"\r\n                  : \"tw-p-2 tw-rounded-lg tw-border-2 tw-border-gray-300 tw-text-gray-600 focus:tw-outline-none tw-w-full tw-font-medium tw-mb-4\"\r\n              }\r\n            ></textarea>\r\n            {errors.mensaje && touched.mensaje ? (\r\n              <div className=\"tw-text-red-400 tw-text-sm tw-mb-3\">\r\n                {errors.mensaje && touched.mensaje && errors.mensaje}\r\n              </div>\r\n            ) : null}\r\n            {envioExitoso ? (\r\n              <div className=\"tw-rounded-lg tw-bg-green-300 tw-border-green-500 tw-border-2 tw-p-3 tw-flex tw-items-center\">\r\n                <div>\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    className=\"tw-h-6 tw-w-6 tw-text-green-600 tw-mr-2\"\r\n                    fill=\"none\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    stroke=\"currentColor\"\r\n                  >\r\n                    <path\r\n                      strokeLinecap=\"round\"\r\n                      strokeLinejoin=\"round\"\r\n                      strokeWidth=\"2\"\r\n                      d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\r\n                    />\r\n                  </svg>\r\n                </div>\r\n                <div>\r\n                  <p className=\"tw-text-green-600 tw-font-medium\">{message}</p>\r\n                </div>\r\n              </div>\r\n            ) : null}\r\n            <button\r\n              type=\"submit\"\r\n              disabled={isSubmitting}\r\n              className=\"tw-mt-4 tw-transition tw-flex tw-items-center tw-justify-center tw-duration-500 tw-ease-in-out tw-w-full tw-bg-blue-700 hover:tw-bg-indigo-500 tw-rounded-lg tw-px-6 tw-py-2 tw-font-bold tw-text-white focus:tw-outline-none\"\r\n            >\r\n              Enviar\r\n              {loading ? (\r\n                <svg\r\n                  className=\"tw-animate-spin tw-ml-3 tw-h-5 tw-w-5 tw-text-white\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  fill=\"none\"\r\n                  viewBox=\"0 0 24 24\"\r\n                >\r\n                  <circle\r\n                    className=\"tw-opacity-25\"\r\n                    cx=\"12\"\r\n                    cy=\"12\"\r\n                    r=\"10\"\r\n                    stroke=\"currentColor\"\r\n                    strokeWidth=\"4\"\r\n                  ></circle>\r\n                  <path\r\n                    className=\"tw-opacity-75\"\r\n                    fill=\"currentColor\"\r\n                    d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n                  ></path>\r\n                </svg>\r\n              ) : null}\r\n            </button>\r\n          </form>\r\n        )}\r\n      </Formik>\r\n      <div className=\"tw-text-sm tw-text-center tw-text-gray-400 tw-pt-4 tw-pb-2\">\r\n        <p>\r\n          Powered by{\" \"}\r\n          <a\r\n            className=\"font-bold\"\r\n            target=\"_blank\"\r\n            rel=\"noreferrer\"\r\n            href=\"https://frontiniyasoc.com.ar/\"\r\n          >\r\n            Frontini y Asoc.\r\n          </a>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default WidgetForm;\r\n","function WidgetButton({ valueAbrir, setValueAbrir }) {\r\n  return (\r\n    <button\r\n      className=\"button-floating tw-bg-blue-700 tw-text-white tw-rounded-full tw-h-14 tw-w-14 tw-flex tw-items-center tw-justify-center focus:tw-outline-none\"\r\n      onClick={() => setValueAbrir(!valueAbrir)}\r\n    >\r\n      {valueAbrir ? null : (\r\n        <span className=\"tw-animate-ping tw-absolute tw-inline-flex tw-h-10 tw-w-10 tw-rounded-full tw-bg-blue-500 tw-opacity-75\"></span>\r\n      )}\r\n\r\n      {valueAbrir ? (\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          className=\"tw-h-6 tw-w-6\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n        >\r\n          <path\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n            strokeWidth=\"2\"\r\n            d=\"M6 18L18 6M6 6l12 12\"\r\n          />\r\n        </svg>\r\n      ) : (\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          className=\"tw-h-6 tw-w-6\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n        >\r\n          <path\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n            strokeWidth=\"2\"\r\n            d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\"\r\n          />\r\n        </svg>\r\n      )}\r\n    </button>\r\n  );\r\n}\r\n\r\nexport default WidgetButton;\r\n","import React, { useState } from \"react\";\r\nimport WidgetHeader from \"./WidgetHeader\";\r\nimport WidgetForm from \"./WidgetForm\";\r\nimport WidgetButton from \"./WidgetButton\";\r\nimport \"./Styles.css\";\r\n\r\nfunction Widget() {\r\n  const reactRoot = document.getElementById(\"widget-clientes\");\r\n  const sistema = reactRoot.getAttribute(\"data-sistema\");\r\n  const usuario = reactRoot.getAttribute(\"data-cliente\");\r\n\r\n  const [valueAbrir, setValueAbrir] = useState(false);\r\n  return (\r\n    <div>\r\n      <div\r\n        className={\r\n          valueAbrir\r\n            ? \"Widget abrir tw-bg-white tw-rounded-lg tw-shadow-md\"\r\n            : \"Widget\"\r\n        }\r\n      >\r\n        <WidgetHeader sistema={sistema} />\r\n        <WidgetForm usuario={usuario} sistema={sistema} />\r\n      </div>\r\n      <WidgetButton valueAbrir={valueAbrir} setValueAbrir={setValueAbrir} />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Widget;\r\n","import Widget from \"./components/WidgetMensaje/Widget\";\nfunction App() {\n  \n\n  return (\n    <Widget/>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('widget-clientes')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}