{"version":3,"sources":["settings.ts","api/index.ts","pages/Dashboard.tsx","pages/SessionPictures.tsx","pages/Session.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["settings","axios","defaults","baseURL","createClient","body","a","post","res","data","client_id","getClient","id","get","startSession","clientId","getSession","killSession","delete","restartSession","Dashboard","history","useHistory","useState","error","setError","name","setName","email","setEmail","phone","setPhone","handleSubmit","e","preventDefault","length","message","parseInt","push","onSubmit","htmlFor","minLength","value","onChange","target","type","onClick","className","SessionPictures","urls","setUrls","activeUrl","setActiveUrl","useEffect","interval","setInterval","photos","clearInterval","closeModal","host","visible","onOk","cancelText","onCancel","width","src","alt","sort","b","split","localeCompare","map","title","Session","props","match","params","setClient","active","setActive","handleStartSession","loading","handleRestartSession","handleExit","handleNuke","success","client","has_photos","ghost","onBack","goBack","tags","color","subTitle","extra","disabled","onConfirm","danger","App","path","component","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.f00f7f92.chunk.js","sourcesContent":["export default {\n  env: 'prod',\n}\n","import { Client } from '../types'\nimport axios from 'axios'\nimport settings from '../settings'\n\nif (settings.env === 'jank') {\n  const host = 'http://192.168.1.107:5000'\n  axios.defaults.baseURL = host\n}\n\nexport const createClient = async (body: Omit<Client, 'has_photos'>) => {\n  const res = await axios.post<{ client_id: string }>(`/api/clients`, body)\n  return res.data.client_id\n}\n\nexport const getClient = async (id: string): Promise<Client> => {\n  const res = await axios.get<Client>(`/api/clients/${id}`)\n  return res.data\n}\nexport const startSession = async (clientId: string) => {\n  const res = await axios.post(`/api/clients/${clientId}/session`)\n  return res.data // session data\n}\n\nexport const getSession = async (clientId: string) => {\n  const res = await axios.get<{ photos: string[] }>(\n    `/api/clients/${clientId}/session`,\n  )\n  return res.data // session data\n}\n\nexport const killSession = async (clientId: string) => {\n  await axios.delete(`/api/clients/${clientId}/session`)\n}\n\nexport const restartSession = async (clientId: string) => {\n  await killSession(clientId)\n  await startSession(clientId)\n}\n\n// Someday\n\nexport const getClients = async (): Promise<Client[]> => {\n  const res = await axios.get<Client[]>(`/api/clients`)\n  return res.data\n}\n\nexport const cleanup = () => {\n  // send\n}\n","import { message } from 'antd'\nimport { Content } from 'antd/lib/layout/layout'\nimport React, { FormEvent } from 'react'\nimport { useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { createClient } from '../api'\n\nexport const Dashboard = () => {\n  const history = useHistory()\n  const [error, setError] = useState<string | null>(null)\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 (phone.length < 10) {\n      // helpful message\n      message.error('Check all fields!')\n      setError('Phone number needs to be a length of at least 10')\n      return\n    }\n\n    const client_id = await createClient({\n      name,\n      email,\n      phone: parseInt(phone),\n    })\n\n    history.push(`/sessions/${client_id}`)\n  }\n\n  return (\n    <Content>\n      <h1>Dashboard</h1>\n      <form onSubmit={handleSubmit}>\n        <label htmlFor=\"name\">\n          Name:\n          <input\n            minLength={3}\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        {error && <p className=\"error\">{error}</p>}\n      </form>\n    </Content>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { Card, Modal, Spin } from 'antd'\nimport { getSession } from '../api'\nimport settings from '../settings'\n\ntype Props = {\n  clientId: string\n}\n\nexport const SessionPictures = ({ clientId }: Props) => {\n  const [urls, setUrls] = useState<string[] | null>(null)\n  const [activeUrl, setActiveUrl] = useState<string | null>(null)\n\n  useEffect(() => {\n    const get = async () => {\n      if (urls) return\n\n      const { photos } = await getSession(clientId)\n      if (photos.length) setUrls(photos)\n    }\n\n    const interval = setInterval(get, 250)\n\n    return () => clearInterval(interval)\n  }, [clientId, urls])\n\n  const closeModal = () => setActiveUrl(null)\n\n  const host = settings.env === 'jank' ? 'http://192.168.1.107:5000' : ''\n\n  if (!urls?.length) return null\n\n  return (\n    <>\n      <Modal\n        visible={!!activeUrl}\n        onOk={closeModal}\n        cancelText={null}\n        onCancel={closeModal}\n        width=\"50%\"\n      >\n        <img\n          width=\"100%\"\n          onClick={closeModal}\n          src={`${host}/output/${clientId}/${activeUrl}`}\n          alt=\"large image\"\n        ></img>\n      </Modal>\n      <div>\n        <h3>Session Pictures</h3>\n        <div className=\"photo-wall\">\n          {urls ? (\n            urls\n              .sort((a, b) => a.split('_')[0].localeCompare(b.split('_')[0]))\n              .map((src) => (\n                <Card className=\"photo\" title={src.split('_')[0]}>\n                  <img\n                    onClick={() => setActiveUrl(src)}\n                    key={src}\n                    id={src}\n                    src={`${host}/output/${clientId}/${src}`}\n                    alt=\"lol\"\n                  />\n                </Card>\n              ))\n          ) : (\n            <Spin />\n          )}\n        </div>\n      </div>\n    </>\n  )\n}\n","import React, { useEffect, useState } from 'react'\nimport { RouteComponentProps, useHistory } from 'react-router-dom'\nimport { getClient, killSession, restartSession, startSession } from '../api'\nimport { SessionPictures } from './SessionPictures'\nimport {\n  Button,\n  Divider,\n  message,\n  PageHeader,\n  Popconfirm,\n  Row,\n  Tag,\n} from 'antd'\nimport { Content } from 'antd/lib/layout/layout'\nimport { Client } from '../types'\n\ntype Props = RouteComponentProps<{ clientId: string }>\n\nexport const Session = (props: Props) => {\n  const history = useHistory()\n  const { clientId } = props.match.params\n  const [client, setClient] = useState<Client | null>(null)\n  const [active, setActive] = useState(false)\n\n  const handleStartSession = async () => {\n    message.loading('Photo sequence starting! Stand by...')\n    await startSession(clientId)\n    setActive(true)\n  }\n\n  const handleRestartSession = async () => {\n    setActive(false)\n    message.loading(\n      'Deleting photos & restarting capture sequence! Stand by...',\n    )\n    await restartSession(clientId)\n    setActive(true)\n  }\n\n  const handleExit = async () => {\n    history.push('/')\n  }\n\n  const handleNuke = async () => {\n    await killSession(clientId)\n    message.success('Photos Deleted! Going back to dashboard')\n    history.push('/')\n  }\n\n  useEffect(() => {\n    const get = async () => {\n      const client = await getClient(clientId)\n      setClient(client)\n      if (client.has_photos) setActive(true)\n    }\n\n    get()\n  }, [clientId])\n\n  return (\n    <Content>\n      <PageHeader\n        ghost={false}\n        onBack={() => history.goBack()}\n        title={`Session for ${clientId}`}\n        tags={active ? <Tag color=\"lime\">Active</Tag> : <Tag>Inactive</Tag>}\n        subTitle={`session has ${active ? 'started' : 'not started'}`}\n        extra={[\n          <Button\n            key=\"startsession\"\n            disabled={active}\n            type=\"primary\"\n            onClick={handleStartSession}\n          >\n            Capture\n          </Button>,\n          <Popconfirm\n            key=\"retry\"\n            title=\"Re-capture set?\"\n            onConfirm={handleRestartSession}\n          >\n            <Button type=\"default\" disabled={!active}>\n              Retry Capture\n            </Button>\n          </Popconfirm>,\n          <Popconfirm\n            key=\"nuke\"\n            title=\"Delete all photos?\"\n            onConfirm={handleNuke}\n          >\n            <Button danger disabled={!active}>\n              Nuke Session\n            </Button>\n          </Popconfirm>,\n          <Button\n            key=\"finish\"\n            ghost\n            type=\"primary\"\n            disabled={!active}\n            onClick={handleExit}\n          >\n            Finish Session\n          </Button>,\n        ]}\n      ></PageHeader>\n      <Divider />\n      <Row className=\"controls\">\n        <SessionPictures clientId={clientId} />\n      </Row>\n    </Content>\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 'antd/dist/antd.css'\nimport App from './App'\nimport reportWebVitals from './reportWebVitals'\n\nReactDOM.render(<App />, document.getElementById('root'))\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":""}