{"version":3,"sources":["data/index.ts","settings.ts","api/index.ts","pages/Dashboard.tsx","pages/SessionPictures.tsx","pages/Session.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["clients","name","email","phone","activeSession","client","session","apiUrl","createClient","body","a","axios","post","getClient","id","settings","res","data","getSession","clientId","get","killSession","delete","Dashboard","history","useHistory","useState","setName","setEmail","setPhone","handleSubmit","e","preventDefault","push","parseInt","onSubmit","htmlFor","value","onChange","target","type","onClick","SessionPictures","pics","setPics","useEffect","interval","setInterval","previewPics","clearInterval","map","src","Session","props","match","params","submitted","setSubmitted","handleExit","handleNuke","className","App","path","component","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.3f5ea67c.chunk.js","sourcesContent":["import { Client } from '../types'\n\nexport const clients: Client[] = [\n  {\n    name: 'Elijah',\n    email: 'elijah@elijah.com',\n    phone: 4039876543,\n  },\n  {\n    name: 'Tanner',\n    email: 'tanner@tanner.com',\n    phone: 4031234567,\n    activeSession: true,\n  },\n]\nexport const client: Client = clients[0]\n\nexport const session = [\n  '/images/1.jpg',\n  '/images/2.jpg',\n  '/images/3.jpg',\n  '/images/4.jpg',\n]\n","export default {\n  env: 'prod',\n}\n","import { Client } from '../types'\nimport axios from 'axios'\nimport { client, clients, session } from '../data'\nimport settings from '../settings'\n\nconst apiUrl = '/api'\n\nexport const createClient = async (body: Client) => {\n  await axios.post(`${apiUrl}/clients`, body)\n}\n\nexport const getClients = async (): Promise<Client[]> => {\n  if (settings.env === 'jank') return clients\n  const res = await axios.post<Client[]>(`${apiUrl}/clients`)\n  return res.data\n}\nexport const getClient = async (id: string): Promise<Client> => {\n  if (settings.env === 'jank') return client\n  const res = await axios.post<Client>(`${apiUrl}/client/${id}`)\n  return res.data\n}\nexport const startSession = async (clientId: string) => {\n  //\n  const res = await axios.post(`${apiUrl}/clients/${clientId}/session`)\n  return res.data // session data\n}\n\nexport const getSession = async (\n  clientId: string,\n): Promise<null | string[]> => {\n  if (settings.env === 'jank') return session\n  const res = await axios.get(`${apiUrl}/clients/${clientId}/session`)\n  return res.data as null | string[]\n}\n\nexport const killSession = async (clientId: string) => {\n  await axios.delete(`${apiUrl}/clients/${clientId}/session`)\n}\n\nexport const restartSession = async (clientId: string) => {\n  await killSession(clientId)\n  await startSession(clientId)\n}\n\nexport const cleanup = () => {\n  // send\n}\n","import React, { FormEvent } from 'react'\nimport { useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { createClient } from '../api'\nimport settings from '../settings'\n\nexport const Dashboard = () => {\n  const history = useHistory()\n  const [name, setName] = useState('')\n  const [email, setEmail] = useState('')\n  const [phone, setPhone] = useState('')\n\n  const handleReset = () => {\n    //\n    setName('')\n    setEmail('')\n    setPhone('')\n  }\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault()\n\n    if (settings.env === 'jank') {\n      history.push(`/sessions/${phone}`)\n      return\n    }\n\n    await createClient({ name, email, phone: parseInt(phone) })\n    history.push(`/sessions/${phone}`)\n  }\n\n  return (\n    <div>\n      <h1>Dashboard</h1>\n      <form onSubmit={handleSubmit}>\n        <label htmlFor=\"name\">\n          Name:\n          <input\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            name=\"name\"\n          />\n        </label>\n        <label htmlFor=\"email\">\n          Email:\n          <input\n            value={email}\n            onChange={(e) => setEmail(e.target.value)}\n            type=\"email\"\n            name=\"email\"\n          />\n        </label>\n        <label htmlFor=\"phone\">\n          Phone:\n          <input\n            value={phone}\n            onChange={(e) => setPhone(e.target.value)}\n            type=\"tel\"\n            name=\"phone\"\n          />\n        </label>\n        <button type=\"submit\">Start Session</button>\n        <button type=\"button\" onClick={handleReset}>\n          Reset\n        </button>\n      </form>\n      <div>TODO: List of past sessions for review?</div>\n    </div>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { getSession } from '../api'\n\ntype Props = {\n  clientId: string\n}\n\nexport const SessionPictures = ({ clientId }: Props) => {\n  const [pics, setPics] = useState<string[] | null>(null)\n\n  useEffect(() => {\n    const get = async () => {\n      if (pics) return\n      const previewPics = await getSession(clientId)\n      if (previewPics) setPics(previewPics)\n    }\n\n    const interval = setInterval(get, 300)\n\n    return () => clearInterval(interval)\n  }, [clientId, pics])\n\n  return (\n    <div>\n      <h3>Session Pictures</h3>\n      {pics && pics.map((src) => <img id={src} src={src} />)}\n    </div>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { RouteComponentProps, useHistory } from 'react-router-dom'\nimport { getClient, killSession } from '../api'\nimport { SessionPictures } from './SessionPictures'\n\ntype Props = RouteComponentProps<{ clientId: string }>\n\nexport const Session = (props: Props) => {\n  const history = useHistory()\n  const { clientId } = props.match.params\n  const [submitted, setSubmitted] = useState(false)\n\n  const handleExit = async () => {\n    history.push('/')\n  }\n\n  const handleNuke = async () => {\n    await killSession(clientId)\n    history.push('/')\n  }\n\n  useEffect(() => {\n    const get = async () => {\n      const { activeSession } = await getClient(clientId)\n      if (activeSession) setSubmitted(true)\n    }\n\n    get()\n  })\n\n  return (\n    <div>\n      <h1>Session for {clientId}</h1>\n      <button>Capture</button>\n      {submitted && <SessionPictures clientId={clientId} />}\n      <div className=\"controls\">\n        <button onClick={handleNuke}>Nuke Session</button>\n        <button onClick={handleExit}>Exit Session</button>\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport './App.css'\n\nimport { BrowserRouter, Switch, Route } from 'react-router-dom'\nimport { Dashboard } from './pages/Dashboard'\nimport { Session } from './pages/Session'\n\nfunction App() {\n  return (\n    <BrowserRouter>\n      <div className=\"App\">\n        <Switch>\n          <Route path=\"/sessions/:clientId\" component={Session} />\n          <Route exact path=\"/\" component={Dashboard} />\n        </Switch>\n      </div>\n    </BrowserRouter>\n  )\n}\n\nexport default App\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\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('root')\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":""}