\n \n \n \n {props.testYear || \"2020\"}\n {/* <>\n {\n props.openProgress.toLowerCase() === 'details' || \n props.closedProgress.toLowerCase() === 'details'\n ? (\n \n \n ) : null\n } \n */}\n \n \n {determineCards(props)}\n \n \n );\n};\n","import React, { Component } from \"react\";\nimport Skeleton from \"react-loading-skeleton\";\n\nclass SkeletonImage extends Component {\n state = {\n image: \"\"\n };\n\n handleImageLoaded() {\n this.setState({ image: \"loaded\" });\n }\n\n render() {\n return (\n \n {!this.state.image && (\n
\n )}\n
\n
\n {label} \n
\n))`\n display: flex;\n align-items: center;\n height: 24px;\n margin: 2px;\n line-height: 22px;\n background-color: #00567a;\n color: #f1f5f9;\n border: 1px solid #00567a;\n border-radius: 4px;\n box-sizing: content-box;\n padding: 0 4px 0 10px;\n outline: 0;\n overflow: hidden;\n\n &:focus {\n border-color: #40a9ff;\n background-color: #e6f7ff;\n }\n\n & span {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n & svg {\n font-size: 12px;\n cursor: pointer;\n padding: 4px;\n }\n`;\n\nconst Listbox = styled('ul')`\n width: calc(100% - 32px);\n margin: 2px 0 0;\n padding: 0;\n position: absolute;\n list-style: none;\n background-color: #fff;\n overflow: auto;\n max-height: 50vh;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n z-index: 1;\n\n & li {\n padding: 5px 12px;\n display: flex;\n\n & span {\n flex-grow: 1;\n }\n\n & svg {\n color: transparent;\n }\n }\n\n & li[aria-selected='true'] {\n background-color: #fafafa;\n font-weight: 600;\n\n & svg {\n color: #1890ff;\n }\n }\n\n & li[data-focus='true'] {\n background-color: #e6f7ff;\n cursor: pointer;\n\n & svg {\n color: #000;\n }\n }\n`;\n\nconst useStyles = makeStyles((theme) => ({\n paper: {\n position: 'absolute',\n backgroundColor: theme.palette.background.paper,\n border: `2px solid #00567a`,\n borderRadius: \"8px\",\n boxShadow: theme.shadows[5],\n padding: \"8px 16px 16px\",\n maxHeight: '90vh',\n minHeight: \"45vh\",\n width: '90vw',\n maxWidth: \"300px\",\n overflow: 'auto',\n outline: \"none\"\n },\n formControl: {\n margin: theme.spacing(1),\n width: \"100%\"\n },\n chips: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n chip: {\n margin: 2,\n backgroundColor: '#00567a',\n color: '#fff' \n },\n noLabel: {\n marginTop: theme.spacing(3),\n },\n}));\n\nconst ITEM_HEIGHT = 48;\nconst ITEM_PADDING_TOP = 8;\nconst MenuProps = {\n PaperProps: {\n style: {\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\n width: \"100%\",\n },\n },\n};\n\nconst setShareList = (arr) => {\n let r = [];\n for (const item of arr) {\n r.push({title: item.displayName, value: item.mcid});\n }\n // console.log('shareList: ', r);\n return r;\n} \n\nconst ModalForm = props => {\n let cClasses;\n if (typeof props.cClasses == 'undefined') {\n cClasses = 'margin-right-32';\n } else {\n cClasses = props.cClasses;\n }\n // console.log('\\nSTARTING ModalForm ... \\nprops: ', props);\n const shareList = setShareList(props.accessList.shareList);\n const {\n getRootProps,\n getInputLabelProps,\n getInputProps,\n getTagProps,\n getListboxProps,\n getOptionProps,\n groupedOptions,\n value,\n focused,\n setAnchorEl,\n } = useAutocomplete({\n id: 'shareWith-AC',\n defaultValue: [],\n multiple: true,\n options: shareList,\n getOptionLabel: (option) => option.title,\n });\n\n const classes = useStyles();\n const [open, setOpen] = React.useState(false);\n const [sendTo, setSend] = React.useState('');\n const [note, setNote] = React.useState('');\n const [subject, setSubject] = React.useState('');\n const [emailError, setEmail] = React.useState(false);\n const [noteError, setNoteError] = React.useState(false);\n const [shareWith, setShareWith] = React.useState([]);\n\n const handleOpen = () => {\n setOpen(true);\n };\n\n const handleShareWith = (event) => {\n let val = event.target.value;\n setShareWith(val);\n }\n\n const handleEmail = () => {\n let bool = true;\n let t = sendTo.toString();\n\n if (t.length < 5) {\n setEmail(false);\n return false;\n }\n\n t = t.replace(/\\s/g, ',')\n t = t.replace(/;/g, ',')\n t = t.replace(/,,/g, ',')\n let em = t.split(',');\n\n // console.log('\\nSTARTING handleEmail()');\n // console.log('sendTo: ', sendTo);\n // console.log('t: ', t);\n // console.log('em: ', em);\n\n for (let i of em) {\n if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(i)) { bool = false; }\n // console.log('handleEmail [' + i + ']: ', bool);\n setEmail(bool);\n }\n\n }\n\n const handleClose = () => {\n setSubject('');\n setSend('');\n setEmail(false);\n setOpen(false);\n };\n\n const handleChange = type => event => {\n switch(type) {\n case 'sendTo': {\n setSend(event.target.value);\n break;\n }\n case 'subject': {\n setSubject(event.target.value);\n break;\n }\n case 'email': {\n setSend(event.target.value);\n // handleEmail();\n break;\n }\n case 'note': {\n setNote(event.target.value);\n break;\n }\n }\n }\n\n const handleSubmit = (data) => event => {\n if (data.type == 'email' && emailError) {\n return false;\n }\n\n let obj = {\n key: props.myKey,\n mcid: props.mcid,\n type: data.type,\n shareWith: ''\n }\n\n if (props.deckID) { obj.deckID = props.deckID; }\n else { obj.yearvar = props.yearvar; }\n\n switch (obj.type) {\n case 'email': {\n if (sendTo.length <= 5) {\n // console.log('invalid email address');\n setEmail(true);\n return false;\n }\n \n if (sendTo != '') {\n obj.shareWith = sendTo;\n }\n \n if (subject != '') {\n obj.message = subject;\n }\n break;\n }\n case 'share': {\n let cnt = 0;\n for (let item of value) {\n if (cnt) { obj.shareWith += ','}\n obj.shareWith += item.value;\n cnt++;\n }\n break;\n }\n case 'note': {\n obj.note = note;\n obj.noteID = props.noteID;\n obj.state = 2;\n break;\n }\n case 'removeNote': {\n obj.noteID = props.noteID;\n obj.state = 0;\n break;\n }\n case 'complete': {\n obj.qyear = data.qyear;\n obj.gamemode = data.gamemode;\n break;\n }\n }\n props.func(obj);\n\n handleClose();\n return null;\n };\n\n const createMarkup = props => {\n return { __html: props };\n };\n\n const form = (text) => {\n let str;\n let textstr = props.textstr;\n\n switch(props.type) {\n case 'email': {\n str = (\n <>\n \n {emailError \n ? (\n \n \n \n Cancel\n \n\n \n Email Now\n \n
\n \n )\n break;\n }\n case 'share': {\n str = (\n <>\n \n \n \n
\n Share With \n \n {value.map((option, index) => (\n \n
\n {groupedOptions.length > 0 \n ? (\n
\n {groupedOptions.map((option, index) => (\n \n {option.title} \n \n ))}\n \n ) \n : null\n }\n
\n \n \n \n Cancel\n \n\n \n Share {textstr}\n \n
\n \n )\n break;\n }\n case 'reset': {\n str = (\n <>\n \n Are you sure want to reset this {textstr}?
\n \n\n \n \n Cancel\n \n\n \n Reset Now\n \n
\n \n )\n break;\n }\n case 'complete': {\n str = (\n <>\n \n Are you sure want to complete this {textstr}?
\n \n\n \n \n Cancel\n \n\n \n Complete Now\n \n
\n \n )\n break;\n }\n case 'removeNote': {\n str = (\n <>\n \n Are you sure want to remove this note?
\n \n\n \n \n Cancel\n \n\n \n Remove\n \n
\n \n )\n break;\n }\n case 'note': {\n // if (typeof props.note !== 'undefined') { setNote(props.note) }\n // console.log('\\nSTARTING note: ', props);\n str = (\n <>\n \n {noteError \n ? (\n \n \n \n Cancel\n \n\n \n Edit Now\n \n
\n \n )\n break;\n }\n default: {\n return null;\n }\n }\n\n if (typeof str == 'object') {\n return (\n \n {str}\n
\n )\n } \n }\n\n const body = (\n \n
{props.title} \n
\n \n
\n {form('in div...')}\n
\n
\n
{btn}
\n
{props.title}
\n
\n
\n \n {btn}\n \n
\n\n {props.subtitle\n ? (
{props.subtitle}
)\n : null\n }\n
\n {button()}\n \n {body}\n \n
\n )\n}\n\nexport default ModalForm;","import React, { useState } from \"react\";\nimport { Redirect, Link } from 'react-router-dom';\nimport \"../styles/questionStyles.css\";\nimport \"../styles/masterStyles.css\";\nimport ModalWidget from \"../components/ModalWidget\";\nimport ModalForm from \"../components/ModalForm\";\nimport { \n Container, Divider, Grid, Typography, TextField, \n Table, TableBody, TableCell, TableContainer, \n TableHead, TableRow, Paper, Popover, ListItem, \n List, Fab \n} from \"@material-ui/core\"\nimport CloseIcon from '@material-ui/icons/Close';\nimport { isElectron, isMobileOnly, isAndroid, isIOS } from 'react-device-detect';\nimport { LoadingCard, CopyrightWidget } from \"../components\";\nimport { alertNotification, scrollTop, getThisYear, APPVERSION } from \"../common\";\n\nimport MoreHorizIcon from '@material-ui/icons/MoreHoriz';\n\nexport const CompleteCard = props => {\n // console.log('props: ', props);\n const [value, setValue] = useState('');\n const [anchorEl, setAnchorEl] = useState(false);\n var conObj = {};\n /*\n gameMode={Number(props.gameMode)}\n deckID={Number(props.results.deckID)}\n yearvar={props.results.availableyears}\n mcid={props.user_details.mcid}\n myKey={props.user_details.key}\n */\n const handleSubmit = async (obj) => {\n let data = {\n mcid: obj.mcid,\n key: obj.key\n }\n\n if (typeof obj.yearvar !== 'undefined') {\n data.yearvar = obj.yearvar;\n data.gameMode = props.gameMode;\n } else if (typeof obj.deckID !== 'undefined') { \n data.deckID = obj.deckID;\n }\n\n switch(obj.type) {\n case 'reset': {\n await props.resetDeck(data);\n\n alertNotification({\n message: 'You have reset this test.',\n title: 'SASP App Message',\n buttonName: 'Done'\n });\n\n scrollTop('completeScreen-div', 0);\n\n return ' + text + '
';\n r = r.replace(/\\n/g, '');\n r = r.replace(/\\r/g, '
');\n r = r.replace(/<\\/p>
<\\/p>
/g, '
');\n return r;\n }\n\n const createMarkup = props => {\n let temp = props;\n if (!props.includes('
')) { temp = cleanText(temp); }\n return { __html: temp };\n };\n\n const fabCSS = {\n margin: \"0 0 0 8px\", \n color: \"#f1f3f5\", \n backgroundColor:\"#00567a\"\n }\n\n const createFAB = (props) => {\n return (\n <>\n \n \n \n \n {props.deckID > 1\n ? (\n \n 2 ? 'Deck' : 'Test')}\n textstr={props.gameMode > 2 ? 'Deck' : 'Test'}\n gameMode={Number(props.gameMode)}\n deckID={Number(props.results.deckID)}\n yearvar={props.results.availableyears}\n mcid={props.user_details.mcid}\n myKey={props.user_details.key}\n accessList={props.accessList}\n cClasses={''}\n text={true}\n />\n \n ) : null\n }\n\n \n 2 ? 'Deck' : 'Test')}\n textstr={props.gameMode > 2 ? 'Deck' : 'Test'}\n gameMode={Number(props.gameMode)}\n deckID={Number(props.results.deckID)}\n yearvar={props.results.availableyears}\n mcid={props.user_details.mcid}\n myKey={props.user_details.key}\n accessList={props.accessList}\n cClasses={''}\n text={true}\n />\n \n\n \n 2 ? 'Deck' : 'Test'}\n gameMode={Number(props.gameMode)}\n deckID={Number(props.results.deckID)}\n yearvar={props.results.availableyears}\n mcid={props.user_details.mcid}\n myKey={props.user_details.key}\n accessList={props.accessList}\n // style={{margin: \"0 !important;\"}}\n cClasses={''}\n text={true}\n />\n \n\n \n {(props.results.completed == 0 && props.showComplete && validyear)\n ? (\n 2 ? 'Deck' : 'Test'}\n gameMode={Number(props.gameMode)}\n deckID={Number(props.results.deckID)}\n yearvar={props.results.availableyears}\n mcid={props.user_details.mcid}\n myKey={props.user_details.key}\n accessList={props.accessList}\n // yearvar={props.results.availableyears}\n id=\"complete-widget\"\n cClasses={''}\n text={true}\n />\n ) : null\n }\n \n
\n \n \n \n )\n }\n\n let validyear = 0;\n let _d = new Date();\n let tempYear = _d.getFullYear() - 2;\n\n if (props.testYear >= tempYear) {\n validyear = 1;\n }\n \n let shareObj = [];\n\n if (props.deck !== null && typeof props.deck.shared !== 'undefined') {\n if (Array.isArray(props.deck.shared)) {\n shareObj = props.deck.shared\n }\n }\n\n if (!props.show) {\n return (\n \n );\n } else {\n const optClassText = (isMobileOnly || isElectron) ? 'width100 flex-row-between' : 'width100 flex-row-start';\n\n return (\n \n \n \n {header}\n {createFAB(props)} \n \n \n\n {(!props.showComplete && validyear) \n ? (\n \n In order to claim CME for this year you must answer at least 50% of the questions correctly.
\n\n \n
\n \n ) : null\n }\n\n \n \n Overview\n \n \n\n \n \n \n \n Deck Name \n Answered \n Current Score \n \n \n \n {resObj.map((row) => (\n \n {row.name} \n {row.result} \n {props.results.isWrong\n ? (— )\n : (\n \n {row.percentage}% \n {/* / {props.totalscore}% */}\n )\n }\n \n ))}\n \n
\n \n \n \n \n \n\n {props.results.stats\n ? (\n <>\n \n \n Summary\n \n \n \n \n \n \n Type of Question \n Questions (#) \n Score (%) \n\n {APPVERSION > '2.11.6'\n ? (\n All Users (%) \n ) : null\n }\n \n \n \n \n {props.results.stats.areas\n ? (\n <>\n {APPVERSION > '2.11.6'\n ? (\n \n \n Problem Area \n \n \n ): (\n \n \n Problem Area \n \n \n )}\n\n {props.results.stats.areas.map((row,index) => (\n \n {row.text} \n {row.questions} \n \n {row.percentage.trim()}\n \n {APPVERSION > '2.11.6'\n ? (\n {row.overall.trim()} ) \n :null\n }\n \n ))}\n \n ) : null\n }\n\n {props.results.stats.patients\n ? (\n <>\n {APPVERSION > '2.11.6'\n ? (\n \n \n Problem Area \n \n \n ): (\n \n \n Problem Area \n \n \n )}\n\n\n {props.results.stats.patients.map((row,index) => (\n \n {row.text} \n {row.questions} \n \n {row.percentage.trim()}\n \n {APPVERSION > '2.11.6'\n ? (\n {row.overall.trim()} ) \n :null\n }\n \n ))}\n \n ) : null\n }\n \n
\n \n \n )\n : null\n }\n\n \n \n Results\n \n \n\n \n \n \n \n Question \n Correct \n Incorrect \n Attempts \n \n \n \n {resultDetails.map((row) => (\n \n \n Explanation ${row.qExplanation}
`}\n color='#00567a'\n action={row.action}\n questionid={row.QuestionID}\n setPrevPageDetails={() => {\n props.setPrevPageDetails(props);\n }}\n />\n \n \n {row.correctAnswers}\n \n \n {row.IncorrectAnswers}\n \n \n {row.totalResponses}\n \n \n ))}\n \n
\n \n \n \n Participant Profile (don't know format)
\n \n \n Shared With \n \n <>\n {shareObj.length\n ? (\n \n \n \n \n User \n Active \n {/* \n \n \n {shareObj.map((row) => (\n \n \n <>\n {row.active\n ? (\n \n \n <>\n {row.active\n ? (\n \n {/* — */}\n \n ))}\n \n
\n \n )\n : (\n You have not shared this deck with anyone.
\n )\n } \n \n \n ) : null\n }\n\n \n Notes \n \n \n \n \n {\n notes.length \n ? (\n notes.map((row) => (\n <>\n \n \n {row.qYear + 'Q' + row.qNumber}\n \n\n \n {row.dateStr}\n \n \n \n handleSubmit({\n noteID:row.noteID,\n mcid: props.user_details.mcid,\n key: props.user_details.key,\n state: 0,\n comment: row.comment,\n type: 'note'\n })}\n />\n \n \n\n \n \n \n \n \n \n ))\n )\n : (\n \n \n No Comments\n \n \n )\n }\n \n
\n \n \n \n \n \n \n \n \n \n\n {typeof props.user_details.program !== 'undefined' && props.user_details.program.isprogram\n ? (\n \n \n \n \n \n\n ) : null\n }\n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n
\n \n {cmeText.map((cme) => (\n \n {\n\n }\n \n \n \n ))}\n
\n \n \n \n \n \n \n\n {props.user_details.mcid === '00863273'\n ? (\n \n \n \n \n \n ) : null\n }\n
\n \n \n \n \n \n \n
\n \n {['right'].map((anchor) => (\n
\n \n
*/}\n \n {list(anchor)}\n \n \n ))}\n
func('prev')}\n >\n func('next')}\n >\n \n )\n } else {\n return (\n
\n )\n }\n } else if (props.gameMode > 2) {\n if (props.refresh) {\n return (\n func('refresh')}\n >\n \n )\n } else {\n return (\n
\n )\n }\n } \n } else if (typeof props.sharable !== 'undefined') {\n // console.log('\\nSTARTING NextPrevButton ... \\nprops: \\n', props);\n return (\n func('reset')}\n // >\n // func('reset')}\n // >\n //
\n )\n }\n\n }\n }\n}; ","import {\n Checkbox,\n Chip,\n Container,\n FormControl,\n FormControlLabel,\n FormLabel,\n FormHelperText,\n FormGroup,\n Grid,\n Input,\n InputLabel,\n MenuItem,\n Select,\n Switch,\n TextField,\n Typography,\n Divider\n} from \"@material-ui/core\";\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport React from \"react\";\nimport \"../styles/deckCreationStyles.css\";\nimport \"../styles/masterStyles.css\";\nimport { SaspButton } from \"./SaspButton\";\nimport { CounterWidget } from \"./CounterWidget\"\nimport ModalIcon from \"../components/ModalIcon\";\n\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\n\nconst useStyles = makeStyles((theme) => ({\n formControl: {\n margin: theme.spacing(1),\n minWidth: 120,\n maxWidth: 300,\n },\n chips: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n chip: {\n margin: 2,\n backgroundColor: '#00567a',\n color: '#fff' \n },\n noLabel: {\n marginTop: theme.spacing(3),\n },\n}));\n\nfunction getStyles(index, key, theme) {\n return {\n fontWeight:\n key.indexOf(index) === -1\n ? theme.typography.fontWeightRegular\n : theme.typography.fontWeightMedium,\n };\n}\n\nconst ITEM_HEIGHT = 48;\nconst ITEM_PADDING_TOP = 8;\nconst MenuProps = {\n PaperProps: {\n style: {\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\n width: 250,\n },\n },\n};\n\nexport const EditDeckForm = props => {\n console.log('\\nSTARTING EditDeckForm... \\nprops: \\n', props);\n\n const [name, changeName] = React.useState(props.name);\n const [summary, changeSummary] = React.useState(props.summary);\n const [checkYears, setCheckedYears] = React.useState(props.yearsObj);\n const [checkAreas, setCheckedAreas] = React.useState(props.areaObj);\n const [checkKeyword, setCheckedKeyword] = React.useState(props.keywords);\n const [checkQuestions, setQuestions] = React.useState(props.questionObj);\n const [myYears, setMyYears] = React.useState([]);\n const [myAreas, setMyAreas] = React.useState([]);\n const classes = useStyles();\n const theme = useTheme();\n const selectYears = Object.keys(props.yearsObj);\n\n const [state, setState] = React.useState({\n isHome: props.isHome,\n openBook: props.openBook,\n isPublic: props.isPublic,\n isSpaced: props.isSpaced,\n flashCards: props.flashCards,\n questionCount: props.questionCount,\n name: props.name,\n summary: props.summary,\n questionObj: props.questionObj,\n yearText:props.yearText,\n areaText:props.areaText\n });\n\n const updateChange = (obj) => { \n switch(obj.type) {\n case 'year': {\n checkYears[obj.name] = obj.bool;\n break;\n }\n case 'area': {\n checkAreas[obj.name] = obj.bool;\n break;\n }\n }\n }\n\n const updateCount = async () => {\n let obj = {\n mcid: props.user_details.mcid,\n key: props.user_details.key,\n yearvar: myYears,\n gamemode: state.openBook ? 3 : 4,\n areavar: myAreas,\n };\n let c = await props.getQuestionCount(obj);\n setState({...state, questionCount: c});\n }\n\n const handleSwitchChange = (event) => {\n console.log(state);\n setState({ ...state, [event.target.name]: event.target.checked });\n props.setProps(event.target.name, event.target.checked);\n }\n\n const handleYearChange = (event) => {\n let val = event.target.value;\n setMyYears(val);\n let test = Object.keys(checkYears);\n for (const i in test) {\n updateChange({\n type: 'year', \n name: test[i].toString(), \n bool: val.includes(test[i].toString())\n });\n }\n }\n\n const handleAreaChange = (event) => {\n let val = event.target.value; \n setMyAreas(val);\n let test = Object.keys(checkAreas)\n for (const i in test) {\n updateChange({type: 'area', name: test[i].toString(), bool: val.includes(test[i].toString())});\n }\n }\n\n //TODO refactor to incorporate these into 1 handlechange function\n const handleKeyChange = name => event => {\n setCheckedKeyword({ ...checkKeyword, [name]: event.target.checked });\n };\n\n const handleNameChange = event => {\n // console.log('handleNameChange event');\n changeName(event.target.value);\n };\n\n const handleSummaryChange = event => {\n changeSummary(event.target.value);\n };\n\n const handleQuestionChange = name => event => {\n setQuestions({ ...checkQuestions, [name]: event.target.checked });\n // console.log('name: ', name);\n // console.log('event.target.checked: ', event.target.checked);\n let temp = props.questionObj\n temp[name] = event.target.checked;\n \n let questionData = {\n mcid: props.auth_feedback.mcid,\n key: props.auth_feedback.key,\n deckID: props.deckID,\n questionID: name,\n isActiveQuestion: (event.target.checked ? 1 : 0)\n };\n props.addQuestionToDeck(questionData);\n props.setProps( 'questionObj', temp );\n };\n\n const createMarkup = props => {\n if (!props.includes(''; }\n return { __html: props };\n };\n\n const mapQuestions = props => {\n // console.log('props.results: ', props.results);\n if (props.questionArr) {\n return Object.keys(props.questionArr).map((question) => {\n return (\n \n \n \n \n \n SASP {props.questionArr[question].qYear} Question {props.questionArr[question].qNumber}\n
\n \n \n \n )\n });\n }\n };\n\n const mapKeywords = props => {\n return Object.keys(props.keywords).map((keyword, index) => {\n return (\n \n props.gapFunc({\n years: checkYears, \n areas: checkAreas, \n keywords: checkKeyword, \n name: (name === '' ? state.name : name), \n summary: (summary === '' ? state.summary : summary),\n isHome: state.isHome,\n isPublic: state.isPublic,\n isSpaced: state.isSpaced, \n openBook: state.openBook,\n questionObj: state.questionObj,\n isActive: 1,\n flashCards: state.flashCards,\n deckID: 0\n })}\n >\n Update Deck\n \n\n props.gapFunc({\n years: checkYears, \n areas: checkAreas, \n keywords: checkKeyword, \n name: (name === '' ? props.name : name), \n summary: (summary === '' ? props.summary : summary),\n isHome: props.isHome,\n isPublic: props.isPublic,\n isSpaced: props.isSpaced, \n openBook: props.openBook,\n questionObj: props.questionObj,\n isActive: 0\n })}\n >\n Delete Deck\n \n
\n \n \n Questions \n \n\n {props.questionArr.length\n ? (\n \n \n \n \n \n \n \n \n \n {mapQuestions(props)}\n \n
\n \n \n \n ) : (\n \n There are no questions associated with this deck.
\n \n )\n }\n \n \n ) \n }\n\n const icon = props.icons;\n\n return (\n \n \n \n Edit Deck \n \n\n \n {props.results.owner \n ? (\n \n\n \n {props.results.owner \n ? (\n \n
Deck Summary
\n
{summary}
\n
\n\n {!props.results.isWrong\n ? (\n <>\n \n Subscription Years
\n {props.yearText()}
\n \n\n \n Topics
\n {props.areaText()}
\n \n \n )\n : null\n }\n \n Options \n \n \n \n \n \n\n
\n \n\n \n \n \n \n {props.results.owner \n ? (\n \n \n\n
\n \n\n \n \n \n \n {props.results.owner \n ? (\n \n \n\n
\n \n\n \n \n \n \n {props.results.owner \n ? (\n \n \n\n
\n \n \n \n \n \n \n \n \n\n
\n \n\n {props.results.owner\n ? (\n ownerDiv(props.results)\n ) \n : (\n \n props.gapFunc({\n years: checkYears, \n areas: checkAreas, \n keywords: checkKeyword, \n name: (name === '' ? props.name : name), \n summary: (summary === '' ? props.summary : summary),\n isHome: props.isHome,\n isPublic: props.isPublic,\n isSpaced: props.isSpaced, \n openBook: props.openBook,\n questionObj: props.questionObj,\n isActive: 0\n })}\n >\n Unsubscribe\n \n
\n )\n }\n\n \n \n );\n};","import {\n Container,\n FormControl,\n FormControlLabel,\n FormGroup,\n Grid,\n Switch,\n Typography,\n Divider\n} from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\nimport React from \"react\";\nimport \"../styles/deckCreationStyles.css\";\nimport \"../styles/masterStyles.css\";\nimport { SaspButton } from \"./SaspButton\";\nimport { CounterWidget } from \"./CounterWidget\"\nimport ModalIcon from \"../components/ModalIcon\";\n\nconst useStyles = makeStyles((theme) => ({\n formControl: {\n margin: theme.spacing(1),\n minWidth: 120,\n maxWidth: 300,\n },\n chips: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n chip: {\n margin: 2,\n backgroundColor: '#00567a',\n color: '#fff' \n },\n noLabel: {\n marginTop: theme.spacing(3),\n },\n}));\n\nfunction getStyles(index, key, theme) {\n return {\n fontWeight:\n key.indexOf(index) === -1\n ? theme.typography.fontWeightRegular\n : theme.typography.fontWeightMedium,\n };\n}\n\nconst ITEM_HEIGHT = 48;\nconst ITEM_PADDING_TOP = 8;\nconst MenuProps = {\n PaperProps: {\n style: {\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\n width: 250,\n },\n },\n};\n\nexport const ViewDeckForm = props => {\n const [name, changeName] = React.useState(props.name);\n const [summary, changeSummary] = React.useState(props.summary);\n const [checkYears, setCheckedYears] = React.useState(props.yearsObj);\n const [checkAreas, setCheckedAreas] = React.useState(props.areaObj);\n const [checkKeyword, setCheckedKeyword] = React.useState(props.keywords);\n const [myYears, setMyYears] = React.useState([]);\n const [myAreas, setMyAreas] = React.useState([]);\n const classes = useStyles();\n const selectYears = Object.keys(props.yearsObj);\n\n const [state, setState] = React.useState({\n isHome: props.isHome,\n openBook: props.openBook,\n isPublic: props.isPublic,\n isSpaced: props.isSpaced,\n questionCount: props.questionCount,\n name: props.name,\n summary: props.summary,\n questionObj: props.questionObj,\n yearText:props.yearText,\n areaText:props.areaText\n });\n\n const icon = props.icons;\n\n return (\n \n \n \n {name} \n \n\n \n Deck Summary
\n {summary}
\n \n\n \n Subscription Years
\n {props.yearText()}
\n \n\n \n Topics
\n {props.areaText()}
\n \n\n \n \n \n \n \n \n\n
\n \n\n \n \n \n \n \n \n\n
\n \n\n \n \n \n \n \n \n\n
\n \n\n \n props.gapFunc({\n copy: 1\n })}\n >\n Copy Deck\n \n\n {props.deckList.find(item => item.deckID === props.deckID) ? (\n props.gapFunc({\n copy: 0\n })}\n >\n Unsubscribe\n \n ) : (\n props.gapFunc({\n copy: 0\n })}\n >\n Subscribe\n \n )}\n \n
\n \n \n );\n};","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Divider from '@material-ui/core/Divider';\nimport Slider from '@material-ui/core/Slider';\nimport \"../styles/masterStyles.css\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: \"100%\",\n },\n margin: {\n height: theme.spacing(3),\n },\n}));\n\nconst marks = [\n {\n value: 1,\n label: '1 hr',\n },\n {\n value: 2,\n label: '1 d',\n },\n {\n value: 3,\n label: '1 wk',\n },\n {\n value: 4,\n label: '2 wks',\n },\n {\n value: 5,\n label: '1 mon',\n },\n];\n\nfunction valuetext(value) {\n switch(value) {\n case 1: {\n return '1 hr'\n }\n case 2: {\n return '1 d'\n }\n case 3: {\n return '1 wk'\n }\n case 4: {\n return '2 wks'\n }\n case 5: {\n return '1 mon'\n }\n }\n}\n\nfunction labelText (value) {\n return '';\n switch(value) {\n case 1: {\n return 'Repeat'\n }\n case 2: {\n return 'Difficult'\n }\n case 3: {\n return 'Moderate'\n }\n case 4: {\n return 'Easy'\n }\n case 5: {\n return 'Very Easy'\n }\n }\n}\n\nconst getValue = (value) => {\n switch(value) {\n case 1: {\n return 1;\n }\n case 2: {\n return 24;\n }\n case 3: {\n return 168;\n }\n case 4: {\n return 336;\n }\n case 5: {\n return 720;\n }\n default: {\n return 24;\n }\n }\n}\n\nexport const ReviewSlider = props => {\n const classes = useStyles();\n\n const handleChange = name => (event, value) => {\n let time = getValue(value);\n let obj = {\n hourvar: time,\n deckID: (props.deckID ? props.deckID : null),\n mcid: (props.mcid ? props.mcid : null),\n key: (props.myKey ? props.myKey : null),\n questionID: (props.questionID ? props.questionID : null),\n };\n\n if (!obj.mcid || !obj.key || !obj.deckID || !obj.questionID ) {\n return false;\n } else {\n props.putNextReviewDate(obj);\n\n return false;\n }\n\n }\n\n if (props.gameMode != 3) {\n return null;\n } else {\n // console.log('\\nSTARTING ReviewSlider ....\\nprops:\\n', props);\n return (\n \n\n {/*
Review Again */}\n
View Again \n
\n
labelText(valuetext)}\n steps={1}\n min={1}\n max={5}\n marks={marks}\n onChangeCommitted={handleChange('onChangeCommitted')}\n />\n \n \n \n
\n {Number(props.openpercentage) < 100\n ? (\n
\n \n
\n \n Open Book ({props.openpercentage}%)\n \n \n
\n \n
\n \n {props.openProgress || \"BEGIN\"}\n \n \n \n )\n : (\n \n \n
\n \n Open Book ({props.openpercentage}%)\n \n \n
\n \n
\n \n {props.openProgress || \"BEGIN\"}\n \n \n \n )\n } \n \n
\n \n\n
\n\n \n \n \n
\n {Number(props.closedpercentage) < 100\n ? (\n
\n \n
\n \n Closed Book ({props.closedpercentage}%)\n \n \n \n \n \n
\n \n
\n \n {props.closedProgress || \"BEGIN\"}\n \n \n \n )\n : (\n \n \n
\n \n Closed Book ({props.closedpercentage}%)\n \n \n \n \n \n
\n \n
\n \n {props.closedProgress || \"BEGIN\"}\n \n \n \n )\n }\n \n \n
\n \n \n );\n } else {\n return (\n \n \n Purchase this year online\n \n \n );\n }\n };\n\n return (\n \n \n \n \n {props.testYear || \"2020\"}\n <>\n {\n props.openProgress.toLowerCase() == 'details' || \n props.closedProgress.toLowerCase() == 'details'\n ? (\n \n \n ) : null\n } \n \n \n \n {determineCards(props)}\n \n \n );\n};\n","import React from \"react\";\nimport { CircularProgress } from \"@material-ui/core\";\n\nconst LoadingCard = props => {\n let text = \"Loading...\";\n let color = \"#00567a\";\n if (typeof props.text !== 'undefined') {\n text = props.text;\n }\n\n if (typeof props.color !== 'undefined') {\n color = props.color;\n }\n return (\n \n {text} \n \n )\n};\n\nexport { LoadingCard }\n","import React from \"react\";\n\nexport const CopyrightWidget = props => {\n let className = 'text-small text-grey '\n if (typeof props.className !== 'undefined') {\n className += props.className;\n }\n \n return (\n \n {typeof props.begin !== 'undefined' && props.begin < props.year\n ? (\n <>© {props.begin} - {props.year} American Urological Association. All Rights Reserved.\n )\n : (\n <>© {props.year} American Urological Association. All Rights Reserved.\n )\n }\n \n
\n );\n};\n","import React from \"react\";\n\nexport const CopyrightWidgetLoading = props => {\n let className = 'text-small text-white '\n if (typeof props.className !== 'undefined') {\n className += props.className;\n }\n \n return (\n \n {typeof props.begin !== 'undefined' && props.begin < props.year\n ? (\n <>© {props.begin} - {props.year} American Urological Association. All Rights Reserved.\n )\n : (\n <>© {props.year} American Urological Association. All Rights Reserved.\n )\n }\n \n
\n );\n};\n","import React, { useState } from \"react\";\nimport { Link, Redirect } from \"react-router-dom\";\nimport {\n Modal, Fab, Typography,\n Divider, List, ListItem\n} from \"@material-ui/core\";\n\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\n\nimport MoreHorizIcon from '@material-ui/icons/MoreHoriz';\n\nimport Popover from '@material-ui/core/Popover';\nimport { createMarkup } from \"../common\";\n\nexport const LabsComponent = props => { \n const [anchorEl, setAnchorEl] = React.useState(null);\n const [_labs, setLabs] = useState(false);\n const [_abbrvs, setAbbrs] = useState(false);\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const handleFABClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleFABClose = () => {\n setLabs(false);\n setAbbrs(false);\n setAnchorEl(false);\n }\n\n const open = Boolean(anchorEl);\n const labs = Boolean(_labs);\n const abbrvs = Boolean(_abbrvs);\n\n const _restTest = (obj) => {\n if (navigator.notification) {\n function onConfirm (index) {\n index = Number(index);\n\n switch (index) {\n case 1: {\n props.resetDeck(obj);\n return handleFABClose();\n break;\n }\n default: {\n return handleFABClose();\n break;\n }\n }\n }\n\n let str = 'test';\n if (props.gamemode === 3 || props.gamemode === 4) { str = 'deck'; }\n\n navigator.notification.confirm(\n `Are you sure that you want to reset this ${str}?`,\n onConfirm,\n 'SASP'\n );\n\n if (typeof obj.deckid === 'undefined') {\n return {pathname: '/home'}\n } else {\n return {pathname: '/myDecks'}\n }\n } else {\n }\n }\n\n const openModal = (type) => {\n setLabs(false);\n setAbbrs(false);\n\n switch(type) {\n case 'labs': {\n setLabs(true);\n break;\n }\n case 'abbrvs': {\n setAbbrs(true);\n break;\n }\n }\n }\n\n if (props.labs.hasLabs) {\n let modalStyle = {\n display:\"flex\",\n flexDirection:\"column\",\n justifyContent:\"flex-start\",\n alignItems:\"flext-start\",\n backgroundColor:\"white\",\n width:\"90vw\",\n maxHeight:\"83vh\",\n minHeight:\"50vh\",\n margin:\"5vh 5vw\",\n border:\"2px solid #00567a\",\n borderRadius:\"4px\",\n outline: \"none\",\n overflow: \"auto\",\n };\n\n let tableCSS = {\n margin: \"16px 2px\",\n width: \"calc(100% - 4px)\",\n border: \"1px solid rgba(0,0,0,0.16)\",\n borderRadius: \"4px\",\n boxShadow: \"2px 4px 6px rgba(0,0,0,0.25)\",\n overflow: \"hidden\"\n }\n\n let fabCSS = {\n marginLeft: \"8px\", \n color: \"rgb(152, 152, 152)\", \n backgroundColor:\"rgb(229, 240, 223)\"\n }\n \n let __labs = {gc: [], endocrine: [], abg: []};\n let __abbrvs = [];\n\n if (props.year && props.year > 2011) {\n __labs.gc = props.labs.labs.gc.filter(item => item.year === Number(props.year));\n __labs.endocrine = props.labs.labs.endocrine.filter(item => item.year === Number(props.year));\n __labs.abg = props.labs.labs.abg.filter(item => item.year === Number(props.year));\n\n __abbrvs = props.labs.abbrvs.filter(item => item.year === Number(props.year));\n } else {\n __labs.gc = props.labs.labs.gc.filter(item => item.year === 2020);\n __labs.endocrine = props.labs.labs.endocrine.filter(item => item.year === 2020);\n __labs.abg = props.labs.labs.abg.filter(item => item.year === 2020);\n\n __abbrvs = props.labs.abbrvs.filter(item => item.year === 2020);\n } \n\n return (\n <>\n <>\n \n \n \n \n \n \n \n
\n
Abbreviations \n
\n\n
\n \n \n \n Abbreviation \n Value \n \n \n \n {__abbrvs.map((row) => (\n \n \n ))}\n \n \n
\n \n \n
\n
\n\n \n \n \n
\n
Normal Lab Values \n
\n\n
\n \n \n \n Abbreviation \n Value \n \n \n \n \n General Chemistry \n \n {__labs.gc.map((row) => (\n \n \n ))}\n\n \n Endocrine \n \n {__labs.endocrine.map((row) => (\n \n \n ))}\n \n \n Arterial Blood Gases \n \n {__labs.abg.map((row) => (\n \n \n ))}\n \n
\n \n \n
\n
\n \n {props.gamemode === 1 || props.gamemode === 2\n ? (\n \n \n ) : null\n }\n\n {props.gamemode === 3 || props.gamemode === 4\n ? (\n \n \n ) : null\n }\n
\n \n \n \n )\n } else {\n return (<>)\n }\n}","import React from 'react';\nimport { Link } from '@material-ui/core';\n\nconst HomeUserInfo = (props) => {\n const _courses = {\n pathname: \"/courses\",\n state: { path: \"/courses\", keywords: \"\",},\n prevLoc:'/home',\n };\n\n const _certs = {\n pathname: \"/transcripts\",\n state: { path: \"/transcripts\", keywords: \"\",},\n prevLoc:'/home',\n };\n\n const _dis = {\n pathname: \"/profile\",\n state: { tab: 1, path: \"/profile\", keywords: \"\",},\n prevLoc:'/home',\n }\n\n return (\n \n {props.name\n ? (
{props.name}
)\n : null\n }\n\n
\n
\n {/*
{console.log('clicked to go to courses', _courses)}}\n > */}\n {/* This Week
\n {props.reporting.weekly.rank}
\n {props.reporting.weekly.title}
\n {/* */}\n \n\n
\n {/*
{console.log('clicked to go to certificates', _certs)}}\n > */}\n {/* This Month
\n {props.reporting.monthly.rank}
\n {props.reporting.monthly.title}
\n {/* */}\n \n\n
\n {/*
{console.log('clicked to go to disclosures', _dis)}}\n > */}\n {/* Total
\n {props.reporting.total.rank}
\n {props.reporting.total.title}
\n {/* */}\n \n\n \n
\n
handleSelect(_hsobj) : () => {}}\n >\n \n {item.AnswerOptionLetter}.
\n
\n\n {item.AnswerOptionCorrect && props.answered > 0\n ? (\n \n
\n ) : null\n }\n\n {index === answer && \n !item.AnswerOptionCorrect && \n props.answered > 0\n ? (\n \n
\n ) : null\n }\n \n \n );\n });\n }\n }\n\n const showQuestion = () => {\n return (\n \n
\n\n {typeof props.obj.qImages !== 'undefined' && props.obj.qImages.length > 0\n ? (\n \n
\n ) : null\n }\n\n \n {mapQuestions()}\n
\n\n {\n props.answered > 0 && \n (props.gamemode !== 2 || props.gamemode !== 4)\n ? (\n \n {typeof props.obj.explanation !== 'undefined'\n ? (\n <>\n
\n Explanation\n \n
\n
\n \n ) : null\n }\n\n
\n\n
flipCard()}\n >\n View Details\n
\n
\n )\n }\n\n const reset = (obj) => {\n return props.resetDeck(obj);\n }\n\n const mapActionBtn = () => {\n let _submit = _OBJ;\n\n _submit.correct = correct;\n _submit.answerid = answerid;\n \n if (\n (props.gamemode === 2 && props.gamemode === 4) ||\n props.answered > 0\n ) {\n if (answer !== null || props.answered > 0) {\n if (answer !== null) {\n _submit.next = next;\n } else {\n _submit.next = 0;\n }\n \n return (\n props.submitFunc(_submit)}\n >\n Next\n
\n )\n } else {\n return (\n \n Next\n
\n )\n }\n } else {\n let _classes = 'sasp-submit-btn';\n if (answer !== null) {\n return (\n props.submitFunc(_submit)}\n >\n Submit\n
\n )\n } else {\n _classes += ' disabled'\n return (\n \n Submit\n
\n )\n }\n \n }\n }\n\n let prevClass = 'firstButton ';\n let showPrev = 1;\n\n if (props.obj.previousQuestionID < 1) {\n prevClass += 'disabled';\n showPrev = 0;\n } \n \n if (props.gamemode === 1 && props.answered > 0) {\n prevClass += 'disabled';\n showPrev = 0;\n }\n\n let __typetext = props.typetext;\n\n try {\n if (props.prevAnswer.answered) {\n __typetext += ' (previously answered)';\n }\n } catch (e) {\n }\n\n return (\n <>\n {props.gamemode < 3 || owner\n ? (\n \n <>\n {owner\n ? (\n
handleFABRemove()}\n InDecks={props.obj.InDecks}\n >\n \n \n ) : null\n }\n \n \n \n \n \n \n \n \n addQuestion({\n questionID: props.obj.questionID, \n gameMode: props.obj.gameMode,\n deckID: null,\n send: event.target.checked\n })}\n />\n }\n label=\"Add to All Decks\"\n />\n \n \n \n \n \n addQuestion({\n gameMode: props.obj.gameMode, \n deckID: row.deckID,\n questionID: props.obj.questionID,\n send: event.target.checked,\n id:\"FABList_\" + row.deckID\n })}\n className='text-grey'\n checked={(props.obj.InDecks.includes(row.deckID)) ? true : false}\n />\n }\n label={row.deckname.length ? row.deckname : `My Deck ${index}`}\n />\n \n \n ))}\n
\n \n\n \n handleFABRemove()}\n InDecks={props.obj.InDecks}\n >\n \n \n\n
\n )\n }\n \n \n {props.answered > 0 && props.type === 'open'\n ? (\n flipCard()}\n // style={{backgroundColor: '#00567a', transform:\"scale(0.67)\"}}\n >\n {/* \n {props.gamemode < 3 && showPrev\n ? (\n 0 ? () => handlePrev() : () => {return null}}\n >\n \n handleNext()}\n >\n \n\n \n flipCard()}\n // style={{backgroundColor: '#00567a', transform:\"scale(0.67)\"}}\n >\n {/* \n \n \n Answer\n \n {correctObj[0].AnswerOption}
\n\n {typeof props.obj.qImages !== 'undefined' && \n props.obj.qImages.length > 0\n ? (\n \n
\n ) : null\n }\n\n {typeof props.obj.explanation !== 'undefined'\n ? (\n \n \n Explanation\n \n
\n \n ) : null\n }\n\n {typeof props.obj.reference !== 'undefined'\n ? (\n \n \n References\n\n \n remoteURL(referenceURI)}\n >\n \n \n \n
\n \n ) : null\n }\n\n \n
\n\n
flipCard()}\n >\n View Answer\n
\n
\n\n \n {props.gamemode < 3 && showPrev\n ? (\n 0 ? () => handlePrev() : () => {return null}}\n >\n \n handleNext()}\n >\n \n \n\n {props.gamemode > 2 && props.spaced && props.answered > 0\n ? (\n \n
\n ) : null\n }\n\n \n
\n Add Note\n \n
\n\n
\n
\n {\n console.log(`submit: `, _submit);\n return props.submitFunc(_submit)\n }}\n >\n Next\n
\n
\n \n )\n }\n\n let prevClass = 'firstButton ';\n let showPrev = 1;\n\n const handleNext = () => {\n let _next = _OBJ;\n _next.next = props.obj.nextQuestionID;\n\n return props.submitFunc(_next)\n }\n\n return (\n <>\n \n \n \n This question ({`SASP ${props.obj.QuestionYear} Question ${props.obj.questionNumber}`}) has been withdrawn.
\n\n Click 'Next' to continue.
\n \n\n \n {/* \n handleNext()}\n >\n \n\n \n \n This question ({`SASP ${props.obj.QuestionYear} Question ${props.obj.questionNumber}`}) has been withdrawn.
\n\n Click 'Next' to continue.
\n \n\n \n {/* \n handleNext()}\n >\n \n \n \n );\n};","import React, { useState } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport CloseIcon from '@material-ui/icons/Close';\nimport { \n Card, CardHeader, IconButton, Slide, \n CardContent, CardActions, Button, Link \n} from \"@material-ui/core\";\nimport { getAUAIcon, APPYEAR, DATE, APPDAY } from \"../common\";\nimport \"../styles/masterStyles.css\";\nimport { isTablet } from \"react-device-detect\";\n\nconst AILegalStatement = props => { \n const [_style, _setStyle] = useState({ \n backgroundSize: !isTablet ? \"cover\" : \"contain\", \n backgroundRepeat: 'no-repeat', \n backgroundImage: 'white'\n });\n\n const [isIn, setIsIn] = useState(props.in ? props.in : false);\n\n const classes='aua-bottom-banner';\n const direction=\"up\";\n\n const day = DATE;\n\n let _func = () => {\n localStorage.setItem('auauapp_AILegalStatementDAY', APPDAY());\n localStorage.setItem('auauapp_AILegalStatementYEAR', APPYEAR());\n\n return setIsIn(!isIn);\n };\n\n if (!isIn) {\n return (\n \n \n {\n return setIsIn(true)}\n }\n >\n {getAUAIcon('AUALegal')}\n \n
\n \n )\n } else {\n return (\n <>\n \n {\n return setIsIn(false)}\n }\n >\n {getAUAIcon('AUALegalLeft')}\n \n
\n\n \n \n _func()}\n style={{backgroundColor: '#00567a', transform:\"scale(0.5)\"}}\n >\n \n \n
\n You are prohibited from using or uploading content you accessed through this mobile application into external applications, bots, software, or websites, including those using artificial intelligence technologies and infrastructure, including deep learning, machine learning and large language models and generative AI.\n
\n
\n\n {/* \n setIsIn(!isIn)}\n >\n Dismiss\n \n */}\n \n \n \n )\n }\n};\n\nconst mapStateToProps = state => {\n const { auth, user_details } = state.auth;\n return { auth, user_details };\n};\n\nconst AILegalStatementCard = connect(mapStateToProps)(withRouter(AILegalStatement));\n\nexport { AILegalStatementCard }","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport {\n createDeck,\n fetchAvailableQuestions,\n updateHeaderInfo,\n getAllQuestions,\n getUserDetails\n} from \"../actions\";\nimport { DeckFormWidget, LoadingCard } from \"../components\";\nimport { withRouter } from 'react-router-dom';\nimport { deviceData, makeList } from \"../common\";\n\n//make state = initial_state\nclass CreateDeckScreen extends Component {\n state = {\n creationStage: 0,\n deckName: \"\",\n deckSummary: \"\",\n areas: \"\",\n years: \"\",\n questions: \"\",\n keywords: [],\n yearObj: [],\n areaObj: [],\n questionObj: [],\n keywordsObj: [],\n ready: false,\n openDeck: true,\n questionCount: 0,\n tracking: null,\n loading: false\n };\n\n componentDidMount = async () => {\n // this.props.scrollTop();\n //TODO refactor years and set both to true\n await document.getElementById('root').scrollTo({top: 0, behavior: \"smooth\"});\n let newYearObj = [];\n let newAreaObj = [];\n let newKeywordsObj = [];\n this.props.user_details.SASPYears.map(year => {\n if (year.useravailable == 1) {\n newYearObj = { ...newYearObj, [year.ProductYear]: false };\n }\n });\n\n this.props.user_details.availableAreas.map(area => {\n newAreaObj = { ...newAreaObj, [area.QArea]: false };\n });\n\n this.props.user_details.availableKeywords.map(keyword => {\n newKeywordsObj = { ...newKeywordsObj, [keyword.keyword]: false };\n });\n\n const { mcid, key } = this.props.auth_feedback;\n\n this.setState({\n ...this.state,\n yearObj: newYearObj,\n areaObj: newAreaObj,\n keywordsObj: newKeywordsObj,\n tracking: deviceData(this.props.location, 'navigate') \n });\n\n this.props.getUserDetails(mcid, key, deviceData(this.props.location, 'navigate'));\n\n return this.props.updateHeaderInfo({route:\"/createDeckScreen\", iconOne: 'back'});\n }\n\n componentDidUpdate = async (prevProps, prevState) => {\n if (prevState !== this.state) {\n if (prevState.yearObj !== this.state.yearObj) {\n this.setState({\n ready: true\n });\n }\n\n if (\n prevState.areas !== this.state.areas ||\n prevState.years !== this.state.years\n ) {\n const questionData = {\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key,\n gamemode: this.state.openDeck ? 3 : 4,\n yearvar: this.state.years,\n areavar: this.state.areas\n };\n\n await this.props.fetchAvailableQuestions(questionData, this.tracking);\n }\n\n if (prevProps.available_questions !== this.props.available_questions) {\n let newQuestionObj = [];\n await this.props.available_questions.question.map(question => {\n return (newQuestionObj = {\n ...newQuestionObj,\n [question.questionID]: true\n });\n });\n\n if (this.state.creationStage < 1) {\n this.setState({\n questionObj: newQuestionObj\n });\n }\n }\n\n if (prevProps.get_question_count.questionCount != this.props.get_question_count.questionCount) {\n this.setState({\n ...this.state,\n questionCount: this.props.get_question_count.questionCount\n });\n }\n }\n };\n\n render() {\n const INITIAL_STATE = {\n creationStage: 0,\n keywords: \"\",\n deckName: \"\",\n deckSummary: \"\",\n areas: \"\",\n years: \"\",\n yearObj: [],\n areaObj: [],\n keywordsObj: [],\n questionObj: [],\n ready: false,\n };\n\n const getQuestionCount = async (obj) => {\n obj.myYears = makeList(obj.myYears);\n obj.myAreas = makeList(obj.myAreas);\n await this.props.getAllQuestions(obj);\n this.setState({\n ...this.state,\n questionCount: this.props.get_question_count.questionCount\n });\n\n return this.props.get_question_count.questionCount;\n }\n\n const sendQuestions = (years, areas, keywords, name, summary = '') => {\n let actualYears = \"\";\n let actualAreas = \"\";\n let actualKeywords = \"\";\n Object.keys(years).forEach((year, index) => {\n if (years[year] == true) {\n if (index == Object.keys(years).length - 1) {\n actualYears +=year.toString();\n } else {\n actualYears +=year.toString() + \",\";\n }\n }\n });\n \n Object.keys(areas).forEach((area, index) => {\n if (areas[area] == true) {\n if (index == Object.keys(areas).length - 1) {\n actualAreas += area.toString();\n } else {\n actualAreas += area.toString() + \",\";\n }\n }\n });\n\n Object.keys(keywords).forEach((keyword, index) => {\n if (keywords[keyword] == true) {\n if (index == Object.keys(keywords).length - 1) {\n actualKeywords +=keyword.toString();\n } else {\n actualKeywords +=keyword.toString() + \",\";\n }\n }\n });\n\n this.setState({\n ...this.state,\n years: actualYears,\n areas: actualAreas,\n keywords: actualKeywords,\n deckName: name,\n deckSummary: summary,\n creationStage: 1,\n });\n };\n\n const nameDeck = name => {\n this.setState({\n ...this.state,\n deckName: name\n });\n };\n\n const goBack = () => {\n this.setState({\n ...this.state,\n creationStage: this.state.creationStage - 1\n });\n };\n\n const goHome = () => {\n this.props.history.push('/home');\n }\n\n const createDeck = async questions => {\n await this.setState({ ...this.state, ready: false });\n\n let createDeckData = {\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key,\n deckName: this.state.deckName,\n deckPriority: 999,\n deckSummary: this.state.deckSummary,\n isHome: this.state.isHome,\n isSpaced: this.state.isSpaced,\n ispublic: this.state.isPublic,\n gameMode: this.state.openDeck ? 3 : 4,\n tracking: this.state.tracking\n };\n\n const addQuestions = async questions => {\n let actualQuestions = \"\";\n Object.keys(questions).forEach((question, index) => {\n if (questions[question] == true) {\n if (index == Object.keys(questions).length - 1) {\n actualQuestions += question.toString();\n } else {\n actualQuestions += question.toString() + \",\";\n }\n } else {\n if (index == Object.keys(questions).length - 1) {\n actualQuestions += question.toString();\n } else {\n actualQuestions += question.toString() + \",\";\n }\n }\n });\n\n this.setState({\n questions: actualQuestions,\n // ready: true\n });\n };\n\n await this.props.createDeck(createDeckData);\n return addQuestions(questions);\n };\n\n const gapFunc = async (data) => {\n let years = makeList(data.years);\n let areas = makeList(data.areas);\n \n if (data.name == '') { \n return false; \n }\n\n if (typeof data.mode !== 'undefined' && data.mode != null && data.mode != '') { data.mode = 3; }\n if (typeof data.summary !== 'undefined' && data.summary != null) { data.summary = ''; }\n\n let keywords = makeList(data.keywords);\n let newQuestionObj = [];\n let questionData = {\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key,\n gamemode: data.openDeck == true ? 3 : 4,\n yearvar: years,\n areavar: areas,\n keywords: keywords\n };\n\n if (!data.blankDeck && (years.length || areas.length)) {\n await this.props.fetchAvailableQuestions(questionData);\n\n await this.props.available_questions.question.map(question => {\n return (newQuestionObj = {\n ...newQuestionObj,\n [question.questionID]: true\n });\n });\n }\n\n await this.setState({\n ...this.state,\n years: years,\n yearObj: data.years,\n areas: areas,\n areaObj: data.areas,\n keywords: keywords,\n keywordObj: data.keywords,\n deckName: data.name,\n deckSummary: data.summary,\n questionObj: newQuestionObj,\n isHome: data.isHome == true ? 1 : 0,\n isPublic: data.isPublic == true ? 1 : 0,\n isSpaced: data.isSpaced == true ? 1 : 0,\n flashCards: data.flashCards == true ? 1 : 0,\n gameMode: data.openDeck == true ? 3 : 4,\n ready: false,\n loading: false,\n }); \n\n let createDeckData = {\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key,\n deckName: data.name,\n deckPriority: 999,\n deckSummary: data.summary,\n isHome: data.isHome ? 1 : 0,\n isSpaced: data.isSpaced ? 1 : 0,\n ispublic: data.isPublic ? 1 : 0,\n gameMode: data.openBook ? 3 : 4,\n flashCards: data.flashCardstrue ? 1 : 0,\n blankDeck: years.length == 0 ? true : data.blankDeck,\n tracking: this.state.tracking,\n years: years,\n areas: areas\n };\n\n createDeckData.tracking.action = 'created deck';\n\n await this.props.createDeck(createDeckData);\n goHome();\n }\n\n const resetForm = () => {\n this.setState({\n INITIAL_STATE\n });\n };\n\n if (this.state.ready) {\n return (\n \n \n You have more than two devices registered. Please deregister your\n other devices.\n \n \n Note : You will be logged out of the application on the\n other devices.\n \n props.deRegister(props.feedback.mcid, props.feedback.key)}\n >\n Deregister\n \n \n );\n } else {\n return deregister
;\n }\n};\n\nconst mapStateToProps = state => {\n const feedback = state.auth.auth_feedback;\n return { feedback };\n};\n\nexport default connect(mapStateToProps, { deRegister })(DeregisterScreen);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Redirect, Route } from \"react-router-dom\";\nimport { persistantLogin } from \"../actions\";\n\nconst LoginRoute = ({ component: Comp, loggedIn, path, ...rest }) => {\n let { auth } = rest;\n\n /*if (\n typeof localStorage.getItem('login_dt') !== 'undefined' && \n localStorage.getItem('login_dt') != null\n ) { \n const _date = new Date();\n const _expire = Number(localStorage.getItem('login_dt'));\n const _now = Number(Date.parse(_date));\n \n if (_now < _expire) {\n // console.log('\\nRedirectScreen');\n // persistantLogin();\n auth = true;\n }\n }*/\n\n return (\n {\n return !auth ? (\n \n \n \n\n \n {this.state.disabled ? (\n \n Login\n \n ) : (\n this.login(this.props) }\n >\n Login\n \n )}\n \n\n \n \n\n \n \n
Notice \n
\n You are prohibited from using or uploading content you accessed through this mobile application into external applications, bots, software, or websites, including those using artificial intelligence technologies and infrastructure, including deep learning, machine learning and large language models and generative AI.\n
\n
\n\n \n \n \n\n \n \n \n \n \n \n\n \n \n LOADING... \n \n \n \n );\n }\n}\n\nconst mapStateToProps = state => {\n const { auth, holdDevice, errorMessage, errorCode } = state.auth;\n return { auth, holdDevice, errorMessage, errorCode };\n};\n\nexport default connect(mapStateToProps, { login, testApi, persistantLogin })(LoginScreen);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Redirect, Route } from \"react-router-dom\";\n\nconst ProtectedRoute = ({ component: Comp, loggedIn, path, ...rest }) => {\n const { auth } = rest;\n \n return (\n {\n return auth ? (\n \n
\n ); \n }\n } else {\n // console.log('renderFailed ...');\n return (\n \n
\n
\n SASP Question \n
\n \n
\n
\n\n
\n
\n
' + data.subject + '
'\n data.subject = data.subject.replace(/\\n/g, '
');\n data.subject = data.subject.replace(/\\r/g, '
');\n data.subject = data.subject.replace(/<\\/p>
<\\/p>
/g, '
');\n\n if (typeof tracking !== 'undefined') {\n await this.props.emailResults(data, deviceData(this.props.location, 'email result'));\n } else {\n await this.props.emailResults(data);\n } \n }\n\n shareDeck = async (data) => {\n if (typeof tracking !== 'undefined') {\n await this.props.shareDeck(data, deviceData(this.props.location, 'share deck'));\n } else {\n await this.props.shareDeck(data);\n } \n }\n\n setComplete = async (bool) => {\n await this.setState({\n ...this.state,\n showComplete: bool,\n })\n }\n\n addNote = async (data) => {\n this.setState({\n ...this.state,\n show: false,\n })\n await this.props.addNote(data);\n await this.props.getUserDetails(data.mcid, data.key, deviceData(this.props.location, 'add note'));\n\n scrollTop();\n }\n\n submitCME = async (data) => {\n await this.props.submitCME(data, deviceData(this.props.location, 'claim cme'));\n }\n\n setPrevPageDetails = async (data) => {\n // console.log(data);\n await this.props.setPrevPageDetails(data);\n }\n\n setContainer = (bool) => {\n return { padding: \"0px 16px 32px\", margin: \"calc(env(safe-area-inset-top) + 56px) 0 64px\", width: \"calc(100%)\", overflowY: \"auto\" };\n }\n\n removeShare = (data) => {\n return this.props.removeShareDeck(data);\n }\n\n render() {\n if (this.state.show && typeof this.props.deckList !== 'undefined') {\n return (\n item.deckID === this.state.obj.deckID) : null}\n show={this.state.show}\n editDeck={this.props.editDeck}\n addNote={this.addNote}\n accessList={this.props.accessList}\n shareDeck={this.shareDeck}\n emailResults={this.emailResults}\n resetDeck={this.resetDeck}\n submitCME={this.submitCME} \n container={this.setContainer(isBrowser)}\n testYear={this.state.obj.yearvar}\n showComplete={this.state.showComplete}\n totalscore={Math.trunc(this.props.get_question_results.totalscore)}\n setComplete={this.setComplete}\n setPrevPageDetails={this.setPrevPageDetails}\n removeShare={this.removeShare}\n />\n );\n } else {\n return (\n this.confirmCME(props)}\n className=\"deregister_button text-white font-strong\"\n color=\"secondaryBlue\"\n >\n Click to Confirm\n \n \n );\n }\n return (\n this.confirmCME(props)}\n className=\"deregister_button\"\n color=\"secondaryBlue\"\n >\n Click to Confirm\n \n );\n };\n\n cmeInformation = cmeYears => {\n if (this.props.user_details.cmeYears === \"No SASP Purchased\") {\n return (\n \n We don't have a record of SASP purchases for your account. Please go\n online to .... or call ....\n
\n );\n }\n \n if (cmeYears.length === this.state.cme_confirmations) {\n return \n
\n {this.cmeButton(this.props)}\n
\n //
LOADING... \n //
\n )\n } else {\n if (typeof this.props.user_details === 'undefined') {\n // return (A 52-year-old man with a history of lung cancer has a 5 cm adrenal mass with an attenuation of 45 Hounsfield units noted on follow-up non-contrast CT scan. Metastatic evaluation is otherwise negative. Metabolic evaluation is normal. The next step is:
\",\n \"questionID\" : \"3866\",\n \"QuestionYear\" : \"2019\",\n \"questionArea\" : \"ADL\",\n \"patientType\" : \"ADU\",\n \"questionNumber\" : \"3\",\n \"qoptions\" : [\n \n {\n \"AnswerOptionID\" : 19327,\n \"AnswerOption\" : \"repeat imaging and metabolic evaluation in six months. \",\n \"AnswerOptionLetter\" : \"A\",\n \"AnswerOptionCorrect\" : \"0\"\n },\n {\n \"AnswerOptionID\" : 19328,\n \"AnswerOption\" : \"MRI scan. \",\n \"AnswerOptionLetter\" : \"B\",\n \"AnswerOptionCorrect\" : \"0\"\n },\n {\n \"AnswerOptionID\" : 19329,\n \"AnswerOption\" : \"MIBG scan. \",\n \"AnswerOptionLetter\" : \"C\",\n \"AnswerOptionCorrect\" : \"0\"\n },\n {\n \"AnswerOptionID\" : 19326,\n \"AnswerOption\" : \"percutaneous needle biopsy. \",\n \"AnswerOptionLetter\" : \"D\",\n \"AnswerOptionCorrect\" : \"1\"\n },\n {\n \"AnswerOptionID\" : 19330,\n \"AnswerOption\" : \"adrenalectomy. \",\n \"AnswerOptionLetter\" : \"E\",\n \"AnswerOptionCorrect\" : \"0\"\n }\n ]\n }\n ]\n\n","export const Images = {\n auaLogo: require(\"./aualogo.png\")\n};","import { Container } from \"@material-ui/core\";\nimport React, { Component } from \"react\";\nimport {\n ConfidenceButtons,\n DeckCard,\n HomeDeckCard,\n QuestionCard,\n Header,\n TestTableCard,\n Footer\n} from \"../components\";\nimport { SkeletonImage } from \"../components/SkeletonImage\";\nimport { Images } from \"../images\";\nimport { testQuestion } from \"../testQuestion\";\n\n//TODO organize components\n\nclass TestScreen extends Component {\n state = {\n oneSelected: false,\n twoSelected: false\n };\n\n render() {\n return (\n \n \n
\n \n
\n \n
\n \n
\n \n );\n }\n}\n\nexport { TestScreen };\n","import React from \"react\";\nimport { Redirect, Route } from \"react-router-dom\";\nimport { persistantLogin } from \"../actions\"\n\nexport const RedirectScreen = ({\n component: Comp,\n loggedIn,\n path,\n ...rest\n}) => {\n /*if (\n typeof localStorage.getItem('login_dt') !== 'undefined' && \n localStorage.getItem('login_dt') != null\n ) { \n const _date = new Date();\n const _expire = Number(localStorage.getItem('login_dt'));\n const _now = Number(Date.parse(_date));\n \n if (_now < _expire) {\n persistantLogin();\n loggedIn = true;\n if (typeof path === 'undefined') { path = '/home'}\n\n // console.log('\\nRedirectScreen');\n // console.log(\"localStorage.getItem('login_dt'): \", localStorage.getItem('login_dt'));\n // console.log('path: ', path);\n // console.log('loggedIn: ', loggedIn);\n }\n }*/\n \n\n return (\n {\n return loggedIn ? (\n this.copyThisDeck(deck.deckID)}\n owner={Number(deck.owner)}\n isWrong={deck.isWrong}\n totalQuestions={deck.totalQuestions}\n flashcard={deck.flashCards} \n />\n );\n });\n }\n };\n\n setContainer = (bool) => {\n if (bool) {\n if (isBrowser && !isElectron) {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 40px)\", height: \"calc(100vh - 160px)\" };\n } else {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\" };\n }\n \n } else {\n if (isBrowser && !isElectron) {\n return { padding: \"16px\", margin: \"0 0 64px\", width: \"calc(100% - 40px)\", height: \"calc(100vh - 160px)\" };\n } else {\n return { padding: \"16px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\" };\n }\n }\n }\n\n render() {\n if (!this.state.loading) {\n return (\n <>\n {/* */}\n
\n
\n
\n My Decks\n \n\n \n \n \n \n
\n
\n\n
\n {this.mapMyDeckCards(this.props)}\n
\n\n
\n
\n\n
\n \n
\n
\n
You have copied {this.state.text} .
\n
You can find the deck on your decks page.
\n
\n
\n
' + text + '
';\n r = r.replace(/\\n/g, '');\n r = r.replace(/\\r/g, '
');\n r = r.replace(/<\\/p>
<\\/p>
/g, '
');\n r = r.replace(/\\t/g, '');\n return r;\n }\n\n createMarkup = props => {\n let temp = props;\n if (!props.includes('
')) { temp = this.cleanText(temp); }\n return { __html: temp };\n };\n\n mapMyNotes = () => {\n // console.log('notes: ', this.props.user_details.notes.notes);\n const notes = this.props.user_details.notes.notes;\n\n if (typeof notes !== 'undefined' && notes.length > 0) {\n return notes.map((row, index) => {\n return (\n <>\n \n \n {isMobileOnly \n ? (<>{row.qYear + 'Q' + row.qNumber})\n : (<>{row.qYear + ' Question ' + row.qNumber})\n }\n \n \n\n \n {row.dateStr}\n \n \n \n this.handleSubmit({\n noteID:row.noteID,\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n state: 0,\n comment: row.comment,\n type: 'note'\n })}\n />\n \n \n\n \n \n
\n \n \n No Notes\n
\n \n \n );\n }\n };\n\n setContainer = (bool) => {\n return { padding: \"0 16px 32px\", margin: \"calc(env(safe-area-inset-top) + 56px) 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 0px)\", overflowY: \"auto\", backgroundColor: \"white\" };\n\n if (bool) {\n if (isBrowser && !isElectron) {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\", overflowY: \"auto\" };\n } else {\n return { padding: \"16px 32px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\", overflowY: \"auto\" };\n }\n \n } else {\n if (isBrowser && !isElectron) {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\", overflowY: \"auto\" };\n } else {\n return { padding: \"16px 32px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\", overflowY: \"auto\" };\n }\n }\n }\n\n render() {\n return (\n <>\n \n
My Notes \n\n
\n
\n \n \n {this.mapMyNotes()}\n \n
\n \n
\n\n
\n
\n \n
\n
\n
You have copied {this.state.text} .
\n
You can find the deck on your decks page.
\n
\n
\n
\n Loading... \n ;\n }\n }\n };\n\n return returnFormStage();\n }\n}\n\nconst mapStateToProps = state => {\n const { user_details, auth_feedback } = state.auth;\n const { newDeckInfo, publicDecks, copyDeckInfo } = state.decks;\n const { available_questions, get_question_count, question, get_question_results } = state.question;\n const { helperIcons } = state.device;\n return { \n user_details, \n auth_feedback, \n available_questions, \n newDeckInfo, \n get_question_count,\n question, \n get_question_results,\n publicDecks,\n copyDeckInfo,\n helperIcons\n };\n};\n\nexport default connect(mapStateToProps, {\n fetchAvailableQuestions,\n createDeck,\n addQuestionToDeck,\n updateHeaderInfo,\n getAllQuestions,\n getQuestionResults,\n editDeck,\n getPublicDecks, \n copyDeck,\n subscribeDeck\n})(withRouter(ViewDeckScreen));\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link, Redirect } from \"react-router-dom\";\nimport { Divider, Typography } from \"@material-ui/core\";\nimport {\n getUserDetails,\n updateHeaderInfo,\n copyDeck,\n editDeck,\n subscribeDeck,\n updateNotification,\n updateUserProfile\n} from \"../actions\";\nimport { withRouter } from 'react-router-dom';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport AddIcon from '@material-ui/icons/Add';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { LoadingCard, CopyrightWidget, SaspButton } from \"../components\";\nimport { deviceData, getThisYear, remoteURL, setContainer } from \"../common\";\nimport { isElectron } from \"react-device-detect\";\n\n//make state = initial_state\nclass ViewDeckScreen extends Component {\n state = {\n loading: true,\n preloading: true\n };\n\n componentDidMount = async () => {\n await document.getElementById('root').scrollTo({top: 0, behavior: \"smooth\"});\n const { mcid, key } = this.props.auth_feedback;\n await this.props.getUserDetails(mcid, key);\n this.setState({ ...this.state, preloading: false })\n\n const item = this.props.user_details.notifications.notifications.find(i => i.pkid == this.props.location.pkid);\n \n return this.props.updateHeaderInfo({route:\"/viewMessage\", iconOne: 'back', name: \"Message Details\"});\n }\n\n componentDidUpdate = async (prevProps, prevState) => {\n if (prevProps.user_details !== this.props.user_details) {\n document.getElementById('root').scrollTo({top: 0, behavior: \"smooth\"});\n this.setState({ ...this.state, loading: false});\n }\n\n if (prevState.preloading !== this.state.preloading) {\n if (this.state.loading) { \n if (typeof this.props.user_details.notifications !== 'undefined') {\n this.setState({ ...this.state, loading: false });\n } else {\n }\n }\n }\n };\n\n handleSendAccess = async (data) => {\n if (typeof data.bool === 'undefined') {\n data.bool = 1;\n }\n\n const obj = {\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n allowShare: this.props.user_details.allowshare,\n allowSearch: this.props.user_details.allowsearch,\n allowLeaderboard: this.props.user_details.allowleaderboard,\n isDaily: this.props.user_details.isDaily,\n displayName: this.props.user_details.displayname,\n yst: this.props.user_details.yst,\n tl: this.props.user_details.tl,\n isDaily: this.props.user_details.isDaily,\n allowProgram: data.bool ? 1 : 0,\n isResident: this.props.user_details.isResident,\n pkid: data.item.pkid ? data.item.pkid : 0,\n }\n\n await this.props.updateUserProfile(obj);\n\n let target = {\n pathname: '/home'\n }\n \n return ')) { props = '
' + props + '
'}\n return { __html: props };\n };\n\n updateDeck = async (data) => {\n this.setState({ ...this.state, loading: true});\n let notif = {\n mcid : data.mcid,\n key : data.key,\n state : data.state,\n pkid : data.pkid\n };\n\n let obj = {\n mcid : data.mcid,\n key : data.key,\n deckID : data.deckId\n };\n\n await this.props.updateNotification(notif);\n switch(data.type) {\n case 'copy': {\n await this.props.copyDeck(obj);\n await this.props.getUserDetails(obj.mcid, obj.key);\n this.props.history.push('/myDecks');\n break;\n }\n case 'subscribe': {\n await this.props.subscribeDeck(obj);\n await this.props.getUserDetails(obj.mcid, obj.key);\n this.props.history.push('/myDecks');\n break;\n }\n\n case 'activate': {\n obj.isActive = 1;\n await this.props.editDeck(obj);\n await this.props.getUserDetails(obj.mcid, obj.key);\n this.props.history.push('/myDecks');\n break;\n }\n\n default: {\n await this.props.getUserDetails(obj.mcid, obj.key);\n this.props.history.push('/notifications');\n break;\n }\n }\n }\n\n render = () => {\n if (!this.state.loading) {\n const item = this.props.user_details.notifications.notifications.find(i => i.pkid == this.props.location.pkid)\n \n if (typeof item !== 'undefined') {\n let uri = `https://auau.auanet.org/node/${item.notificationDetail}`;\n return (\n \n
Message \n\n
\n
\n
\n this.updateDeck({\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n deckId: item.notificationDetail,\n pkid: item.pkid,\n state: 0,\n type: 'delete'\n })}\n className=\"text-orange\"\n style={{ \n fontSize: '1.5em',\n justifyContent: \"flex-end\",\n marginTop: \"2px\"\n }}\n />\n
\n
\n
\n\n
\n
\n
\n
From:
\n
{item.datestr}
\n
\n
{item.from}
\n\n {item.notificationType.includes('COMPLETED')\n ? (\n
\n
You have answered 100% of the {item.year} SASP questions, scoring at least 50% correct, and are now eligible for up to 20 hours of CME credit.
\n\n
\n Log in to the AUA University .\n
\n
\n Click on the My Activities tab. \n Click on \n Click on Take Course. \n Complete the Course Evaluation and Credit Claim. \n To purchase other SASP years, please visit \n \n
\n ) : (\n
\n )\n }\n\n
\n
Thank you for participating in the SASP!
\n
\n
\n
\n\n {item.notificationType == 'DECK' || item.notificationType == 'MESSAGE'\n ? (\n <>\n
\n
\n
\n
\n {item.notificationState == 1 && item.notificationType == 'DECK'\n ? (\n <>\n
this.updateDeck({\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n deckId: item.notificationDetail,\n pkid: item.pkid,\n state: 2,\n type: 'subscribe'\n })}\n >\n
\n
\n
Subscribe
\n
\n\n
this.updateDeck({\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n deckId: item.notificationDetail,\n pkid: item.pkid,\n state: 2,\n type: 'copy'\n })}\n >\n
\n \n {item.notificationType == 'DECK'\n ? (
)\n : (
)\n }\n
\n
\n {item.notificationType == 'DECK'\n ? (<>Copy)\n : (<>Activate)\n }\n
\n
\n \n )\n : (\n
this.updateDeck({\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n deckId: item.notificationDetail,\n pkid: item.pkid,\n state: 2,\n type: 'activate'\n })}\n >\n
\n \n {item.notificationType == 'DECK'\n ? (
)\n : (
)\n }\n
\n
\n {item.notificationType == 'DECK'\n ? (<>Copy)\n : (<>Activate)\n }\n
\n
\n )\n }\n
\n
\n
\n \n )\n : null\n }\n\n {item.notificationType == 'ACCESSREQUEST'\n ? (\n <>\n
\n\n
\n
\n
\n
this.handleSendAccess({bool: 0, item: item})}\n >\n
\n
\n
\n No\n
\n
\n\n
this.handleSendAccess({bool: 1, item: item})}\n >\n
\n
\n Yes\n
\n
\n
\n
\n
\n \n ) : null\n }\n\n
\n
\n \n
\n
No notification found.
\n
\n Return to Inbox\n \n \n
\n \n \n {row.deckname}\n \n \n {row.totalQuestions} \n {/* {(row.isSpaced ? 'Yes' : 'No')} */}\n {/* {(row.isOpen ? 'Yes' : 'No')} */}\n \n this.subscribeDeck(row.deckID)} className=\"text-blue\">\n \n \n \n this.addDeck(row.deckID)} className=\"text-blue\">\n \n \n \n );\n });\n } else {\n return (\n \n No Public Decks Available \n \n );\n }\n }\n\n render() {\n if (this.state.loading) {\n return \n
Public Decks \n \n\n
\n
\n \n \n \n \n Deck Name \n Questions \n {/* Spaced */}\n {/* Open */}\n Subscribe \n Copy \n \n \n \n {this.mapPublicDeckRows(this.props)}\n \n
\n \n \n
\n \n
\n
\n \n {\n if (typeof props.data.messageday !== 'undefined') {\n masterHandleClose('MessageBanner', 'active', 'inactive', 'sasp-messageday-id', props.data.messageday);\n }\n return masterHandleClose('MessageBanner', 'active', 'inactive', 'sasp-messageid', props.data.messageid);\n }}\n style={{backgroundColor: '#00567a', transform:\"scale(0.5)\"}}\n >\n \n \n {props.data.actiontext ? props.data.actiontext : 'Learn More' } \n \n \n \n ) : null\n }\n \n \n );\n } else {\n return null;\n }\n};\n\nconst mapStateToProps = state => {\n const { auth, user_details } = state.auth;\n return { auth, user_details };\n};\n\nconst MessageBannerCard = connect(mapStateToProps)(withRouter(MessageBanner));\n\nexport { MessageBannerCard }\n","import { Divider, Typography, Modal, Fab } from \"@material-ui/core\";\nimport React, { Component, useState } from \"react\";\nimport Skeleton from \"react-loading-skeleton\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\nimport { \n getDecks, updateHeaderInfo, confirmCME, \n getUserDetails, getDailyQuestion, updateRating,\n getFlashCards, getPremadeDecks, getSASPResidencyProgram\n} from \"../actions\";\nimport { deviceData, scrollTop, APPVERSION, getThisYear, checkDailyEpoch, remoteURL,createMarkup, testerArr, hasLegal } from \"../common\";\nimport { \n HomeDeckCard, TestTableCard, TestTabletTableCard, \n LoadingCard, DailyBannerCard, VersionBannerCard, \n SaspButton, CopyrightWidget, HomeUserInfo, AILegalStatementCard\n} from \"../components\";\nimport CloseIcon from '@material-ui/icons/Close';\nimport { \n isMobileOnly, isTablet, isElectron, deviceDetect, \n deviceType, isBrowser, isIOS, isAndroid \n} from 'react-device-detect';\n\nimport AddIcon from \"@material-ui/icons/Add\";\n\nimport { MessageBannerCard } from \"../components/MessageBannerCard\";\n\nclass Home extends Component {\n state = {\n cmeYears: [],\n cmeShow: false,\n debug: true,\n cmeTitle: '',\n cmeBody: '',\n cmeProgram: '',\n cmeConfirmed: 0,\n loading: true,\n tracking: null,\n isDaily: 0,\n newVersion: 0,\n hv: 0,\n message: null,\n homeDecks: [],\n premade: [],\n showPre: false,\n _reporting: {\n total: {\n title: \"Rank (total)\",\n data: [],\n rank: 'N/A'\n },\n weekly: {\n title: \"Rank (this week)\",\n data: [],\n rank: 'N/A'\n },\n monthly: {\n title: \"Rank (this month)\",\n data: [],\n rank: 'N/A'\n }\n }\n };\n\n handleOpen = () => {\n this.setState({...this.state, cmeShow: true});\n };\n\n handleClose = () => {\n this.setState({...this.state, cmeShow: false});\n };\n\n componentDidMount = async () => {\n scrollTop('homeDIV', 0);\n\n\n let hv = 0;\n let nv = 0;\n let msg = null\n let isday = this.props.isDaily;\n const { mcid, key } = this.props.auth_feedback;\n\n if (this.props.premade.length === 0) {\n this.props.getPremadeDecks({\n mcid: mcid,\n key: key\n })\n }\n\n const __ls = localStorage.getItem('sasp-hideVersion');\n const __msgid = localStorage.getItem('sasp-messageid') !== null ? localStorage.getItem('sasp-messageid') : 0;\n const __dayid = localStorage.getItem('sasp-messageday-id') !== null ? localStorage.getItem('sasp-messageday-id') : 0;\n\n if (typeof __ls !== 'undefined' && __ls !== null) {\n hv = Number(localStorage.getItem('sasp-hideVersion'));\n } else {\n localStorage.setItem('sasp-hideVersion', 1);\n }\n\n if (APPVERSION > '1.11.17' && (1 === 1 || testerArr.includes(this.props.auth_feedback.mcid))) {\n if (\n (checkDailyEpoch('sasp-ratingEpoch', 1)) && \n (isIOS || isAndroid)\n ) {\n if (typeof this.props.user_details.appRated !== 'undefined') {\n if (!this.props.user_details.appRated) {\n window.cordova.plugins.AppReview.requestReview().then(function () {\n let ratingtracking = deviceData(this.props.location, 'rate app');\n\n this.props.updateRating({\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key,\n tracking: ratingtracking\n });\n }).catch(function() {\n this.props.updateRating({\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key,\n });\n\n return window.cordova.plugins.AppReview.openStoreScreen();\n });\n }\n } else {\n }\n } else {\n } \n }\n\n await this.props.updateHeaderInfo({route:\"/home\", iconOne: 'profile'});\n await this.props.getUserDetails(mcid, key, deviceData(this.props.location, 'navigate'));\n await this.props.getDecks({ mcid: mcid, key: key });\n await this.props.getFlashCards({ mcid: mcid, key: key });\n\n if (typeof this.props.user_details.appversion !== 'undefined' && !hv) {\n if (isIOS) {\n if (\n (this.props.user_details.appversion.ios !== APPVERSION && APPVERSION < this.props.user_details.appversion.ios)\n ) {\n nv = 1;\n }\n } else if (isAndroid) {\n if (this.props.user_details.appversion.android !== APPVERSION && APPVERSION < this.props.user_details.appversion.android) {\n nv = 1;\n }\n } else if (isElectron) {\n nv = 1;\n }\n }\n\n if (typeof this.props.user_details.message === 'object') {\n if (typeof this.props.user_details.message.messageid !== 'undefined') {\n if (typeof this.props.user_details.message.messageday !== 'undefined' && typeof this.props.user_details.message.year !== 'undefined') {\n if (__dayid < this.props.user_details.message.messageday) {\n msg = this.props.user_details.message;\n }\n } else if (this.props.user_details.message.messageid > __msgid) {\n localStorage.setItem('sasp-messageid', this.props.user_details.message.messageid)\n msg = this.props.user_details.message;\n hv = 0;\n nv= 0;\n isday = 0;\n }\n }\n }\n\n if (!this.props.isDaily) {\n await this.props.getDailyQuestion({\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key\n });\n }\n\n const homeDecks = this.props.deckList.filter((item) => {\n return (item.isHome === 1 && item.totalQuestions > 0) \n });\n\n let _state = { \n ...this.state, \n newVersion: nv, \n hv: hv, \n isDaily: isday, \n message: msg,\n tracking: deviceData(this.props.location, 'navigate'),\n homeDecks: homeDecks,\n premade: this.props.premade.length ? this.props.premade : []\n };\n\n return this.setState(_state)\n };\n\n componentDidUpdate = async (prevProps, prevState) => {\n if (prevProps.user_details.cmeYears != this.props.user_details.cmeYears) {\n this.setState({ ...this.state, cmeYears: this.props.user_details.cmeYears });\n }\n\n if (prevProps.deckList !== this.props.deckList) {\n const homeDecks = this.props.deckList.filter((item) => {\n return (item.isHome === 1 && item.totalQuestions > 0) \n });\n\n return this.setState({\n ...this.state,\n homeDecks: homeDecks\n })\n }\n\n if (prevProps.user_details != this.props.user_details) {\n if (typeof this.props.user_details.message === 'object') {\n if (typeof this.props.user_details.message.messageid !== 'undefined') {\n const __msgid = localStorage.getItem('sasp-messageid') !== null ? localStorage.getItem('sasp-messageid') : 0;\n\n if (this.props.user_details.message.messageid > __msgid) {\n localStorage.setItem('sasp-messageid', this.props.user_details.message.messageid)\n\n await this.setState({\n ...this.state,\n message: this.props.user_details.message,\n newVersion: 0,\n isDaily: 0,\n hv: 0,\n loading: false,\n }) \n }\n }\n }\n\n return this.props.getDailyQuestion({\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key\n });\n }\n\n if (prevProps.isDaily != this.props.isDaily) {\n return this.setState({ ...this.state, isDaily: this.props.isDaily})\n }\n\n if ( prevState.cmeYears != this.state.cmeYears ) {\n await this.checkCME();\n this.setState({ ...this.state, loading: false });\n }\n\n if (prevState.cmeProgram != this.state.cmeProgram) {\n this.handleOpen();\n }\n\n if (prevProps.premade !== this.props.premade) {\n return this.setState({\n ...this.state,\n premade: this.props.premade\n })\n }\n\n if (prevState.premade !== this.state.premade) {\n return this.setState({\n ...this.state,\n showPre: true\n })\n }\n\n }\n\n checkCME = async () => {\n if (typeof this.state.cmeYears !== 'undefined') {\n let arr = this.state.cmeYears.slice();\n for (let i = 0; i < arr.length; i++) {\n let condition = true;\n if (Number(arr[i].confirmed) > 0 ) { condition = false }\n \n if ( condition ) {\n let temp = 'There was an error.
Please try again later.
';\n if (typeof arr[i].CMEContent !== 'undefined') {\n temp = arr[i].CMEContent;\n }\n\n await this.setState({ ...this.state, cmeTitle: \"Confirm CME\", cmeProgram: arr[i].programID, cmeBody: temp });\n\n this.handleOpen();\n break;\n }\n }\n }\n }\n\n mapPremadeDecks = () => {\n const path = './static/media/icons/';\n const premade = this.props.premade.filter((item) => {\n return (item.totalQuestions > 0) \n });\n\n if (typeof premade !== 'undefined' && premade.length > 0) {\n return premade.map((deck, index) => {\n let _img = index % 50;\n let _path = path + _img + '.png';\n\n let obj = {\n deckID: deck.deckID,\n gameMode: 7,\n gamemode: 7,\n deckname: deck.deckname,\n abbr: deck.abbr ? deck.abbr : 'TMP',\n subtext: deck.subtext ? deck.subtext : 'xyz questions'\n }\n\n let __uri = deck.flashcard ? \"/showFlashCard\" : \"/questionScreen\";\n let _obj = {\n pathname: __uri,\n gameMode: 7,\n gamemode: 7,\n deckID: deck.deckID,\n deckid: deck.deckID\n }\n\n return(\n \n
\n
{obj.abbr}
\n
{obj.subtext}
\n
\n
{obj.deckname}
\n
\n
\n {obj.gameMode === 3\n ? (\n
Open Book
\n ) : (\n
Closed Book
\n )\n }\n\n
{obj.abbr}
\n
\n
{obj.deckname}
\n
\n
\n
{obj.deckname}
\n
({obj.per}%)
\n
\n
{obj.abbr}
\n
{\n\n // console.log(`data: `, data)\n // console.log(`year: `, year)\n }}\n >\n
\n {/*
Access Denied
*/}\n
Purchase this year online.
\n
\n
{obj.abbr}
\n
\n
\n );\n }\n if (index === 0) {\n\n // if (!deck.totalQs) {\n // return null\n // } else {\n // cnt++;\n // }\n\n return (\n <>\n \n
\n \n
\n \n );\n } else {\n // if (!deck.totalQs) {\n // return null\n // } else {\n // cnt++;\n // }\n\n return (\n \n
\n );\n }\n });\n } else {\n return null;\n }\n };\n\n mapTableCards = props => {\n if (props.user_details != '') {\n return props.user_details.SASPYears.map(year => {\n let oPer = Number(year.openpercentage) ? Math.round(Number(year.openpercentage)) : 0;\n let cPer = Number(year.closedpercentage) ? Math.round(Number(year.closedpercentage)) : 0;\n\n if (oPer > 100) { oPer = 100; }\n else if (year.openpercentage > 0 && year.openpercentage < 1) {\n oPer = 1;\n }\n if (cPer > 100) { cPer = 100; }\n else if (year.closedpercentage > 0 && year.closedpercentage < 1) {\n cPer = 1;\n }\n /*TODO get what question we are on and determine if we are to resumse or restart*/\n const openText = ( oPer != 100 ) ? \"RESUME\" : \"DETAILS\";\n const closeText = ( cPer != 100 ) ? \"RESUME\" : \"DETAILS\";\n\n if (year.useravailable == 1) { \n return (\n 0 ? openText : \"BEGIN\"}\n closedProgress={cPer > 0 ? closeText : \"BEGIN\"}\n openpercentage={oPer}\n closedpercentage={cPer}\n />\n );\n } else {\n return (\n 0 ? openText : \"BEGIN\"}\n closedProgress={year.closedpercentage > 0 ? closeText : \"BEGIN\"}\n />\n );\n }\n });\n } else {\n {\n /*Clean and size this up correctly */\n }\n return (\n \n
\n );\n }\n };\n\n mapTabletTableCards = props => {\n if (props.user_details != '') {\n return props.user_details.SASPYears.map(year => {\n let oPer = Number(year.openpercentage) ? Math.round(Number(year.openpercentage)) : 0;\n let cPer = Number(year.closedpercentage) ? Math.round(Number(year.closedpercentage)) : 0;\n\n if (oPer > 100) { oPer = 100; }\n else if (year.openpercentage > 0 && year.openpercentage < 1) {\n oPer = 1;\n }\n if (cPer > 100) { cPer = 100; }\n else if (year.closedpercentage > 0 && year.closedpercentage < 1) {\n cPer = 1;\n }\n /*TODO get what question we are on and determine if we are to resumse or restart*/\n const openText = ( oPer != 100 ) ? \"RESUME\" : \"DETAILS\";\n const closeText = ( cPer != 100 ) ? \"RESUME\" : \"DETAILS\";\n\n if (year.useravailable == 1) { \n return (\n 0 ? openText : \"BEGIN\"}\n closedProgress={cPer > 0 ? closeText : \"BEGIN\"}\n openpercentage={oPer}\n closedpercentage={cPer}\n />\n );\n } else {\n return (\n 0 ? openText : \"BEGIN\"}\n closedProgress={year.closedpercentage > 0 ? closeText : \"BEGIN\"}\n />\n );\n }\n });\n } else {\n {\n /*Clean and size this up correctly */\n }\n return (\n \n
\n );\n }\n };\n\n createMarkup = props => {\n return { __html: props };\n };\n\n confirmCME = async () => {\n this.handleClose();\n await this.props.confirmCME({\n mcid: this.props.auth_feedback.mcid,\n key: this.props.auth_feedback.key,\n programID: this.state.cmeProgram,\n tracking: this.state.tracking\n });\n\n let arr = this.state.cmeYears.slice();\n let i = arr.findIndex(item => item.programID === this.state.cmeProgram);\n\n arr[i].confirmed = 1;\n\n await this.setState({ ...this.state, cmeConfirmed: this.state.cmeConfirmed++, cmeYears: arr });\n };\n\n homeLink = (data) => {\n return null;\n return this.props.history.push(data);\n }\n\n mapModalBody = () => {\n let d = new Date();\n let _y = d.getFullYear();\n let _year = Number(20 + this.state.cmeProgram.replace('SASP', ''));\n return (\n \n
\n {this.state.cmeTitle}\n \n\n
\n\n {this.state.cmeProgram === 'SASP21'\n ? (\n
\n
\n \n
remoteURL('https://University.auanet.org/sasp/resources/education_council_disclosures_2021.pdf')} >\n
\n Education Council Disclosures\n \n View Disclosures\n \n\n
\n
\n\n
\n
remoteURL('https://University.auanet.org/sasp/resources/coi_review_disclosures_2021.pdf')} >\n
\n COI Review Work Group Disclosures\n \n View Disclosures\n \n\n
\n
\n\n
\n
remoteURL('https://University.auanet.org/sasp/resources/abu_exam_committee_2021.pdf')} >\n
\n ABU Examination Committee Disclosures\n \n View Disclosures\n \n\n
\n
\n
\n ) : null\n }\n\n {this.state.cmeProgram === 'SASP22'\n ? (\n
\n
\n \n
remoteURL('https://University.auanet.org/sasp/resources/2022_SASP_CME_Disclosures.pdf')} >\n
\n View Disclosures\n \n \n \n\n
\n
\n
\n ) : null\n }\n\n
\n \n Confirm SASP {_year}\n \n
\n\n {_year === _y\n ? (\n
\n )\n : (\n
\n )\n }\n
\n {this.state.message !== null\n ? (\n
\n ) : (\n this.setBanner()\n )\n }\n\n
\n \n
\n
\n {/*
\n\n
\n
SASP Open Book Tests \n
\n
\n\n
\n {this.mapYearWidgets({ data: this.props, gamemode: 1 })}\n
\n\n {this.state.premade.length > 0 && this.state.showPre\n ? (\n <>\n
\n
Decks By Topic Area \n
\n
\n\n
{this.mapPremadeDecks()}
\n \n ) : null\n }\n\n {1 === 1 || (this.props.user_details.mcid === '00863274' || this.props.user_details.mcid === '00809875')\n ? (\n <>\n {this.state.homeDecks.length > 0 \n ? (\n <>\n
\n\n
\n
\n
\n \n\n {this.mapDecksWidgets()}\n
\n \n ) : null\n }\n\n \n\n
\n
SASP Closed Book Tests \n
\n
\n\n
\n {this.mapYearWidgets({ data: this.props, gamemode: 2 })}\n
\n\n
\n \n ) \n : (\n <>\n {this.state.homeDecks.length > 0 \n ? (\n <>\n
\n\n
{this.mapHomeDeckCards()}
\n \n ) : (\n
\n )\n }\n \n
\n
\n\n
\n { isMobileOnly || testing\n ? ( this.mapTableCards(this.props) )\n : ( this.mapTabletTableCards(this.props) )\n }\n
\n\n
\n
\n \n )\n }\n\n
\n {this.mapModalBody()}\n \n \n
\n )\n }\n }\n}\n\nconst mapStateToProps = state => {\n const { auth_feedback, user_details, cme_confirmations, isDaily, program } = state.auth;\n const { headerText, iconOne, iconTwo } = state.style;\n const { deckList, flashCards, premade } = state.decks;\n return {\n headerText,\n iconOne,\n iconTwo,\n deckList,\n auth_feedback,\n user_details,\n cme_confirmations,\n isDaily,\n flashCards,\n premade,\n program\n };\n};\n\nconst HomeScreen = connect(mapStateToProps, { updateHeaderInfo, getDecks, confirmCME, getUserDetails, getDailyQuestion, updateRating, getFlashCards, getPremadeDecks, getSASPResidencyProgram })(\n Home\n);\n\nexport { HomeScreen };\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { updateHeaderInfo, getUserDetails, trackPage } from \"../actions\";\nimport { CopyrightWidget } from \"../components\";\nimport { APPVERSION, APPID } from \"../common\";\nimport { Divider, Typography } from \"@material-ui/core\";\nimport { deviceData, setContainer, APPYEAR } from \"../common\";\nimport { isBrowser } from 'react-device-detect';\n\nclass Errors extends Component {\n state = {\n appversion: APPVERSION,\n appid: APPID,\n year: APPYEAR(),\n }\nx\n componentDidMount = async () => {\n console.log('\\nErrorScreen props: ', this.props);\n\n const {mcid, key} = this.props.auth_feedback;\n let tracking = deviceData(this.props.location, 'error');\n tracking.action = 'error'\n\n if (typeof this.props.location.prevLoc !== 'undefined') {\n tracking.detail = this.props.location.prevLoc.pathname;\n tracking.detailvar = 'pathname';\n }\n\n const _obj = {\n mcid: mcid,\n key: key,\n tracking: tracking\n }\n\n await this.props.trackPage(_obj)\n\n return this.props.updateHeaderInfo({\n route:\"/error\", \n name: \"SASP\", \n iconTwo: 'menu', \n iconOne: 'home',\n color: \"#00567a\"\n });\n };\n\n componentDidUpdate = async (prevProps, prevState) => {\n \n }\n\n render() {\n return (\n <>\n \n
Error \n
\n
\n
\n
\n
\n There has been an error within the app.\n
\n {this.props.location.message\n ?(
{this.props.message}
):null\n }\n
\n Please try again later.\n
\n
\n If you have any questions please contact the Office of Education at education@auanet.org .\n
\n
\n
\n
\n
\n \n
\n
\n {/*
{this.state.cme.cmeTitle} \n
*/}\n\n
\n\n {this.state.cme.cmeProgram === 'SASP21'\n ? (\n
\n
\n \n
remoteURL('https://University.auanet.org/sasp/resources/education_council_disclosures_2021.pdf')} >\n
\n Education Council Disclosures\n \n View Disclosures\n \n\n
\n
\n\n
\n
remoteURL('https://University.auanet.org/sasp/resources/coi_review_disclosures_2021.pdf')} >\n
\n COI Review Work Group Disclosures\n \n View Disclosures\n \n\n
\n
\n\n
\n
remoteURL('https://University.auanet.org/sasp/resources/abu_exam_committee_2021.pdf')} >\n
\n ABU Examination Committee Disclosures\n \n View Disclosures\n \n\n
\n
\n
\n ) : null\n }\n
\n
Manage Profile \n\n
\n
\n \n\n
\n \n\n {/*
\n */}\n\n
\n \n \n Teaching Load\n \n \n N/A \n No Teaching \n Light Teaching \n Medium Teaching \n Heavy Teaching \n Unclassified \n \n \n \n\n
\n
\n {typeof this.state.hideOldData !== 'undefined'\n ? (\n
\n \n \n \n \n \n
\n \n ) : null\n }\n\n
\n \n \n \n \n \n
\n \n\n
\n \n \n \n \n \n
\n \n\n
\n \n \n \n \n \n
\n \n\n
\n \n \n \n \n \n
\n \n
\n
\n
\n\n
Account Details \n\n
\n
\n \n \n \n \n Subscriptions \n \n {subs}\n \n \n \n Reviewed CME Details \n \n \n {cmeText.map((cme) => (\n
\n
\n ))}\n
\n \n \n
\n \n \n
\n\n {this.state.isResident\n ? (\n <>\n
Residency Program \n\n
\n
\n
\n \n \n \n \n Residency Program \n \n {this.props.user_details.residencydata.program}\n \n \n \n
\n \n \n
\n\n
\n \n \n \n \n \n
\n \n
\n \n ) : null\n }\n\n\n {this.state.isProgram && this.state.program !== null && Array.isArray(this.state.program.residents)\n ? (\n <>\n
Program Residents \n\n
\n
\n
\n \n \n \n \n Name \n \n Access Level\n \n \n \n\n \n {this.state.program.residents.map((item, index) => {\n let target = {\n pathname: '/residents',\n state: {\n programid: this.state.program.programid,\n residentid: item.residentid,\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n accesslevel: item.accesslevel,\n pathname: '/residents',\n } \n }\n return (\n \n \n \n \n \n \n )\n })}\n \n
\n \n \n
\n
\n \n ) : null\n }\n\n
SASP Test Status \n\n
\n
\n \n \n \n \n Year \n Completed \n {/* Claimed \n Processes */}\n Open Book \n Closed Book \n \n \n \n {this.props.user_details.cme.map((row) => (\n \n {row.year} \n {row.completed || 1 === 1\n ? (\n \n {row.completed ? 'Yes' : 'No'}\n \n )\n : (\n \n {/* this.submitCME({\n qyear: row.year,\n gamemode: 1\n }) }\n > */}\n {row.completed ? 'Yes' : 'No'}\n {/* */}\n \n )\n }\n\n {/* {row.completed && row.claimed\n ? (\n \n {row.claimed ? 'Yes' : 'No'}\n \n )\n : (\n \n this.claimCME({\n qyear: row.year,\n gamemode: 1,\n claimed: 1\n }) }\n >\n {row.claimed ? 'Yes' : 'No'}\n \n \n )\n }\n\n \n {row.processed ? 'Yes' : 'No'}\n */}\n\n \n View\n \n\n \n View\n \n \n ))}\n \n
\n \n \n
\n \n \n {/*
Decks */}\n\n
\n {/*
\n \n \n \n \n Name \n Status \n Spaced \n Open \n \n \n \n {resObj.map((row) => (\n \n \n \n {row.name}\n \n \n {row.result} \n {row.isSpaced} \n {row.isOpen} \n \n ))}\n \n
\n \n */}\n\n
\n \n Log Out\n \n\n {testerArr.includes(this.props.auth_feedback.mcid)\n ? (\n this.confirmClear()}\n style={{minWidth: \"125px\"}}\n >\n Clear Local Data\n \n ) : null\n }\n
\n\n
\n
\n\n
\n {this.mapModalBody()}\n \n \n \n );\n } else {\n return (\n \n \n View SASP {year} Faculty and Disclosures\n \n \n );\n });\n\n }\n\n render() {\n const { mcid, key } = this.props.auth_feedback;\n // console.log('\\nSTARTING SettingsScreen ...\\nprops: \\n', this.props);\n return (\n <>\n \n
About \n\n
\n
App Version: {APPVERSION}
\n
\n \n
Contact Information \n\n
\n\n
Notice \n\n
\n
\n You are prohibited from using or uploading content you accessed through this website into external applications, bots, software, or websites, including those using artificial intelligence technologies and infrastructure, including deep learning, machine learning and large language models and generative AI.\n
\n
\n\n
\n this.props.deRegister(mcid, key)}\n >\n Deregister\n \n
\n \n
\n
\n {area.areaDescription}\n \n );\n });\n } else {\n return null;\n }\n }\n\n setContainer = (bool) => {\n return { padding: \"0 16px\", margin: \"calc(env(safe-area-inset-top) + 56px) 0 64px\", width: \"calc(100% - 32px)\", backgroundColor: \"white\" };\n\n if (bool) {\n if (isBrowser && !isElectron) {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 40px)\", height: \"calc(100vh - 160px)\" };\n } else {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\" };\n }\n \n } else {\n if (isBrowser && !isElectron) {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 40px)\", height: \"calc(100vh - 160px)\" };\n } else {\n return { padding: \"16px 16px 32px\", margin: \"0 0 64px\", width: \"calc(100% - 32px)\", height: \"calc(100vh - 160px)\" };\n }\n }\n }\n\n render() {\n // console.log('state: ', this.state);\n if (!this.state.loading) {\n return (\n \n
\n
Leaderboard \n\n
\n \n \n Overall \n {this.mapLeaderBoard()}\n \n \n
\n \n
\n {this.state.boardname}\n \n\n
\n \n \n \n \n Rank \n Name \n Score \n \n \n \n {this.state.main.map((row) => (\n \n {row.rank} \n {row.displayName} \n {row.score} \n \n ))}\n \n
\n \n \n \n
\n
\n
')) { props = '
' + props + '
'}\n return { __html: props };\n };\n\n updateDeck = async (data) => {\n this.setState({ ...this.state, loading: true});\n let notif = {\n mcid : data.mcid,\n key : data.key,\n state : data.state,\n pkid : data.pkid\n };\n\n let obj = {\n mcid : data.mcid,\n key : data.key,\n deckID : data.deckId\n };\n\n await this.props.updateNotification(notif);\n switch(data.type) {\n case 'copy': {\n await this.props.copyDeck(obj);\n await this.props.getUserDetails(obj.mcid, obj.key);\n this.props.history.push('/myDecks');\n break;\n }\n case 'subscribe': {\n await this.props.subscribeDeck(obj);\n await this.props.getUserDetails(obj.mcid, obj.key);\n this.props.history.push('/myDecks');\n break;\n }\n\n default: {\n await this.props.getUserDetails(obj.mcid, obj.key);\n break;\n }\n }\n }\n\n mapNotificationsToList = () => {\n // const notifs = this.props.user_details.notifications.notifications.filter( i => i.notificationType != 'GEN');\n const notifs = this.props.user_details.notifications.notifications;\n if (typeof notifs !== 'undefined' && notifs.length > 0) {\n return notifs.map((item, index) => {\n let className = 'text-blue';\n let primary = item.summary;\n let secondary = item.datestr;\n if (item.notificationState === 1) { className += ' text-strong' } \n return (\n <>\n \n \n \n this.updateDeck({\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n deckId: item.notificationDetail,\n pkid: item.pkid,\n state: 0,\n type: 'delete'\n })}\n className=\"text-orange\"\n style={{ \n fontSize: '1.5em',\n justifyContent: \"flex-end\",\n marginTop: \"2px\"\n }}\n />\n \n \n \n
Inbox \n\n
\n \n {this.mapNotificationsToList()}\n
\n
\n \n
\n
\n
\n {/*
SASP {this.state.cme.title} CME Info \n
*/}\n\n
\n\n {this.state.cme.programID === 'SASP21'\n ? (\n <>\n
\n Education Council Disclosures\n \n\n
\n \n
remoteURL('https://University.auanet.org/sasp/resources/education_council_disclosures_2021.pdf')} >\n \n View Disclosures\n \n\n
\n
\n\n
\n COI Review Work Group Disclosures\n \n\n
\n
remoteURL('https://University.auanet.org/sasp/resources/coi_review_disclosures_2021.pdf')} >\n \n View Disclosures\n \n\n
\n
\n\n
\n ABU Examination Committee Disclosures\n \n\n
\n
remoteURL('https://University.auanet.org/sasp/resources/abu_exam_committee_2021.pdf')} >\n View Disclosures\n \n\n
\n
\n \n ) : null\n }\n\n {this.state.cme.programID === 'SASP22'\n ? (\n <>\n
\n Disclosures\n \n\n
\n \n
remoteURL('https://University.auanet.org/sasp/resources/2022_SASP_CME_Disclosures.pdf')} >\n View Disclosures \n \n\n
\n
\n \n ) : null\n }\n \n
\n
\n \n );\n }\n }\n}\n\nconst mapStateToProps = state => {\n const { auth_feedback, user_details } = state.auth;\n\n return {\n auth_feedback,\n user_details,\n };\n};\n\nconst CMEInfoScreen = connect(mapStateToProps, { updateHeaderInfo, getUserDetails })(\n CMEInfo\n);\n\nexport { CMEInfoScreen };\n","import React, { Component, useState } from \"react\";\nimport { Redirect } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { updateHeaderInfo, getUserDetails } from \"../actions\";\nimport { CopyrightWidget, LoadingCard } from \"../components\";\nimport { APPVERSION, APPID, createMarkup } from \"../common\";\nimport { Divider, Typography, Grid } from \"@material-ui/core\";\nimport { deviceData, setContainer } from \"../common\";\nimport { isBrowser } from 'react-device-detect';\n\nclass CMERedirect extends Component {\n state = {\n appversion: APPVERSION,\n appid: APPID,\n loading: true,\n cme: null,\n year: 1900\n }\n\n componentDidMount = async () => {\n return this.props.updateHeaderInfo({\n route:\"/cmeinfo\", \n name: \"SASP\", \n iconTwo: 'menu', \n iconOne: 'home',\n color: \"#00567a\"\n });\n };\n\n render() {\n return (\n
\n )\n }\n}\n\nconst mapStateToProps = state => {\n const { auth_feedback, user_details } = state.auth;\n\n return {\n auth_feedback,\n user_details,\n };\n};\n\nconst CMERedirectScreen = connect(mapStateToProps, { updateHeaderInfo, getUserDetails })(\n CMERedirect\n);\n\nexport { CMERedirectScreen };\n","import { Divider, Typography, Grid } from \"@material-ui/core\";\nimport React, { Component } from \"react\";\nimport { withRouter } from 'react-router-dom';\nimport Skeleton from \"react-loading-skeleton\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\nimport { getDecks, updateHeaderInfo, copyDeck, getUserDetails, getFlashCards } from \"../actions\";\nimport { FlashCardWidget, CopyrightWidget } from \"../components\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport AddIcon from '@material-ui/icons/Add';\nimport Modal from '@material-ui/core/Modal';\nimport { deviceData, setContainer, scrollTop, getThisYear } from \"../common\";\nimport { isBrowser, isElectron } from 'react-device-detect';\n\nclass FlashCardsScreen extends Component {\n state = {\n reload: false,\n copyModal: false,\n text: 'test...',\n }\n\n componentDidMount = async () => {\n await document.getElementById('root').scrollTo({top: 0, behavior: \"smooth\"});\n const { mcid, key } = this.props.auth_feedback;\n await this.props.getUserDetails( mcid, key, deviceData(this.props.location, 'navigate') );\n await this.props.getFlashCards({ mcid: mcid, key: key });\n return this.props.updateHeaderInfo({\n route:\"/FlashCardScreen\", \n name: \"Flashcards\", \n iconTwo: 'menu',\n iconOne: 'home',\n });\n };\n\n componentDidUpdate = async (prevProps, prevState) => {\n if (prevProps.getFlashCards !== this.props.getFlashCards) {\n // console.log('\\ndeckList is update...\\n', this.props.deckList);\n // await document.getElementById('root').scrollTo({top: 0, behavior: \"smooth\"});\n scrollTop('FlashCardsScreenDiv');\n }\n \n if (this.state.reload) {\n // console.log('reload page');\n this.setState({ ...this.state, reload: false});\n }\n }\n\n handleOpen = () => {\n this.setState({\n ...this.state,\n copyModal: true,\n });\n };\n\n handleClose = () => {\n this.setState({\n ...this.state,\n copyModal: false,\n });\n };\n\n setColorObj = (type = 'base') => {\n let r;\n\n switch (type) {\n default: {\n r = {\n deck: \"neutralGreenCard\",\n text: \"neutralGreenText\",\n button: \"neutralGreenCard\"\n }\n }\n }\n return r;\n }\n\n mapMyDeckCards = () => {\n const deckList = this.props.flashCards;\n // console.log('deckList: ', deckList);\n\n if (typeof deckList !== 'undefined' && deckList.length > 0) { \n return deckList.map((deck, index) => {\n let percomp = Math.trunc((Number(deck.totaAnswered) / Number(deck.totalQuestions)) * 100);\n if (percomp > 100) { percomp = 100; }\n let colorObj = (typeof deck.deckColor !== 'undefined' ? this.setColorObj(deck.deckColor) : this.setColorObj());\n\n return (\n
this.copyThisDeck(deck.deckID)}\n owner={Number(deck.owner)}\n isWrong={deck.isWrong}\n totalQuestions={deck.totalQuestions}\n />\n );\n });\n }\n };\n\n render() {\n return (\n <>\n \n
My Flashcards \n\n
\n {this.mapMyDeckCards(this.props)}\n
\n\n
\n
\n Flashcards \n\n
\n \n );\n } else {\n return (\n \n )\n }\n \n }\n}\n\nconst mapStateToProps = state => {\n const { auth_feedback, user_details } = state.auth;\n const { headerText, iconOne, iconTwo, backgroundcolor } = state.style;\n const { flashCards } = state.decks;\n const { flashCard } = state.question;\n return {\n headerText,\n iconOne,\n iconTwo,\n backgroundcolor,\n flashCards,\n auth_feedback,\n user_details,\n flashCard\n };\n};\n\nexport default connect(mapStateToProps, \n { \n updateHeaderInfo, getDecks, copyDeck, getUserDetails, getFlashCards, getThisFlashCard\n })(withRouter(FlashCardReviewScreen));","import React, { Component } from \"react\";\nimport { Divider, Typography } from \"@material-ui/core\";\nimport { withRouter, Redirect } from 'react-router-dom';\nimport { connect } from \"react-redux\";\nimport { \n putResponse, getQuestion, getQuestionResults, addNote, \n addQuestionToDeck, updateHeaderInfo, putNextReviewDate, \n getUserDetails, removeQuestion, resetDeck \n} from \"../actions\";\nimport { QuestionTestCard, CopyrightWidget, LoadingCard, RetiredQuestionTestCard, AILegalStatementCard } from \"../components\";\nimport { \n deviceData, setContainer, scrollTop, \n getThisYear, preventCopy, hasLegal \n} from \"../common\";\nimport { isBrowser } from 'react-device-detect';\n\nimport \"../styles/masterStyles.css\";\nimport \"../styles/questionStyles.css\";\n\nclass QuestionTestScreen extends Component {\n state = {\n reload: false,\n copyModal: false,\n text: 'test...',\n loading: true,\n data: {},\n answered: -1,\n type: null,\n typetext: 'Specific Question',\n gamemode: 0,\n year: 0,\n refsMats: null,\n spaced: 0,\n deckid: null,\n prevAnswer: {answered: 0}\n }\n\n componentDidMount = async () => {\n preventCopy();\n const { mcid, key } = this.props.auth_feedback;\n const { testYear, gameMode, deckID } = this.props.location;\n\n scrollTop('QuestionDiv', -64)\n \n await this.props.updateHeaderInfo({\n name: \"Questions\", \n iconTwo: 'menu',\n iconOne: 'home',\n });\n\n await this.props.getUserDetails( mcid, key, deviceData(this.props.location, 'navigate') );\n\n let _obj = { mcid: mcid, key: key }\n\n if (!isNaN(Number(testYear))) {\n _obj.yearvar = testYear;\n }\n\n if (!isNaN(Number(deckID))) {\n _obj.deckID = deckID;\n } \n\n if (!isNaN(Number(gameMode))) {\n _obj.gamemode = gameMode;\n } \n\n console.log(`_obj: `, _obj)\n\n await this.props.getQuestion(_obj);\n\n let _type = 'open';\n let typetext = 'Open Book';\n\n if (Number(gameMode) === 2 || Number(gameMode) === 4) {\n _type = 'closed';\n typetext = 'Closed Book';\n }\n\n return this.setState({ \n ...this.state,\n type: _type,\n data: this.props.question,\n gamemode: Number(gameMode),\n deckid: deckID,\n year: testYear,\n typetext: typetext,\n deckid: deckID\n })\n };\n\n componentDidUpdate = async (prevProps, prevState) => {\n if (prevProps.question !== this.props.question) {\n scrollTop('QuestionDiv', -64);\n console.log(`this.props.question: `, this.props.question)\n\n if (Number(this.props.question.morequestions) > 0 ) {\n return this.setState({ \n ...this.state,\n data: this.props.question,\n answered: -1\n })\n } else {\n switch (Number(this.props.question.gameMode)) {\n case 1:\n case 2: {\n return this.props.history.push('/testResultScreen');\n }\n \n case 3:\n case 4: {\n return this.props.history.push('/myDecks');\n }\n \n default: {\n return this.props.history.push('/home');\n }\n }\n }\n }\n\n if (prevProps.deckList !== this.props.deckList) { }\n\n if (prevState.data !== this.state.data) {\n const { testYear, gameMode, deckID } = this.props.location;\n\n let _text = '';\n let _type = 'Open Book';\n let typetext = this.state.typetext;\n let spaced = 0;\n if (Number(gameMode) === 4 || Number(gameMode) === 2) {\n _type = 'Closed Book';\n }\n\n if (Number(gameMode) === 1 || Number(gameMode) === 2) {\n _text = `${testYear} ${_type} Test`\n } else if (Number(gameMode) === 3 || Number(gameMode) === 4) {\n let _filter = this.props.deckList.find(item => item.deckID === deckID);\n\n let title = 'Deck';\n\n if (typeof _filter === 'object' && !Array.isArray(_filter)) {\n title = _filter.deckname;\n\n if (_filter.isspaced) {\n spaced = _filter.isspaced;\n typetext = `${_type} (Spaced Learning)`;\n }\n }\n\n _text = `${title}`\n } else if (Number(gameMode) === 7) {\n _text = this.state.data.title;\n }\n\n await this.setState({\n ...this.state,\n loading: false,\n text: _text,\n spaced: spaced,\n typetext: typetext,\n prevAnswer: this.state.data.prevAnswer ? this.state.data.prevAnswer : {answered: 0}\n })\n }\n\n if ( prevProps.error !== this.props.error && this.props.error !== '' ) {\n let _error = this.props.error;\n let _question = this.props.question;\n\n if (typeof _error === 'object' || Array.isArray(_error)) {\n try {\n _error = JSON.stringify(_error);\n } catch (e) {\n }\n }\n\n if (typeof _question === 'object' || Array.isArray(_error)) {\n try {\n _question = JSON.stringify(_question);\n } catch (e) {\n }\n }\n\n const __obj = {\n pathname: 'error',\n prevLoc: {\n pathname: this.props.location.pathname,\n detail: _error,\n detailvar2: _question\n }\n }\n return \n
{this.state.text} \n\n
\n {this.state.data.active === 1\n ? (\n {console.log('next question')}}\n backFunc={() => {console.log('prev question')}}\n mykey={this.props.user_details.key}\n mcid={this.props.user_details.mcid}\n addNote={this.addNote}\n addToDecks={this.addToDecks}\n removeQuestion={this.removeQuestion}\n putNextReviewDate={this.props.putNextReviewDate}\n scrollToTop={this.scrollToTop}\n refsMats={this.state.refsMats}\n labs={this.props.user_details.labstest}\n deckList={this.props.deckList ? this.props.deckList : []}\n id={'QuestionDiv'}\n resetDeck={this._reset}\n />\n ) \n : (\n
\n\n
\n
\n
{this.state.program} \n\n
\n
\n \n \n \n \n \n Resident\n \n\n Access Permissions \n \n \n\n \n {this.state.program.residents.map((item, index) => {\n let target = {\n pathname: 'resident',\n data: {\n programid: this.state.program.programid,\n residentid: item.residentid,\n mcid: this.props.user_details.mcid,\n key: this.props.user_details.key,\n accesslevel: item.accesslevel,\n pathname: 'resident'\n } \n }\n\n return (\n \n \n \n\n \n {item.accessLevel !== -1\n ? (\n <>\n \n \n )\n })}\n \n
\n \n \n
\n\n
\n
\n )\n } else {\n return (\n <>\n \n
Resident Details \n\n
\n
\n \n \n \n Resident Name \n {this.state.resident.name} \n \n \n Access Level \n {this.state.resident.accessleveltext} \n \n \n Last Accessed \n {this.state.resident.lastaccessed} \n \n \n App Version \n {this.state.resident.appversion} \n \n \n
\n \n
\n\n
Results \n\n
\n
\n \n \n \n Category \n Resident \n Peer Group \n \n \n \n {this.state.resident.data.map((item, index) => {\n return (\n \n {item.area} \n \n {item.scores.user}%\n {/* ({item.scores.answered_user} questions) */}\n \n \n {item.scores.peers}%\n {/* ({item.scores.answered_peers} questions) */}\n \n \n )\n })}\n \n \n
\n \n
\n \n
\n
\n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nexport default Routes;","import React from 'react';\nimport { Provider } from 'react-redux';\nimport { store } from \"./initStore\";\nimport Routes from \"./Router\";\nimport { Component } from 'react';\n// import { fcm_messages } from \"./init-fcm\";\nimport { isBrowser, isElectron, isIOS, isIOS13, isAndroid } from 'react-device-detect';\nimport { androidNotifFunc, iosNotifFunc, webNotifFunc} from './common';\n\nclass App extends Component {\n // componentDidMount = async () => {\n // if (fcm_messages !== null) {\n // if (isAndroid) {\n // androidNotifFunc(fcm_messages);\n // } else if (isIOS || isIOS13) {\n // iosNotifFunc(fcm_messages);\n // } else if (isElectron || isBrowser ) {\n // webNotifFunc(fcm_messages)\n // }\n // }\n \n // }\n\n render = () => {\n return (\n \n \n )\n }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(`This web app is being served cache-first by a service \\nworker. To learn more, visit https://bit.ly/CRA-PWA`);\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(`New content is available and will be used when all \\ntabs for this page are closed. See https://bit.ly/CRA-PWA.`);\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n // console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log('No internet connection found. App is running in offline mode.');\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport './index.css';\nimport * as serviceWorker from './serviceWorker';\nimport { closeAlert, preventCopy } from \"./common\"\nimport { isBrowser, isElectron, isIOS } from 'react-device-detect';\n\nconst startApp = async (props) => {\n if (\"serviceWorker\" in navigator) {\n if ((isBrowser || isElectron) && 1 === 0) {\n // const regURL = \"./fcm/firebase-messaging-sw.js\";\n const regURL = '';\n navigator.serviceWorker.register(regURL, {\n updateViaCache: 'none'\n }).then(async (registration) => {\n }).catch((e) => {\n let _emsg = \"Service worker registration failed\";\n if (navigator.notification) {\n // navigator.notification.alert(\n // _emsg, \n // closeAlert, \n // 'Error', \n // 'Close'\n // );\n } else {\n }\n\n \n }).finally(() => {\n ReactDOM.render(, document.getElementById('root'));\n }\n } else {\n ReactDOM.render(, document.getElementById('root'));\n }\n}\n\nif (window.cordova) {\n document.addEventListener('deviceready', startApp(true), false);\n function onDeviceReady() {\n if (isIOS) {\n window.cordova.plugins.disableCopyPaste.start(function(){\n }, function(sError) {\n });\n }\n\n window.open = window.cordova.InAppBrowser.open;\n }\n navigator.splashscreen.hide();\n} else {\n preventCopy();\n startApp(false)\n};\n\nserviceWorker.unregister();"],"sourceRoot":""}