\n \n
\n )}\n {icon}
}\n \n
\n);\n\nexport const IconVideos = ({ className, color = '#ffffff' }) => (\n \n {children}
\n \n);\n\nexport default memo(ButtonLine);\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport blueLogo from 'assets/ACE-logo-blue.svg';\n\nconst LinkInfo = ({ title, link, name }) => (\n \n {title}\n \n {name}\n \n
\n);\n\nconst AuthBlock = ({ title, subTitle, children, links, successBlock }) => {\n return (\n\n
\n );\n};\n\nexport default AuthBlock;\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport InputGroup from 'shared/components/InputGroup';\nimport { loginUser } from './../actions/index';\nimport { Api } from 'utils/connectors';\nimport { getError } from 'utils/appHelpers';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport AuthBlock from '../components/AuthBlock';\nimport { IconMail, IconPassword } from 'shared/components/Icons';\n\nconst Login = ({ loginUser }) => {\n const [error, setError] = useState();\n const [fetch, setFetch] = useState();\n const [auth, setAuth] = useState({\n email: '',\n password: '',\n });\n\n const authOptions = {\n title: <>Welcome to ACE,\n links: { signup: true, reset: true },\n };\n\n const handleSubmit = async e => {\n e.preventDefault();\n setFetch(true);\n try {\n const res = await Api.post('/auth/login', auth);\n await loginUser(res.data);\n } catch (err) {\n setError(getError(err));\n setFetch(false);\n }\n };\n\n const handleChange = ({ target }) => {\n const { name, value } = target;\n const tempAuth = { ...auth };\n tempAuth[name] = value;\n setAuth(tempAuth);\n };\n\n return (\n \n \n 
\n \n {successBlock ? (\n successBlock\n ) : (\n <>\n {title &&
\n {title}
}\n {subTitle &&{subTitle}
}\n{children}
\n \n )}\n \n {links.reset &&
\n \n
\n );\n};\n\nexport default SuccessInfo;\n","import React, { useState } from 'react';\nimport InputGroup from 'shared/components/InputGroup';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport { Api } from 'utils/connectors';\nimport { getError } from 'utils/appHelpers';\nimport AuthBlock from '../components/AuthBlock';\nimport { IconMail } from 'shared/components/Icons';\nimport SuccessInfo from '../components/SuccessInfo';\n\nconst Forgot = () => {\n const [error, setError] = useState();\n const [fetch, setFetch] = useState();\n const [email, setEmail] = useState('');\n const [success, setSuccess] = useState(false);\n\n const authOptions = {\n title: 'Password reset',\n subTitle: 'Please enter your working email.',\n links: { signup: true },\n };\n\n const successInfo = {\n title: 'Email Sent!',\n subTitle: 'Please check your email and follow the link to reset your password',\n className: 'mt-5 pt-5',\n };\n\n const handleSubmit = async e => {\n e.preventDefault();\n setFetch(true);\n try {\n await Api.post(`/auth/forgot`, { email });\n setSuccess(true);\n } catch (err) {\n setError(getError(err));\n } finally {\n setFetch(false);\n }\n };\n\n return (\n \n
\n {title}
\n{subTitle}
\n\n \n Sign In\n \n
\n \n history.push('/login')}>\n next\n \n
\n );\n};\n\nconst Reset = ({ match, history }) => {\n const { enqueueSnackbar } = useSnackbar();\n const [validCode, setValidCode] = useState(false);\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState();\n const [fetch, setFetch] = useState();\n const [pass, setPass] = useState({\n password: '',\n rpassword: '',\n });\n\n const authOptions = {\n title: 'New password',\n subTitle: 'Please enter new password.',\n links: { signup: true },\n };\n\n const passwordMatch = pass.password === pass.rpassword;\n\n const checkResetCode = useCallback(async () => {\n const code = match.params.code;\n try {\n await Api.get(`/auth/check/${code}`);\n setValidCode(true);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n history.push('/login');\n }\n }, [enqueueSnackbar, history, match.params.code]);\n\n const handleChange = ({ target }) => {\n const { name, value } = target;\n const tempAuth = { ...pass };\n tempAuth[name] = value;\n setPass(tempAuth);\n };\n\n const handleSubmit = async e => {\n e.preventDefault();\n setFetch(true);\n try {\n const body = {\n resettoken: match.params.code,\n password: pass.password,\n };\n await Api.post(`/auth/reset`, body);\n setSuccess(true);\n } catch (err) {\n setError(getError(err));\n } finally {\n setFetch(false);\n }\n };\n\n useEffect(() => {\n checkResetCode();\n }, [checkResetCode]);\n\n if (!validCode) return Thank You
\n\n
\n );\n};\n\nexport default InfoStep;\n","export const countries = [\n { name: 'United States', iso: 'US', iso3: 'USA', numCode: 840, phoneCode: 1, id: 226 },\n { name: 'Australia', iso: 'AU', iso3: 'AUS', numCode: 36, phoneCode: 61, id: 13 },\n { name: 'New Zealand', iso: 'NZ', iso3: 'NZL', numCode: 554, phoneCode: 64, id: 153 },\n { name: 'Afghanistan', iso: 'AF', iso3: 'AFG', numCode: 4, phoneCode: 93, id: 1 },\n { name: 'Albania', iso: 'AL', iso3: 'ALB', numCode: 8, phoneCode: 355, id: 2 },\n { name: 'Algeria', iso: 'DZ', iso3: 'DZA', numCode: 12, phoneCode: 213, id: 3 },\n { name: 'American Samoa', iso: 'AS', iso3: 'ASM', numCode: 16, phoneCode: 1684, id: 4 },\n { name: 'Andorra', iso: 'AD', iso3: 'AND', numCode: 20, phoneCode: 376, id: 5 },\n { name: 'Angola', iso: 'AO', iso3: 'AGO', numCode: 24, phoneCode: 244, id: 6 },\n { name: 'Anguilla', iso: 'AI', iso3: 'AIA', numCode: 660, phoneCode: 1264, id: 7 },\n { name: 'Antarctica', iso: 'AQ', iso3: null, numCode: null, phoneCode: 0, id: 8 },\n { name: 'Antigua and Barbuda', iso: 'AG', iso3: 'ATG', numCode: 28, phoneCode: 1268, id: 9 },\n { name: 'Argentina', iso: 'AR', iso3: 'ARG', numCode: 32, phoneCode: 54, id: 10 },\n { name: 'Armenia', iso: 'AM', iso3: 'ARM', numCode: 51, phoneCode: 374, id: 11 },\n { name: 'Aruba', iso: 'AW', iso3: 'ABW', numCode: 533, phoneCode: 297, id: 12 },\n { name: 'Australia', iso: 'AU', iso3: 'AUS', numCode: 36, phoneCode: 61, id: 13 },\n { name: 'Austria', iso: 'AT', iso3: 'AUT', numCode: 40, phoneCode: 43, id: 14 },\n { name: 'Azerbaijan', iso: 'AZ', iso3: 'AZE', numCode: 31, phoneCode: 994, id: 15 },\n { name: 'Bahamas', iso: 'BS', iso3: 'BHS', numCode: 44, phoneCode: 1242, id: 16 },\n { name: 'Bahrain', iso: 'BH', iso3: 'BHR', numCode: 48, phoneCode: 973, id: 17 },\n { name: 'Bangladesh', iso: 'BD', iso3: 'BGD', numCode: 50, phoneCode: 880, id: 18 },\n { name: 'Barbados', iso: 'BB', iso3: 'BRB', numCode: 52, phoneCode: 1246, id: 19 },\n { name: 'Belarus', iso: 'BY', iso3: 'BLR', numCode: 112, phoneCode: 375, id: 20 },\n { name: 'Belgium', iso: 'BE', iso3: 'BEL', numCode: 56, phoneCode: 32, id: 21 },\n { name: 'Belize', iso: 'BZ', iso3: 'BLZ', numCode: 84, phoneCode: 501, id: 22 },\n { name: 'Benin', iso: 'BJ', iso3: 'BEN', numCode: 204, phoneCode: 229, id: 23 },\n { name: 'Bermuda', iso: 'BM', iso3: 'BMU', numCode: 60, phoneCode: 1441, id: 24 },\n { name: 'Bhutan', iso: 'BT', iso3: 'BTN', numCode: 64, phoneCode: 975, id: 25 },\n { name: 'Bolivia', iso: 'BO', iso3: 'BOL', numCode: 68, phoneCode: 591, id: 26 },\n { name: 'Bosnia and Herzegovina', iso: 'BA', iso3: 'BIH', numCode: 70, phoneCode: 387, id: 27 },\n { name: 'Botswana', iso: 'BW', iso3: 'BWA', numCode: 72, phoneCode: 267, id: 28 },\n { name: 'Bouvet Island', iso: 'BV', iso3: null, numCode: null, phoneCode: 0, id: 29 },\n { name: 'Brazil', iso: 'BR', iso3: 'BRA', numCode: 76, phoneCode: 55, id: 30 },\n {\n name: 'British Indian Ocean Territory',\n iso: 'IO',\n iso3: null,\n numCode: null,\n phoneCode: 246,\n id: 31,\n },\n { name: 'Brunei Darussalam', iso: 'BN', iso3: 'BRN', numCode: 96, phoneCode: 673, id: 32 },\n { name: 'Bulgaria', iso: 'BG', iso3: 'BGR', numCode: 100, phoneCode: 359, id: 33 },\n { name: 'Burkina Faso', iso: 'BF', iso3: 'BFA', numCode: 854, phoneCode: 226, id: 34 },\n { name: 'Burundi', iso: 'BI', iso3: 'BDI', numCode: 108, phoneCode: 257, id: 35 },\n { name: 'Cambodia', iso: 'KH', iso3: 'KHM', numCode: 116, phoneCode: 855, id: 36 },\n { name: 'Cameroon', iso: 'CM', iso3: 'CMR', numCode: 120, phoneCode: 237, id: 37 },\n { name: 'Canada', iso: 'CA', iso3: 'CAN', numCode: 124, phoneCode: 1, id: 38 },\n { name: 'Cape Verde', iso: 'CV', iso3: 'CPV', numCode: 132, phoneCode: 238, id: 39 },\n { name: 'Cayman Islands', iso: 'KY', iso3: 'CYM', numCode: 136, phoneCode: 1345, id: 40 },\n {\n name: 'Central African Republic',\n iso: 'CF',\n iso3: 'CAF',\n numCode: 140,\n phoneCode: 236,\n id: 41,\n },\n { name: 'Chad', iso: 'TD', iso3: 'TCD', numCode: 148, phoneCode: 235, id: 42 },\n { name: 'Chile', iso: 'CL', iso3: 'CHL', numCode: 152, phoneCode: 56, id: 43 },\n { name: 'China', iso: 'CN', iso3: 'CHN', numCode: 156, phoneCode: 86, id: 44 },\n { name: 'Christmas Island', iso: 'CX', iso3: null, numCode: null, phoneCode: 61, id: 45 },\n {\n name: 'Cocos (Keeling) Islands',\n iso: 'CC',\n iso3: null,\n numCode: null,\n phoneCode: 672,\n id: 46,\n },\n { name: 'Colombia', iso: 'CO', iso3: 'COL', numCode: 170, phoneCode: 57, id: 47 },\n { name: 'Comoros', iso: 'KM', iso3: 'COM', numCode: 174, phoneCode: 269, id: 48 },\n { name: 'Congo', iso: 'CG', iso3: 'COG', numCode: 178, phoneCode: 242, id: 49 },\n {\n name: 'Congo, the Democratic Republic of the',\n iso: 'CD',\n iso3: 'COD',\n numCode: 180,\n phoneCode: 242,\n id: 50,\n },\n { name: 'Cook Islands', iso: 'CK', iso3: 'COK', numCode: 184, phoneCode: 682, id: 51 },\n { name: 'Costa Rica', iso: 'CR', iso3: 'CRI', numCode: 188, phoneCode: 506, id: 52 },\n { name: \"Cote D'Ivoire\", iso: 'CI', iso3: 'CIV', numCode: 384, phoneCode: 225, id: 53 },\n { name: 'Croatia', iso: 'HR', iso3: 'HRV', numCode: 191, phoneCode: 385, id: 54 },\n { name: 'Cuba', iso: 'CU', iso3: 'CUB', numCode: 192, phoneCode: 53, id: 55 },\n { name: 'Cyprus', iso: 'CY', iso3: 'CYP', numCode: 196, phoneCode: 357, id: 56 },\n { name: 'Czech Republic', iso: 'CZ', iso3: 'CZE', numCode: 203, phoneCode: 420, id: 57 },\n { name: 'Denmark', iso: 'DK', iso3: 'DNK', numCode: 208, phoneCode: 45, id: 58 },\n { name: 'Djibouti', iso: 'DJ', iso3: 'DJI', numCode: 262, phoneCode: 253, id: 59 },\n { name: 'Dominica', iso: 'DM', iso3: 'DMA', numCode: 212, phoneCode: 1767, id: 60 },\n { name: 'Dominican Republic', iso: 'DO', iso3: 'DOM', numCode: 214, phoneCode: 1809, id: 61 },\n { name: 'Ecuador', iso: 'EC', iso3: 'ECU', numCode: 218, phoneCode: 593, id: 62 },\n { name: 'Egypt', iso: 'EG', iso3: 'EGY', numCode: 818, phoneCode: 20, id: 63 },\n { name: 'El Salvador', iso: 'SV', iso3: 'SLV', numCode: 222, phoneCode: 503, id: 64 },\n { name: 'Equatorial Guinea', iso: 'GQ', iso3: 'GNQ', numCode: 226, phoneCode: 240, id: 65 },\n { name: 'Eritrea', iso: 'ER', iso3: 'ERI', numCode: 232, phoneCode: 291, id: 66 },\n { name: 'Estonia', iso: 'EE', iso3: 'EST', numCode: 233, phoneCode: 372, id: 67 },\n { name: 'Ethiopia', iso: 'ET', iso3: 'ETH', numCode: 231, phoneCode: 251, id: 68 },\n {\n name: 'Falkland Islands (Malvinas)',\n iso: 'FK',\n iso3: 'FLK',\n numCode: 238,\n phoneCode: 500,\n id: 69,\n },\n { name: 'Faroe Islands', iso: 'FO', iso3: 'FRO', numCode: 234, phoneCode: 298, id: 70 },\n { name: 'Fiji', iso: 'FJ', iso3: 'FJI', numCode: 242, phoneCode: 679, id: 71 },\n { name: 'Finland', iso: 'FI', iso3: 'FIN', numCode: 246, phoneCode: 358, id: 72 },\n { name: 'France', iso: 'FR', iso3: 'FRA', numCode: 250, phoneCode: 33, id: 73 },\n { name: 'French Guiana', iso: 'GF', iso3: 'GUF', numCode: 254, phoneCode: 594, id: 74 },\n { name: 'French Polynesia', iso: 'PF', iso3: 'PYF', numCode: 258, phoneCode: 689, id: 75 },\n {\n name: 'French Southern Territories',\n iso: 'TF',\n iso3: null,\n numCode: null,\n phoneCode: 0,\n id: 76,\n },\n { name: 'Gabon', iso: 'GA', iso3: 'GAB', numCode: 266, phoneCode: 241, id: 77 },\n { name: 'Gambia', iso: 'GM', iso3: 'GMB', numCode: 270, phoneCode: 220, id: 78 },\n { name: 'Georgia', iso: 'GE', iso3: 'GEO', numCode: 268, phoneCode: 995, id: 79 },\n { name: 'Germany', iso: 'DE', iso3: 'DEU', numCode: 276, phoneCode: 49, id: 80 },\n { name: 'Ghana', iso: 'GH', iso3: 'GHA', numCode: 288, phoneCode: 233, id: 81 },\n { name: 'Gibraltar', iso: 'GI', iso3: 'GIB', numCode: 292, phoneCode: 350, id: 82 },\n { name: 'Greece', iso: 'GR', iso3: 'GRC', numCode: 300, phoneCode: 30, id: 83 },\n { name: 'Greenland', iso: 'GL', iso3: 'GRL', numCode: 304, phoneCode: 299, id: 84 },\n { name: 'Grenada', iso: 'GD', iso3: 'GRD', numCode: 308, phoneCode: 1473, id: 85 },\n { name: 'Guadeloupe', iso: 'GP', iso3: 'GLP', numCode: 312, phoneCode: 590, id: 86 },\n { name: 'Guam', iso: 'GU', iso3: 'GUM', numCode: 316, phoneCode: 1671, id: 87 },\n { name: 'Guatemala', iso: 'GT', iso3: 'GTM', numCode: 320, phoneCode: 502, id: 88 },\n { name: 'Guinea', iso: 'GN', iso3: 'GIN', numCode: 324, phoneCode: 224, id: 89 },\n { name: 'Guinea-Bissau', iso: 'GW', iso3: 'GNB', numCode: 624, phoneCode: 245, id: 90 },\n { name: 'Guyana', iso: 'GY', iso3: 'GUY', numCode: 328, phoneCode: 592, id: 91 },\n { name: 'Haiti', iso: 'HT', iso3: 'HTI', numCode: 332, phoneCode: 509, id: 92 },\n {\n name: 'Heard Island and Mcdonald Islands',\n iso: 'HM',\n iso3: null,\n numCode: null,\n phoneCode: 0,\n id: 93,\n },\n {\n name: 'Holy See (Vatican City State)',\n iso: 'VA',\n iso3: 'VAT',\n numCode: 336,\n phoneCode: 39,\n id: 94,\n },\n { name: 'Honduras', iso: 'HN', iso3: 'HND', numCode: 340, phoneCode: 504, id: 95 },\n { name: 'Hong Kong', iso: 'HK', iso3: 'HKG', numCode: 344, phoneCode: 852, id: 96 },\n { name: 'Hungary', iso: 'HU', iso3: 'HUN', numCode: 348, phoneCode: 36, id: 97 },\n { name: 'Iceland', iso: 'IS', iso3: 'ISL', numCode: 352, phoneCode: 354, id: 98 },\n { name: 'India', iso: 'IN', iso3: 'IND', numCode: 356, phoneCode: 91, id: 99 },\n { name: 'Indonesia', iso: 'ID', iso3: 'IDN', numCode: 360, phoneCode: 62, id: 100 },\n {\n name: 'Iran, Islamic Republic of',\n iso: 'IR',\n iso3: 'IRN',\n numCode: 364,\n phoneCode: 98,\n id: 101,\n },\n { name: 'Iraq', iso: 'IQ', iso3: 'IRQ', numCode: 368, phoneCode: 964, id: 102 },\n { name: 'Ireland', iso: 'IE', iso3: 'IRL', numCode: 372, phoneCode: 353, id: 103 },\n { name: 'Israel', iso: 'IL', iso3: 'ISR', numCode: 376, phoneCode: 972, id: 104 },\n { name: 'Italy', iso: 'IT', iso3: 'ITA', numCode: 380, phoneCode: 39, id: 105 },\n { name: 'Jamaica', iso: 'JM', iso3: 'JAM', numCode: 388, phoneCode: 1876, id: 106 },\n { name: 'Japan', iso: 'JP', iso3: 'JPN', numCode: 392, phoneCode: 81, id: 107 },\n { name: 'Jordan', iso: 'JO', iso3: 'JOR', numCode: 400, phoneCode: 962, id: 108 },\n { name: 'Kazakhstan', iso: 'KZ', iso3: 'KAZ', numCode: 398, phoneCode: 7, id: 109 },\n { name: 'Kenya', iso: 'KE', iso3: 'KEN', numCode: 404, phoneCode: 254, id: 110 },\n { name: 'Kiribati', iso: 'KI', iso3: 'KIR', numCode: 296, phoneCode: 686, id: 111 },\n {\n name: \"Korea, Democratic People's Republic of\",\n iso: 'KP',\n iso3: 'PRK',\n numCode: 408,\n phoneCode: 850,\n id: 112,\n },\n { name: 'Korea, Republic of', iso: 'KR', iso3: 'KOR', numCode: 410, phoneCode: 82, id: 113 },\n { name: 'Kuwait', iso: 'KW', iso3: 'KWT', numCode: 414, phoneCode: 965, id: 114 },\n { name: 'Kyrgyzstan', iso: 'KG', iso3: 'KGZ', numCode: 417, phoneCode: 996, id: 115 },\n {\n name: \"Lao People's Democratic Republic\",\n iso: 'LA',\n iso3: 'LAO',\n numCode: 418,\n phoneCode: 856,\n id: 116,\n },\n { name: 'Latvia', iso: 'LV', iso3: 'LVA', numCode: 428, phoneCode: 371, id: 117 },\n { name: 'Lebanon', iso: 'LB', iso3: 'LBN', numCode: 422, phoneCode: 961, id: 118 },\n { name: 'Lesotho', iso: 'LS', iso3: 'LSO', numCode: 426, phoneCode: 266, id: 119 },\n { name: 'Liberia', iso: 'LR', iso3: 'LBR', numCode: 430, phoneCode: 231, id: 120 },\n {\n name: 'Libyan Arab Jamahiriya',\n iso: 'LY',\n iso3: 'LBY',\n numCode: 434,\n phoneCode: 218,\n id: 121,\n },\n { name: 'Liechtenstein', iso: 'LI', iso3: 'LIE', numCode: 438, phoneCode: 423, id: 122 },\n { name: 'Lithuania', iso: 'LT', iso3: 'LTU', numCode: 440, phoneCode: 370, id: 123 },\n { name: 'Luxembourg', iso: 'LU', iso3: 'LUX', numCode: 442, phoneCode: 352, id: 124 },\n { name: 'Macao', iso: 'MO', iso3: 'MAC', numCode: 446, phoneCode: 853, id: 125 },\n {\n name: 'Macedonia, the Former Yugoslav Republic of',\n iso: 'MK',\n iso3: 'MKD',\n numCode: 807,\n phoneCode: 389,\n id: 126,\n },\n { name: 'Madagascar', iso: 'MG', iso3: 'MDG', numCode: 450, phoneCode: 261, id: 127 },\n { name: 'Malawi', iso: 'MW', iso3: 'MWI', numCode: 454, phoneCode: 265, id: 128 },\n { name: 'Malaysia', iso: 'MY', iso3: 'MYS', numCode: 458, phoneCode: 60, id: 129 },\n { name: 'Maldives', iso: 'MV', iso3: 'MDV', numCode: 462, phoneCode: 960, id: 130 },\n { name: 'Mali', iso: 'ML', iso3: 'MLI', numCode: 466, phoneCode: 223, id: 131 },\n { name: 'Malta', iso: 'MT', iso3: 'MLT', numCode: 470, phoneCode: 356, id: 132 },\n { name: 'Marshall Islands', iso: 'MH', iso3: 'MHL', numCode: 584, phoneCode: 692, id: 133 },\n { name: 'Martinique', iso: 'MQ', iso3: 'MTQ', numCode: 474, phoneCode: 596, id: 134 },\n { name: 'Mauritania', iso: 'MR', iso3: 'MRT', numCode: 478, phoneCode: 222, id: 135 },\n { name: 'Mauritius', iso: 'MU', iso3: 'MUS', numCode: 480, phoneCode: 230, id: 136 },\n { name: 'Mayotte', iso: 'YT', iso3: null, numCode: null, phoneCode: 269, id: 137 },\n { name: 'Mexico', iso: 'MX', iso3: 'MEX', numCode: 484, phoneCode: 52, id: 138 },\n {\n name: 'Micronesia, Federated States of',\n iso: 'FM',\n iso3: 'FSM',\n numCode: 583,\n phoneCode: 691,\n id: 139,\n },\n { name: 'Moldova, Republic of', iso: 'MD', iso3: 'MDA', numCode: 498, phoneCode: 373, id: 140 },\n { name: 'Monaco', iso: 'MC', iso3: 'MCO', numCode: 492, phoneCode: 377, id: 141 },\n { name: 'Mongolia', iso: 'MN', iso3: 'MNG', numCode: 496, phoneCode: 976, id: 142 },\n { name: 'Montserrat', iso: 'MS', iso3: 'MSR', numCode: 500, phoneCode: 1664, id: 143 },\n { name: 'Morocco', iso: 'MA', iso3: 'MAR', numCode: 504, phoneCode: 212, id: 144 },\n { name: 'Mozambique', iso: 'MZ', iso3: 'MOZ', numCode: 508, phoneCode: 258, id: 145 },\n { name: 'Myanmar', iso: 'MM', iso3: 'MMR', numCode: 104, phoneCode: 95, id: 146 },\n { name: 'Namibia', iso: 'NA', iso3: 'NAM', numCode: 516, phoneCode: 264, id: 147 },\n { name: 'Nauru', iso: 'NR', iso3: 'NRU', numCode: 520, phoneCode: 674, id: 148 },\n { name: 'Nepal', iso: 'NP', iso3: 'NPL', numCode: 524, phoneCode: 977, id: 149 },\n { name: 'Netherlands', iso: 'NL', iso3: 'NLD', numCode: 528, phoneCode: 31, id: 150 },\n { name: 'Netherlands Antilles', iso: 'AN', iso3: 'ANT', numCode: 530, phoneCode: 599, id: 151 },\n { name: 'New Caledonia', iso: 'NC', iso3: 'NCL', numCode: 540, phoneCode: 687, id: 152 },\n { name: 'Nicaragua', iso: 'NI', iso3: 'NIC', numCode: 558, phoneCode: 505, id: 154 },\n { name: 'Niger', iso: 'NE', iso3: 'NER', numCode: 562, phoneCode: 227, id: 155 },\n { name: 'Nigeria', iso: 'NG', iso3: 'NGA', numCode: 566, phoneCode: 234, id: 156 },\n { name: 'Niue', iso: 'NU', iso3: 'NIU', numCode: 570, phoneCode: 683, id: 157 },\n { name: 'Norfolk Island', iso: 'NF', iso3: 'NFK', numCode: 574, phoneCode: 672, id: 158 },\n {\n name: 'Northern Mariana Islands',\n iso: 'MP',\n iso3: 'MNP',\n numCode: 580,\n phoneCode: 1670,\n id: 159,\n },\n { name: 'Norway', iso: 'NO', iso3: 'NOR', numCode: 578, phoneCode: 47, id: 160 },\n { name: 'Oman', iso: 'OM', iso3: 'OMN', numCode: 512, phoneCode: 968, id: 161 },\n { name: 'Pakistan', iso: 'PK', iso3: 'PAK', numCode: 586, phoneCode: 92, id: 162 },\n { name: 'Palau', iso: 'PW', iso3: 'PLW', numCode: 585, phoneCode: 680, id: 163 },\n {\n name: 'Palestinian Territory, Occupied',\n iso: 'PS',\n iso3: null,\n numCode: null,\n phoneCode: 970,\n id: 164,\n },\n { name: 'Panama', iso: 'PA', iso3: 'PAN', numCode: 591, phoneCode: 507, id: 165 },\n { name: 'Papua New Guinea', iso: 'PG', iso3: 'PNG', numCode: 598, phoneCode: 675, id: 166 },\n { name: 'Paraguay', iso: 'PY', iso3: 'PRY', numCode: 600, phoneCode: 595, id: 167 },\n { name: 'Peru', iso: 'PE', iso3: 'PER', numCode: 604, phoneCode: 51, id: 168 },\n { name: 'Philippines', iso: 'PH', iso3: 'PHL', numCode: 608, phoneCode: 63, id: 169 },\n { name: 'Pitcairn', iso: 'PN', iso3: 'PCN', numCode: 612, phoneCode: 0, id: 170 },\n { name: 'Poland', iso: 'PL', iso3: 'POL', numCode: 616, phoneCode: 48, id: 171 },\n { name: 'Portugal', iso: 'PT', iso3: 'PRT', numCode: 620, phoneCode: 351, id: 172 },\n { name: 'Puerto Rico', iso: 'PR', iso3: 'PRI', numCode: 630, phoneCode: 1787, id: 173 },\n { name: 'Qatar', iso: 'QA', iso3: 'QAT', numCode: 634, phoneCode: 974, id: 174 },\n { name: 'Reunion', iso: 'RE', iso3: 'REU', numCode: 638, phoneCode: 262, id: 175 },\n { name: 'Romania', iso: 'RO', iso3: 'ROM', numCode: 642, phoneCode: 40, id: 176 },\n { name: 'Russian Federation', iso: 'RU', iso3: 'RUS', numCode: 643, phoneCode: 70, id: 177 },\n { name: 'Rwanda', iso: 'RW', iso3: 'RWA', numCode: 646, phoneCode: 250, id: 178 },\n { name: 'Saint Helena', iso: 'SH', iso3: 'SHN', numCode: 654, phoneCode: 290, id: 179 },\n {\n name: 'Saint Kitts and Nevis',\n iso: 'KN',\n iso3: 'KNA',\n numCode: 659,\n phoneCode: 1869,\n id: 180,\n },\n { name: 'Saint Lucia', iso: 'LC', iso3: 'LCA', numCode: 662, phoneCode: 1758, id: 181 },\n {\n name: 'Saint Pierre and Miquelon',\n iso: 'PM',\n iso3: 'SPM',\n numCode: 666,\n phoneCode: 508,\n id: 182,\n },\n {\n name: 'Saint Vincent and the Grenadines',\n iso: 'VC',\n iso3: 'VCT',\n numCode: 670,\n phoneCode: 1784,\n id: 183,\n },\n { name: 'Samoa', iso: 'WS', iso3: 'WSM', numCode: 882, phoneCode: 684, id: 184 },\n { name: 'San Marino', iso: 'SM', iso3: 'SMR', numCode: 674, phoneCode: 378, id: 185 },\n {\n name: 'Sao Tome and Principe',\n iso: 'ST',\n iso3: 'STP',\n numCode: 678,\n phoneCode: 239,\n id: 186,\n },\n { name: 'Saudi Arabia', iso: 'SA', iso3: 'SAU', numCode: 682, phoneCode: 966, id: 187 },\n { name: 'Senegal', iso: 'SN', iso3: 'SEN', numCode: 686, phoneCode: 221, id: 188 },\n {\n name: 'Serbia and Montenegro',\n iso: 'CS',\n iso3: null,\n numCode: null,\n phoneCode: 381,\n id: 189,\n },\n { name: 'Seychelles', iso: 'SC', iso3: 'SYC', numCode: 690, phoneCode: 248, id: 190 },\n { name: 'Sierra Leone', iso: 'SL', iso3: 'SLE', numCode: 694, phoneCode: 232, id: 191 },\n { name: 'Singapore', iso: 'SG', iso3: 'SGP', numCode: 702, phoneCode: 65, id: 192 },\n { name: 'Slovakia', iso: 'SK', iso3: 'SVK', numCode: 703, phoneCode: 421, id: 193 },\n { name: 'Slovenia', iso: 'SI', iso3: 'SVN', numCode: 705, phoneCode: 386, id: 194 },\n { name: 'Solomon Islands', iso: 'SB', iso3: 'SLB', numCode: 90, phoneCode: 677, id: 195 },\n { name: 'Somalia', iso: 'SO', iso3: 'SOM', numCode: 706, phoneCode: 252, id: 196 },\n { name: 'South Africa', iso: 'ZA', iso3: 'ZAF', numCode: 710, phoneCode: 27, id: 197 },\n {\n name: 'South Georgia and the South Sandwich Islands',\n iso: 'GS',\n iso3: null,\n numCode: null,\n phoneCode: 0,\n id: 198,\n },\n { name: 'Spain', iso: 'ES', iso3: 'ESP', numCode: 724, phoneCode: 34, id: 199 },\n { name: 'Sri Lanka', iso: 'LK', iso3: 'LKA', numCode: 144, phoneCode: 94, id: 200 },\n { name: 'Sudan', iso: 'SD', iso3: 'SDN', numCode: 736, phoneCode: 249, id: 201 },\n { name: 'Suriname', iso: 'SR', iso3: 'SUR', numCode: 740, phoneCode: 597, id: 202 },\n {\n name: 'Svalbard and Jan Mayen',\n iso: 'SJ',\n iso3: 'SJM',\n numCode: 744,\n phoneCode: 47,\n id: 203,\n },\n { name: 'Swaziland', iso: 'SZ', iso3: 'SWZ', numCode: 748, phoneCode: 268, id: 204 },\n { name: 'Sweden', iso: 'SE', iso3: 'SWE', numCode: 752, phoneCode: 46, id: 205 },\n { name: 'Switzerland', iso: 'CH', iso3: 'CHE', numCode: 756, phoneCode: 41, id: 206 },\n { name: 'Syrian Arab Republic', iso: 'SY', iso3: 'SYR', numCode: 760, phoneCode: 963, id: 207 },\n {\n name: 'Taiwan, Province of China',\n iso: 'TW',\n iso3: 'TWN',\n numCode: 158,\n phoneCode: 886,\n id: 208,\n },\n { name: 'Tajikistan', iso: 'TJ', iso3: 'TJK', numCode: 762, phoneCode: 992, id: 209 },\n {\n name: 'Tanzania, United Republic of',\n iso: 'TZ',\n iso3: 'TZA',\n numCode: 834,\n phoneCode: 255,\n id: 210,\n },\n { name: 'Thailand', iso: 'TH', iso3: 'THA', numCode: 764, phoneCode: 66, id: 211 },\n { name: 'Timor-Leste', iso: 'TL', iso3: null, numCode: null, phoneCode: 670, id: 212 },\n { name: 'Togo', iso: 'TG', iso3: 'TGO', numCode: 768, phoneCode: 228, id: 213 },\n { name: 'Tokelau', iso: 'TK', iso3: 'TKL', numCode: 772, phoneCode: 690, id: 214 },\n { name: 'Tonga', iso: 'TO', iso3: 'TON', numCode: 776, phoneCode: 676, id: 215 },\n { name: 'Trinidad and Tobago', iso: 'TT', iso3: 'TTO', numCode: 780, phoneCode: 1868, id: 216 },\n { name: 'Tunisia', iso: 'TN', iso3: 'TUN', numCode: 788, phoneCode: 216, id: 217 },\n { name: 'Turkey', iso: 'TR', iso3: 'TUR', numCode: 792, phoneCode: 90, id: 218 },\n { name: 'Turkmenistan', iso: 'TM', iso3: 'TKM', numCode: 795, phoneCode: 7370, id: 219 },\n {\n name: 'Turks and Caicos Islands',\n iso: 'TC',\n iso3: 'TCA',\n numCode: 796,\n phoneCode: 1649,\n id: 220,\n },\n { name: 'Tuvalu', iso: 'TV', iso3: 'TUV', numCode: 798, phoneCode: 688, id: 221 },\n { name: 'Uganda', iso: 'UG', iso3: 'UGA', numCode: 800, phoneCode: 256, id: 222 },\n { name: 'Ukraine', iso: 'UA', iso3: 'UKR', numCode: 804, phoneCode: 380, id: 223 },\n { name: 'United Arab Emirates', iso: 'AE', iso3: 'ARE', numCode: 784, phoneCode: 971, id: 224 },\n { name: 'United Kingdom', iso: 'GB', iso3: 'GBR', numCode: 826, phoneCode: 44, id: 225 },\n {\n name: 'United States Minor Outlying Islands',\n iso: 'UM',\n iso3: null,\n numCode: null,\n phoneCode: 1,\n id: 227,\n },\n { name: 'Uruguay', iso: 'UY', iso3: 'URY', numCode: 858, phoneCode: 598, id: 228 },\n { name: 'Uzbekistan', iso: 'UZ', iso3: 'UZB', numCode: 860, phoneCode: 998, id: 229 },\n { name: 'Vanuatu', iso: 'VU', iso3: 'VUT', numCode: 548, phoneCode: 678, id: 230 },\n { name: 'Venezuela', iso: 'VE', iso3: 'VEN', numCode: 862, phoneCode: 58, id: 231 },\n { name: 'Viet Nam', iso: 'VN', iso3: 'VNM', numCode: 704, phoneCode: 84, id: 232 },\n {\n name: 'Virgin Islands, British',\n iso: 'VG',\n iso3: 'VGB',\n numCode: 92,\n phoneCode: 1284,\n id: 233,\n },\n {\n name: 'Virgin Islands, U.s.',\n iso: 'VI',\n iso3: 'VIR',\n numCode: 850,\n phoneCode: 1340,\n id: 234,\n },\n { name: 'Wallis and Futuna', iso: 'WF', iso3: 'WLF', numCode: 876, phoneCode: 681, id: 235 },\n { name: 'Western Sahara', iso: 'EH', iso3: 'ESH', numCode: 732, phoneCode: 212, id: 236 },\n { name: 'Yemen', iso: 'YE', iso3: 'YEM', numCode: 887, phoneCode: 967, id: 237 },\n { name: 'Zambia', iso: 'ZM', iso3: 'ZMB', numCode: 894, phoneCode: 260, id: 238 },\n { name: 'Zimbabwe', iso: 'ZW', iso3: 'ZWE', numCode: 716, phoneCode: 263, id: 239 },\n];\n\nexport const degrees = [\n { name: 'MD', code: 'MD' },\n { name: 'DO', code: 'DO' },\n { name: 'PhD', code: 'PhD' },\n { name: 'MBBS', code: 'MBBS' },\n { name: 'MS', code: 'MS' },\n { name: 'PA', code: 'PA' },\n { name: 'RN', code: 'RN' },\n { name: 'RT', code: 'RT' },\n { name: 'Other', code: 'Other' },\n];\n\nexport const specialty = [\n { name: 'Surgery', code: 'Surgery' },\n { name: 'Radiology', code: 'Radiology' },\n { name: 'Fellowship in Radiology', code: 'Fellowship in Radiology' },\n { name: 'Oncology', code: 'Oncology' },\n { name: 'Radiation Oncology', code: 'Radiation Oncology' },\n { name: 'Medical Physics', code: 'Medical Physics' },\n { name: 'Internal Medicine', code: 'Internal Medicine' },\n { name: 'Dosimetry', code: 'Dosimetry' },\n { name: 'Other', code: 'Other' },\n];\n\nexport const states = [\n { name: 'Alabama', code: 'AL' },\n { name: 'Alaska', code: 'AK' },\n { name: 'American Samoa', code: 'AS' },\n { name: 'Arizona', code: 'AZ' },\n { name: 'Arkansas', code: 'AR' },\n { name: 'California', code: 'CA' },\n { name: 'Colorado', code: 'CO' },\n { name: 'Connecticut', code: 'CT' },\n { name: 'Delaware', code: 'DE' },\n { name: 'District Of Columbia', code: 'DC' },\n { name: 'Federated States Of Micronesia', code: 'FM' },\n { name: 'Florida', code: 'FL' },\n { name: 'Georgia', code: 'GA' },\n { name: 'Guam', code: 'GU' },\n { name: 'Hawaii', code: 'HI' },\n { name: 'Idaho', code: 'ID' },\n { name: 'Illinois', code: 'IL' },\n { name: 'Indiana', code: 'IN' },\n { name: 'Iowa', code: 'IA' },\n { name: 'Kansas', code: 'KS' },\n { name: 'Kentucky', code: 'KY' },\n { name: 'Louisiana', code: 'LA' },\n { name: 'Maine', code: 'ME' },\n { name: 'Marshall Islands', code: 'MH' },\n { name: 'Maryland', code: 'MD' },\n { name: 'Massachusetts', code: 'MA' },\n { name: 'Michigan', code: 'MI' },\n { name: 'Minnesota', code: 'MN' },\n { name: 'Mississippi', code: 'MS' },\n { name: 'Missouri', code: 'MO' },\n { name: 'Montana', code: 'MT' },\n { name: 'Nebraska', code: 'NE' },\n { name: 'Nevada', code: 'NV' },\n { name: 'New Hampshire', code: 'NH' },\n { name: 'New Jersey', code: 'NJ' },\n { name: 'New Mexico', code: 'NM' },\n { name: 'New York', code: 'NY' },\n { name: 'North Carolina', code: 'NC' },\n { name: 'North Dakota', code: 'ND' },\n { name: 'Northern Mariana Islands', code: 'MP' },\n { name: 'Ohio', code: 'OH' },\n { name: 'Oklahoma', code: 'OK' },\n { name: 'Oregon', code: 'OR' },\n { name: 'Palau', code: 'PW' },\n { name: 'Pennsylvania', code: 'PA' },\n { name: 'Puerto Rico', code: 'PR' },\n { name: 'Rhode Island', code: 'RI' },\n { name: 'South Carolina', code: 'SC' },\n { name: 'South Dakota', code: 'SD' },\n { name: 'Tennessee', code: 'TN' },\n { name: 'Texas', code: 'TX' },\n { name: 'Utah', code: 'UT' },\n { name: 'Vermont', code: 'VT' },\n { name: 'Virgin Islands', code: 'VI' },\n { name: 'Virginia', code: 'VA' },\n { name: 'Washington', code: 'WA' },\n { name: 'West Virginia', code: 'WV' },\n { name: 'Wisconsin', code: 'WI' },\n { name: 'Wyoming', code: 'WY' },\n];\n","import React, { memo } from 'react';\n\nconst Select = memo(\n ({ name, value, onChange, onBlur, label, items, className, selectClassName, disabled }) => (\n \n
\n Important Information
\n\n
\n \n
\n \n
\n \n Upon activation of your registration, you will receive an e-mail to confirm your new\n account. Please open that email and verify, before logging in for the first time.\n
\nAccessing the ACE Portal:
\n- \n
- \n Hardware:\n
- \n
- Standard laptop, desktop computer or iPad \n
- Resolution of at least 1366×768 \n
\n - \n Internet Connection:\n
- \n
- No firewall blocking ACE domain (hologicace.com) \n
- Bandwidth 7 MBits/s connection \n
\n - \n Browser:\n
- \n
- \n Google Chrome (min version 79.0.3945)\n \n
- \n Mozilla Firefox (min version 78.0)\n \n
- \n Safari (Mac) (min version 13)\n \n
- \n Microsoft Edge (min version 79.0.309)\n \n
- Internet Explorer is no longer supported \n
\n
\n \n Next\n \n
\n \n
\n \n
\n
\n \n {label && }\n {items &&\n items.length &&\n items.map(({ code, name, id }, index) => (\n \n ))}\n \n
\n ),\n);\n\nexport default Select;\n","import React from 'react';\n\nconst ButtonLoading = ({ text }) => {\n return (\n <>\n \n {text || 'Loading'}\n \n );\n};\n\nexport default ButtonLoading;\n","import React, { useState } from 'react';\nimport InputGroup from 'shared/components/InputGroup';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport { countries, degrees, specialty, states } from '../configs';\nimport Select from 'shared/components/Select';\nimport ButtonLoading from 'shared/components/ButtonLoading';\n\nconst FormStep = ({ formSubmit, user, fetch, error, regCode, lastForm, isEventUser }) => {\n const intial = {\n fname: '',\n lname: '',\n email: '',\n institution: '',\n country: '',\n city: '',\n address: '',\n zipcode: '',\n phone: '',\n degree: '',\n specialty: '',\n certificate: '',\n password: '',\n rpassword: '',\n state: '',\n ...user,\n ...lastForm,\n };\n const [info, setInfo] = useState(intial);\n\n const isCountryUs = info.country === '226';\n const passwordMatch = info.password === info.rpassword;\n\n const handleChange = ({ target }) => {\n const { name, value } = target;\n const tempAuth = { ...info };\n tempAuth[name] = value;\n setInfo(tempAuth);\n };\n\n const handleFormSubmit = e => {\n e.preventDefault();\n const body = {\n regCode,\n email: info.email,\n password: isEventUser ? undefined : info.password,\n firstname: info.fname,\n lastname: info.lname,\n usertype: 1,\n countryid: info.country,\n learnerprofile: {\n state: info.state,\n institution: info.institution,\n city: info.city,\n address: info.address,\n zipcode: info.zipcode,\n phone: info.phone,\n degree: info.degree,\n profession: info.specialty,\n PrefferedNameOnCertificate: info.certificate,\n },\n };\n formSubmit(body, info);\n };\n\n return (\n \n );\n};\n\nexport default FormStep;\n","import React, { useState, useEffect } from 'react';\nimport { useSnackbar } from 'notistack';\nimport InfoStep from './components/InfoStep';\nimport { Api } from 'utils/connectors';\nimport { getError } from 'utils/appHelpers';\nimport { IconLeft } from 'shared/components/Icons';\nimport FormStep from './components/FormStep';\nimport { Link } from 'react-router-dom';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport cancelIcon from 'assets/cancel-red.svg';\nimport SuccessInfo from 'app/Auth/components/SuccessInfo';\nimport { useSelector } from 'react-redux';\nimport blueLogo from 'assets/ACE-logo-blue.svg';\n\nconst alreadyExistUser = {\n title: 'Success!',\n subTitle: 'Registration successfully completed!',\n className: 'col-12 pt-5',\n};\n\nconst Register = ({ history, match }) => {\n const isAuth = useSelector(state => state.isAuthenticated);\n const account = useSelector(state => state.account);\n const { enqueueSnackbar } = useSnackbar();\n const [hasUser, setHasUser] = useState(false);\n const [error, setError] = useState();\n const [fetch, setFetch] = useState(false);\n const [step, setStep] = useState(1);\n const [user, setUser] = useState({});\n const [token, setToken] = useState();\n const [form, setForm] = useState({});\n const regCode = match.params.code;\n const isEventUser = isAuth && account && account.userType === 6;\n\n const handleFormSubmit = async (data, form) => {\n setFetch(true);\n try {\n setForm({ ...form, email: '', password: '', rpassword: '' });\n const res = await Api.post('/auth/register', data);\n setToken(res.data.data);\n handleStepChange(true);\n } catch (err) {\n setError(getError(err));\n } finally {\n setFetch(false);\n }\n };\n\n const handleStepChange = bool => {\n if (bool) {\n setStep(step + 1);\n return;\n }\n step === 1 ? history.push('/login') : setStep(step - 1);\n };\n\n const getUserdata = async code => {\n try {\n const { data } = await Api.get(`/auth/getinviteuser/${code}`);\n setUser({\n fname: data.data.firstName,\n lname: data.data.lastName,\n email: data.data.email,\n degree: data.data.degree,\n });\n setHasUser(true);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n history.push('/login');\n }\n };\n\n const setEventUserData = () => {\n setUser({\n fname: account.firstName,\n lname: account.lastName,\n email: account.email,\n institution: account.learnerProfile.institution,\n });\n };\n\n const onClickNo = async () => {\n try {\n setFetch(true);\n await Api.post(`/auth/cancel`, token);\n enqueueSnackbar('Successfully Canceled', { variant: 'success' });\n setStep(2);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n const onClickYes = async () => {\n try {\n setFetch(true);\n await Api.post(`/auth/approve`, token);\n enqueueSnackbar('Successfully Approved', { variant: 'success' });\n history.push('/login');\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n useEffect(() => {\n if (regCode) getUserdata(regCode);\n if (isEventUser) setEventUserData();\n //eslint-disable-next-line\n }, [regCode]);\n\n return (\n \n \n
\n )}\n \n \n \n \n
\n {step === 1 && \n
\n )}\n \n )}\n \n );\n};\n\nexport default Register;\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { Api } from 'utils/connectors';\nimport AuthBlock from '../components/AuthBlock';\nimport SuccessInfo from '../components/SuccessInfo';\nimport Loading from 'shared/components/Loading';\nimport { getError } from 'utils/appHelpers';\n\nconst Verify = ({ match, history }) => {\n const { enqueueSnackbar } = useSnackbar();\n const [verifyData, setVerifyData] = useState({});\n const [validCode, setValidCode] = useState(false);\n\n const signinUrl =\n verifyData && verifyData.eventId ? `/events/${verifyData.eventId}/login` : '/login';\n\n const successInfo = {\n title: 'Thank you!!',\n subTitle: 'Your email has been successfully verified',\n signinUrl,\n };\n\n const authOptions = {\n links: {\n signin: true,\n signinUrl,\n },\n };\n\n const checkVerifyCode = useCallback(async () => {\n const code = match.params.code;\n try {\n const { data } = await Api.get(`/auth/verify/${code}`);\n setVerifyData(data.data);\n setValidCode(true);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n history.push('/login');\n }\n }, [enqueueSnackbar, history, match.params.code]);\n\n useEffect(() => {\n checkVerifyCode();\n }, [checkVerifyCode]);\n\n if (!validCode) return \n
\n You're Almost Done!
\n\n A confirmation email has been sent to {token && token.email}
Please\n check your email and click the confirmation link.\n
\n \n 
\n The address is incorrect\n \n \n OK\n \n
\n \n
\n );\n};\n\nexport default UserLicense;\n","import React from 'react';\nimport { Route, Switch, Redirect } from 'react-router-dom';\n\nimport Login from './routes/Login';\nimport Forgot from './routes/Forgot';\nimport Reset from './routes/Reset';\nimport Register from './routes/Register/';\nimport Verify from './routes/Verify';\nimport UserLicense from './routes/UserLicense';\n\nconst Auth = () => {\n return (\n \n \n \n \n
\n \n
\n \n
\n End-User Software License Agreement
\n\n
\n
\n By clicking the “I Agree” button, downloading or using the Licensed Software, You are\n agreeing to be bound by the terms and conditions of this Agreement. If You are accepting\n these terms of behalf of another person or company or other legal entity, You represent\n and warrant that you have full authority to bind that person, company or legal entity to\n these terms.\n
\n
\n If You do not agree to the terms of this Agreement, do not click on the “I Agree” button\n and You cannot download or use the Licensed Software.\n
\n
\n “You” or “Your” means the person or entity who is being licensed to use the Licensed\n Software in association with any sales or service agreement (“Usage Agreement”). “We”,\n “Our” and “Us” means Hologic, Inc.\n
\n
\n 1. License Grant. We grant You a revocable, non-exclusive, non-transferable, limited right\n to access and use the Licensed Software on a device owned and controlled by You, and to\n access and use the Licensed Software strictly in accordance with the terms and conditions\n of this Agreement, the Usage Agreement and any service agreement, sales agreement or any\n other agreement with You, (collectively, “Related Agreements”).\n
\n
\n 2. Restrictions on Use. You shall use the Licensed Software strictly in accordance with\n the terms of the Related Agreements and shall not: (a) decompile, reverse engineer,\n disassemble, attempt to derive the source code of, maliciously penetrate any system or\n network which runs or stores, or decrypt the Licensed Software; (b) make any modification,\n automation, conversion, adaptation, improvement, enhancement, translation or derivative\n work to or from the Licensed Software; (c) remove, circumvent or create, or use any\n workaround to any copy protection or security feature relating to the Licensed Software;\n (d) violate any applicable laws, rules or regulations in connection with Your access or\n use of the Licensed Software; (e) remove, alter, or obscure any proprietary notice\n (including any notice of copyright or trademark) of Ours or Our affiliates, partners,\n suppliers or licensors; (f) use the Licensed Software for any revenue generating endeavor,\n commercial enterprise, or other purpose for which it is not designed or intended; (g)\n install, use or permit the Licensed Software to be used only on the originally designated\n Equipment for the Licensed Software; (h) make the Licensed Software available over a\n network or other environment permitting access or use by multiple devices or users at the\n same time; (i) use the Licensed Software for creating a product, service or software that\n is, directly or indirectly, competitive with or in any way a substitute for any product,\n services or software offered by Us; (j) use the Licensed Software to send automated\n queries to any website or to send any unsolicited commercial e-mail; (k) connect the\n Licensed Software to any online service or other applications, software or services not\n provided or permitted by Us; (l) use any proprietary information or interfaces of Ours or\n other intellectual property of Ours in the design, development, manufacture, licensing or\n distribution of any applications, accessories or devices for use with the Licensed\n Software; (m) own title, or transfer title to the Licensed Software to any third party;\n (n) distribute, or sublicense or otherwise provide copies or any rights in relation to the\n Licensed Software to any third party; or (o) pledge, hypothecate, alienate or otherwise\n encumber the Licensed Software to any third party.
\n
3. Consent to Use of Content. You agree that We may collect and use device data and\n related information, including but not limited to technical information about Your\n devices, products, system and application software, and peripherals, that is gathered to\n facilitate the provision of software updates, product support and other services to You\n related to the Licensed Software (collectively, “Data”). You may also have agreed to\n provide information, feedback, de-identified images, and other content in connection with\n Your use of the Licensed Software (together with the Data, collectively, “Content”). You\n agree that We may use the Content to improve the products and services or to provide\n products and services to You, and You hereby grant Us a non-exclusive, worldwide,\n royalty-free, fully paid-up, transferable and sub- licensable license in and to the\n Content, including all intellectual property rights therein, for Us to use, modify and\n create derivative works of the same in connection with or related to any business\n purposes. You represent and warrant to Us that (i) you have the necessary rights to grant\n the licenses and rights in the Content, and (ii) the Content and Our use thereof as\n permitted in this Agreement will not infringe, violate or misappropriate any third party\n right. Content will not include any patient health information (“PHI”). For the avoidance\n of doubt, "Protected Health Information" or "PHI" shall mean\n individually identifiable health information regardless of the form in which it is\n maintained or transmitted. We may, at our sole discretion, aggregate and de-identify any\n and all PHI obtained under this Agreement and use all such de-identified data in\n accordance with the de-identification requirements at 45 CFR 164.514(b). With respect to\n de-identification, the aggregated and de-identified data We produce or use either: (i)\n will not include any identifiers listed in 45 CFR 164.514(b)(2)(i), or (ii) will have been\n determined by a person with appropriate knowledge of and experience with generally\n accepted statistical and scientific principles and methods for rendering information not\n individually identifiable and applying such principles and methods, that the risk is very\n small that the aggregated and de-identified data generated under this Agreement could be\n used, alone or in combination with other reasonably available information, by an\n anticipated recipient, to identify an individual who is a subject of the information,\n thereby forming a "statistically de-identified data set" and rendering the\n information not PHI under HIPAA. De-identified information does not constitute PHI and is\n not subject to the terms of this Agreement.\n
\n
4. Intellectual Property Rights. You acknowledge and agree that the Licensed\n Software and Our documentation are provided under license, and not sold, to You. You do\n not acquire any ownership interest in the Licensed Software or Our documentation under\n this Agreement, or any other rights thereto, other than to use the Licensed Software in\n accordance with Our documentation, subject to all of the terms, conditions and\n restrictions under this Agreement and any Usage Agreement. We reserve and shall retain all\n right, title and interest in and to the Licensed Software and all intellectual property\n rights arising out of or relating to the Licensed Software, except as expressly granted to\n You in this Agreement. You shall safeguard the Licensed Software from infringement,\n misappropriation, theft, misuse or unauthorized access. You shall promptly notify Us if\n You become aware of any infringement of Our intellectual property rights in the Licensed\n Software and fully cooperate with Us in any legal action taken by Us to enforce Our\n intellectual property rights. Further, We will be free to use any ideas, concepts,\n know-how or techniques contained in such Content for any purpose whatsoever, including,\n without limitation, developing, making, marketing, distributing and selling products and\n services incorporating such Content. We will have no obligation to consider, use, return\n or preserve any of the Content you provide to Us. Any Content You provide to Us may or may\n not be treated confidentially by Us, and We will have no obligation or liability to You\n for the use or disclosure of any of the Content. You should not to expect any compensation\n of any kind from Us with respect to the Content You provided.
\n
\n 5. Limited Warranty and Disclaimer.\n
\n a) Limited Warranty. We warrant that, for a period of ninety (90) days following the date\n the Licensed Software is made available to You for Your use, the Licensed Software will\n perform substantially in accordance with Our documentation (the “Limited Warranty”).\n
b) Exclusive Remedy. In case of any breach of the above Limited Warranty, as your\n exclusive remedy and Our entire obligation and liability, We will: (i) repair or replace\n the Licensed Software; or (ii) if such repair or replacement would in Our opinion be\n commercially unreasonable, upon Our receipt of Your written representation and promise\n that you have removed all instances of the Licensed Software and will not use the Licensed\n Software, refund the price paid by You for the applicable Licensed Software.
\n c) Exclusion of Warranty. THE ABOVE LIMITED WARRANTY WILL NOT APPLY IF: (i) THE LICENSED\n SOFTWARE IS NOT USED IN ACCORDANCE WITH THIS AGREEMENT OR OUR DOCUMENTATION; (ii) THE\n LICENSED SOFTWARE OR ANY PART THEREOF HAS BEEN MODIFIED BY YOU OR ANY ENTITY OTHER THAN\n US; OR (iii) A MALFUNCTION IN THE LICENSED SOFTWARE HAS NOT BEEN CAUSED BY ANY EQUIPMENT\n OR SOFTWARE NOT APPROVED OR SUPPLIED BY US.
\n d) Disclaimer. EXCEPT FOR THE LIMITED WARRANTY SET FORTH ABOVE, THE LICENSED SOFTWARE IS\n PROVIDED “AS IS” AND WE MAKE NO REPRESENTATIONS OR WARRANTIES, AND WE DISCLAIM ALL\n REPRESENTATIONS, WARRANTIES AND CONDITIONS, ORAL OR WRITTEN, EXPRESS OR IMPLIED, ARISING\n FROM COURSE OF DEALING, COURSE OF PERFORMANCE, OR USAGE IN TRADE, OR OTHERWISE, INCLUDING,\n WITHOUT LIMITATION, IMPLIED WARRANTIES OF MERCHANTABILITY, QUALITY, FITNESS FOR A\n PARTICULAR PURPOSE, TITLE, NON-INFRINGEMENT, OR SYSTEMS INTEGRATION. WITHOUT LIMITING THE\n FOREGOING, WE MAKE NO WARRANTY, REPRESENTATION, OR GUARANTEE THAT THE OPERATION OF THE\n LICENSED SOFTWARE WILL BE FAILSAFE, UNINTERRUPTED, OR FREE FROM ERRORS OR DEFECTS.
\n
\n 6. Limitation of Liability. TO THE EXTENT NOT PROHIBITED BY LAW, IN NO EVENT SHALL WE BE\n LIABLE FOR PERSONAL INJURY, OR ANY INCIDENTAL, SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES\n WHATSOEVER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, LOSS OF DATA,\n BUSINESS INTERRUPTION OR ANY COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO\n YOUR USE OR INABILITY TO USE THE LICENSED SOFTWARE, HOWEVER CAUSED, REGARDLESS OF THE\n THEORY OF LIABILITY (CONTRACT, TORT (INCLUDING NEGLIGENCE), OR OTHERWISE) AND EVEN IF WE\n HAVE BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. SOME JURISDICTIONS DO NOT ALLOW THE\n LIMITATION OF LIABILITY FOR PERSONAL INJURY, OR OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO\n THIS LIMITATION MAY NOT APPLY TO YOU. IN NO EVENT SHALL OUR TOTAL LIABILITY TO YOU FOR ALL\n DAMAGES EXCEED THE LICENSED SOFTWARE FEE PAID BY YOU FOR THE APPLICABLE TERM. NOTHING IN\n THIS AGREEMENT LIMITS OR EXCLUDES ANY LIABILITY THAT CANNOT BE LIMITED OR EXCLUDED UNDER\n APPLICABLE LAW.\n
\n
\n 7. Intellectual Property Indemnity.\n
a) Indemnity. We will indemnify, and at our election, defend, You against claims\n asserted against You in a suit or action if: (i) the claim is for direct patent\n infringement or direct copyright infringement, or for misappropriation of third party\n trade secrets; (ii) the claim is asserted against the Licensed Software, alone and not in\n combination with any third party software or systems.\n
\n b) Exclusions. Notwithstanding anything else in this Agreement, We have no obligation to\n indemnify or defend you for claims asserted, in whole or in part, if (i) the Licensed\n Software is not used in accordance with this Agreement or Our documentation; (ii) the\n Licensed Software or any part thereof has been modified by You or any entity other than\n Us; or (iii) a malfunction in the Licensed Software has been caused by any equipment or\n software not approved or supplied by Us.
\n c) Conditions. As a condition of Our obligations under this Section 7, You must provide Us\n with: (i) prompt written notice of the claim and Your agreement to give Us sole control\n over the defense and settlement of the claim; and Your full and timely cooperation. We\n will not be responsible for any costs, expenses or compromises that You make or incur\n without Our written consent.\n
d) Remedies. We may, at Our sole discretion and expense: (i) procure for you the\n right to continue using the Licensed Software; (ii) replace the Licensed Software with\n non-infringing Licensed Software; (iii) modify the Licensed Software so that it becomes\n non-infringing; or (iv) upon Your return of the Licensed Software to Us, and/or removal of\n the Licensed Software from your systems, refund the residual value of the Licensed\n Software fee paid by You for the infringing Licensed Software, depreciated using a\n straight-line method of depreciation over a three (3) year period from the date of\n delivery of the Licensed Software to You. This indemnity section states Our entire\n obligation and Your exclusive remedy for claims of patent or copyright infringement, or\n trade secret misappropriation, made in whole or in part against the Licensed Software.\n
\n
8. Export. You may not use or otherwise export or re-export the Licensed Software\n except as authorized by United States law and the laws of the jurisdiction in which the\n Licensed Software was obtained. In particular, but without limitation, the Licensed\n Software may not be exported or re-exported: (i) into any U.S. embargoed countries; or\n (ii) to anyone on the U.S. Treasury Department’s list of Specially Designated Nationals or\n the U.S. Department of Commerce Denied Person’s List or Entity List. By using the Licensed\n Software, You represent and warrant that You are not located in any such country or on any\n such list and that You will not use the Licensed Software for any purposes prohibited by\n United States law.
\n
\n 9. Term. The term of this Agreement will commence on the date of Your agreement to these\n terms and shall continue for the same term as the Usage Agreement. Hologic may terminate\n this Agreement at any time for any reason, including to the extent that any Usage\n Agreement has been terminated or expired.
\n
\n 10. General. a) Governing Law. Jurisdiction. Upon acceptance of these terms, this\n Agreement is governed by the laws of the Commonwealth of Massachusetts, without regard to\n any conflict of law principles to the contrary. You hereby irrevocably consent to\n jurisdiction of the state and federal courts located in Boston, Massachusetts with respect\n to any proceeding regarding this Agreement or the Licensed Software. The 1980 UN\n Convention for the International Sale of Goods or any successor thereto does not apply to\n this Agreement. You will not prosecute any action, suit, proceeding or claim arising under\n or by reason of this Agreement or the Licensed Software except in such courts.\n
b) Severability. If any provision of this Agreement is held by a court of competent\n jurisdiction to be invalid or unenforceable, the remainder of this Agreement will remain\n in full force and effect, and the remaining provisions will be amended to achieve as\n closely as possible the effect of the original term and all other provisions of this\n Agreement will continue in full force.\n
c) Assignment. You may not assign or otherwise transfer the Licensed Software or\n this Agreement, or assign, sub-license or otherwise transfer to any other person or entity\n any of Your rights under this Agreement without Our prior written consent, and any\n attempted assignment without such consent will be void.
\n d) Notices. All "notices" provided by You under this Agreement shall be in\n writing sent to the contact information associated with the user account to access the\n Licensed Software or other means providing proof of delivery.
\n e) Revisions to this Agreement. We may at any time revise the terms of this Agreement by\n updating these terms and by providing notice to You of that change upon You accessing the\n Licensed Software at the time of said change and agreeing to the revised terms.
\n
\n 11. Entire Agreement. This Agreement together with the Related Agreements sets forth Our\n entire agreement with respect to Your use of the Licensed Software and supersedes all\n prior and contemporaneous understandings and agreements with respect to the Licensed\n Software and Your use thereof whether written or oral. In the event of a conflict, the\n Usage Agreement shall supersede and control over the terms of this End-User Software\n License Agreement.\n
\n
\n 12. General Disclaimers. This is a general information tool for medical professionals and\n is not a complete representation of the product(s)’ Instruction for Use (IFU) or Package\n Insert, and it is the medical professionals’ responsibility to read and follow the IFU or\n Package Insert. The information provided may suggest a particular technique or protocol\n however it is the sole responsibility of the medical professional to determine which\n technique or protocol is appropriate. At all times, clinicians remain responsible for\n utilizing sound patient evaluation and selection practices, and for complying with\n applicable local, state, and federal rules and regulations regarding accreditation,\n anesthesia, reimbursement, and all other aspects of in- office procedures. In no event\n shall Hologic be liable for damages of any kind resulting from your use of the information\n presented. This information is intended for medical professionals in the U.S. and other\n markets and is not intended as a product solicitation or promotion where such activities\n are prohibited. Because Hologic materials are distributed through websites, eBroadcasts,\n and tradeshows, it is not always possible to control where such materials appear. For\n specific information on what products are available for sale in a particular country,\n please contact your local Hologic representative or write to womenshealth@hologic.com{' '}\n
\n
13. Medical Use Disclaimer. This training program is not intended for clinical or\n diagnostic use.
\n
\n 14. Faculty Statement Disclaimer. Views and opinions expressed herein by third parties are\n theirs alone and do not necessarily reflect those of Hologic. 15. Copyright. Copyright©\n 2020, Hologic. Inc. Reproduction, display or copying of this information without express\n written permission is strictly prohibited. All materials, images, and content are\n intellectual property of Hologic and may not be copied, reproduced, distributed, or\n displayed without permission.\n
\n Last updated: August 20, 2020
\n Please read this End-User Software License Agreement (hereinafter the “Agreement”)\n carefully before clicking the “I Agree” button, downloading or using the software\n (hereinafter the “Licensed Software”).\n\n
\n By clicking the “I Agree” button, downloading or using the Licensed Software, You are\n agreeing to be bound by the terms and conditions of this Agreement. If You are accepting\n these terms of behalf of another person or company or other legal entity, You represent\n and warrant that you have full authority to bind that person, company or legal entity to\n these terms.\n
\n
\n If You do not agree to the terms of this Agreement, do not click on the “I Agree” button\n and You cannot download or use the Licensed Software.\n
\n
\n “You” or “Your” means the person or entity who is being licensed to use the Licensed\n Software in association with any sales or service agreement (“Usage Agreement”). “We”,\n “Our” and “Us” means Hologic, Inc.\n
\n
\n 1. License Grant. We grant You a revocable, non-exclusive, non-transferable, limited right\n to access and use the Licensed Software on a device owned and controlled by You, and to\n access and use the Licensed Software strictly in accordance with the terms and conditions\n of this Agreement, the Usage Agreement and any service agreement, sales agreement or any\n other agreement with You, (collectively, “Related Agreements”).\n
\n
\n 2. Restrictions on Use. You shall use the Licensed Software strictly in accordance with\n the terms of the Related Agreements and shall not: (a) decompile, reverse engineer,\n disassemble, attempt to derive the source code of, maliciously penetrate any system or\n network which runs or stores, or decrypt the Licensed Software; (b) make any modification,\n automation, conversion, adaptation, improvement, enhancement, translation or derivative\n work to or from the Licensed Software; (c) remove, circumvent or create, or use any\n workaround to any copy protection or security feature relating to the Licensed Software;\n (d) violate any applicable laws, rules or regulations in connection with Your access or\n use of the Licensed Software; (e) remove, alter, or obscure any proprietary notice\n (including any notice of copyright or trademark) of Ours or Our affiliates, partners,\n suppliers or licensors; (f) use the Licensed Software for any revenue generating endeavor,\n commercial enterprise, or other purpose for which it is not designed or intended; (g)\n install, use or permit the Licensed Software to be used only on the originally designated\n Equipment for the Licensed Software; (h) make the Licensed Software available over a\n network or other environment permitting access or use by multiple devices or users at the\n same time; (i) use the Licensed Software for creating a product, service or software that\n is, directly or indirectly, competitive with or in any way a substitute for any product,\n services or software offered by Us; (j) use the Licensed Software to send automated\n queries to any website or to send any unsolicited commercial e-mail; (k) connect the\n Licensed Software to any online service or other applications, software or services not\n provided or permitted by Us; (l) use any proprietary information or interfaces of Ours or\n other intellectual property of Ours in the design, development, manufacture, licensing or\n distribution of any applications, accessories or devices for use with the Licensed\n Software; (m) own title, or transfer title to the Licensed Software to any third party;\n (n) distribute, or sublicense or otherwise provide copies or any rights in relation to the\n Licensed Software to any third party; or (o) pledge, hypothecate, alienate or otherwise\n encumber the Licensed Software to any third party.
\n
3. Consent to Use of Content. You agree that We may collect and use device data and\n related information, including but not limited to technical information about Your\n devices, products, system and application software, and peripherals, that is gathered to\n facilitate the provision of software updates, product support and other services to You\n related to the Licensed Software (collectively, “Data”). You may also have agreed to\n provide information, feedback, de-identified images, and other content in connection with\n Your use of the Licensed Software (together with the Data, collectively, “Content”). You\n agree that We may use the Content to improve the products and services or to provide\n products and services to You, and You hereby grant Us a non-exclusive, worldwide,\n royalty-free, fully paid-up, transferable and sub- licensable license in and to the\n Content, including all intellectual property rights therein, for Us to use, modify and\n create derivative works of the same in connection with or related to any business\n purposes. You represent and warrant to Us that (i) you have the necessary rights to grant\n the licenses and rights in the Content, and (ii) the Content and Our use thereof as\n permitted in this Agreement will not infringe, violate or misappropriate any third party\n right. Content will not include any patient health information (“PHI”). For the avoidance\n of doubt, "Protected Health Information" or "PHI" shall mean\n individually identifiable health information regardless of the form in which it is\n maintained or transmitted. We may, at our sole discretion, aggregate and de-identify any\n and all PHI obtained under this Agreement and use all such de-identified data in\n accordance with the de-identification requirements at 45 CFR 164.514(b). With respect to\n de-identification, the aggregated and de-identified data We produce or use either: (i)\n will not include any identifiers listed in 45 CFR 164.514(b)(2)(i), or (ii) will have been\n determined by a person with appropriate knowledge of and experience with generally\n accepted statistical and scientific principles and methods for rendering information not\n individually identifiable and applying such principles and methods, that the risk is very\n small that the aggregated and de-identified data generated under this Agreement could be\n used, alone or in combination with other reasonably available information, by an\n anticipated recipient, to identify an individual who is a subject of the information,\n thereby forming a "statistically de-identified data set" and rendering the\n information not PHI under HIPAA. De-identified information does not constitute PHI and is\n not subject to the terms of this Agreement.\n
\n
4. Intellectual Property Rights. You acknowledge and agree that the Licensed\n Software and Our documentation are provided under license, and not sold, to You. You do\n not acquire any ownership interest in the Licensed Software or Our documentation under\n this Agreement, or any other rights thereto, other than to use the Licensed Software in\n accordance with Our documentation, subject to all of the terms, conditions and\n restrictions under this Agreement and any Usage Agreement. We reserve and shall retain all\n right, title and interest in and to the Licensed Software and all intellectual property\n rights arising out of or relating to the Licensed Software, except as expressly granted to\n You in this Agreement. You shall safeguard the Licensed Software from infringement,\n misappropriation, theft, misuse or unauthorized access. You shall promptly notify Us if\n You become aware of any infringement of Our intellectual property rights in the Licensed\n Software and fully cooperate with Us in any legal action taken by Us to enforce Our\n intellectual property rights. Further, We will be free to use any ideas, concepts,\n know-how or techniques contained in such Content for any purpose whatsoever, including,\n without limitation, developing, making, marketing, distributing and selling products and\n services incorporating such Content. We will have no obligation to consider, use, return\n or preserve any of the Content you provide to Us. Any Content You provide to Us may or may\n not be treated confidentially by Us, and We will have no obligation or liability to You\n for the use or disclosure of any of the Content. You should not to expect any compensation\n of any kind from Us with respect to the Content You provided.
\n
\n 5. Limited Warranty and Disclaimer.\n
\n a) Limited Warranty. We warrant that, for a period of ninety (90) days following the date\n the Licensed Software is made available to You for Your use, the Licensed Software will\n perform substantially in accordance with Our documentation (the “Limited Warranty”).\n
b) Exclusive Remedy. In case of any breach of the above Limited Warranty, as your\n exclusive remedy and Our entire obligation and liability, We will: (i) repair or replace\n the Licensed Software; or (ii) if such repair or replacement would in Our opinion be\n commercially unreasonable, upon Our receipt of Your written representation and promise\n that you have removed all instances of the Licensed Software and will not use the Licensed\n Software, refund the price paid by You for the applicable Licensed Software.
\n c) Exclusion of Warranty. THE ABOVE LIMITED WARRANTY WILL NOT APPLY IF: (i) THE LICENSED\n SOFTWARE IS NOT USED IN ACCORDANCE WITH THIS AGREEMENT OR OUR DOCUMENTATION; (ii) THE\n LICENSED SOFTWARE OR ANY PART THEREOF HAS BEEN MODIFIED BY YOU OR ANY ENTITY OTHER THAN\n US; OR (iii) A MALFUNCTION IN THE LICENSED SOFTWARE HAS NOT BEEN CAUSED BY ANY EQUIPMENT\n OR SOFTWARE NOT APPROVED OR SUPPLIED BY US.
\n d) Disclaimer. EXCEPT FOR THE LIMITED WARRANTY SET FORTH ABOVE, THE LICENSED SOFTWARE IS\n PROVIDED “AS IS” AND WE MAKE NO REPRESENTATIONS OR WARRANTIES, AND WE DISCLAIM ALL\n REPRESENTATIONS, WARRANTIES AND CONDITIONS, ORAL OR WRITTEN, EXPRESS OR IMPLIED, ARISING\n FROM COURSE OF DEALING, COURSE OF PERFORMANCE, OR USAGE IN TRADE, OR OTHERWISE, INCLUDING,\n WITHOUT LIMITATION, IMPLIED WARRANTIES OF MERCHANTABILITY, QUALITY, FITNESS FOR A\n PARTICULAR PURPOSE, TITLE, NON-INFRINGEMENT, OR SYSTEMS INTEGRATION. WITHOUT LIMITING THE\n FOREGOING, WE MAKE NO WARRANTY, REPRESENTATION, OR GUARANTEE THAT THE OPERATION OF THE\n LICENSED SOFTWARE WILL BE FAILSAFE, UNINTERRUPTED, OR FREE FROM ERRORS OR DEFECTS.
\n
\n 6. Limitation of Liability. TO THE EXTENT NOT PROHIBITED BY LAW, IN NO EVENT SHALL WE BE\n LIABLE FOR PERSONAL INJURY, OR ANY INCIDENTAL, SPECIAL, INDIRECT OR CONSEQUENTIAL DAMAGES\n WHATSOEVER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, LOSS OF DATA,\n BUSINESS INTERRUPTION OR ANY COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO\n YOUR USE OR INABILITY TO USE THE LICENSED SOFTWARE, HOWEVER CAUSED, REGARDLESS OF THE\n THEORY OF LIABILITY (CONTRACT, TORT (INCLUDING NEGLIGENCE), OR OTHERWISE) AND EVEN IF WE\n HAVE BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. SOME JURISDICTIONS DO NOT ALLOW THE\n LIMITATION OF LIABILITY FOR PERSONAL INJURY, OR OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO\n THIS LIMITATION MAY NOT APPLY TO YOU. IN NO EVENT SHALL OUR TOTAL LIABILITY TO YOU FOR ALL\n DAMAGES EXCEED THE LICENSED SOFTWARE FEE PAID BY YOU FOR THE APPLICABLE TERM. NOTHING IN\n THIS AGREEMENT LIMITS OR EXCLUDES ANY LIABILITY THAT CANNOT BE LIMITED OR EXCLUDED UNDER\n APPLICABLE LAW.\n
\n
\n 7. Intellectual Property Indemnity.\n
a) Indemnity. We will indemnify, and at our election, defend, You against claims\n asserted against You in a suit or action if: (i) the claim is for direct patent\n infringement or direct copyright infringement, or for misappropriation of third party\n trade secrets; (ii) the claim is asserted against the Licensed Software, alone and not in\n combination with any third party software or systems.\n
\n b) Exclusions. Notwithstanding anything else in this Agreement, We have no obligation to\n indemnify or defend you for claims asserted, in whole or in part, if (i) the Licensed\n Software is not used in accordance with this Agreement or Our documentation; (ii) the\n Licensed Software or any part thereof has been modified by You or any entity other than\n Us; or (iii) a malfunction in the Licensed Software has been caused by any equipment or\n software not approved or supplied by Us.
\n c) Conditions. As a condition of Our obligations under this Section 7, You must provide Us\n with: (i) prompt written notice of the claim and Your agreement to give Us sole control\n over the defense and settlement of the claim; and Your full and timely cooperation. We\n will not be responsible for any costs, expenses or compromises that You make or incur\n without Our written consent.\n
d) Remedies. We may, at Our sole discretion and expense: (i) procure for you the\n right to continue using the Licensed Software; (ii) replace the Licensed Software with\n non-infringing Licensed Software; (iii) modify the Licensed Software so that it becomes\n non-infringing; or (iv) upon Your return of the Licensed Software to Us, and/or removal of\n the Licensed Software from your systems, refund the residual value of the Licensed\n Software fee paid by You for the infringing Licensed Software, depreciated using a\n straight-line method of depreciation over a three (3) year period from the date of\n delivery of the Licensed Software to You. This indemnity section states Our entire\n obligation and Your exclusive remedy for claims of patent or copyright infringement, or\n trade secret misappropriation, made in whole or in part against the Licensed Software.\n
\n
8. Export. You may not use or otherwise export or re-export the Licensed Software\n except as authorized by United States law and the laws of the jurisdiction in which the\n Licensed Software was obtained. In particular, but without limitation, the Licensed\n Software may not be exported or re-exported: (i) into any U.S. embargoed countries; or\n (ii) to anyone on the U.S. Treasury Department’s list of Specially Designated Nationals or\n the U.S. Department of Commerce Denied Person’s List or Entity List. By using the Licensed\n Software, You represent and warrant that You are not located in any such country or on any\n such list and that You will not use the Licensed Software for any purposes prohibited by\n United States law.
\n
\n 9. Term. The term of this Agreement will commence on the date of Your agreement to these\n terms and shall continue for the same term as the Usage Agreement. Hologic may terminate\n this Agreement at any time for any reason, including to the extent that any Usage\n Agreement has been terminated or expired.
\n
\n 10. General. a) Governing Law. Jurisdiction. Upon acceptance of these terms, this\n Agreement is governed by the laws of the Commonwealth of Massachusetts, without regard to\n any conflict of law principles to the contrary. You hereby irrevocably consent to\n jurisdiction of the state and federal courts located in Boston, Massachusetts with respect\n to any proceeding regarding this Agreement or the Licensed Software. The 1980 UN\n Convention for the International Sale of Goods or any successor thereto does not apply to\n this Agreement. You will not prosecute any action, suit, proceeding or claim arising under\n or by reason of this Agreement or the Licensed Software except in such courts.\n
b) Severability. If any provision of this Agreement is held by a court of competent\n jurisdiction to be invalid or unenforceable, the remainder of this Agreement will remain\n in full force and effect, and the remaining provisions will be amended to achieve as\n closely as possible the effect of the original term and all other provisions of this\n Agreement will continue in full force.\n
c) Assignment. You may not assign or otherwise transfer the Licensed Software or\n this Agreement, or assign, sub-license or otherwise transfer to any other person or entity\n any of Your rights under this Agreement without Our prior written consent, and any\n attempted assignment without such consent will be void.
\n d) Notices. All "notices" provided by You under this Agreement shall be in\n writing sent to the contact information associated with the user account to access the\n Licensed Software or other means providing proof of delivery.
\n e) Revisions to this Agreement. We may at any time revise the terms of this Agreement by\n updating these terms and by providing notice to You of that change upon You accessing the\n Licensed Software at the time of said change and agreeing to the revised terms.
\n
\n 11. Entire Agreement. This Agreement together with the Related Agreements sets forth Our\n entire agreement with respect to Your use of the Licensed Software and supersedes all\n prior and contemporaneous understandings and agreements with respect to the Licensed\n Software and Your use thereof whether written or oral. In the event of a conflict, the\n Usage Agreement shall supersede and control over the terms of this End-User Software\n License Agreement.\n
\n
\n 12. General Disclaimers. This is a general information tool for medical professionals and\n is not a complete representation of the product(s)’ Instruction for Use (IFU) or Package\n Insert, and it is the medical professionals’ responsibility to read and follow the IFU or\n Package Insert. The information provided may suggest a particular technique or protocol\n however it is the sole responsibility of the medical professional to determine which\n technique or protocol is appropriate. At all times, clinicians remain responsible for\n utilizing sound patient evaluation and selection practices, and for complying with\n applicable local, state, and federal rules and regulations regarding accreditation,\n anesthesia, reimbursement, and all other aspects of in- office procedures. In no event\n shall Hologic be liable for damages of any kind resulting from your use of the information\n presented. This information is intended for medical professionals in the U.S. and other\n markets and is not intended as a product solicitation or promotion where such activities\n are prohibited. Because Hologic materials are distributed through websites, eBroadcasts,\n and tradeshows, it is not always possible to control where such materials appear. For\n specific information on what products are available for sale in a particular country,\n please contact your local Hologic representative or write to womenshealth@hologic.com{' '}\n
\n
13. Medical Use Disclaimer. This training program is not intended for clinical or\n diagnostic use.
\n
\n 14. Faculty Statement Disclaimer. Views and opinions expressed herein by third parties are\n theirs alone and do not necessarily reflect those of Hologic. 15. Copyright. Copyright©\n 2020, Hologic. Inc. Reproduction, display or copying of this information without express\n written permission is strictly prohibited. All materials, images, and content are\n intellectual property of Hologic and may not be copied, reproduced, distributed, or\n displayed without permission.\n
\n history.goBack()} className='p-0'>\n Done\n \n
\n \n \n \n
\n );\n};\n\nexport default Auth;\n","import {\n IconHome,\n IconTranscript,\n IconCoursesNew,\n // IconAuthors,\n // IconStatistics,\n IconAbout,\n IconContacts,\n IconAuthorsNew,\n // IconSubscription,\n} from 'shared/components/Icons';\n\nexport const navigation = [\n {\n name: 'Home',\n path: 'home',\n icon: IconHome,\n permission: 'vip_user',\n },\n // {\n // name: 'Subscriptions',\n // path: 'subscriptions',\n // icon: IconSubscription,\n // permission: 'vip_user',\n // },\n {\n name: 'My Transcript',\n path: 'courses',\n icon: IconTranscript,\n permission: 'vip_user',\n },\n {\n name: 'Available Courses',\n path: 'allcourses',\n icon: IconCoursesNew,\n },\n {\n name: 'Faculty',\n path: 'authors',\n icon: IconAuthorsNew,\n },\n // {\n // name: 'Statistics',\n // path: 'statistics',\n // icon: IconStatistics,\n // },\n {\n name: 'About',\n path: 'about',\n icon: IconAbout,\n permission: 'vip_user',\n },\n {\n name: 'About',\n path: 'eventabout',\n icon: IconAbout,\n permission: 'event_user',\n },\n {\n name: 'Support',\n path: 'contacts',\n icon: IconContacts,\n permission: 'vip_user',\n menu: [\n {\n name: 'FAQ',\n path: 'faq',\n },\n {\n name: 'Connection Test',\n path: 'connection',\n },\n {\n name: 'Contact',\n path: 'contacts',\n },\n {\n name: 'All Requests',\n path: 'messages/list',\n },\n {\n name: 'Privacy Policy',\n link: 'https://www.hologic.com/privacy-policy',\n },\n {\n name: 'System Reqs.',\n path: 'requirements',\n },\n ],\n },\n];\n","/* eslint-disable react/jsx-no-target-blank */\nimport React from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { onOpenExternalUrl } from 'utils/appHelpers';\n\nconst SubMenu = ({ menu, path }) => (\n - \n {menu.map((item, i) => (\n
- \n {item.path ? (\n
\n {item.name}\n \n ) : (\n \n {item.name}\n \n )}\n \n ))}\n
- \n {openCourses &&\n openCourses.map((item, index) => {\n const coursePath = `${path}/courses/${item.id}`;\n const isActive = item.id === activeCourse && item.status === 1;\n const Icon = item.status === 1 ? IconPlay : IconCourseLock;\n return (\n
- \n
{item.name}\n \n {isActive && (\n - \n {item.lessons &&\n item.lessons.map((lesson, index) => {\n return (\n
- \n
\n );\n })}\n - \n
- \n
- \n
\n My Subscriptions\n \n \n - \n
\n Available Plans\n \n \n
\n
\n \n \n 
\n \n
\n \n \n
\n \n 
\n
\n \n {account.firstName} {account.lastName}\n \n \n \n Log out\n
\n \n
\n - \n {isEvent && event && (\n
- \n \n\n\n\n
\n RSNA 2020 \n \n )}\n {navigation &&\n navigation.map(nav => {\n const Icon = nav.icon;\n const isActive = activeState === nav.path;\n if (nav.permission && !hasAccess(nav.permission)) return null;\n return (\n - \n \n\n {/* {isActive && nav.name === 'Faculty' &&\n\n
\n } */}\n {isActive && nav.name === 'My Transcript' && (\n \n )}\n {isActive && nav.name === 'Subscriptions' && (\n \n )}\n {isActive && nav.menu && }\n \n );\n })}\n
\n Global Medical Education Breast & Skeletal Health\n
\n \n );\n};\n\nconst mapStateToProps = ({ account, authors, courses }) => ({\n account,\n authors,\n courses,\n});\n\nexport default connect(\n mapStateToProps,\n { logout },\n)(SideBar);\n","import { useEffect } from 'react';\n\nconst useOutsideClick = (ref, handler) => {\n useEffect(() => {\n const listener = event => {\n if (!ref.current || ref.current.contains(event.target)) {\n return;\n }\n\n handler(event);\n };\n\n document.addEventListener('mousedown', listener);\n\n return () => {\n document.removeEventListener('mousedown', listener);\n };\n }, [ref, handler]);\n};\n\nexport default useOutsideClick;\n","export const navigation = [\n {\n name: 'Faculty',\n path: 'authors',\n },\n {\n name: 'About',\n path: 'about',\n permission: 'vip_user',\n },\n {\n name: 'Support',\n permission: 'vip_user',\n menu: [\n {\n name: 'FAQ',\n path: 'faq',\n },\n {\n name: 'Contact',\n path: 'contacts',\n },\n {\n name: 'All Requests',\n path: 'messages/list',\n },\n {\n name: 'Privacy Policy',\n link: 'https://www.hologic.com/privacy-policy',\n },\n {\n name: 'System Reqs.',\n path: 'requirements',\n },\n ],\n },\n];\n","/* eslint-disable react/jsx-no-target-blank */\n/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useRef, useState } from 'react';\nimport topLogo from 'assets/ACE-logo.svg';\nimport topLogoRSNA from 'assets/RSNA_logo.svg';\nimport useOutsideClick from 'shared/hooks/useOutsideClick';\nimport { Link, NavLink } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IconArrowDown } from 'shared/components/Icons';\nimport { logout } from 'app/Auth/actions';\nimport { hasAccess } from 'utils/permissionHelper';\nimport { getEventId, getEventUrl, onOpenExternalUrl } from 'utils/appHelpers';\nimport { navigation } from './configs';\n\nconst HeaderNav = ({ openAdmin }) => {\n const eventId = getEventId();\n const dispatch = useDispatch();\n const [accountMenu, setAccountMenu] = useState();\n const [dropMenu, setDropMenu] = useState();\n const accountMenuEl = useRef();\n const dropMenuEl = useRef();\n const account = useSelector(state => state.account);\n const events = useSelector(state => state.events);\n const event = events && eventId ? events[eventId] : null;\n\n const logoutProfile = e => {\n e.preventDefault();\n dispatch(logout());\n };\n\n useOutsideClick(accountMenuEl, () => setAccountMenu(false));\n useOutsideClick(dropMenuEl, () => setDropMenu(false));\n\n const isEvent = hasAccess('event_user');\n const path = isEvent ? getEventUrl() : '';\n const homeUrl = isEvent ? getEventUrl(true) : '/home';\n\n return (\n \n
\n \n \n );\n};\n\nexport default HeaderNav;\n","import { useLayoutEffect, useState } from 'react';\n\nconst useWindowSize = () => {\n const [size, setSize] = useState([0, 0]);\n useLayoutEffect(() => {\n function updateSize() {\n setSize([window.innerWidth, window.innerHeight]);\n }\n window.addEventListener('resize', updateSize);\n updateSize();\n return () => window.removeEventListener('resize', updateSize);\n }, []);\n return size;\n};\n\nexport default useWindowSize;\n","import React from 'react';\nimport Icon2 from 'assets/home-icon-2.svg';\nimport { IconArrowRight } from 'shared/components/Icons';\n\nconst DashBoxEvents = ({ onOpenUrl }) => {\n return (\n \n \n \n {nav.name}\n \n \n );\n })}\n \n setAccountMenu(!accountMenu)}\n ref={accountMenuEl}\n >\n
{account.lastName}\n \n
\n \n \n \n \n \n \n
\n \n );\n return (\n - \n {isEvent && event &&
- \n
\n {dropMenu && (\n - \n {nav.menu.map(i => (\n
- \n {i.path ? (\n
\n {i.name}\n \n ) : (\n \n ))}\n
- \n {i.path ? (\n
\n \n
\n \n {account.firstName} {account.lastName}\n \n
- \n
- \n
\n Profile\n \n \n {hasAccess('kol_user') && (\n - \n
- \n \n Log out\n \n \n
\n
\n );\n};\n\nexport default DashBoxEvents;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport dashLogo from 'assets/white-logo.svg';\n\nconst DashBoxInfo = () => {\n return (\n \n Upcoming Events\n 
\n
\n \n {\n e.preventDefault();\n onOpenUrl('https://hologiced.com/events/', e);\n }}\n >\n Show More\n
\n Medical Education Events
\n\n
\n );\n};\n\nexport default DashBoxInfo;\n// Welcome to Breast & Skeletal Health’s Advanced Continuing Education Portal for Physicians!\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport iconBreast from 'assets/dash/spec-breast.png';\nimport iconScreening from 'assets/dash/spec-screening.png';\nimport iconSurgery from 'assets/dash/spec-surgery.png';\nimport iconSkeletal from 'assets/dash/spec-skeletal.png';\nimport { useHistory } from 'react-router';\n\nconst DashBoxSpeciality = () => {\n const history = useHistory();\n\n const goToCourses = type => {\n history.push(`/allcourses/${type}`);\n };\n\n return (\n \n 
\n
\n \n Welcome to
Breast & Skeletal
Health’s Advanced
Continuing Education\n Portal for Physicians!\n
\n
\n );\n};\n\nexport default DashBoxSpeciality;\n","import React from 'react';\nimport Icon1 from 'assets/home-icon-1.svg';\nimport { IconArrowRight } from 'shared/components/Icons';\n\nconst DashBoxWebinars = ({ onOpenUrl }) => {\n return (\n \n
\n \n 
\n
\n \n Breast
Screening\n
\n 
\n
\n \n Breast
Diagnostics\n
\n
\n \n 
\n
\n \n Breast
Surgery\n
\n 
\n
\n Skeletal
\n\n
\n );\n};\n\nexport default DashBoxWebinars;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useEffect, useState } from 'react';\nimport Slider from 'react-slick';\nimport ReactPlayer from 'react-player';\nimport { Api } from 'utils/connectors';\nimport Loading from 'shared/components/Loading';\nimport { IconPlayFill } from 'shared/components/Icons';\nimport { useRef } from 'react';\n\nconst DashImageSlider = ({ onOpenUrl }) => {\n const slider = useRef();\n const [banners, setBanners] = useState();\n const [isPlaying, setIsPlaying] = useState(false);\n\n const getBanners = async () => {\n const { data } = await Api.get('/common/banners/1');\n const body = data.data.sort((a, b) => a.orderNum - b.orderNum);\n setBanners(body);\n };\n\n useEffect(() => {\n getBanners();\n }, []);\n\n const sliderSettings = {\n arrows: false,\n dots: false,\n speed: 500,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplaySpeed: 5000,\n className: 'home-slide',\n autoplay: true,\n afterChange: () => {\n setIsPlaying(false);\n slider.current.slickPause();\n },\n };\n\n const startSlide = e => {\n setIsPlaying(false);\n setTimeout(() => {\n slider.current.slickPlay();\n }, 10000);\n };\n\n return (\n \n Accredited Webinars\n 
\n
\n \n {\n e.preventDefault();\n onOpenUrl('https://hologiced.com/breast-health/education-training', e);\n }}\n >\n Show More\n
\n \n {!banners && \n {banners.map(item => {\n const isVideo = item.contentType === 2;\n const settings = {\n url: item.target,\n width: '100%',\n height: 289,\n controls: true,\n playing: isPlaying,\n light: true,\n playIcon: (\n {\n setIsPlaying(true);\n slider.current.slickPause();\n }}\n >\n \n 
\n
\n ),\n onPlay: () => {\n setIsPlaying(true);\n slider.current.slickPause();\n },\n onPause: p => startSlide(p),\n };\n\n if (isVideo) {\n return \n \n \n {isVideo && (\n \n
\n \n );\n })}\n \n )}\n \n );\n};\n\nexport default DashImageSlider;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router';\nimport Slider from 'react-slick';\nimport { IconArrowRight, IconCoursesNew } from 'shared/components/Icons';\nimport { findCourseFirstLesson } from 'utils/appHelpers';\n\nconst DashBoxCourses = () => {\n const [activeSlide, setActiveSlide] = useState(0);\n const courses = useSelector(item => item.courses);\n const history = useHistory();\n\n const sliderSettings = {\n arrows: false,\n dots: false,\n speed: 500,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplaySpeed: 5000,\n className: 'home-courses-slide',\n autoplay: true,\n beforeChange: next => setActiveSlide(next),\n };\n\n const courseClickHandle = course => {\n findCourseFirstLesson(course, history);\n };\n\n const item = courses && courses[activeSlide];\n\n return (\n \n {courses && (\n \n {courses.map(item => {\n return (\n \n )}\n \n
\n \n );\n};\n\nexport default DashBoxCourses;\n","import React from 'react';\n\nconst ProgressBar = ({ progress, className = '' }) => (\n \n
\n );\n })}\n \n Available Courses\n
\n \n {\n e.stopPropagation();\n e.preventDefault();\n history.push('/allcourses');\n }}\n >\n Show More\n
\n {item.name}
\n\n 
\n
\n \n {!hidePlay && (\n
\n \n
\n )}\n {hasProgress && (\n \n
\n )}\n \n \n {bindDurationMinutes(item.watchedVideoDuration)} /{' '}\n {bindDurationMinutes(item.totalVideoDuration)}\n \n
\n \n \n {item.completedCases} / {item.totalCases}
\n \n
\n \n );\n};\n\nexport default CourseItem;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { useHistory } from 'react-router';\nimport Slider from 'react-slick';\nimport CourseItem from 'shared/components/CourseItem';\nimport { IconArrowRight, IconTranscript } from 'shared/components/Icons';\nimport { courseSubsStatuses, findCourseFirstLesson } from 'utils/appHelpers';\n\nconst DashBoxTranscript = () => {\n const [activeSlide, setActiveSlide] = useState(0);\n const history = useHistory();\n const courses = useSelector(item => item.courses);\n const transcripts = courses.filter(item => courseSubsStatuses(item.status, 'active'));\n\n const sliderSettings = {\n arrows: false,\n dots: false,\n speed: 500,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplaySpeed: 5000,\n className: 'home-courses-slide',\n autoplay: true,\n beforeChange: next => {\n setActiveSlide(next + 1);\n },\n };\n\n const courseClickHandle = course => {\n findCourseFirstLesson(course, history);\n };\n\n const item = transcripts && transcripts[activeSlide];\n\n return (\n {item.name}
\n{item.description}
\n {hasProgress && (\n <>\n\n {item.progress}%\n
\n {getEndOfSubs(item.expire, item.expirable)}\n
\n \n )}\n\n {transcripts && (\n \n {transcripts.map(item => {\n return (\n \n )}\n \n
\n \n );\n};\n\nexport default DashBoxTranscript;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport { useState } from 'react';\nimport { Api } from 'utils/connectors';\nimport { useEffect } from 'react';\nimport Loading from 'shared/components/Loading';\nimport Slider from 'react-slick';\nimport moment from 'moment';\n\nconst DashBoxEvent = ({ onOpenUrl }) => {\n const [events, setEvents] = useState();\n\n const sliderSettings = {\n arrows: false,\n dots: false,\n speed: 500,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplaySpeed: 5000,\n className: 'home-events-slide',\n autoplay: true,\n };\n\n const openEventPage = event => {\n onOpenUrl(`${window.location.origin}/events/${event.id}`);\n };\n\n const getEvents = async () => {\n try {\n const { data } = await Api.get('/events/events');\n setEvents(data.data.results);\n } catch (err) {\n console.log(err);\n }\n };\n\n useEffect(() => {\n getEvents();\n }, []);\n\n if (!events) return \n
\n );\n })}\n \n My Transcript\n
\n \n {\n e.stopPropagation();\n e.preventDefault();\n history.push('/courses');\n }}\n >\n Show More\n
\n \n
\n );\n })}\n \n \n {event.banners.map(item => {\n return (\n \n
\n \n 
\n
\n );\n })}\n \n
\n {event.subject}
\n \n \n Hologic Webinars
\n \n Hologic Webinars
\n
{label}
\n \n\n {moment(event.startDate).format('MMMM DD')} -{' '}\n {moment(event.endDate).format('MM/DD/YYYY')}\n
\n\n {authors && (\n \n {authors.map((item, i) => {\n return (\n
\n );\n })}\n \n )}\n \n
\n \n {item.map(author => {\n const prof = author.profession ? `, ${author.profession}` : '';\n const secondRow = `${author.surname}${prof}`;\n return (\n \n
\n );\n })}\n \n 
\n
\n \n {author.name}\n
\n {secondRow}\n
\n
\n \n );\n};\n\nexport default DashBoxAuthors;\n","import React from 'react';\nimport useWindowSize from 'shared/hooks/useWindowSize';\nimport { getSize } from 'utils/appHelpers';\nimport DashBoxEvents from './components/DashBoxEvents';\nimport DashBoxInfo from './components/DashBoxInfo';\nimport DashBoxSpeciality from './components/DashBoxSpeciality';\nimport DashBoxWebinars from './components/DashBoxWebinars';\nimport DashImageSlider from './components/DashImageSlider';\nimport { confirmAlert } from 'react-confirm-alert';\nimport DashBoxCourses from './components/DashBoxCourses';\nimport DashBoxTranscript from './components/DashBoxTranscript';\nimport DashBoxEvent from './components/DashBoxEvent';\nimport DashBoxAuthors from './components/DashBoxAuthors';\n\nconst Home = () => {\n const [width] = useWindowSize();\n\n const onOpenUrl = (url, e) => {\n if (e) e.preventDefault();\n if (!url) return;\n confirmAlert({\n message:\n 'A new browser tab will now be opened. You can close it at any time and come back to this tab to continue.',\n buttons: [\n {\n label: 'Continue',\n onClick: () => window.open(url, '_blank'),\n },\n {\n label: 'Cancel',\n },\n ],\n });\n };\n\n const zoom = getSize(width < 780 ? 780 : width, 1, 1);\n\n const dashStyles = {\n transform: `scale(${zoom})`,\n transformOrigin: `top center`,\n marginLeft: (1366 * zoom - 1366) / 2,\n marginRight: (1366 * zoom - 1366) / 2,\n MozTransform: `scale(${zoom},${zoom})`,\n MozTransformOrigin: 'top center',\n };\n\n return (\n \n Faculty\n
\n \n {\n e.stopPropagation();\n e.preventDefault();\n history.push('/authors');\n }}\n >\n Show More\n
\n \n
\n );\n};\n\nexport default Home;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Api } from 'utils/connectors';\nimport { useSnackbar } from 'notistack';\nimport { getError } from 'utils/appHelpers';\nimport { getAndUpdateProfile } from 'app/Auth/actions';\n\nconst UserImage = ({ url, userId, getAndUpdateProfile }) => {\n const { enqueueSnackbar } = useSnackbar();\n\n const uploadImage = async ({ target }) => {\n const file = target.files[0];\n const formData = new FormData();\n formData.append('file', file);\n\n try {\n await Api.post(`/api/image/uploaduserimage/${userId}`, formData);\n await getAndUpdateProfile();\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n return (\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\nexport default connect(\n null,\n { getAndUpdateProfile },\n)(UserImage);\n","import React, { memo } from 'react';\n\nconst Button = ({ children, disabled, type = 'button', className = '', onClick }) => (\n \n);\n\nexport default memo(Button);\n","import React, { useState, useEffect } from 'react';\nimport Button from 'shared/components/Button';\nimport InputGroup from 'shared/components/InputGroup';\nimport Select from 'shared/components/Select';\nimport { connect } from 'react-redux';\nimport { useSnackbar } from 'notistack';\nimport { specialty, countries, degrees } from 'app/Auth/routes/Register/configs';\nimport { Api } from 'utils/connectors';\nimport { getError } from 'utils/appHelpers';\nimport { getAndUpdateProfile } from 'app/Auth/actions';\n\nconst Settings = ({ data, getAndUpdateProfile, isEventUser }) => {\n const { enqueueSnackbar } = useSnackbar();\n const profile = data.learnerProfile || {};\n const [fetch, setFecth] = useState(false);\n const [isEdit, toggleEdit] = useState(false);\n const [info, setInfo] = useState({\n firstName: data.firstName || '',\n lastName: data.lastName || '',\n email: data.email || '',\n imageUrl: data.imageUrl || '',\n countryId: data.countryId || '',\n });\n\n const [learner, setLearner] = useState({\n speciality: profile.speciality || '',\n phone: profile.phone || '',\n city: profile.city || '',\n state: profile.state || '',\n address: profile.address || '',\n zipCode: profile.zipCode || '',\n prefferedNameOnCertificate: profile.prefferedNameOnCertificate || '',\n institution: profile.institution || '',\n degree: profile.degree || '',\n });\n\n const handleInfoChange = ({ target }) => {\n setInfo({ ...info, [target.name]: target.value });\n };\n\n const handleLearnerChange = ({ target }) => {\n setLearner({ ...learner, [target.name]: target.value });\n };\n\n const onSubmitHandle = async () => {\n try {\n setFecth(true);\n const body = { userId: data.id, ...info, learnerProfile: learner };\n await Api.post('/auth/edituser', body);\n await getAndUpdateProfile();\n enqueueSnackbar('Successfully updated', { variant: 'success' });\n toggleEdit(false);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFecth(false);\n }\n };\n\n const findFromList = (id, list) => {\n const item = list.find(v => v.id === Number(id));\n return item ? item.name : '-';\n };\n\n useEffect(() => {\n getAndUpdateProfile();\n }, [getAndUpdateProfile]);\n\n return (\n <>\n - \n
- \n Name:\n\n {isEdit ? (\n\n \n
- \n Surname:\n\n {isEdit ? (\n\n \n {!isEventUser && (\n <>\n
- \n Profession:\n\n {isEdit ? (\n\n \n
- \n Degree:\n\n {isEdit ? (\n\n \n \n )}\n
- \n Email:\n\n {isEdit ? (\n\n \n {!isEventUser && (\n <>\n
- \n Phone:\n\n {isEdit ? (\n\n \n
- \n Address:\n\n {isEdit ? (\n\n \n
- \n City:\n\n {isEdit ? (\n\n \n
- \n State/Province:\n\n {isEdit ? (\n\n \n
- \n Country:\n\n {isEdit ? (\n\n \n
- \n ZIP Code:\n\n {isEdit ? (\n\n \n
- \n Name on Certificate:\n\n {isEdit ? (\n\n \n \n )}\n
- \n Hospital/Clinic:\n\n {isEdit ? (\n\n \n
\n {isEdit ? (\n <>\n \n \n \n ) : (\n \n )}\n
\n \n );\n};\n\nexport default connect(\n null,\n { getAndUpdateProfile },\n)(Settings);\n","import React from 'react';\nimport IconSmileGreen from 'assets/smile_green.svg';\nimport IconSmileYellow from 'assets/smile_yellow.svg';\nimport IconSmileRed from 'assets/smile_red.svg';\n\nexport const SIconResolution = ({ data, className }) => {\n return (\n \n
\n );\n};\n\nexport default connect(\n null,\n { triggerDiagnosticsTest },\n)(Status);\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { IconArrowRight } from 'shared/components/Icons';\nimport { courseSubsStatuses, getEndOfSubs, getEventUrl } from 'utils/appHelpers';\nimport ProgressBar from 'shared/components/ProgressBar';\nimport { hasAccess } from 'utils/permissionHelper';\nimport { useSelector } from 'react-redux';\n\nconst SubscriptionStatus = ({ subscriptions }) => {\n const history = useHistory();\n const courses = useSelector(state => state.courses);\n const all = courses.filter(item => courseSubsStatuses(item.status, 'active'));\n const path = hasAccess('event_user') ? getEventUrl() : '';\n\n const goToProgress = (id, e) => {\n e.preventDefault();\n history.push(`${path}/courses/progress/${id}`, { from: 'account' });\n };\n\n return (\n Recent Connection and Device Test:
\n\n
\n - \n {headers.map(item => (\n
- \n {item.label}:\n {showValue(data[item.key], item.key)}\n \n ))}\n
- \n \n \n
\n \n \n );\n })}\n
\n );\n};\n\nexport default SubscriptionStatus;\n","import React, { useState } from 'react';\nimport Button from 'shared/components/Button';\nimport { ChangePasswordModal } from '.';\n\nconst PasswordManage = ({ email }) => {\n const [open, toggleModal] = useState(false);\n return (\n <>\n \n
\n {all.map(item => {\n return (\n \n
\n Course:
\n\n
\n Expiration:
\n\n
\n \n Progress:
\n\n
\n \n {item.name}\n
\n \n {getEndOfSubs(item.endDate, item.expirable)}\n
\n \n {!item.isOpened ? (\n
\n \n {item.progress}%\n
\n No Progress Available\n
\n )}\n\n \n More Info
\n - \n
- \n Change Password:\n\n \n\n \n
\n
\n );\n};\n\nexport default ChangePasswordModal;\n","import React, { memo } from 'react';\nimport { Link } from 'react-router-dom';\nimport { IconRight } from './Icons';\n\nconst LinkIcon = ({ children, to, className, color = '#131f6b' }) => (\n \n {children} \n
\n \n \n
\n \n {!success ? (\n <>\n
\n Change Password
\nPlease enter your current password
\n \n \n ) : (\nYour password has been changed
\n )}\n\n
\n );\n};\n\nexport default EntityInfoBlock;\n","import React, { useState } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { Api } from 'utils/connectors';\nimport { IconClose } from 'shared/components/Icons';\nimport InputGroup from 'shared/components/InputGroup';\nimport { getError } from 'utils/appHelpers';\nimport ButtonLoading from 'shared/components/ButtonLoading';\n\nconst LicenseManageModal = ({ data, onRefreshData, onClose }) => {\n const { enqueueSnackbar } = useSnackbar();\n const [newKey, setNewKey] = useState('');\n const [fetch, setFetch] = useState(false);\n const [remove, setRemove] = useState(false);\n\n const onRemoveKey = async id => {\n try {\n setRemove(id);\n const { data } = await Api.post(`/auth/removelicense/${id}`);\n if (onRefreshData) await onRefreshData();\n enqueueSnackbar(data.message, { variant: 'success' });\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setRemove(false);\n }\n };\n\n const onAddNewKay = async () => {\n try {\n setFetch(true);\n await Api.post('/auth/addlicense', { licenseKeys: [newKey] });\n if (onRefreshData) await onRefreshData();\n setNewKey('');\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n return (\n <>\n \n 
\n
\n \n
\n \n
\n Entity Name:
\n{entity.name}
\n\n
\n Entity Address:
\n{entity.address}
\n\n
\n \n \n );\n};\n\nexport default LicenseManageModal;\n","import React, { useState } from 'react';\nimport ReactModal from 'react-modal';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport LicenseManageModal from './LicenseManageModal';\n\nconst LicensesBlock = ({ data, getLicenses }) => {\n const [open, toggleModal] = useState(false);\n return (\n \n
\n\n Manage License Keys
\n \n
\n \n
\n License Keys:
\n\n {data && data.length ? (\n data.map(item => {\n return (\n \n
\n );\n })\n ) : (\n {item.licenseKey}
\n \n
\n \n \n {remove === item.id && (\n \n )}\n REMOVE\n \n
\n No Active Keys
\n )}\n New License Key
\n\n setNewKey(target.value)}\n />\n
\n \n \n {fetch ?
\n \n {data && data.length ? (\n <>\n \n \n );\n })}\n \n ) : (\n \n toggleModal(false)}\n />\n \n
\n );\n};\n\nexport default LicensesBlock;\n","import React from 'react';\nimport moment from 'moment';\nimport { HOST } from 'configs';\n\nconst CopyRightInfo = () => {\n return (\n \n
\n {data.map(item => {\n return (\n \n
\n License keys:
\n\n
\n Course:
\n\n
\n Source:
\n\n
\n \n {item.licenseKey}\n
\n \n \n {item.subscription && item.subscription.title}\n \n
\n {item.entity ? 'Entity' : 'User'}
\n No License keys available
\n )}\n \n toggleModal(true)} className='btn-line-blue py-0'>\n Manage License Keys\n \n
\n \n Copyright {moment().format('YYYY')} Hologic, In\n Version: {HOST.API.VERSION}\n
\n );\n};\n\nexport default CopyRightInfo;\n","import React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { UserImage, Settings, Status, SubscriptionStatus, PasswordManage } from './components';\nimport LinkIcon from 'shared/components/LinkIcon';\nimport { Api } from 'utils/connectors';\nimport { getError } from 'utils/appHelpers';\nimport { useSnackbar } from 'notistack';\nimport { getAndUpdateProfile } from 'app/Auth/actions';\nimport { hasAccess } from 'utils/permissionHelper';\n// import accessImg from 'assets/events/accesslogo_dark.svg';\nimport EntityInfoBlock from './components/EntityInfoBlock';\nimport LicensesBlock from './components/LicensesBlock';\nimport CopyRightInfo from 'shared/components/CopyRightInfo';\n\nconst Profile = ({ account, getAndUpdateProfile }) => {\n const { enqueueSnackbar } = useSnackbar();\n const { imageUrl, subscriptions, email, connections } = account;\n // const [changeCode, setChangeCode] = useState(false);\n // const [code, setCode] = useState((learnerProfile && learnerProfile.registrationKey) || '');\n const [licenses, setLicenses] = useState([]);\n const certs = account.userCertificates || [];\n\n // const onChangeClick = async () => {\n // try {\n // const { data } = await Api.post('auth/updatekey', { uniqueKey: code });\n // await getAndUpdateProfile();\n // enqueueSnackbar(data.message, { variant: 'success' });\n // } catch (err) {\n // enqueueSnackbar(getError(err), { variant: 'error' });\n // } finally {\n // setChangeCode(false);\n // }\n // };\n\n const getLicenses = async () => {\n try {\n const { data } = await Api.get('/auth/getlicenses');\n setLicenses(data.data);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n // const onClickAccessVip = () => {\n // const isAlreadyVIP = account.userType !== 6;\n // let win;\n // if (isAlreadyVIP) {\n // win = window.open('/allcourses', '_blank');\n // } else {\n // win = window.open('/register', '_blank');\n // }\n // win.focus();\n // };\n\n const isEventUser = hasAccess('event_user');\n\n useEffect(() => {\n getLicenses();\n //eslint-disable-next-line\n }, []);\n\n return (\n \n
\n );\n};\n\nconst mapStateToProps = ({ account }) => ({ account });\n\nexport default connect(\n mapStateToProps,\n { getAndUpdateProfile },\n)(Profile);\n","import React from 'react';\nimport { getEventUrl } from 'utils/appHelpers';\nimport { hasAccess } from 'utils/permissionHelper';\nimport { IconArrowLeft } from './components/Icons';\n\nconst BackButton = ({ history, route, noBackRoute, className }) => {\n const path = hasAccess('event_user') ? getEventUrl() : '';\n\n const handleBackClick = () => {\n if (route) {\n history.push(`${path}${route}`);\n return;\n }\n if (!history.goBack && noBackRoute) history.push(`${path}${noBackRoute}`);\n else history.goBack();\n };\n\n return (\n \n
\n My Profile
\n\n
\n \n
\n \n
\n {account.entity && \n
\n \n
\n {!!subscriptions.length && !isEventUser && (\n \n
\n )}\n {/* {!isEventUser && (\n \n
\n )} */}\n {!isEventUser && (\n \n
\n {changeCode && (\n \n )}\n \n Registration Code:
\n \n {changeCode ? (\n setCode(target.value)}\n />\n ) : learnerProfile ? (\n learnerProfile.registrationKey || '-'\n ) : (\n '-'\n )}\n
\n \n
\n )}\n \n
\n {!!certs.length && (\n \n )}\n Certificates:
\n {certs.length}
\n \n
\n {!isEventUser && (\n \n
\n )}\n \n setOpen(!open)}\n role='presentation'\n >\n 
\n {value\n ? `${moment(value.start).format('MM/DD/YYYY')} - ${moment(value.end).format(\n 'MM/DD/YYYY',\n )}`\n : 'Not Selected'}\n {open ?
\n {/* {open && (\n \n {\n onChange(values);\n setOpen(false);\n }}\n value={value}\n />\n
\n )} */}\n \n {\n onChange(values);\n setOpen(false);\n }}\n value={value}\n />\n
\n \n );\n};\n\nexport default DateRange;\n","import React, { useEffect, useState } from 'react';\nimport moment from 'moment';\nimport BackButton from 'shared/BackButton';\nimport { useSelector } from 'react-redux';\nimport DateRange from 'shared/components/DateRangePicker';\nimport { duplicate } from 'utils/appHelpers';\nimport { IconSearch } from 'shared/components/Icons';\nimport {\n SIconResolution,\n SIconLatency,\n SIconBandwidth,\n} from 'shared/components/StatisticTestIcons';\n\nconst DiagnosticsHistory = ({ history }) => {\n const initialData = useSelector(item => item.account.connectionTests);\n const [data, setData] = useState(null);\n const [dateRange, setDateRange] = useState(null);\n\n const initializePage = () => {\n let copiedData = duplicate(initialData);\n const modifiedData = [];\n const parseData = data => {\n try {\n return JSON.parse(data);\n } catch (e) {\n return {};\n }\n };\n if (dateRange) {\n copiedData = copiedData.filter(item => {\n let date = new Date(item.dateTime);\n let start = new Date(dateRange.start);\n let end = new Date(dateRange.end);\n return date >= start && date <= end;\n });\n }\n\n copiedData.forEach(item => {\n if (!item.testData) return;\n const parsedData = parseData(item.testData);\n parsedData.ip = item.hostAddress;\n parsedData.resolution = parsedData.resolution || null;\n parsedData.bandwidth = parsedData.bandwidth || null;\n parsedData.latency = parsedData.latency || null;\n parsedData.browser = parsedData.browser || 'Unknown';\n parsedData.os = parsedData.os || 'Unknown';\n parsedData.id = item.id;\n parsedData.date = moment(item.dateTime).format('MM/DD/YYYY') || 'Unknown';\n modifiedData.push(parsedData);\n });\n setData(modifiedData.reverse());\n };\n\n useEffect(initializePage, [dateRange]);\n return (\n \n
\n );\n};\n\nexport default DiagnosticsHistory;\n","import React, { memo } from 'react';\n\nconst CheckBox = ({ name, label, value, onChange, className, checked }) => {\n return (\n \n
\n \n
\n \n
\n \n \n \n
\n
\n | \n #\n | \nDate | \nResolution | \nLatency | \nBandwidth | \nIP Address | \nBrowser | \nOS Info | \n
|---|---|---|---|---|---|---|---|
| \n {index + 1}\n | \n{date} | \n\n \n {resolution\n ? `Screen: ${resolution.screen}, Window: ${resolution.window}`\n : '-'}\n \n | \n \n \n {latency\n ? `Avg: ${latency.avg}ms, Min: ${latency.min}ms, Max: ${latency.max}ms`\n : '-'}\n \n | \n \n \n {bandwidth\n ? `Received ${Number(bandwidth.received).toFixed(2)} MB in ${Number(\n bandwidth.duration,\n ).toFixed(2)}s`\n : '-'}\n \n | \n {ip || '-'} | \n{browser || '-'} | \n40 ? 'font-size-10' : ''}`}>\n {os || '-'}\n | \n
| \n \n \n | \n |||||||
\n
\n );\n};\n\nexport default memo(CheckBox);\n","import React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { getCourses } from '../Courses/actions';\nimport { findCourseFirstLesson, getError } from 'utils/appHelpers';\nimport { IconCoursesNew } from 'shared/components/Icons';\nimport CourseItem from 'shared/components/CourseItem';\nimport { useSnackbar } from 'notistack';\nimport { Api } from 'utils/connectors';\nimport CheckBox from 'shared/components/CheckBox';\nimport CreatableSelect from 'react-select/creatable';\nimport { hasAccess } from 'utils/permissionHelper';\n\nconst customStyles = {\n placeholder: (provided, state) => ({\n ...provided,\n fontWeight: 300,\n color: '#dddddd',\n }),\n};\n\nconst Courses = ({ courses, history, getCourses, match }) => {\n const isEvent = hasAccess('event_user');\n const { type } = match.params;\n const { enqueueSnackbar } = useSnackbar();\n const [franch, setFranch] = useState();\n const [types, setTypes] = useState(type ? [Number(type)] : []);\n const [courseTags, setCourseTags] = useState([]);\n const [tags, setTags] = useState([]);\n\n const getFranchises = async () => {\n try {\n const { data } = await Api.get('/common/franchise');\n setFranch(data.data);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n const getTags = async () => {\n try {\n const { data } = await Api.get('/tag/Tags', {\n params: {\n limit: 1000,\n },\n });\n setCourseTags(data.data.results);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n const handleFilterChange = id => {\n const newTypes = [...types];\n if (newTypes.includes(Number(id))) {\n newTypes.splice(newTypes.indexOf(id), 1);\n } else {\n newTypes.push(Number(id));\n }\n setTypes(newTypes);\n };\n\n const courseClickHandle = course => {\n findCourseFirstLesson(course, history);\n };\n\n useEffect(() => {\n getCourses();\n getFranchises();\n getTags();\n //eslint-disable-next-line\n }, [getCourses]);\n\n const filteredCourses = courses.filter(item => {\n const hasType = types.length;\n const hasTag = tags.length;\n if (!hasType && !hasTag) return item;\n let result = false;\n\n if (hasType && !hasTag) {\n if (types.length && item.franchises && item.franchises.length) {\n result = types.filter(x => item.franchises.includes(x)).length;\n }\n } else if (!hasType && hasTag) {\n if (tags.length && item.courseTagsIds && item.courseTagsIds.length) {\n result = tags.filter(x => item.courseTagsIds.includes(x.id)).length;\n }\n } else {\n result =\n types.filter(x => item.franchises.includes(x)).length &&\n tags.filter(x => item.courseTagsIds.includes(x.id)).length;\n }\n\n return result;\n });\n\n return (\n \n
\n );\n};\n\nconst mapStateToProps = ({ courses }) => ({\n courses,\n});\n\nexport default connect(\n mapStateToProps,\n { getCourses },\n)(Courses);\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { getCourses } from '../Courses/actions';\nimport { courseSubsStatuses, findCourseFirstLesson } from 'utils/appHelpers';\nimport { IconCourses } from 'shared/components/Icons';\nimport certificate from 'assets/certificate.png';\nimport { hasAccess } from 'utils/permissionHelper';\nimport CourseItem from 'shared/components/CourseItem';\n\nconst Transcript = ({ courses, history, getCourses }) => {\n const all = courses.filter(item => courseSubsStatuses(item.status, 'active'));\n const notCompletedCourses = all.filter(item => item.progress < 100);\n const completedCourses = all.filter(item => item.progress >= 100);\n const isEventUser = hasAccess('event_user');\n\n const courseClickHandle = course => {\n findCourseFirstLesson(course, history);\n };\n\n const goToCertificates = () => {\n history.push('/profile/certificate');\n };\n\n useEffect(() => {\n getCourses();\n }, [getCourses]);\n\n return (\n \n
\n \n \n
\n \n
\n \n
\n {/* \n {franch &&\n franch.map(item => (\n
\n \n setTags(data)}\n options={courseTags}\n isMulti\n getOptionLabel={o => o.name}\n getOptionValue={o => o.id}\n placeholder='Search with tags'\n />\n
*/}\n \n {filteredCourses.map(item => (\n
\n \n Please note that all products and technologies may not be available in all markets.\n
\n {!isEvent && (\n\n Please click on the course thumbnail for course details and to enroll in a course.\n
\n )}\n\n
\n \n );\n};\n\nconst mapStateToProps = ({ courses }) => ({\n courses,\n});\n\nexport default connect(\n mapStateToProps,\n { getCourses },\n)(Transcript);\n","import React, { useState } from 'react';\nimport Modal from 'react-modal';\nimport { connect } from 'react-redux';\nimport InputGroup from 'shared/components/InputGroup';\nimport { useSelector } from 'react-redux';\nimport { Api } from 'utils/connectors';\nimport { IconKey, IconRight } from 'shared/components/Icons';\nimport { useSnackbar } from 'notistack';\nimport { findCourseFirstLesson, getError } from 'utils/appHelpers';\nimport keyImage from 'assets/keyimage.png';\nimport { getCourses } from 'app/Main/routes/Courses/actions';\nimport { useHistory } from 'react-router';\n\nconst SubscriptionModal = ({ data, onModalClose, onSuccess, getCourses }) => {\n const userId = useSelector(item => item.account.id);\n const { enqueueSnackbar } = useSnackbar();\n const [key, setKey] = useState('');\n const [fetching, setFetching] = useState(false);\n const history = useHistory();\n const keyReq = data && data.type === 3;\n\n const subscribe = async () => {\n setFetching(true);\n try {\n await Api.post('/subscription/subscribe', {\n subscriptionId: data.id,\n uniqueKey: key,\n userId,\n });\n await getCourses();\n if (onSuccess) onSuccess();\n enqueueSnackbar(\n keyReq\n ? 'Subscription requested. Pending Activation.'\n : 'You are now enrolled and the course has been added to your transcript.',\n { variant: 'success' },\n );\n onModalClose();\n if (!keyReq && data.courses && data.courses[0]) {\n const course = data.courses[0];\n course.status = 1;\n findCourseFirstLesson(course, history);\n }\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetching(false);\n }\n };\n\n if (!data) return null;\n\n return (\n \n
\n \n \n
\n \n
\n \n )}\n Enrolled
\n\n {notCompletedCourses.map(item => (\n
\n {!isEventUser && (\n <>\n Completed
\n\n {completedCourses.map(item => (\n
\n Certificate
\n\n \n 
\n
\n Certificates
\n{data.name}
\n\n Duration\n {data.time} hours\n
\n \n Parts\n {data.totalCourses} parts\n
\n \n Course Duration\n {data.days} days\n
\n \n Faculty\n {data.totalAuthors || data.authors.length} Faculty\n
\n {keyReq && (\n \n setKey(e.target.value)}\n />\n
\n )}\n \n
\n \n
\n )}\n \n 
\n
\n Find the Key\n \n
\n );\n};\n\nexport default memo(RadioBox);\n","import React from 'react';\nimport ProgressBar from 'shared/components/ProgressBar';\nimport { IconRight, IconKey, IconLock } from 'shared/components/Icons';\nimport { Link } from 'react-router-dom';\nimport { courseSubsStatuses } from 'utils/appHelpers';\n\nconst subsTypes = {\n 1: 'Opened',\n 2: 'Paid',\n 3: (\n <>\n \n
\n );\n};\n\nexport default SubscriptionItem;\n","import { useState, useEffect } from 'react';\n\nconst useDebounce = (value, delay) => {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n return () => {\n clearTimeout(handler);\n };\n }, [value, delay]);\n\n return debouncedValue;\n};\n\nexport default useDebounce;\n","import { formatCourseAuthors } from 'app/Main/routes/Authors/actions';\nimport { formatCourseData } from 'app/Main/routes/Courses/actions';\n\nimport placeholder from 'assets/video.jpg';\n\nconst findSubscriptionAuthors = courses => {\n if (!courses) return [];\n let result = [];\n courses.forEach(({ course }) => {\n if (course) {\n const authors = formatCourseAuthors(course.courseAuthors || []);\n result = [...result, ...authors];\n }\n });\n return result;\n};\n\nexport const formatSubscription = data => {\n return {\n id: data.id,\n name: data.title,\n type: data.subscriptionType,\n questions: data.testQuestions,\n image: data.imageUrl || placeholder,\n info: data.description,\n days: data.courseDuration,\n time: data.planDuration,\n authors: findSubscriptionAuthors(data.courses),\n userSubs: data.userSubscription || (data.userSubscriptions ? data.userSubscriptions[0] : null),\n courses: formatCourseData(data.courses),\n totalCourses: data.totalCourses,\n totalAuthors: data.totalAuthors,\n isSystem: data.isSystem,\n expirable: data.expirable,\n };\n};\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { IconSubscription, IconSearch } from 'shared/components/Icons';\nimport SubscriptionModal from 'shared/components/SubscriptionModal';\nimport RadioBox from 'shared/components/RadioBox';\nimport SubscriptionItem from './components/SubscriptionItem';\nimport ReactPaginate from 'react-paginate';\nimport { Api } from 'utils/connectors';\nimport { getError, courseSubsStatuses } from 'utils/appHelpers';\nimport useDebounce from 'shared/hooks/useDebounce';\nimport { formatSubscription } from 'utils/formatHelpers';\nimport Loading from 'shared/components/Loading';\n\nconst limit = 5;\n\nconst Subscriptions = ({ match }) => {\n const { enqueueSnackbar } = useSnackbar();\n const isAllSubscriptions = !!match.params.type;\n const [userSubs, setUserSubs] = useState([]);\n const [pendingSubs, setPendingSubs] = useState([]);\n const [fetch, setFetch] = useState(false);\n const [subs, setSubs] = useState([]);\n const [search, setSearch] = useState('');\n const [page, setPage] = useState(0);\n const [pageCount, setPageCount] = useState(0);\n const [filter, setFilter] = useState('all');\n const [modalData, setModalData] = useState(null);\n const debouncedSearch = useDebounce(search, 500);\n\n const getSubscriptions = useCallback(async () => {\n try {\n setFetch(true);\n const status = filter === 'all' ? null : filter;\n const params = { page: page + 1, limit, type: status, search: debouncedSearch };\n const { data } = await Api.get('/subscription/getsubscriptions', { params });\n const tempData = data.data.results.map(item => formatSubscription(item));\n setSubs(tempData);\n setPageCount(Math.ceil(data.data.count / limit));\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n setPageCount(0);\n } finally {\n setFetch(false);\n }\n }, [debouncedSearch, enqueueSnackbar, filter, page]);\n\n const getUserSubscription = useCallback(async () => {\n try {\n const { data } = await Api.get(`/subscription/getusersubscriptions`);\n const tempData = data.data.map(item => formatSubscription(item));\n const userSubsData = tempData.filter(\n item => !courseSubsStatuses(item.userSubs.userSubscriptionStatus, 'pending'),\n );\n const pendingSubsData = tempData.filter(item =>\n courseSubsStatuses(item.userSubs.userSubscriptionStatus, 'pending'),\n );\n setUserSubs(userSubsData);\n setPendingSubs(pendingSubsData);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n }, [enqueueSnackbar]);\n\n const handleFilterChange = ({ target }) => {\n setFilter(target.value);\n setPage(0);\n };\n\n const handleSearchChange = ({ target }) => {\n setSearch(target.value);\n };\n\n const onPageChange = ({ selected }) => {\n setPage(selected);\n };\n\n const onSubscribeSuccess = () => {\n setSubs([]);\n setUserSubs([]);\n getUserSubscription();\n getSubscriptions();\n };\n\n useEffect(() => {\n getUserSubscription();\n }, [getUserSubscription]);\n\n useEffect(() => {\n getSubscriptions();\n }, [page, debouncedSearch, getSubscriptions]);\n\n return (\n <>\n \n
\n {isSubscribed && !isPending && (\n \n {isDisabled && (\n \n
\n \n
\n )}\n \n
\n {item.name}
\n- \n
- {subsTypes[item.type] || '-'} \n
- {item.time} hours \n
- {item.totalCourses || 0} Courses \n
- {item.expirable ? `${item.days} days` : 'No Expiration'} \n
- \n More info\n \n
\n
\n )}\n {isSubscribed && isPending && (\n \n \n Start:\n {userCourse.startDate.substr(0, 10)}\n \n {userCourse.progress === 100 && (\n \n End:\n {userCourse.endDate.substr(0, 10)}\n \n )}\n
\n \n Progress {userCourse.progress || 0}%\n
\n Request Sent
\n )}\n {!isSubscribed && (\n \n \n
\n )}\n \n
\n \n \n
\n \n {!isAllSubscriptions && (\n
\n {modalData && (\n \n
\n )}\n {isAllSubscriptions && (\n My Subscriptions
\n {userSubs &&\n userSubs.map((item, index) => (\nRequested Subscriptions
\n )}\n {pendingSubs &&\n pendingSubs.map((item, index) => (\n\n
\n )}\n Available Plans
\n\n
\n {fetch && \n
\n \n
\n \n {subs &&\n subs.map((item, index) => (\n setModalData(item)}\n />\n ))}\n
\n )}\n {subs && !subs.length && !fetch && (\n Subscriptions not found
\n )}\n {pageCount > 1 && (\n \n })
\n
\n \n {author.name} {author.surname}\n \n {author.profession}
\n {!isShort && (\n <>\n{author.description}
\n \n {/*\n \n {data.map(item => (\n \n
\n );\n};\n\nexport default AuthorsList;\n","import React, { useState } from 'react';\nimport { bindDuration } from 'utils/appHelpers';\n\nconst CoursesList = ({ data }) => {\n const [activeIndex, setActiveIndex] = useState(0);\n\n const toggleAccordion = index => setActiveIndex(activeIndex === index ? null : index);\n\n if (!data || !data.length) return null;\n return (\n \n {data.map((item, index) => (\n
\n );\n};\n\nexport default CoursesList;\n","import React, { useEffect, useState, useCallback } from 'react';\nimport { connect } from 'react-redux';\nimport { useSnackbar } from 'notistack';\nimport { IconRight, IconKey } from 'shared/components/Icons';\nimport { Api } from 'utils/connectors';\nimport { getError, courseSubsStatuses } from 'utils/appHelpers';\nimport { formatSubscription } from 'utils/formatHelpers';\nimport SubscriptionModal from 'shared/components/SubscriptionModal';\nimport Loading from 'shared/components/Loading';\nimport ProgressBar from 'shared/components/ProgressBar';\nimport AuthorsList from './components/AuthorsList';\nimport CoursesList from './components/CoursesList';\nimport ButtonLoading from 'shared/components/ButtonLoading';\nimport { getCourses } from '../Courses/actions';\nimport BackButton from 'shared/BackButton';\n\nconst subsTypes = {\n 1: 'Opened',\n 2: 'Paid',\n 3: (\n <>\n - \n
- \n
- \n {item.lessons.map(lesson => (\n
- \n {lesson.name}\n {bindDuration(lesson.duration)}\n \n ))}\n
\n )}\n
\n
\n \n \n
\n \n
\n {item.name}
\n\n
\n lesson: {item.lessons.length || 0}
\n Faculty: {item.authors.length || 0}
\n {item.description}
\n \n {activeIndex === index && (\n\n
\n \n \n
\n \n
\n {modalData && (\n \n
\n {subscription.info}
\nFaculty
\n {subscription.authors && subscription.authors.length > 0 && (\nCourses
\n {subscription.courses && subscription.courses.length > 0 && (\n\n
\n \n 
\n
\n \n {subscription.name}\n
\n{subsTypes[subscription.type] || '-'}
\n \n Duration\n {subscription.time} hours\n
\n \n Parts\n {subscription.courses ? subscription.courses.length : '0'} parts\n
\n \n Validity\n {subscription.expirable ? `${subscription.days} days` : 'No Expiration'}\n
\n \n Faculty\n {subscription.authors.length} Faculty\n
\n {isDeclined && (\n \n setModalData(subscription)}\n >\n Subscribe now
\n )}\n {isAccepted && (\n <>\n \n
\n \n \n Start On:\n {subscription.userSubs.startDate.substr(0, 10)}\n \n {!!subscription.expirable && (\n \n End On:\n {subscription.userSubs.endDate.substr(0, 10)}\n \n )}\n
\n\n \n \n Progress {subscription.userSubs.progress || 0}%\n \n
\n \n \n {fetch ?
\n \n )}\n {isPending && Request Sent
}\n \n {children}\n
\n );\n};\nconst DropdownBody = ({ children }) => {\n return {children}
;\n};\n\nconst DropDown = ({ children, className = '' }) => {\n const [open, toggleDropdown] = useState(false);\n\n useEffect(() => {\n if (open) listenToOutsideClick(toggleDropdown);\n }, [open]);\n\n return (\n \n {cloneElement(children[0], { onClick: () => toggleDropdown(!open) })}\n {open && children[1]}\n
\n );\n};\n\nexport { DropDown, DropdownHeader, DropdownBody };\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { IconAuthorsNew } from 'shared/components/Icons';\nimport { DropDown, DropdownHeader, DropdownBody } from 'shared/components/DropDown';\nimport { hasAccess } from 'utils/permissionHelper';\nimport { getEventUrl } from 'utils/appHelpers';\n\nconst avatarPlaceholder =\n 'https://i1.wp.com/ggrmlawfirm.com/wp-content/uploads/avatar-placeholder.png?fit=256%2C256&ssl=1';\n\nconst AuthorsDropdown = ({ data = [] }) => {\n const path = hasAccess('event_user') ? getEventUrl() : '';\n return (\n - \n {data.length > 0 &&\n data.map(item => {\n const { id, name = '', surname, profession = '', image } = item;\n return (\n
- \n \n \n\n
\n
\n \n {name} {surname}\n \n {profession}\n
\n \n \n );\n })}\n {!data.length && - No results found... }\n
\n {!isEventUser && (\n \n Progress \n Certificate
\n );\n};\nexport default CourseHeaderRightNav;\n","import React from 'react';\nimport AuthorsDropdown from './AuthorsDropdown';\nimport BackButton from 'shared/BackButton';\nimport CourseHeaderRightNav from './CourseHeaderRightNav';\nimport { hasAccess } from 'utils/permissionHelper';\n\nconst HeaderSection = ({ course, history }) => {\n return (\n \n
\n );\n};\nexport default HeaderSection;\n","import React from 'react';\n\nconst InfoSection = ({ info }) => (\n \n
\n {course.name}
\n \n
\n \n
\n);\nexport default InfoSection;\n","import React from 'react';\nimport { IconPlayFill, IconLock, IconVideos } from 'shared/components/Icons';\nimport { bindDuration, getEventUrl } from 'utils/appHelpers';\nimport { hasAccess } from 'utils/permissionHelper';\n\nconst LessonsListSection = ({ lessons, activeLessonn, history, courseId }) => {\n const path = hasAccess('event_user') ? getEventUrl() : '';\n\n const lessonClickHandle = (lesson, e) => {\n if (lesson.status !== 1) {\n e.preventDefault();\n return;\n }\n\n const isPLayButton = e.target.ariaLabel === 'lessonPlay';\n\n if (!isPLayButton) {\n history.push(`${path}/courses/${courseId}/${lesson.type}/${lesson.id}`);\n return;\n }\n\n const lessonPath = `${path}/courses/${courseId}/${lesson.type}/${lesson.id}`;\n\n if (lesson.type === 'cases') {\n history.push(`${lessonPath}/play`);\n } else if (lesson.type === 'video') {\n history.push(`${lessonPath}/auto`);\n } else {\n history.push(`${lessonPath}`);\n }\n\n window.scrollTo(0, 0);\n };\n\n return (\n Info:
\n{info}
\n\n {lessons &&\n lessons.map(lesson => {\n const Icon = lesson.status === 1 ? IconPlayFill : IconLock;\n const active = lesson.id === activeLessonn.id;\n const isFeedback = lesson.type === 'feedback';\n return (\n \n
\n );\n })}\n \n );\n};\n\nexport default LessonsListSection;\n","import React, { useRef, useState, useEffect } from 'react';\nimport { useDispatch, connect } from 'react-redux';\nimport { Player, BigPlayButton } from 'video-react';\nimport { IconPlayFill, IconLock } from 'shared/components/Icons';\nimport { Api } from 'utils/connectors';\nimport { onCourseUpdate, getCourses } from 'app/Main/routes/Courses/actions';\nimport { bindDuration } from 'utils/appHelpers';\n\nlet activeTime = 0;\nlet lastSendTime = 0;\nlet checkTime = 0;\nlet videoFinish = false;\n\nconst TypeVideo = ({ lesson, course, getCourses, action }) => {\n const dispatch = useDispatch();\n const [activePart, setActivePart] = useState(lesson.episodes[0]);\n const player = useRef(null);\n const videoSettings = {\n src: lesson.url,\n fluid: false,\n preload: 'auto',\n height: 465,\n };\n\n const epsiodeTimes = lesson.episodes.map(item => item.time);\n\n const updateLessonsTimeAndEpisode = episodeId => {\n const tempCourse = { ...course };\n const lessonIndex = tempCourse.lessons.findIndex(item => item.id === lesson.id);\n const tempLesson = tempCourse.lessons[lessonIndex];\n const episodeIndex = tempLesson.episodes.findIndex(item => item.id === episodeId);\n const tempEpisode = tempLesson.episodes[episodeIndex];\n tempLesson.completed = activeTime;\n tempEpisode.status = 1;\n if (!videoFinish) dispatch(onCourseUpdate(tempCourse));\n };\n\n const autoSelectEpisode = ({ currentTime, seeking }) => {\n const videoTime = Math.ceil(currentTime);\n if (!videoTime || videoTime === checkTime || seeking) return;\n let activeKey = 0;\n checkTime = videoTime;\n epsiodeTimes.forEach((item, key) => {\n if (checkTime >= item) activeKey = key;\n });\n updateLessonsTimeAndEpisode(lesson.episodes[activeKey].id);\n setActivePart(lesson.episodes[activeKey]);\n };\n\n const sendLessonTime = async (time, videoFinished) => {\n const completed = time > lesson.duration ? lesson.duration : time;\n const body = { lessonId: lesson.id, completed };\n if (videoFinished) {\n await Api.post('/courses/updateuserlesson', body);\n getCourses();\n } else {\n Api.post('/courses/updateuserlesson', body);\n }\n };\n\n const updateLessonTime = time => {\n const sendTime = Math.ceil(time);\n if (sendTime % 5 === 0 && sendTime > activeTime && sendTime !== lastSendTime) {\n lastSendTime = sendTime;\n sendLessonTime(sendTime);\n }\n };\n\n const handleCanSkipEpisode = () => {\n const epsiodeIndex = lesson.episodes.findIndex(i => i.id === activePart.id);\n const nextEpisode = lesson.episodes[epsiodeIndex + 1];\n if (nextEpisode) {\n activeTime = nextEpisode.time;\n updateLessonsTimeAndEpisode(nextEpisode.id);\n } else {\n activeTime = lesson.duration;\n sendLessonTime(lesson.duration, true);\n }\n };\n\n const handleStateChange = nextState => {\n autoSelectEpisode(nextState);\n if (nextState.currentTime > activeTime) {\n if (!nextState.seeking) {\n activeTime = Math.max(activeTime, nextState.currentTime);\n if (activePart.canSkipAfter && activeTime >= activePart.canSkipAfter) {\n handleCanSkipEpisode();\n }\n updateLessonTime(activeTime);\n if (Math.ceil(activeTime) === Math.ceil(nextState.duration) && !videoFinish) {\n videoFinish = true;\n sendLessonTime(Math.ceil(nextState.duration), true);\n }\n } else {\n player.current.seek(activeTime);\n }\n }\n };\n\n const handlePartSelect = episode => {\n if (episode.status !== 1) return;\n player.current.seek(episode.time);\n setActivePart(episode);\n };\n\n const setLastViewedTime = lesson => {\n if (lesson.completed < lesson.duration) player.current.seek(lesson.completed);\n };\n\n const lessonStartLog = () => {\n Api.post('/courses/lesson/start', {\n courseId: course.id,\n lessonId: lesson.id,\n });\n };\n\n useEffect(() => {\n activeTime = lesson.completed || 0;\n setLastViewedTime(lesson);\n const subs = player.current.subscribeToStateChange(handleStateChange);\n const pCurrent = player.current;\n if (action && action === 'auto') {\n pCurrent.play();\n }\n return function cleanup() {\n pCurrent.pause();\n subs();\n };\n //eslint-disable-next-line\n }, [lesson]);\n\n useEffect(() => {\n activeTime = lesson.completed || 0;\n lastSendTime = 0;\n checkTime = 0;\n videoFinish = false;\n }, [lesson]);\n\n useEffect(() => {\n lessonStartLog();\n //eslint-disable-next-line\n }, []);\n\n return (\n <>\n \n 
}\n
\n {!isFeedback && (\n \n
\n {lesson.image && \n
\n {lesson.name}
\n{lesson.description}
\n\n {lesson.episodes && (\n \n {lesson.episodes.length}
\n )}\n {bindDuration(lesson.duration)}
\n\n \n \n
\n \n
\n \n \n );\n};\n\nexport default connect(\n null,\n { getCourses },\n)(TypeVideo);\n","import React, { useState, createRef, useEffect } from 'react';\nimport { useDispatch, connect } from 'react-redux';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport { Api } from 'utils/connectors';\nimport { onCourseUpdate, getCourses } from 'app/Main/routes/Courses/actions';\n\nconst pdfVersion = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\npdfjs.GlobalWorkerOptions.workerSrc = pdfVersion;\n\nconst TypePDF = ({ lesson, course, getCourses }) => {\n const dispatch = useDispatch();\n const [page, setPage] = useState(1);\n const [pages, setPages] = useState([]);\n const pdfContainerRef = createRef();\n let scrollingOffset = 0;\n let PDFNode = null;\n const width = window.innerWidth - 230 - 310;\n\n const updateLessonsTimeAndEpisode = page => {\n const tempCourse = { ...course };\n const lessonIndex = tempCourse.lessons.findIndex(item => item.id === lesson.id);\n const tempLesson = tempCourse.lessons[lessonIndex];\n tempLesson.completed = page;\n dispatch(onCourseUpdate(tempCourse));\n };\n\n const sendLessonTime = page => {\n const body = { lessonId: lesson.id, completed: page };\n Api.post('/courses/updateuserlesson', body);\n updateLessonsTimeAndEpisode(page);\n getCourses();\n };\n\n const onDocumentLoadSuccess = document => {\n const { numPages } = document;\n setPages(new Array(numPages).fill(1));\n };\n\n const selectPage = index => {\n if (!PDFNode) {\n PDFNode = Array.from(pdfContainerRef.current.children).find(\n elem => elem.className === 'react-pdf__Document' && elem,\n );\n }\n setTimeout(() => {\n PDFNode.scrollTop = 0;\n setPage(index + 1);\n }, 0);\n };\n\n const handlePdfScrolling = () => {\n if (pages.length < 2) return;\n if (!PDFNode) {\n PDFNode = Array.from(pdfContainerRef.current.children).find(\n elem => elem.className === 'react-pdf__Document' && elem,\n );\n }\n const { scrollHeight, scrollTop, clientHeight } = PDFNode;\n const scrolledTillEnd = scrollTop + clientHeight === scrollHeight;\n\n setTimeout(() => {\n const nextCondition = scrollingOffset < scrollTop && scrolledTillEnd && page !== pages.length;\n const prevCondition = scrollingOffset > scrollTop && scrollTop === 0 && page !== 1;\n if (nextCondition) {\n PDFNode.scrollTop = 1;\n setPage(page + 1);\n } else if (prevCondition) {\n PDFNode.scrollTop = scrollHeight - clientHeight - 1;\n setPage(page - 1);\n }\n scrollingOffset = scrollTop;\n }, 0);\n };\n\n useEffect(() => {\n if (page > lesson.completed) {\n sendLessonTime(page);\n }\n //eslint-disable-next-line\n }, [page]);\n\n return (\n <>\n {lesson.name} - Chapters
\n\n {lesson.episodes &&\n lesson.episodes.map((item, index) => {\n const active = item.status === 1;\n const Icon = active ? IconPlayFill : IconLock;\n const selected = activePart && activePart.name === item.name ? 'active' : '';\n const disabled = !active ? 'disabled' : '';\n return (\n handlePartSelect(item)}\n role='button'\n tabIndex='-1'\n key={item.name + index}\n className={`part-item d-flex align-items-center px-3 ${disabled} ${selected}`}\n >\n
\n );\n })}\n \n
\n \n
\n {item.name}
\n{bindDuration(item.time)}
\n\n \n
\n \n
\n \n \n );\n};\n\nexport default connect(\n null,\n { getCourses },\n)(TypePDF);\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport placeholder from 'assets/case_placeholder.jpg';\nimport { IconPlayFill } from 'shared/components/Icons';\nimport { hasAccess } from 'utils/permissionHelper';\nimport { getEventUrl } from 'utils/appHelpers';\n\nconst TypeCases = ({ lesson, course }) => {\n const path = hasAccess('event_user') ? getEventUrl() : '';\n return (\n {lesson.name} - Chapters
\n\n {pages.map((item, index) => (\n selectPage(index)}\n role='button'\n tabIndex='-1'\n key={index}\n className={`part-item d-flex align-items-center px-3 ${\n index + 1 === page ? 'active' : ''\n }`}\n >\n
\n ))}\n \n
\n Page N{index + 1}
\n\n \n 
\n
\n );\n};\n\nexport default TypeCases;\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { Api } from 'utils/connectors';\nimport { getCourses } from 'app/Main/routes/Courses/actions';\n\nconst TypeImage = ({ lesson, getCourses, params }) => {\n const updateLesson = async () => {\n const body = { lessonId: Number(params.lessonId), completed: 1 };\n await Api.post('/courses/updateuserlesson', body);\n getCourses();\n };\n\n useEffect(() => {\n updateLesson();\n //eslint-disable-next-line\n }, []);\n\n return (\n \n \n
\n );\n};\n\nexport default connect(\n null,\n { getCourses },\n)(TypeImage);\n","import React from 'react';\nimport BackButton from 'shared/BackButton';\nimport CourseHeaderRightNav from '../CourseView/components/CourseHeaderRightNav';\n\nconst CourseHeader = ({ history, course }) => (\n \n
\n);\nexport default CourseHeader;\n","import React, { useState } from 'react';\nconst rates = [0, 1, 2, 3, 4];\n\nconst StarRating = ({ onClick, rate = null, isDisabled }) => {\n const [value, setValue] = useState(rate);\n\n const onRate = v => {\n const result = 5 - v;\n setValue(result);\n onClick(result);\n };\n\n return (\n \n
\n \n
\n );\n};\n\nexport default StarRating;\n","import React, { useEffect, useState } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport FeedbackHeader from './FeedbackHeader';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\n\nimport FeedCheckbox from './components/FeedCheckbox';\nimport FeedRating from './components/FeedRating';\nimport FeedSelect from './components/FeedSelect';\nimport FeedText from './components/FeedText';\nimport Loading from 'shared/components/Loading';\nimport { getCourses } from '../Courses/actions';\n\nconst feedItemsComp = {\n rating: FeedRating,\n radio: FeedSelect,\n checkbox: FeedCheckbox,\n text: FeedText,\n};\n\nconst CourseFeedback = ({ history, match, lesson, getCourses, course }) => {\n const { courseId } = match.params;\n const { enqueueSnackbar } = useSnackbar();\n const [userFeedBack, setUserFeedBack] = useState();\n const [feedItems, setFeedItems] = useState();\n const [fetch, setFetch] = useState(false);\n const [answers, setAnswers] = useState({});\n const courseCompleted = lesson && lesson.status === 1;\n\n const getUserFeedback = async () => {\n try {\n const { data } = await Api.get(`/feedback/getuserfeedbacks/me/${courseId}`);\n const res = {};\n data.data.forEach(item => {\n res[item.courseFeedbackId] = item.value;\n });\n setAnswers(res);\n setUserFeedBack(data.data);\n } catch (err) {\n setUserFeedBack([]);\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n const getCourseFeedback = async () => {\n try {\n const { data } = await Api.get(`/feedback/getcoursefeedbacks/${courseId}`);\n const res = data.data.map(item => ({ ...item.feedback, id: item.id }));\n setFeedItems(res);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n const updateLesson = async () => {\n const body = { lessonId: Number(lesson.id), completed: 1 };\n await Api.post('/courses/updateuserlesson', body);\n getCourses();\n };\n\n const handleSubmit = async e => {\n e.preventDefault();\n try {\n setFetch(true);\n const feedbacks = Object.keys(answers).map(item => ({\n courseFeedbackId: item,\n value: answers[item],\n }));\n const body = { feedbacks };\n const { data } = await Api.post('/feedback/set', body);\n updateLesson();\n getUserFeedback();\n enqueueSnackbar(data.message, { variant: 'success' });\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n const handleChange = data => {\n const tempAnswers = { ...answers };\n tempAnswers[data.id] = data.value;\n setAnswers(tempAnswers);\n };\n\n useEffect(() => {\n if (courseCompleted) {\n getUserFeedback();\n getCourseFeedback();\n }\n //eslint-disable-next-line\n }, [courseCompleted]);\n\n if ((!feedItems || !userFeedBack) && courseCompleted) return \n {rates.map(v => (\n = 5 - v ? 'active' : ''}`}\n key={v}\n onClick={() => onRate(v)}\n role='presentation'\n >\n ☆\n \n ))}\n
\n \n
\n );\n }\n\n return (\n \n No Evaluation is available for this course\n
\n \n
\n );\n};\n\nexport default connect(\n null,\n { getCourses },\n)(CourseFeedback);\n","import React from 'react';\nimport StarRating from 'shared/components/StarRating';\n\nconst FeedRating = ({ data, onChange, answers, isDisabled }) => {\n return (\n \n \n
\n )}\n {!courseCompleted && (\n \n Course evaluation will be available after completion of the course.\n
\n )}\n \n \n
\n \n \n
\n \n {!isAnswered ? (\n
\n \n \n
\n \n {!isAnswered\n ? items.map(item => (\n
\n \n \n {item.name}\n \n
\n ))\n : items.map(item => (\n \n {answers[data.id] ? 'Yes' : 'No'}\n
\n ))}\n \n \n
\n {!isAnswered ? (\n \n \n {fetch ? \n \n )}\n {isSent && (\n <>\n
\n );\n};\n\nexport default connect(\n null,\n { getCourses },\n)(ExpiredView);\n","import React from 'react';\n\nconst TagsViewBlock = ({ tags }) => {\n return null;\n if (!tags || !tags.length) return null;\n return (\n Usage period has expired
\n {!isSent && (\n <>\nYou can request to extend access by one additional period.
\n\n A request will be sent to “{course.name}” subscription administrator\n
\nYour request to extend usage period has been sent.
\n\n You will receive a notification as soon as course administrator changes your access\n period.\n
\n \n )}\n\n
\n );\n};\n\nexport default TagsViewBlock;\n","import React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport HeaderSection from './components/HeaderSection';\nimport InfoSection from './components/InfoSection';\nimport LessonsListSection from './components/LessonsListSection';\nimport TypeVideo from './components/TypeVIdeo';\nimport TypePDF from './components/TypePDF';\nimport TypeCases from './components/TypeCases';\nimport TypeImage from './components/TypeImage';\nimport moment from 'moment';\nimport Loading from 'shared/components/Loading';\nimport CourseFeedback from '../CourseFeedback';\nimport { findCourseFirstLesson, getEndOfSubs } from 'utils/appHelpers';\nimport ProgressBar from 'shared/components/ProgressBar';\nimport ExpiredView from './components/ExpiredView';\nimport TagsViewBlock from 'shared/components/TagsViewBlock';\n\nconst viewsComponents = {\n video: TypeVideo,\n pdf: TypePDF,\n cases: TypeCases,\n image: TypeImage,\n};\n\nconst CourseView = props => {\n const { match, courses, history } = props;\n const [lesson, setLesson] = useState();\n const { courseId, type, lessonId, action } = match.params;\n const course = courses.find(item => item.id === Number(courseId));\n const { expirable, expire, isOpened } = course;\n const isExpired = expirable && expire ? moment(expire).diff(new Date()) <= 0 : false;\n\n useEffect(() => {\n setLesson(course.lessons.find(lesson => lesson.id === Number(lessonId)));\n //eslint-disable-next-line\n }, [match.params]);\n\n if (!type || !lessonId) {\n findCourseFirstLesson(course, history);\n return null;\n }\n\n if (isExpired)\n return (\n Tags
\n\n {tags &&\n tags.map(item => {\n const tag = item.tag || item;\n return (\n
\n \n {tag.name}\n
\n );\n })}\n \n
\n );\n\n if (type === 'feedback') {\n return \n
\n );\n};\n\nconst mapStateToProps = ({ courses }) => ({\n courses,\n});\n\nexport default connect(\n mapStateToProps,\n {},\n)(CourseView);\n","import React, { useState } from 'react';\nimport { connect } from 'react-redux';\nimport AuthorBox from 'shared/components/AuthorBox';\nimport { IconAuthorsNew } from 'shared/components/Icons';\n\nconst Authors = ({ authors }) => {\n const [active, setActive] = useState();\n\n const onSeeMoreClick = (index, e) => {\n e.preventDefault();\n setActive(active === index ? '' : index);\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n {!isOpened && (\n
\n \n
\n )}\n {getEndOfSubs(course.expire, course.expirable)}
\n\n
\n \n \n
\n \n
\n \n );\n};\n\nconst mapStateToProps = ({ authors }) => ({\n authors,\n});\n\nexport default connect(\n mapStateToProps,\n {},\n)(Authors);\n","/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */\nimport React from 'react';\nimport { IconAbout } from 'shared/components/Icons';\nimport { confirmAlert } from 'react-confirm-alert';\nimport CopyRightInfo from 'shared/components/CopyRightInfo';\n\nconst specialities = [\n {\n id: 1,\n name: 'GYN SURGICAL',\n desc:\n 'Minimally invasive GYN treatment options for women who suffer from abnormal uterine bleeding.',\n img: 'https://hologiced.com/wp-content/uploads/2018/06/uterus-1-1.png',\n link: 'https://hologiced.com/gyn-surgical/',\n },\n {\n id: 2,\n name: 'DIAGNOSTIC',\n desc:\n 'Innovative technology for cervical cancer screening, testing for STIs and vulvovaginal infections, and preterm labor assessment.',\n img: 'https://hologiced.com/wp-content/uploads/2018/06/diagnostic-icon.svg',\n link: 'https://hologiced.com/diagnostic/',\n },\n {\n id: 3,\n name: 'BREAST',\n desc:\n 'Life-saving solutions accelerated by cutting edge science for early detection, more certain diagnosis and accurate, compassionate treatment',\n img: 'https://hologiced.com/wp-content/uploads/2018/06/breast-icon.svg',\n link: 'https://hologiced.com/breast-health/',\n },\n {\n id: 4,\n name: 'SKELETAL',\n desc:\n 'Clinical images that enable doctors to make more informed diagnoses and treatment decisions in time to have a positive impact on patient’s health.',\n img: 'https://hologiced.com/wp-content/uploads/2018/06/skeletal-icon.svg',\n link: 'https://hologiced.com/skeletal-health/',\n },\n];\n\nconst About = () => {\n const goWithLink = (url, e) => {\n e.preventDefault();\n if (!url) return;\n confirmAlert({\n message:\n 'A new browser tab will now be opened. You can close it at any time and come back to this tab to continue.',\n buttons: [\n {\n label: 'Continue',\n onClick: () => window.open(url, '_blank'),\n },\n {\n label: 'Close',\n },\n ],\n });\n };\n\n return (\n <>\n \n {authors &&\n authors.map((item, index) => (\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n The mission of Hologic Medical Education is to improve patient care through excellence\n in education, communication of clinical and scientific evidence, and partnerships with\n the healthcare community.\n
\n\n AREAS OF SPECIALTY\n
\n\n {specialities.map(item => (\n \n {item.name}\n \n
\n ))}\n \n \n 
\n
\n {item.desc}
\n\n
\n );\n};\n\nexport default Contacts;\n","import React, { useState, useEffect, useCallback } from 'react';\nimport BackButton from 'shared/BackButton';\nimport { useSnackbar } from 'notistack';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport { IconSearch } from 'shared/components/Icons';\nimport ReactPaginate from 'react-paginate';\nimport moment from 'moment';\n\nconst limit = 8;\n\nconst Messages = ({ history }) => {\n const { enqueueSnackbar } = useSnackbar();\n const [fetch, setFetch] = useState(false);\n const [data, setData] = useState(null);\n const [page, setPage] = useState(0);\n const [pageCount, setPageCount] = useState(0);\n\n const getMessages = useCallback(async () => {\n try {\n setFetch(true);\n const params = { page: page + 1, limit };\n const { data } = await Api.get('/common/getusercontacts', { params });\n setData(data.data.results);\n setPageCount(Math.ceil(data.data.count / limit));\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n setPageCount(0);\n } finally {\n setFetch(false);\n }\n }, [enqueueSnackbar, page]);\n\n const onPageChange = ({ selected }) => {\n setPage(selected);\n };\n\n useEffect(() => {\n getMessages();\n }, [page, getMessages]);\n\n return (\n \n
\n \n \n
\n \n
\n \n \n
\n \n {/*
\n \n
*/}\n \n Didn't find a solution to your problem?
\n For US customers please contact through the support form or direct email at{' '}\n \n Selenia.Support@hologic.com\n \n .
\n
\n For Australia or New Zealand customers please contact through the support form
{' '}\n or direct email at{' '}\n \n ANZonlinevirtualtomo@hologic.com\n \n .
\n
© 2013-2020 Hologic, Inc.
\n\n
\n );\n};\n\nexport default Messages;\n","import React, { useEffect, useState } from 'react';\nimport { IconEducation } from 'shared/components/Icons';\nimport { Api } from 'utils/connectors';\nimport Loading from 'shared/components/Loading';\n\nconst PrivacyAndPolicy = () => {\n const [html, setHtml] = useState();\n\n const getPrivacyData = async () => {\n const { data } = await Api.get('/common/privacy');\n setHtml(data);\n };\n\n useEffect(() => {\n getPrivacyData();\n }, []);\n\n if (!html) return \n
\n \n
\n \n \n \n
\n {pageCount > 1 && (\n
\n | \n Date \n | \n \n Ticket Number \n | \n \n Name \n | \n \n Reply-To \n | \n \n Category \n | \n \n Description \n | \n |
|---|---|---|---|---|---|---|
| \n \n {item.createdAt ? moment(item.createdAt).format('MM/DD/YYYY') : ''}\n \n | \n \n {item.ticketSeq || '-'} \n | \n \n {item.name || 'Unknown'} \n | \n \n {item.email || '-'} \n | \n \n {item.category || '-'} \n | \n \n {item.text} \n | \n |
| \n \n \n | \n ||||||
\n
\n \n \n
\n \n
\n \n );\n};\n\nexport default PrivacyAndPolicy;\n","import React from 'react';\n\nimport iconMagnifier from 'assets/tools/8p.svg';\nimport iconToggle from 'assets/tools/7p.svg';\nimport iconInteractiveZoom from 'assets/tools/6p.svg';\nimport iconMove from 'assets/tools/5p.svg';\nimport iconReset from 'assets/tools/4p.svg';\nimport iconBrightness from 'assets/tools/9p.svg';\nimport iconFinding from 'assets/tools/2p.svg';\nimport iconMaximize from 'assets/arrows/2p.svg';\nimport iconMinimize from 'assets/arrows/4p.svg';\nimport iconStudyOverview from 'assets/stepsnew/1n.svg';\nimport iconCC from 'assets/stepsnew/2n.svg';\nimport iconMLO from 'assets/stepsnew/3n.svg';\nimport iconCCRight2D from 'assets/stepsnew/4n.svg';\nimport iconMLORight2D from 'assets/stepsnew/5n.svg';\nimport iconCCLeft2D from 'assets/stepsnew/6n.svg';\nimport iconMLOLeft2D from 'assets/stepsnew/7n.svg';\nimport iconRightBrest from 'assets/stepsnew/8n.svg';\nimport iconLeftBrest from 'assets/stepsnew/9n.svg';\nimport iconAssessment from 'assets/stepsnew/11n.svg';\nimport iconDiagnostic from 'assets/stepsnew/heatmapn.svg';\nimport iconComments from 'assets/stepsnew/12n.svg';\n\n// Temporary Icons\n// import iconStructuredRoaming from 'assets/temp_icons/icon_quadrant_roaming.png';\n// import iconInvert from 'assets/tools/9p.svg';\n// import iconStack from 'assets/temp_icons/icon_stack.png';\nimport iconFindingsShow from 'assets/tools/1p.svg';\nimport iconFindingsDelete from 'assets/tools/10p.svg';\nimport iconSteps from 'assets/stepchange.png';\nimport iconCases from 'assets/casechange.png';\n// contact, print\n\nexport const viewerDialogJson = {\n zoomAndMagnificationTool: [\n {\n description: 'Magnifier',\n icon: iconMagnifier,\n buttons: [], // ['R'],\n },\n {\n description: 'Interactive zoom',\n icon: iconInteractiveZoom,\n buttons: [], // ['Z'],\n },\n {\n description:\n 'Full resolution mode: Clicking on the image will show in original full resolution. By clicking on it again, will toggle back to fit to viewer mode.',\n icon: iconToggle,\n buttons: [], // ['Shift', 'Z'],\n },\n {\n description: 'Maximize viewer',\n icon: iconMaximize,\n buttons: [], // ['Shift', 'M'],\n },\n // {\n // description:\n // 'Structured roaming: Moves through zoomed views to make sure the whole tissue is displayed.',\n // icon: iconStructuredRoaming,\n // buttons: [], // ['TAB'],\n // },\n {\n description: 'Panning/moving image (also via right mouse button)',\n icon: iconMove,\n buttons: [], // ['P'],\n },\n {\n description: 'Reset viewers: Changes zoom and window/level to initial values',\n icon: iconReset,\n buttons: [], // ['Shift', 'R'],\n },\n ],\n otherTools: [\n {\n description: 'Change window/level settings',\n icon: iconBrightness,\n buttons: [], // ['W'],\n },\n // {\n // description: 'Invert images',\n // icon: iconInvert,\n // buttons: [], // ['I'],\n // },\n // {\n // description: 'Stacking/Slicing (also via ↑ / ↓ or scroll wheel) ',\n // icon: iconStack,\n // buttons: [], // ['↑', '↓', 'S'],\n // },\n {\n description: 'Finding tool: Allows to place arrows at regions of interest.',\n icon: iconFinding,\n buttons: [], // ['F'],\n },\n {\n description: 'Show Markings',\n icon: iconFindingsShow,\n buttons: [], // ['Shift', 'F'],\n },\n {\n description: 'Delete Markings',\n icon: iconFindingsDelete,\n buttons: [], // ['Shift', 'F'],\n },\n ],\n navigation: [\n {\n description: 'Full screen on',\n icon: iconMaximize,\n buttons: [], // ['0'],\n },\n {\n description: 'Full screen off',\n icon: iconMinimize,\n buttons: [], // ['0', 'Esc'],\n isSlash: true,\n },\n {\n description:\n 'Hanging Protocol: Right (next) and left (prior) icons to step you through the images for that patient',\n icon: iconSteps,\n buttons: [], // ['←', '→'],\n width: '130px',\n isSlash: true,\n },\n {\n description:\n 'Case Navigation: Right (next) and left (prior) icons to navigate through the course',\n icon: iconCases,\n buttons: [],\n width: '130px',\n },\n ],\n hangingProtocols: [\n {\n className: 'col-4',\n childs: [\n {\n description: 'Study overview',\n icon: iconStudyOverview,\n buttons: [],\n width: '70px',\n },\n {\n description: 'CC Right/Left',\n icon: iconCC,\n buttons: [],\n },\n {\n description: 'MLO Right/Left',\n icon: iconMLO,\n buttons: [],\n },\n {\n description: 'CC Right 2D/Tomo',\n icon: iconCCRight2D,\n buttons: [],\n },\n {\n description: 'MLO Right 2D/Tomo',\n icon: iconMLORight2D,\n buttons: [],\n },\n {\n description: 'CC Left 2D/Tomo',\n icon: iconCCLeft2D,\n buttons: [],\n },\n {\n description: 'MLO Left 2D/Tomo',\n icon: iconMLOLeft2D,\n buttons: [],\n },\n ],\n },\n {\n className: 'flex-fill',\n childs: [\n {\n description: 'Right breast of interest',\n icon: iconRightBrest,\n buttons: [],\n },\n {\n description: 'Left breast of interest',\n icon: iconLeftBrest,\n buttons: [],\n },\n {\n description: 'Assessment (if available)',\n icon: iconAssessment,\n buttons: [],\n },\n {\n description: 'Expert’s findings and comments',\n icon: iconComments,\n buttons: [],\n },\n {\n description: 'Diagnostic images (if available)',\n icon: iconDiagnostic,\n buttons: [],\n },\n ],\n },\n ],\n caseAccessment: [\n Cases may be assessed only when all mandatory hangings were reviewed.,\n \n Open the reporting page via click on\n \n
\n);\n\nexport default ZoomAndMagnificationTools;\n","import React from 'react';\nimport { viewerDialogJson } from './../config/consts';\nconst { otherTools } = viewerDialogJson;\n\nconst OtherTools = () => (\n \n Generally, a double click into an image will magnify it-usually to the available size of the\n viewer. Mammograms\n
are magnified to 1;1,i.e., original size.\n
\n \n {description}\n {buttons.map((btn, index) => (\n \n ))}\n
\n {otherTools.map(({ icon, description, buttons }, index) => {\n return (\n
\n);\n\nexport default OtherTools;\n","import React from 'react';\nimport { viewerDialogJson } from './../config/consts';\nconst { navigation } = viewerDialogJson;\n\nconst Navigation = () => (\n \n \n {description}\n {buttons.map((btn, index) => (\n \n ))}\n
\n {navigation.map(({ icon, description, buttons = [], isSlash, width }, index) => {\n return (\n
\n);\n\nexport default Navigation;\n","import React from 'react';\nimport { viewerDialogJson } from './../config/consts';\nconst { hangingProtocols } = viewerDialogJson;\n\nconst HangingProtocols = () => (\n \n \n {description}\n {buttons.map((btn, index) => (\n \n ))}\n
\n
\n);\n\nexport default HangingProtocols;\n","import React from 'react';\nimport { viewerDialogJson } from './../config/consts';\nconst { caseAccessment } = viewerDialogJson;\n\nconst CaseAccessment = () => {\n return (\n \n {hangingProtocols.map((group, groupIndex) => (\n
\n \n {group.childs.map(({ icon, description, buttons = [], isSlash, width }, childIndex) => {\n return (\n \n 
\n {description}\n {buttons.map((btn, btnIndex) => (\n \n ))}\n \n );\n })}\n
\n ))}\n \n Note: The current (screening) study is always displayed first.\n
\n\n For hangings with viewers with multiple images: All images in a hanging can be toggled by\n clicking the tab icon.\n
\n- \n {caseAccessment.map((item, index) => (\n
- \n {item}\n \n ))}\n
\n \n Click here to open printable PDF help file in a new browser tab.\n \n
\n );\n};\n\nexport default Print;\n","import React, { useState } from 'react';\nimport Modal from 'react-modal';\nimport { AppBar, Tabs, Tab } from '@material-ui/core';\nimport {\n ZoomAndMagnificationTools,\n OtherTools,\n Navigation,\n HangingProtocols,\n CaseAccessment,\n // FAQ,\n Print,\n} from './components';\n\nconst modalStyles = {\n overlay: {\n // backgroundColor: '#000000',\n backgroundColor: 'rgba(0, 0, 0, 0.75)',\n },\n};\n\nconst tabs = [\n {\n label: 'Zoom and Magnification Tools',\n component: Radiologist Training - Online Help
\n{tabs[tab].component}
\n \n );\n};\n\nexport default HelpModal;\n","import React, { useEffect, useState, useRef, Fragment } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { Api } from 'utils/connectors';\nimport Loading from 'shared/components/Loading';\nimport { getError } from 'utils/appHelpers';\n\nconst Input = ({ forId, type, name, label, value, onChange, className, checked, disabled }) => {\n const inputRef = useRef();\n const active = inputRef.current && inputRef.current.checked;\n\n return (\n \n This step is not required for this case\n
\n );\n }\n\n if (isDisabled) {\n return (\n \n You must first review all steps of the hanging protocol as indicated below\n
\n );\n }\n\n if (!initialForm) return \n
\n \n );\n};\n\nexport default QuestionaryModal;\n","import React from 'react';\n\nconst InformationPart = ({ data, caseId, activeStep }) => {\n const stepComment = data.answers[activeStep] && data.answers[activeStep].title;\n return (\n \n
\n Score the most suspicious finding
\n\n \n Submit Assessment\n \n
\n \n \n
\n );\n};\n\nexport default InformationPart;\n","import step1Icon from 'assets/stepsnew/1n.svg';\nimport step1IconActive from 'assets/stepsnew/1s.svg';\nimport step1IconPassed from 'assets/stepsnew/1p.svg';\nimport step1IconPActive from 'assets/stepsnew/1ps.svg';\n\nimport step2Icon from 'assets/stepsnew/2n.svg';\nimport step2IconActive from 'assets/stepsnew/2s.svg';\nimport step2IconPassed from 'assets/stepsnew/2p.svg';\nimport step2IconPActive from 'assets/stepsnew/2ps.svg';\n\nimport step3Icon from 'assets/stepsnew/3n.svg';\nimport step3IconActive from 'assets/stepsnew/3s.svg';\nimport step3IconPassed from 'assets/stepsnew/3p.svg';\nimport step3IconPActive from 'assets/stepsnew/3ps.svg';\n\nimport step4Icon from 'assets/stepsnew/4n.svg';\nimport step4IconActive from 'assets/stepsnew/4s.svg';\nimport step4IconPassed from 'assets/stepsnew/4p.svg';\nimport step4IconPActive from 'assets/stepsnew/4ps.svg';\n\nimport step5Icon from 'assets/stepsnew/5n.svg';\nimport step5IconActive from 'assets/stepsnew/5s.svg';\nimport step5IconPassed from 'assets/stepsnew/5p.svg';\nimport step5IconPActive from 'assets/stepsnew/5ps.svg';\n\nimport step6Icon from 'assets/stepsnew/6n.svg';\nimport step6IconActive from 'assets/stepsnew/6s.svg';\nimport step6IconPassed from 'assets/stepsnew/6p.svg';\nimport step6IconPActive from 'assets/stepsnew/6ps.svg';\n\nimport step7Icon from 'assets/stepsnew/7n.svg';\nimport step7IconActive from 'assets/stepsnew/7s.svg';\nimport step7IconPassed from 'assets/stepsnew/7p.svg';\nimport step7IconPActive from 'assets/stepsnew/7ps.svg';\n\nimport step8Icon from 'assets/stepsnew/8n.svg';\nimport step8IconActive from 'assets/stepsnew/8s.svg';\nimport step8IconPassed from 'assets/stepsnew/8p.svg';\nimport step8IconPActive from 'assets/stepsnew/8ps.svg';\n\nimport step9Icon from 'assets/stepsnew/9n.svg';\nimport step9IconActive from 'assets/stepsnew/9s.svg';\nimport step9IconPassed from 'assets/stepsnew/9p.svg';\nimport step9IconPActive from 'assets/stepsnew/9ps.svg';\n\nimport step11Icon from 'assets/stepsnew/11n.svg';\nimport step11IconActive from 'assets/stepsnew/11s.svg';\nimport step11IconPassed from 'assets/stepsnew/11p.svg';\nimport step11IconPActive from 'assets/stepsnew/11ps.svg';\n\n// import step10Icon from 'assets/steps/11p.svg';\n// import step10IconActive from 'assets/steps/11a.svg';\nimport step12Icon from 'assets/stepsnew/12n.svg';\nimport step12IconActive from 'assets/stepsnew/12s.svg';\nimport step12IconPassed from 'assets/stepsnew/12p.svg';\nimport step12IconPActive from 'assets/stepsnew/12ps.svg';\n\nimport heatmapIcon from 'assets/stepsnew/heatmapn.svg';\nimport heatmapIconActive from 'assets/stepsnew/heatmaps.svg';\nimport heatmapIconPassed from 'assets/stepsnew/heatmaps.svg';\nimport heatmapIconPActive from 'assets/stepsnew/heatmaps.svg';\n\nimport tool1Icon from 'assets/tools/1p.svg';\nimport tool1IconActive from 'assets/tools/1a.svg';\nimport tool2Icon from 'assets/tools/2p.svg';\nimport tool2IconActive from 'assets/tools/2a.svg';\n// import tool3Icon from 'assets/tools/3p.svg';\n// import tool3IconActive from 'assets/tools/3a.svg';\nimport tool4Icon from 'assets/tools/4p.svg';\nimport tool4IconActive from 'assets/tools/4a.svg';\nimport tool5Icon from 'assets/tools/5p.svg';\nimport tool5IconActive from 'assets/tools/5a.svg';\nimport tool6Icon from 'assets/tools/6p.svg';\nimport tool6IconActive from 'assets/tools/6a.svg';\nimport tool7Icon from 'assets/tools/7p.svg';\nimport tool7IconActive from 'assets/tools/7a.svg';\nimport tool8Icon from 'assets/tools/8p.svg';\nimport tool8IconActive from 'assets/tools/8a.svg';\nimport tool9Icon from 'assets/tools/9p.svg';\nimport tool9IconActive from 'assets/tools/9a.svg';\nimport tool10Icon from 'assets/tools/10p.svg';\nimport tool10IconActive from 'assets/tools/10p.svg';\n\nexport const steps = [\n {\n id: 1,\n name: '2D CC/MLO Views',\n icon: step1Icon,\n iconActive: step1IconActive,\n iconPassed: step1IconPassed,\n iconPassedActive: step1IconPActive,\n views: {\n RCC: {\n active: true,\n position: 'right',\n thumbpos: 'left',\n key: 'RCC',\n has_switcher: true,\n dataType: '2D',\n },\n LCC: {\n active: true,\n position: 'left',\n thumbpos: 'right',\n key: 'LCC',\n has_switcher: true,\n dataType: '2D',\n },\n RMLO: {\n active: true,\n position: 'right',\n thumbpos: 'left',\n key: 'RMLO',\n has_switcher: true,\n dataType: '2D',\n },\n LMLO: {\n active: true,\n position: 'left',\n thumbpos: 'right',\n key: 'LMLO',\n has_switcher: true,\n dataType: '2D',\n },\n },\n },\n {\n id: 2,\n name: '2D CC Views',\n icon: step2Icon,\n iconActive: step2IconActive,\n iconPassed: step2IconPassed,\n iconPassedActive: step2IconPActive,\n views: {\n RCC: {\n active: true,\n position: 'right',\n thumbpos: 'left',\n has_switcher: true,\n dataType: '2D',\n key: 'RCC',\n },\n LCC: {\n active: true,\n position: 'left',\n thumbpos: 'right',\n has_switcher: true,\n dataType: '2D',\n key: 'LCC',\n },\n },\n },\n {\n id: 3,\n name: '2D MLO Views',\n icon: step3Icon,\n iconActive: step3IconActive,\n iconPassed: step3IconPassed,\n iconPassedActive: step3IconPActive,\n views: {\n RMLO: {\n active: true,\n key: 'RMLO',\n position: 'right',\n thumbpos: 'left',\n has_switcher: true,\n dataType: '2D',\n },\n LMLO: {\n active: true,\n key: 'LMLO',\n position: 'left',\n thumbpos: 'right',\n has_switcher: true,\n dataType: '2D',\n },\n },\n },\n {\n id: 4,\n name: '2D/3D RCC Views',\n icon: step4Icon,\n iconActive: step4IconActive,\n iconPassed: step4IconPassed,\n iconPassedActive: step4IconPActive,\n views: {\n RCC: {\n active: true,\n key: 'RCC',\n position: 'right',\n thumbpos: 'left',\n has_switcher: true,\n dataType: '2D',\n },\n RCC_L: {\n active: true,\n key: 'RCC',\n layers: true,\n position: 'left',\n thumbpos: 'left',\n has_switcher: true,\n dataType: '3DQ',\n },\n },\n },\n {\n id: 5,\n name: '2D/3D RMLO Views',\n icon: step5Icon,\n iconActive: step5IconActive,\n iconPassed: step5IconPassed,\n iconPassedActive: step5IconPActive,\n views: {\n RMLO: {\n active: true,\n key: 'RMLO',\n position: 'right',\n thumbpos: 'left',\n has_switcher: true,\n dataType: '2D',\n },\n RMLO_L: {\n active: true,\n key: 'RMLO',\n layers: true,\n position: 'right',\n thumbpos: 'left',\n has_switcher: true,\n dataType: '3DQ',\n },\n },\n },\n {\n id: 6,\n name: '2D/3D LCC Views',\n icon: step6Icon,\n iconActive: step6IconActive,\n iconPassed: step6IconPassed,\n iconPassedActive: step6IconPActive,\n views: {\n LCC: {\n active: true,\n key: 'LCC',\n position: 'right',\n thumbpos: 'right',\n has_switcher: true,\n dataType: '2D',\n },\n LCC_L: {\n active: true,\n key: 'LCC',\n layers: true,\n position: 'left',\n thumbpos: 'right',\n has_switcher: true,\n dataType: '3DQ',\n },\n },\n },\n {\n id: 7,\n name: '2D/3D LMLO Views',\n icon: step7Icon,\n iconActive: step7IconActive,\n iconPassed: step7IconPassed,\n iconPassedActive: step7IconPActive,\n views: {\n LMLO: {\n active: true,\n key: 'LMLO',\n position: 'right',\n thumbpos: 'right',\n has_switcher: true,\n dataType: '2D',\n },\n LMLO_L: {\n active: true,\n key: 'LMLO',\n layers: true,\n position: 'left',\n thumbpos: 'right',\n has_switcher: true,\n dataType: '3DQ',\n },\n },\n },\n {\n id: 8,\n name: '2D/3D stacked R CC/MLO, Toggle (T) between modes',\n icon: step8Icon,\n iconActive: step8IconActive,\n iconPassed: step8IconPassed,\n iconPassedActive: step8IconPActive,\n views: {\n RCC: {\n active: true,\n key: 'RCC',\n layers: true,\n has_switcher: true,\n dataType: '2D',\n position: 'left',\n thumbpos: 'left',\n },\n RMLO: {\n active: true,\n key: 'RMLO',\n layers: true,\n has_switcher: true,\n dataType: '2D',\n position: 'left',\n thumbpos: 'left',\n },\n },\n },\n {\n id: 9,\n name: '2D/3D stacked L CC/MLO, Toggle (T) between modes',\n icon: step9Icon,\n iconActive: step9IconActive,\n iconPassed: step9IconPassed,\n iconPassedActive: step9IconPActive,\n views: {\n LMLO: {\n active: true,\n key: 'LMLO',\n layers: true,\n has_switcher: true,\n dataType: '2D',\n position: 'right',\n thumbpos: 'right',\n },\n LCC: {\n active: true,\n key: 'LCC',\n layers: true,\n has_switcher: true,\n dataType: '2D',\n position: 'left',\n thumbpos: 'right',\n },\n },\n },\n {\n id: 11,\n name: 'question',\n icon: step11Icon,\n iconActive: step11IconActive,\n iconPassed: step11IconPassed,\n iconPassedActive: step11IconPActive,\n type: 'modal',\n views: {},\n disabled_no_active: 9,\n },\n {\n id: 12,\n name: 'heatmap',\n icon: heatmapIcon,\n iconActive: heatmapIconActive,\n iconPassed: heatmapIconPassed,\n iconPassedActive: heatmapIconPActive,\n type: 'modal',\n views: {},\n disabled_no_active: 10,\n },\n {\n id: 13,\n name: 'explanator',\n icon: step12Icon,\n iconActive: step12IconActive,\n iconPassed: step12IconPassed,\n iconPassedActive: step12IconPActive,\n type: 'modal',\n views: {},\n disabled_no_active: 10,\n },\n];\n\nexport const tools = [\n {\n name: 'FT',\n title: 'Show/Hide Finding Tool',\n icon: tool1Icon,\n iconActive: tool1IconActive,\n type: 'findingToggle',\n cursor: 'default',\n height: 23,\n onTimeAction: true,\n canStayActive: true,\n noResetFindings: true,\n },\n {\n name: 'F',\n title: 'Activate Finding Tool',\n icon: tool2Icon,\n iconActive: tool2IconActive,\n type: 'finding',\n cursor: 'arrow',\n height: 23,\n onTimeAction: false,\n },\n {\n name: 'FR',\n title: 'Reset Finding Tool',\n icon: tool10Icon,\n iconActive: tool10IconActive,\n type: 'findingReset',\n cursor: 'default',\n height: 23,\n onTimeAction: true,\n },\n {\n type: 'separator',\n },\n {\n name: 'R',\n title: 'Reset Viewers',\n icon: tool4Icon,\n iconActive: tool4IconActive,\n type: 'reset',\n cursor: 'default',\n onTimeAction: true,\n },\n {\n name: 'P',\n title: 'Activate Panning Tool',\n icon: tool5Icon,\n iconActive: tool5IconActive,\n type: 'pan',\n cursor: 'pan',\n onTimeAction: false,\n },\n {\n name: 'I Z',\n title: 'Activate Interactive Zoom',\n icon: tool6Icon,\n iconActive: tool6IconActive,\n type: 'zoomInteractive',\n cursor: 'izoom',\n onTimeAction: false,\n },\n {\n name: 'Z 1:1',\n title: 'Activate 1:1 Tool',\n icon: tool7Icon,\n iconActive: tool7IconActive,\n type: 'zoom1_1',\n cursor: 'fullzoom',\n onTimeAction: false,\n },\n {\n name: 'M',\n title: 'Activate Magnifier Tool',\n icon: tool8Icon,\n iconActive: tool8IconActive,\n type: 'zoomMagnifier',\n cursor: 'mzoom',\n onTimeAction: false,\n },\n {\n name: 'W/L',\n title:\n 'Activate Window/Level Tool (W; for presets move mouse over viewer and press numeric keys 1, 2, 3, ...)',\n icon: tool9Icon,\n iconActive: tool9IconActive,\n type: 'windowLevel',\n cursor: 'wlevel',\n onTimeAction: false,\n },\n];\n\nexport const getToolByType = type => {\n return tools.find(item => item.type === type);\n};\n\nexport const getDefaultType = (type, datas) => {\n if (type === '3DQ' && !datas['3DQ'] && datas['tomo']) return 'tomo';\n return type;\n};\n","export const zoomImageMouseClick = (cornerstone, element, bool, scale, e) => {\n const step = 0.05;\n const viewport = cornerstone.getViewport(element);\n viewport.scale -= bool ? -step : step;\n if (scale) viewport.scale = scale;\n cornerstone.setViewport(element, viewport);\n return false;\n};\n\nexport const getDefaultImageScale = (element, image) => {\n const { clientWidth, clientHeight } = element;\n const { width, height } = image;\n if (width > height) return width > clientWidth ? clientWidth / width : clientHeight / height;\n else return clientHeight / height;\n};\n\nexport const maximazeElement = (cornerstone, element, toggle) => {\n element.classList[toggle ? 'toggle' : 'add']('maximize');\n cornerstone.fitToWindow(element);\n cornerstone.resize(element);\n};\n\nconst getCompletedSteps = (episodes, id) => {\n let body = episodes.filter(item => item.caseId === id);\n body = body.sort((a, b) => a.orderNum - b.orderNum);\n const result = [];\n body.forEach((item, index) => {\n if (item.status === 1) result.push(index);\n });\n return result;\n};\n\nconst setFindings = (data, userLessonId) => {\n try {\n if (data && data.length) {\n data = data.map(f => {\n f.vectorData = JSON.parse(f.vectorData);\n f.vectorData = f.vectorData.map(i => ({ ...i, x: i.pointX, y: i.pointY }));\n return f;\n });\n return data.filter(item => userLessonId === item.userLessonId)[0];\n } else return null;\n } catch (err) {\n return null;\n }\n};\n\nconst checkDicomNameOnViews = (name, newTpe, views) => {\n if (!views[name]) return name;\n const { dicomImageType: currentType } = views[name];\n if (currentType === 'i2d') return false;\n if (currentType === 'g2d' && newTpe === 'r2d') return false;\n return name;\n};\n\nconst getDicomDataName = dicomItem => {\n const { imageLaterality, viewPosition, dicomImageType } = dicomItem;\n const types = { '3dq': '_3DQ', i2d: '_2D', g2d: '_2D', r2d: '_2D', tomo: '_TOMO', sub: '_TOMO' };\n const type = types[dicomImageType];\n return `${imageLaterality}${viewPosition}${type}`;\n};\n\nexport const generateViewerData = (data, lesson) => {\n const result = [];\n const views = {};\n data.caseDicomItems.forEach(({ dicomItem }, index) => {\n const tempName = getDicomDataName(dicomItem);\n const name = checkDicomNameOnViews(tempName, dicomItem.dicomImageType, views);\n if (!name) return;\n views[name] = {\n name,\n position: name[0] === 'R' ? 'right' : 'left',\n protocolName: dicomItem.protocolName,\n imageLaterality: dicomItem.imageLaterality,\n viewPosition: dicomItem.viewPosition,\n dicomImageType: dicomItem.dicomImageType,\n id: dicomItem.id,\n patient: {\n name: dicomItem.patientName,\n age: dicomItem.patientAge,\n sex: dicomItem.patientSex,\n id: dicomItem.patientId,\n birthDate: dicomItem.patientBirthDate,\n },\n images: dicomItem.dicomItemImages.map(img => {\n const emptyFinding = {\n caseId: data.id,\n dicomId: dicomItem.id,\n imageId: img.id,\n userLessonId: lesson.userLessonId,\n };\n return {\n id: img.id,\n url: img.lutUrl || img.url,\n finding: setFindings(img.vectorDatas, lesson.userLessonId),\n emptyFinding,\n };\n }),\n };\n });\n const completed_steps = getCompletedSteps(lesson.episodes, data.id);\n result.push({ id: data.id, name: data.title, completed_steps, views });\n return result;\n};\n\n(function(target) {\n if (!target || !target.prototype) return;\n target.prototype.arrow = function(startX, startY, endX, endY, controlPoints) {\n var dx = endX - startX;\n var dy = endY - startY;\n var len = Math.sqrt(dx * dx + dy * dy);\n var sin = dy / len;\n var cos = dx / len;\n var a = [];\n a.push(0, 0);\n for (var i = 0; i < controlPoints.length; i += 2) {\n var x1 = controlPoints[i];\n var y1 = controlPoints[i + 1];\n a.push(x1 < 0 ? len + x1 : x1, y1);\n }\n a.push(len, 0);\n for (var j = controlPoints.length; j > 0; j -= 2) {\n var x2 = controlPoints[j - 2];\n var y2 = controlPoints[j - 1];\n a.push(x2 < 0 ? len + x2 : x2, -y2);\n }\n a.push(0, 0);\n for (var k = 0; k < a.length; k += 2) {\n var x3 = a[k] * cos - a[k + 1] * sin + startX;\n var y3 = a[k] * sin + a[k + 1] * cos + startY;\n if (i === 0) this.moveTo(x3, y3);\n else this.lineTo(x3, y3);\n }\n };\n})(CanvasRenderingContext2D);\n\nexport const drawArrow = (c, viewport, e) => {\n c.lineWidth = 1;\n c.strokeStyle = '#00b5ec';\n c.fillStyle = '#00b5ec';\n c.setTransform(1, 0, 0, 1, 10, 0);\n\n c.translate(0, 0);\n c.beginPath();\n c.arrow(50, 50, 0, 0, [0, 2, -10, 2, -10, 5]);\n\n c.fill();\n};\n\nexport const getFindingsCoordinates = points => {\n if (!points || !points.data) return null;\n try {\n const result = points.data.map(i => {\n const item = i.handles.end;\n return { pointX: item.x, pointY: item.y };\n });\n return JSON.stringify(result);\n } catch (err) {\n console.log(err);\n }\n};\n\nexport const createFindingEventData = ({ x, y }) => {\n return {\n visible: true,\n active: true,\n color: undefined,\n invalidated: true,\n handles: {\n end: {\n x,\n y,\n highlight: true,\n active: true,\n },\n },\n };\n};\n\nexport const getDicomImagesObj = images => {\n const result = {};\n images.forEach(item => {\n result[item.url] = item;\n });\n return result;\n};\n","import React from 'react';\n\nconst getSmallerSize = imageWidth => {\n return Number((imageWidth / 50).toFixed());\n};\n\nconst Thumbnail = ({ viewport }) => {\n if (!viewport || !viewport.image) return null;\n const { scale, initialScale, translation, rotation, vflip, hflip } = viewport;\n const smallNum = getSmallerSize(viewport.image.width);\n const width = viewport.image.width / smallNum;\n const height = viewport.image.height / smallNum;\n const coreSize = {\n width: (initialScale * width) / scale,\n height: (initialScale * height) / scale,\n };\n const corePos = {\n transform: `translate(${-(translation.x / smallNum)}px, ${-(translation.y / smallNum)}px)`,\n };\n const imageStyle = {\n backgroundImage: `url('${viewport.image.imageId}')`,\n transform: `rotate(${rotation}deg) rotateX(${vflip ? 180 : 0}deg) rotateY(${\n hflip ? 180 : 0\n }deg)`,\n };\n if (coreSize.width > 100 || initialScale >= scale) return null;\n return (\n \n
\n CASE #{caseId}:
\n {data.sections && data.sections.length ? (\n\n {data &&\n data.sections &&\n data.sections.map((item, i) => {\n return (\n
\n ) : (\n \n
\n );\n })}\n \n {item.title}\n
\n- \n {item.items &&\n item.items.map((row, i) => {\n return
- {row.text} ;\n })}\n
\n No information provided for this case\n
\n )}\n \n {stepComment && (\n
\n \n {stepComment}\n
\n )}\n \n \n \n
\n );\n};\n\nexport default Thumbnail;\n","import React, { useState, useEffect, useRef } from 'react';\nimport Slider from 'react-rangeslider';\nimport 'react-rangeslider/umd/rangeslider.min.css';\nimport { IconPlayFill } from 'shared/components/Icons';\nimport Loading from 'shared/components/Loading';\nimport pause from 'assets/pause.svg';\nimport speedIcon from 'assets/speed.svg';\n\nconst stackWords = {\n CC: { top: 'H', bottom: 'F' },\n MLO: { top: 'M', bottom: 'L' },\n};\n\nconst speeds = [\n { name: 'Low', value: 160 },\n { name: 'Medium', value: 80 },\n { name: 'High', value: 40 },\n];\n\nconst StackControl = ({\n cornerstoneTools,\n element,\n cornerstone,\n imageType,\n setActiveTool,\n stackControl,\n className,\n dicomData,\n}) => {\n const stackEl = useRef();\n const [speed, setSpeed] = useState(80);\n const [play, setPlay] = useState(false);\n const [fetch, setFetch] = useState(false);\n\n const playIndex = useRef({ index: 0, increase: true, images: undefined });\n const scale = useRef(0);\n const playInterval = useRef();\n\n const getStackData = () => {\n const stackData = cornerstoneTools.getToolState(element, 'stack');\n const { currentImageIdIndex, imageIds } = stackData.data[0];\n return { currentImageIdIndex, imageIds };\n };\n\n const { imageIds } = getStackData();\n\n const changeHandle = index => {\n if (fetch || play) return;\n if (!playIndex.current.images) {\n loadAllImages();\n return;\n }\n playIndex.current.index = index;\n scale.current = index;\n changeStackImage(playIndex.current.images, index);\n };\n\n const changeStackImage = (images, index) => {\n if (images[index] !== undefined) {\n const viewport = cornerstone.getViewport(element);\n const stackData = cornerstoneTools.getToolState(element, 'stack');\n stackData.data[0].currentImageIdIndex = Number(index);\n cornerstone.displayImage(element, images[index], viewport);\n }\n };\n\n const playStack = images => {\n try {\n let { index, increase } = playIndex.current;\n index += increase ? 1 : -1;\n if (!imageIds[index]) {\n increase = !increase;\n index += increase ? 2 : -2;\n }\n changeStackImage(images, index);\n playIndex.current.index = index;\n playIndex.current.increase = increase;\n } catch (err) {\n console.log(err);\n }\n };\n\n const loadAllImages = async play => {\n setFetch(true);\n if (!playIndex.current.images) {\n const { imageIds } = getStackData();\n const imageLoads = imageIds.map(async item => await cornerstone.loadAndCacheImage(item));\n const images = await Promise.all(imageLoads);\n playIndex.current.images = images;\n }\n setFetch(false);\n if (play) playInterval.current = setInterval(playStack, speed, playIndex.current.images);\n };\n\n const onElementScroll = e => {\n e.preventDefault();\n\n if (!playIndex.current.images) {\n if (fetch || play) return;\n loadAllImages();\n return;\n }\n\n const { imageIds } = getStackData();\n scale.current += e.deltaY * -0.01;\n scale.current = Math.min(Math.max(0, scale.current), imageIds.length);\n\n if (playIndex.current.index !== Math.floor(scale.current)) {\n changeHandle(Math.floor(scale.current));\n }\n };\n\n const onChangeStart = () => {\n setActiveTool({ type: 'remove' });\n };\n\n const handleUserKeyPress = event => {\n const { keyCode } = event;\n if (keyCode === 32)\n setPlay(p => {\n return !p;\n });\n };\n\n const stopPlayerUnmount = () => {\n window.removeEventListener('keydown', handleUserKeyPress);\n setPlay(false);\n clearInterval(playInterval.current);\n playIndex.current = { index: 0, increase: true, images: undefined };\n };\n\n const onSpeedChange = async value => {\n setSpeed(value);\n if (play) {\n clearInterval(playInterval.current);\n playInterval.current = setInterval(playStack, value, playIndex.current.images);\n }\n };\n\n const renderLines = length => {\n const lines = [];\n for (let index = 0; index < length; index++) {\n lines.push();\n }\n return lines;\n };\n\n const getStackLinesStyle = () => {\n if (!stackEl.current) return {};\n return {\n height: stackEl.current.clientHeight - 137,\n };\n };\n\n useEffect(() => {\n playIndex.current = { index: 0, increase: true, images: undefined };\n scale.current = 0;\n //eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n if (play) {\n element.onwheel = null;\n loadAllImages(true);\n } else {\n scale.current = playIndex.current.index;\n element.onwheel = onElementScroll;\n clearInterval(playInterval.current);\n }\n //eslint-disable-next-line\n }, [play]);\n\n useEffect(() => {\n window.addEventListener('keydown', handleUserKeyPress);\n return () => {\n stopPlayerUnmount();\n };\n //eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n if (stackControl !== '2D') {\n setTimeout(() => {\n dicomData.images.map(item => cornerstone.loadAndCacheImage(item.url));\n }, 100);\n }\n stopPlayerUnmount();\n //eslint-disable-next-line\n }, [stackControl]);\n\n return (\n \n \n {renderLines(imageIds.length)}\n
\n \n 
\n
\n \n \n {speeds.map(item => (\n onSpeedChange(item.value)}\n >\n {item.name}\n \n ))}\n
\n {stackWords[imageType].top}
\n {stackWords[imageType].bottom}
\n \n {Number(getStackData().currentImageIdIndex) + 1}/{imageIds.length}\n
\n Buffering in Process
\n \n );\n};\n\nexport default StackControl;\n","/**\n * Triggers a CustomEvent.\n * @public\n * @method triggerEvent\n *\n * @param {EventTarget} el The element or EventTarget to trigger the event upon.\n * @param {String} type The event type name.\n * @param {Object|null} [detail=null] The event data to be sent.\n * @returns {Boolean} The return value is false if at least one event listener called preventDefault(). Otherwise it returns true.\n */\nexport default function triggerEvent(el, type, detail = null) {\n let event;\n\n // This check is needed to polyfill CustomEvent on IE11-\n if (typeof window.CustomEvent === 'function') {\n event = new CustomEvent(type, {\n detail,\n cancelable: true,\n });\n } else {\n event = document.createEvent('CustomEvent');\n event.initCustomEvent(type, true, true, detail);\n }\n\n return el.dispatchEvent(event);\n}\n","import * as cornerstone from 'cornerstone-core';\nimport uuidv4 from './../util/uuidv4.js';\nimport triggerEvent from './../util/triggerEvent.js';\n\n/**\n * Implements an imageId specific tool state management strategy. This means that\n * Measurements data is tied to a specific imageId and only visible for enabled elements\n * That are displaying that imageId.\n * @public\n * @constructor newImageIdSpecificToolStateManager\n * @memberof StateManagement\n *\n * @returns {Object} An imageIdSpecificToolStateManager instance.\n */\nfunction newImageIdSpecificToolStateManager() {\n let toolState = {};\n\n // Here we add tool state, this is done by tools as well\n // As modules that restore saved state\n\n function saveImageIdToolState(imageId) {\n return toolState[imageId];\n }\n\n function restoreImageIdToolState(imageId, imageIdToolState) {\n toolState[imageId] = imageIdToolState;\n }\n\n function saveToolState() {\n return toolState;\n }\n\n function restoreToolState(savedToolState) {\n toolState = savedToolState;\n }\n\n // Here we add tool state, this is done by tools as well\n // As modules that restore saved state\n function addElementToolState(element, toolType, data) {\n const enabledElement = cornerstone.getEnabledElement(element);\n\n // If we don't have an image for this element exit early\n if (!enabledElement.image) {\n return;\n }\n addImageIdToolState(enabledElement.image.imageId, toolType, data);\n }\n\n function addImageIdToolState(imageId, toolType, data) {\n // If we don't have any tool state for this imageId, add an empty object\n if (toolState.hasOwnProperty(imageId) === false) {\n toolState[imageId] = {};\n }\n\n const imageIdToolState = toolState[imageId];\n\n // If we don't have tool state for this type of tool, add an empty object\n if (imageIdToolState.hasOwnProperty(toolType) === false) {\n imageIdToolState[toolType] = {\n data: [],\n };\n }\n\n const toolData = imageIdToolState[toolType];\n\n // Finally, add this new tool to the state\n toolData.data.push(data);\n }\n\n function getElementToolState(element, toolType) {\n const enabledElement = cornerstone.getEnabledElement(element);\n\n // If the element does not have an image return undefined.\n if (!enabledElement.image) {\n return;\n }\n\n return getImageIdToolState(enabledElement.image.imageId, toolType);\n }\n\n // Here you can get state - used by tools as well as modules\n // That save state persistently\n function getImageIdToolState(imageId, toolType) {\n // If we don't have any tool state for this imageId, return undefined\n if (toolState.hasOwnProperty(imageId) === false) {\n return;\n }\n\n const imageIdToolState = toolState[imageId];\n\n // If we don't have tool state for this type of tool, return undefined\n if (imageIdToolState.hasOwnProperty(toolType) === false) {\n return;\n }\n\n return imageIdToolState[toolType];\n }\n\n // Clears all tool data from this toolStateManager.\n function clearElementToolState(element) {\n const enabledElement = cornerstone.getEnabledElement(element);\n\n if (!enabledElement.image) {\n return;\n }\n clearImageIdToolState(enabledElement.image.imageId);\n }\n\n function clearImageIdToolState(imageId) {\n if (toolState.hasOwnProperty(imageId) === false) {\n return;\n }\n\n delete toolState[imageId];\n }\n\n return {\n get: getElementToolState,\n add: addElementToolState,\n clear: clearElementToolState,\n getImageIdToolState,\n addImageIdToolState,\n clearImageIdToolState,\n saveImageIdToolState,\n restoreImageIdToolState,\n saveToolState,\n restoreToolState,\n toolState,\n };\n}\n\n// A global imageIdSpecificToolStateManager - the most common case is to share state between all\n// Visible enabled images\nconst globalImageIdSpecificToolStateManager = newImageIdSpecificToolStateManager();\n\n/**\n * Returns the toolstate for a specific element.\n * @public\n * @function getElementToolStateManager\n *\n * @param {HTMLElement} element The element.\n * @returns {Object} The toolState.\n */\nfunction getElementToolStateManager(element) {\n const enabledElement = cornerstone.getEnabledElement(element);\n // If the enabledElement has no toolStateManager, create a default one for it\n // NOTE: This makes state management element specific\n\n if (enabledElement.toolStateManager === undefined) {\n enabledElement.toolStateManager = globalImageIdSpecificToolStateManager;\n }\n\n return enabledElement.toolStateManager;\n}\n\n/**\n * Adds tool state to the toolStateManager, this is done by tools as well\n * as modules that restore saved state.\n * @public\n * @method addToolState\n *\n * @param {HTMLElement} element The element.\n * @param {string} toolType The toolType of the state.\n * @param {Object} measurementData The data to store in the state.\n * @returns {undefined}\n */\nfunction addToolState(element, toolType, measurementData) {\n const toolStateManager = getElementToolStateManager(element);\n\n measurementData.uuid = measurementData.uuid || uuidv4();\n toolStateManager.add(element, toolType, measurementData);\n\n const eventType = 'cornerstonetoolsmeasurementremoved';\n const eventData = {\n toolType,\n element,\n measurementData,\n };\n\n triggerEvent(element, eventType, eventData);\n}\n\n/**\n * Returns tool specific state of an element. Used by tools as well as modules\n * that save state persistently\n * @export\n * @public\n * @method\n * @name getToolState\n *\n * @param {HTMLElement} element The element.\n * @param {string} toolType The toolType of the state.\n * @returns {Object} The element's state for the given toolType.\n */\nfunction getToolState(element, toolType) {\n const toolStateManager = getElementToolStateManager(element);\n\n return toolStateManager.get(element, toolType);\n}\n\n/**\n * Removes specific tool state from the toolStateManager.\n * @public\n * @method removeToolState\n *\n * @param {HTMLElement} element The element.\n * @param {string} toolType The toolType of the state.\n * @param {Object} data The data to remove from the toolStateManager.\n * @returns {undefined}\n */\nfunction removeToolState(element, toolType, data) {\n const toolStateManager = getElementToolStateManager(element);\n const toolData = toolStateManager.get(element, toolType);\n\n if (!toolData || !toolData.data || !toolData.data.length) {\n return;\n }\n\n // Find this tool data\n let indexOfData = -1;\n\n for (let i = 0; i < toolData.data.length; i++) {\n if (toolData.data[i] === data) {\n indexOfData = i;\n }\n }\n\n if (indexOfData !== -1) {\n toolData.data.splice(indexOfData, 1);\n\n const eventType = 'cornerstonetoolsmeasurementremoved';\n const eventData = {\n toolType,\n element,\n measurementData: data,\n };\n\n triggerEvent(element, eventType, eventData);\n }\n}\n\nexport { getToolState, addToolState, removeToolState };\n","/* eslint-disable */\nexport default function uuidv4() {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n let r = (Math.random() * 16) | 0,\n v = c == 'x' ? r : (r & 0x3) | 0x8;\n\n return v.toString(16);\n });\n}\n","let defaultColor = 'white',\n activeColor = 'greenyellow',\n fillColor = 'transparent';\n\nfunction setFillColor(color) {\n fillColor = color;\n}\n\nfunction getFillColor() {\n return fillColor;\n}\n\nfunction setToolColor(color) {\n defaultColor = color;\n}\n\nfunction getToolColor() {\n return defaultColor;\n}\n\nfunction setActiveColor(color) {\n activeColor = color;\n}\n\nfunction getActiveColor() {\n return activeColor;\n}\n\nfunction getColorIfActive(data) {\n if (data.color) {\n return data.color;\n }\n\n return data.active ? activeColor : defaultColor;\n}\n\nconst toolColors = {\n setFillColor,\n getFillColor,\n setToolColor,\n getToolColor,\n setActiveColor,\n getActiveColor,\n getColorIfActive,\n};\n\nexport default toolColors;\n","let defaultWidth = 1,\n activeWidth = 2;\n\nfunction setToolWidth(width) {\n defaultWidth = width;\n}\n\nfunction getToolWidth() {\n return defaultWidth;\n}\n\nfunction setActiveWidth(width) {\n activeWidth = width;\n}\n\nfunction getActiveWidth() {\n return activeWidth;\n}\n\nconst toolStyle = {\n setToolWidth,\n getToolWidth,\n setActiveWidth,\n getActiveWidth,\n};\n\nexport default toolStyle;\n","import toolStyle from './../stateManagement/toolStyle.js';\n\n/**\n * This function manages the beginPath/stroke pattern for working with\n * {@link https://www.w3.org/TR/2dcontext/#drawing-paths-to-the-canvas|path objects}.\n *\n * @public\n * @function path\n * @memberof Drawing\n *\n * @param {CanvasRenderingContext2D} context - Context to add path to\n * @param {Object} [options={}] - Drawing Options\n * @param {StrokeStyle} [options.color] - The stroke style of the path.\n * @param {number} [options.lineWidth] - The width of lines in the path. If null, no line width is set.\n * If undefined then toolStyle.getToolWidth() is set.\n * @param {FillStyle} [options.fillStyle] - The style to fill the path with. If undefined then no filling is done.\n * @param {Number[]} [options.lineDash] - The {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash|dash pattern}\n * to use on the lines.\n * @param {boolean} [options.shouldDrawLines = true] Whether context.stroke should be evoked.\n * @param {ContextFn} fn - A drawing function to execute with the provided stroke pattern.\n * @returns {undefined}\n */\nexport default function(context, options = {}, fn) {\n const { color, lineWidth, fillStyle, lineDash, shouldDrawLines = true } = options;\n\n context.beginPath();\n context.strokeStyle = color || context.strokeStyle;\n\n context.lineWidth =\n lineWidth || (lineWidth === undefined && toolStyle.getToolWidth()) || context.lineWidth;\n if (lineDash) {\n context.setLineDash(lineDash);\n }\n\n fn(context);\n\n if (fillStyle) {\n context.fillStyle = fillStyle;\n context.fill();\n }\n\n if (shouldDrawLines) {\n context.stroke();\n }\n\n if (lineDash) {\n context.setLineDash([]);\n }\n}\n","import * as cornerstone from 'cornerstone-core';\nimport toolStyle from './../stateManagement/toolStyle.js';\nimport toolColors from './../stateManagement/toolColors.js';\nimport path from './path.js';\n\nexport default function(context, evtDetail, handles, options = {}) {\n const element = evtDetail.element;\n const defaultColor = toolColors.getToolColor();\n\n context.strokeStyle = options.color || defaultColor;\n\n const handleKeys = Object.keys(handles);\n\n for (let i = 0; i < handleKeys.length; i++) {\n const handleKey = handleKeys[i];\n const handle = handles[handleKey];\n\n if (handle.drawnIndependently === true) {\n continue;\n }\n\n if (options.drawHandlesIfActive === true && !handle.active) {\n continue;\n }\n\n const lineWidth = handle.active ? toolStyle.getActiveWidth() : toolStyle.getToolWidth();\n const fillStyle = options.fill;\n\n path(\n context,\n {\n lineWidth,\n fillStyle,\n },\n context => {\n const handleCanvasCoords = cornerstone.pixelToCanvas(element, handle);\n drawArrow(context, handleCanvasCoords);\n },\n );\n }\n}\n\nfunction drawArrow(c, { x, y }) {\n // c.lineWidth = 1;\n // c.strokeStyle = '#00b5ec';\n // c.fillStyle = '#fff';\n c.setTransform(1, 0, 0, 1, 10, 0);\n c.translate(x - 8, y + 4);\n // c.beginPath();\n c.arrow(30, 20, 0, 0, [0, 2, -10, 2, -10, 5]);\n // c.fill();\n}\n","/**\n * Create a new {@link CanvasRenderingContext2D|context} object for the given {@link HTMLCanvasElement|canvas}\n * and set the transform to the {@link https://www.w3.org/TR/2dcontext/#transformations|identity transform}.\n *\n * @public\n * @function getNewContext\n * @memberof Drawing\n *\n * @param {HTMLCanvasElement} canvas - Canvas you would like the context for\n * @returns {CanvasRenderingContext2D} - The provided canvas's 2d context\n */\nexport default function(canvas) {\n const context = canvas.getContext('2d');\n\n context.setTransform(1, 0, 0, 1, 0, 0);\n\n return context;\n}\n","import toolColors from './../stateManagement/toolColors.js';\n\nconst configuration = {\n iconSize: 16,\n viewBox: {\n x: 16,\n y: 16,\n },\n mousePoint: {\n x: 8,\n y: 8,\n },\n mousePointerGroupString: `\n \n
\n )}\n {step.has_switcher && (\n \n \n \n 0{dicomData.patient.age}Y {dicomData.imageLaterality} {dicomData.viewPosition}\n \n
\n \n
\n )}\n {/* {viewportState && (\n \n {switchers.map(item => (\n setStackControl(item.value)}\n className={stackControl === item.value ? 'active' : ''}\n >\n {item.name}\n \n ))}\n
\n \n No Image Available\n
\n )}\n \n );\n};\n\nexport default CanvasView;\n","import React, { useRef } from 'react';\nimport { openFullscreen, closeFullscreen } from 'utils/appHelpers';\n\nimport iconMax from 'assets/arrows/2p.svg';\nimport iconMin from 'assets/arrows/4a.svg';\nimport BackButton from 'shared/BackButton';\nimport useOutsideClick from 'shared/hooks/useOutsideClick';\nimport { saveToStore, getFromStore } from 'utils/storeHelpers';\n\nconst ControlArea = ({\n tools,\n course,\n fullScreen,\n activeTool,\n setActiveTool,\n history,\n viewerOptions,\n disabled,\n}) => {\n const toolClickHandle = item => {\n const state =\n item.type === activeTool.type && !item.onTimeAction ? { type: 'none' } : { ...item };\n setActiveTool(state);\n };\n\n const tooltipRef = useRef();\n\n useOutsideClick(tooltipRef, () => tooltipRef.current.classList.remove('hover'));\n\n return (\n \n
\n );\n};\n\nexport default ControlArea;\n","import step2Icon from 'assets/stepsnew/2n.svg';\nimport step2IconActive from 'assets/stepsnew/2s.svg';\nimport step2IconPassed from 'assets/stepsnew/2p.svg';\nimport step2IconPActive from 'assets/stepsnew/2ps.svg';\n\nimport step3Icon from 'assets/stepsnew/3n.svg';\nimport step3IconActive from 'assets/stepsnew/3s.svg';\nimport step3IconPassed from 'assets/stepsnew/3p.svg';\nimport step3IconPActive from 'assets/stepsnew/3ps.svg';\n\nimport step4Icon from 'assets/stepsnew/4n.svg';\nimport step4IconActive from 'assets/stepsnew/4s.svg';\nimport step4IconPassed from 'assets/stepsnew/4p.svg';\nimport step4IconPActive from 'assets/stepsnew/4ps.svg';\n\nimport tool4Icon from 'assets/tools/4p.svg';\nimport tool4IconActive from 'assets/tools/4a.svg';\nimport tool5Icon from 'assets/tools/5p.svg';\nimport tool5IconActive from 'assets/tools/5a.svg';\nimport tool6Icon from 'assets/tools/6p.svg';\nimport tool6IconActive from 'assets/tools/6a.svg';\nimport tool7Icon from 'assets/tools/7p.svg';\nimport tool7IconActive from 'assets/tools/7a.svg';\nimport tool8Icon from 'assets/tools/8p.svg';\nimport tool8IconActive from 'assets/tools/8a.svg';\nimport tool9Icon from 'assets/tools/9p.svg';\nimport tool9IconActive from 'assets/tools/9a.svg';\n\nconst dicomTypes = {\n '3dq': '3DQ',\n i2d: '2D',\n g2d: '2D',\n r2d: '2D',\n tomo: 'tomo',\n sub: 'tomo',\n};\n\nexport const stepsProperties = {\n RCC: {\n active: true,\n position: 'right',\n thumbpos: 'left',\n has_switcher: false,\n dataType: '2D',\n key: 'RCC',\n },\n LCC: {\n active: true,\n position: 'left',\n thumbpos: 'right',\n has_switcher: false,\n dataType: '2D',\n key: 'LCC',\n },\n RMLO: {\n active: true,\n key: 'RMLO',\n position: 'right',\n thumbpos: 'left',\n has_switcher: false,\n dataType: '2D',\n },\n LMLO: {\n active: true,\n key: 'LMLO',\n position: 'left',\n thumbpos: 'right',\n has_switcher: false,\n dataType: '2D',\n },\n};\n\nexport const answerSteps = [\n {\n id: 1,\n name: '2D CC Views',\n icon: step2Icon,\n iconActive: step2IconActive,\n iconPassed: step2IconPassed,\n iconPassedActive: step2IconPActive,\n },\n {\n id: 2,\n name: '2D MLO Views',\n icon: step3Icon,\n iconActive: step3IconActive,\n iconPassed: step3IconPassed,\n iconPassedActive: step3IconPActive,\n },\n {\n id: 3,\n name: '2D/3D RCC Views',\n icon: step4Icon,\n iconActive: step4IconActive,\n iconPassed: step4IconPassed,\n iconPassedActive: step4IconPActive,\n },\n];\n\nexport const answerTools = [\n {\n name: 'R',\n title: 'Reset Viewers',\n icon: tool4Icon,\n iconActive: tool4IconActive,\n type: 'reset',\n cursor: 'default',\n onTimeAction: true,\n },\n {\n name: 'P',\n title: 'Activate Panning Tool',\n icon: tool5Icon,\n iconActive: tool5IconActive,\n type: 'pan',\n cursor: 'pan',\n onTimeAction: false,\n },\n {\n name: 'I Z',\n title: 'Activate Interactive Zoom',\n icon: tool6Icon,\n iconActive: tool6IconActive,\n type: 'zoomInteractive',\n cursor: 'izoom',\n onTimeAction: false,\n },\n {\n name: 'Z 1:1',\n title: 'Activate 1:1 Tool',\n icon: tool7Icon,\n iconActive: tool7IconActive,\n type: 'zoom1_1',\n cursor: 'fullzoom',\n onTimeAction: false,\n },\n {\n name: 'M',\n title: 'Activate Magnifier Tool',\n icon: tool8Icon,\n iconActive: tool8IconActive,\n type: 'zoomMagnifier',\n cursor: 'mzoom',\n onTimeAction: false,\n },\n {\n name: 'W/L',\n title:\n 'Activate Window/Level Tool (W; for presets move mouse over viewer and press numeric keys 1, 2, 3, ...)',\n icon: tool9Icon,\n iconActive: tool9IconActive,\n type: 'windowLevel',\n cursor: 'wlevel',\n onTimeAction: false,\n },\n];\n\nexport const getToolByType = type => {\n return answerTools.find(item => item.type === type);\n};\n\nexport const mergeSteps = (views, backSteps) => {\n if (!backSteps || !backSteps.length) return [];\n return answerSteps.map((item, index) => {\n const step = backSteps[index];\n item.stepType = step.stepType;\n if (step.stepType === 'case') {\n const left = step.caseLeftFrame;\n const right = step.caseRightFrame;\n const leftDicom = Object.values(views).find(d => d.images.find(i => i.id === left.imageId));\n const rightDicom = Object.values(views).find(d => d.images.find(i => i.id === right.imageId));\n item.views = {};\n if (leftDicom) {\n const { imageLaterality, viewPosition, images, dicomImageType } = leftDicom;\n const imageIndex = images.findIndex(i => i.id === left.imageId);\n const dataType = dicomTypes[dicomImageType];\n const name = `${imageLaterality}${viewPosition}`;\n item.views[`${dataType}_${name}`] = {\n ...stepsProperties[name],\n imageIndex,\n dataType: dataType,\n };\n }\n if (rightDicom) {\n const { imageLaterality, viewPosition, images, dicomImageType } = rightDicom;\n const imageIndex = images.findIndex(i => i.id === right.imageId);\n const dataType = dicomTypes[dicomImageType];\n const name = `${imageLaterality}${viewPosition}`;\n item.views[`${dataType}_${name}`] = {\n ...stepsProperties[name],\n imageIndex,\n dataType: dataType,\n };\n }\n } else {\n item.views = {\n image: step.imageUrl,\n };\n }\n return item;\n });\n};\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useEffect, useState } from 'react';\nimport { getDefaultType } from '../../../configs';\nimport CanvasView from '../../CanvasView';\nimport ControlArea from '../../ControlArea';\nimport { answerTools } from '../configs';\nimport step1Icon from 'assets/answers/step1.png';\nimport step2Icon from 'assets/answers/step2.png';\nimport step3Icon from 'assets/answers/step3.png';\n\nconst mock = [step1Icon, step2Icon, step3Icon];\n\nconst AnswerViewer = ({ data, mergedSteps, activeStep, setActiveStep }) => {\n const [activeTool, setActiveTool] = useState({});\n const [fullScreen, setFullScreen] = useState(!!document.fullscreenElement);\n\n const fullScreenChange = () => {\n document.addEventListener('fullscreenchange', e => {\n setFullScreen(!!document.fullscreenElement);\n });\n };\n\n useEffect(() => {\n fullScreenChange();\n //eslint-disable-next-line\n }, []);\n\n if (!mergedSteps || !mergedSteps[activeStep]) {\n return (\n \n
\n \n {!fullScreen && history && {\n tooltipRef.current.classList.remove('hover');\n saveToStore('viewerToolTip', true);\n }}\n >\n 
\n e.stopPropagation()}\n >\n {fullScreen ? 'Normal ' : 'Full '}Screen\n
\n Click this button to\n {fullScreen ? ' turn off the full screen' : ' display the viewer in full screen'}\n \n \n {course &&
\n \n Click this button to\n {fullScreen ? ' turn off the full screen' : ' display the viewer in full screen'}\n \n \n {course &&
{course.title}
}\n\n
\n \n
\n \n {tools.map(item => {\n const isSeparator = item.type === 'separator';\n const canActive = viewerOptions && viewerOptions.canBeActive[item.type];\n const isActive = (activeTool.type === item.type && !item.onTimeAction) || canActive;\n if (isSeparator) return ;\n return (\n \n {item.icon && (\n
\n \n No answers frame provided for this case\n
\n );\n }\n\n const activeStepData = mergedSteps[activeStep];\n\n const activeStepIsImage = activeStepData && activeStepData.stepType === 'image';\n const stepViews = mergedSteps[activeStep].views;\n const stepViewsData = Object.keys(stepViews);\n const viewsCount = Object.values(stepViews).length;\n\n const viewSizesForced = () => {\n return {\n width: (window.innerWidth - (fullScreen ? 548 : 240 + 530)) / viewsCount,\n height: window.innerHeight - 290,\n };\n };\n\n const getImage = index => {\n try {\n const step = mergedSteps[index];\n const { key, dataType, imageIndex = 0 } = step.views[Object.keys(step.views)[0]];\n const dicomTypeData = {\n tomo: data[`${key}_TOMO`],\n '2D': data[`${key}_2D`],\n '3DQ': data[`${key}_3DQ`],\n };\n\n const control = getDefaultType(dataType, dicomTypeData);\n const dicomData = dicomTypeData[control];\n return step.stepType === 'image' ? step.views.image : dicomData.images[imageIndex].url;\n } catch (err) {\n return mock[index];\n }\n };\n\n return (\n \n
\n \n \n );\n};\n\nexport default AnswerViewer;\n","import React from 'react';\n\nconst DisabledPart = () => {\n return (\n \n setActiveTool(tool)}\n tools={answerTools}\n disabled={activeStepIsImage}\n />\n setActiveTool(tool)}\n fullScreen={fullScreen}\n viewsCount={viewsCount}\n viewSizesForced={viewSizesForced}\n currentImageIndex={item.imageIndex}\n />\n );\n })}\n
\n \n {stepViewsData.map((key, index) => {\n const item = stepViews[key];\n if (activeStepIsImage) {\n return (\n \n 
;\n
\n );\n }\n return (\n \n
\n \n {[0, 1, 2].map(index => {\n return (\n setActiveStep(index)}\n className={`pointer flex-fill ${activeStep === index ? 'active' : ''}`}\n >\n })
\n
\n );\n })}\n \n You must first review all steps of the hanging protocol as indicated below\n
\n );\n};\n\nexport default DisabledPart;\n","import React, { useEffect, useState } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { useDispatch } from 'react-redux';\nimport { getCourses } from 'app/Main/routes/Courses/actions';\nimport InformationPart from './components/InformationPart';\nimport AnswerViewer from './components/AnswerViewer';\nimport DisabledPart from './components/DisabledPart';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport Loading from 'shared/components/Loading';\nimport { mergeSteps } from './configs';\n\nconst ExplanationModal = ({ isDisabled, updateStep, caseData, lessonId, caseId, caseViews }) => {\n const { enqueueSnackbar } = useSnackbar();\n const dispatch = useDispatch();\n const [fetch, setFetch] = useState(false);\n const [data, setData] = useState();\n const [activeStep, setActiveStep] = useState(0);\n\n const sendUpdate = async () => {\n await updateStep(10);\n dispatch(getCourses());\n };\n\n const getAnswersData = async () => {\n try {\n setFetch(true);\n const { data } = await Api.get(`/cases/getanswers/${lessonId}/${caseId}`);\n data.data.mergedSteps = mergeSteps(caseViews, data.data.answers);\n setData(data.data);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n useEffect(() => {\n if (!isDisabled) sendUpdate();\n getAnswersData();\n //eslint-disable-next-line\n }, []);\n\n if (isDisabled) return No Answers Provided for this lesson
\n );\n\n return (\n \n
\n );\n};\n\nexport default ExplanationModal;\n","import React from 'react';\nimport CaseLeftIcon from 'assets/arrows/caseLeft.svg';\nimport CaseRightIcon from 'assets/arrows/caseRight.svg';\n\nconst Switcher = ({ name, previews, next, disabled, current, allCount, highlightNext }) => {\n return (\n \n
\n \n
\n \n \n allCount || disabled}\n >\n 
\n \n
\n );\n};\n\nexport default Switcher;\n","import React, { useEffect } from 'react';\nimport Switcher from './Switcher';\nimport { IconAbout } from 'shared/components/Icons';\nimport checkIcon from 'assets/arrows/3p.svg';\nimport StepLeftIcon from 'assets/arrows/stepLeft.svg';\nimport StepRightIcon from 'assets/arrows/stepRight.svg';\n\nconst StepsArea = ({\n reduxLesson,\n steps,\n completedSteps,\n activeCase,\n activeStep,\n changeActiveCase,\n changeActiveStep,\n setActiveStep,\n onHelpModalOpen,\n}) => {\n const isLastCase = activeCase === reduxLesson.caseIds.length - 1;\n const isLastStep = activeStep === steps.length - 1;\n const highlightNextCase = isLastStep && !isLastCase;\n\n const handleStepChange = bool => {\n setActiveStep(current => {\n const disabledPrev = current - 1 < 0;\n const disabledNext = Number(current) + 2 > steps.length;\n if ((bool && !disabledNext) || (!bool && !disabledPrev)) {\n changeActiveStep(current - (bool ? -1 : 1));\n }\n if (bool && disabledNext && !isLastCase) {\n handleCaseChange(true);\n }\n return current;\n });\n };\n\n const handleCaseChange = bool => {\n changeActiveCase(activeCase - (bool ? -1 : 1));\n changeActiveStep(0);\n };\n\n const disabledPrev = () => {\n return activeStep - 1 < 0;\n };\n\n // const goToFeedback = () => {\n // history.push(getFeedbackUrl(reduxCourse));\n // };\n\n const handleUserKeyPress = event => {\n const { keyCode } = event;\n if (keyCode === 37) handleStepChange(false);\n if (keyCode === 39) handleStepChange(true);\n };\n\n useEffect(() => {\n window.addEventListener('keydown', handleUserKeyPress);\n return () => {\n window.removeEventListener('keydown', handleUserKeyPress);\n };\n //eslint-disable-next-line\n }, []);\n\n return (\n \n {name} {current + 1} of {allCount}\n
\n\n
\n );\n};\n\nexport default StepsArea;\n","const findPosition = oElement => {\n if (typeof oElement.offsetParent != 'undefined') {\n for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {\n posX += oElement.offsetLeft;\n posY += oElement.offsetTop;\n }\n return [posX, posY];\n } else {\n return [oElement.x, oElement.y];\n }\n};\n\nexport const getCoordinates = (e, el) => {\n let PosX = 0;\n let PosY = 0;\n let ImgPos;\n ImgPos = findPosition(el);\n if (!e) e = window.event;\n if (e.pageX || e.pageY) {\n PosX = e.pageX;\n PosY = e.pageY;\n } else if (e.clientX || e.clientY) {\n PosX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;\n PosY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;\n }\n PosX -= ImgPos[0];\n PosY -= ImgPos[1];\n return { x: PosX, y: PosY };\n};\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { getCoordinates } from './utils';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport Loading from 'shared/components/Loading';\n\nconst getCirclePostions = (pos, imgEl) => {\n if (!pos || !imgEl || !imgEl.current) return {};\n const { naturalWidth, naturalHeight, clientWidth, clientHeight } = imgEl.current;\n const widthScale = pos.x / naturalWidth;\n const heightScale = pos.y / naturalHeight;\n const res = {\n left: widthScale * clientWidth,\n top: heightScale * clientHeight,\n };\n return res;\n};\n\nconst HeatmapModal = ({ caseId, lessonId, userLessonId, updateStep, isDisabled, isOpened }) => {\n const { enqueueSnackbar } = useSnackbar();\n const [positions, setPositions] = useState();\n const [fetch, setFetching] = useState();\n const [dicom, setDicom] = useState();\n const imgEl = useRef();\n\n const selectText = positions\n ? 'Thank you, your selection is submitted.'\n : 'Please select by one mouse click a most probable calcification you may notice.';\n\n const onMouseDownOnImage = async e => {\n if (positions) return;\n try {\n const cords = getCoordinates(e, imgEl.current);\n const { naturalWidth, naturalHeight, clientWidth, clientHeight } = imgEl.current;\n const widthScale = cords.x / clientWidth;\n const heightScale = cords.y / clientHeight;\n const pos = {\n x: widthScale * naturalWidth,\n y: heightScale * naturalHeight,\n };\n const { caseId, dicomId, imageId } = dicom;\n await Api.post(`/dicom/saveheatmapdata`, { ...pos, userLessonId, caseId, dicomId, imageId });\n setPositions(pos);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n const getHeatMapImage = async () => {\n try {\n setFetching(true);\n const { data } = await Api.get(`/cases/getheatmaps/${lessonId}/${caseId}`);\n const dicom = data.data && data.data[0];\n if (!dicom) return;\n const points = await Api.get(`/dicom/lessonheatmapdata/${userLessonId}/${caseId}`);\n const point = points.data.data && points.data.data[0];\n if (!isOpened) await updateStep(11);\n setDicom(dicom);\n if (point) {\n setTimeout(setPositions, 500, point);\n }\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetching(false);\n }\n };\n\n useEffect(() => {\n getHeatMapImage();\n //eslint-disable-next-line\n }, []);\n\n if (isDisabled)\n return (\n \n \n
\n \n \n 
\n \n {steps.map((item, index) => {\n const isActive = completedSteps.includes(index);\n const isExplanator = item.name === 'explanator';\n // const isHeatmap = item.name === 'heatmap';\n const isNeedToDone =\n activeStep >= 9 &&\n completedSteps.length < 10 &&\n !isActive &&\n activeStep !== index &&\n !isExplanator;\n return (\n changeActiveStep(index)}\n >\n {isActive && 
}\n {item.icon && (\n steps.length}\n >\n 
\n \n
\n \n You must first review all steps of the hanging protocol as indicated below\n
\n );\n\n if (fetch) return \n This step is not required for this case\n
\n );\n }\n\n return (\n \n
\n );\n};\n\nexport default HeatmapModal;\n","import React, { useState, useEffect } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport HelpModal from './components/HelpModal/';\nimport QuestionaryModal from './components/QuestionaryModal/';\nimport ExplanationModal from './components/ExplanationModal/';\nimport ControlArea from './components/ControlArea';\nimport StepsArea from './components/StepsArea';\nimport CanvasView from './components/CanvasView';\nimport { steps as initialSteps, tools } from './configs';\n\nimport './style.scss';\nimport { Api } from 'utils/connectors';\nimport { generateViewerData } from './utils';\nimport Loading from 'shared/components/Loading';\nimport { onCourseUpdate } from '../Courses/actions';\nimport HeatmapModal from './components/HeatmapModal';\nimport { removeFromStore } from 'utils/storeHelpers';\n\nconst Viewer = ({ match, history }) => {\n const courses = useSelector(store => store.courses);\n const viewerOptions = useSelector(state => state.viewerOptions);\n const dispatch = useDispatch();\n const { courseId, lessonId } = match.params;\n\n const [activeTool, setActiveTool] = useState({});\n const [fullScreen, setFullScreen] = useState(false);\n\n const [fetch, setFetch] = useState();\n const [course, setCourse] = useState();\n const [activeCase, setActiveCase] = useState(0);\n const [activeStep, setActiveStep] = useState(0);\n\n const [openHelpModal, setOpenHelpModal] = useState(false);\n\n const reduxCourse = courses.find(item => item.id === Number(courseId));\n const reduxLesson =\n reduxCourse && reduxCourse.lessons.find(lesson => lesson.id === Number(lessonId));\n\n const fullScreenChange = () => {\n document.addEventListener('fullscreenchange', e => {\n setFullScreen(!!document.fullscreenElement);\n });\n };\n\n const handelActiveToolChange = tool => {\n setActiveTool(tool);\n if (tool && tool.type === 'findingReset') resetFinding();\n };\n\n const getCases = async () => {\n if (!reduxLesson || !reduxLesson.caseIds || !reduxLesson.caseIds.length) return;\n const { caseId, caseUniqueId } = reduxLesson.caseIds[activeCase];\n const endpoint = `/cases/getcasebyid/${caseUniqueId || caseId}?lut=1&dicomType=all`;\n const { data } = await Api.get(endpoint);\n const cases = generateViewerData(data.data, reduxLesson);\n setCourse({\n title: reduxLesson.name,\n lesson: reduxLesson,\n cases,\n });\n // Update first step\n if (!cases[0].completed_steps.includes(0)) {\n updateDicomStepData(0);\n }\n };\n\n const onCaseChange = async value => {\n if (!course.cases[value]) {\n setFetch(true);\n const { caseId, caseUniqueId } = reduxLesson.caseIds[value];\n const endpoint = `/cases/getcasebyid/${caseUniqueId || caseId}?lut=1&dicomType=all`;\n const { data } = await Api.get(endpoint);\n const caseData = generateViewerData(data.data, reduxLesson);\n const cases = [...course.cases, ...caseData];\n await setCourse({ ...course, cases });\n await setActiveCase(value);\n setFetch(false);\n if (!cases[value].completed_steps.includes(0)) updateDicomStepData(0, caseId);\n } else {\n setActiveCase(value);\n }\n // Update first step\n };\n\n const updateLessonsEpisode = index => {\n const tempCourse = { ...reduxCourse };\n const lessonIndex = tempCourse.lessons.findIndex(item => item.id === Number(lessonId));\n const tempLesson = tempCourse.lessons[lessonIndex];\n const tempEpisode = tempLesson.episodes[index];\n if (tempEpisode) {\n tempEpisode.status = 1;\n dispatch(onCourseUpdate(tempCourse));\n }\n };\n\n const updateDicomStepData = async (step, id) => {\n const caseId = id || reduxLesson.caseIds[activeCase].caseId;\n const body = { lessonId, completed: 1, step: step + 1, caseId: Number(caseId) };\n await Api.post('/courses/updateuserlesson', body);\n updateLessonsEpisode(step);\n };\n\n const updateAndAddCompletedStep = async step => {\n await updateDicomStepData(step);\n completedSteps.push(step);\n };\n\n const stepChangeHandler = async step => {\n const isModal = step === 9 || step === 10 || step === 11;\n if (isModal) setActiveTool({});\n if (!completedSteps.includes(step) && !isModal) {\n await updateAndAddCompletedStep(step);\n }\n setActiveStep(step);\n };\n\n const updateFinding = async body => {\n await Api.post('/dicom/savedicomvectordata', body);\n };\n\n const resetFinding = async () => {\n try {\n const body = {\n userLessonId: reduxLesson.userLessonId,\n caseId: Number(reduxLesson.caseIds[activeCase].caseId),\n };\n await Api.delete('/dicom/dicomvectordata', {\n data: body,\n });\n } catch (err) {\n console.log(err);\n }\n };\n\n const lessonStartLog = () => {\n Api.post('/courses/lesson/start', {\n courseId: reduxCourse.id,\n lessonId: reduxLesson.id,\n });\n };\n\n useEffect(() => {\n fullScreenChange();\n getCases();\n removeFromStore('viewerToolTip');\n lessonStartLog();\n //eslint-disable-next-line\n }, []);\n\n if (!course || fetch) return \n
\n Calcification Selection
\n\n
\n {selectText}
\n\n
\n \n \n {!isModal &&\n stepViewsData.map((item, index) => (\n
\n \n
\n );\n};\n\nexport default TestViewer;\n","import React from 'react';\nimport * as IconList from 'shared/components/Icons';\n\nconst Icons = () => {\n const keys = Object.keys(IconList);\n const bindKey = key => `<${key} />`;\n\n const copyToClipboard = str => {\n const el = document.createElement('textarea');\n el.value = `<${str} />`;\n document.body.appendChild(el);\n el.select();\n document.execCommand('copy');\n document.body.removeChild(el);\n };\n\n return (\n \n \n
\n \n
\n \n \n
\n \n
\n );\n};\n\nexport default Icons;\n","import React from 'react';\n\nconst ViewAlert = ({ data, optimalSettings, minimalSettings }) => {\n const { innerWidth, innerHeight } = data;\n return (\n <>\n {innerWidth >= optimalSettings.width && innerHeight >= optimalSettings.height ? (\n - \n {keys.map(key => {\n const Icon = IconList[key];\n return (\n
- \n \n\n
\n \n {bindKey(key)}\n\n\n\n \n );\n })}\n
Passed
\n ) : innerWidth >= minimalSettings.width && innerHeight >= minimalSettings.height ? (\n\n The optimal resolutions is {optimalSettings.width}x{optimalSettings.height}.\n
\n ) : (\n\n The window size is too small, for optimal image quality.\n
\n Hint: Maximize the browser window.\n
\n
\n \n Screen resolution:\n ({`${width}x${height}`})\n
\n\n Window resolution:\n ({`${innerWidth}x${innerHeight}`})\n
\n\n
\n );\n },\n);\n\nexport default Feedback;\n","import React from 'react';\n\nconst ViewResult = ({ data }) => {\n const { min, max, avg } = data;\n return (\n \n (Average: {avg}ms, Min: {min}ms, Max: {max}ms)\n \n );\n};\n\nexport default ViewResult;\n","import React, { useEffect, useState, memo } from 'react';\nimport { Api } from 'utils/connectors';\nimport { getError } from 'utils/appHelpers';\nimport { useSnackbar } from 'notistack';\nimport { useDispatch } from 'react-redux';\nimport { setDiagnosticData } from '../../actions';\nimport SpinnerLoading from './../SpinnerLoading';\nimport Feedback from './../Feedback';\nimport ViewResult from './ViewResult';\n\nconst threshold = 3; // This is the minimal threshold to count MIN, MAX and AVG\nconst repeatLimit = 2;\nconst limit = threshold + repeatLimit;\n\n// Latency\nconst settings = {\n optimal: 5000,\n minimal: 8000,\n timeout: 35000,\n};\n\nconst requestUrl = '/common/test-latency';\n\nconst LatencyTest = () => {\n const { enqueueSnackbar } = useSnackbar();\n const dispatch = useDispatch();\n const [result, setResult] = useState(null);\n const [aborted, setAborted] = useState(false);\n\n const checkNetworkConnection = () => {\n if (result) return;\n const promises = [];\n\n for (let i = 1; i <= limit; i++) {\n promises.push(\n new Promise((resolve, reject) => {\n try {\n const start = performance.now();\n Api.get(requestUrl, { timeout: settings.timeout })\n .then(res => {\n const millis = performance.now() - start;\n const result = millis % 60000;\n resolve(Math.round(result));\n })\n .catch(reject);\n } catch (err) {\n reject(err);\n }\n }),\n );\n }\n\n Promise.all([...promises])\n .then(results => {\n const sorted = results.sort((a, b) => a - b);\n const avg = Math.round(sorted.reduce((a, b) => a + b) / sorted.length);\n const min = sorted[0];\n const max = sorted[sorted.length - 1];\n const success = avg <= settings.optimal;\n const result = { avg, min, max, success };\n dispatch(setDiagnosticData({ latency: result }));\n setResult(result);\n })\n .catch(err => {\n // if (err.code === 'ECONNABORTED') {\n // dispatch(setDiagnosticData({ failed: true }));\n // setAborted(true);\n // }\n dispatch(setDiagnosticData({ failed: true }));\n setAborted(true);\n enqueueSnackbar(getError(err), { variant: 'error' });\n });\n };\n\n useEffect(checkNetworkConnection, [result]);\n\n return (\n <>\n {feedback[feedbackKey].text}
\n\n
\n \n Latency:\n \n {aborted ? 'No Response.' : result ?
\n Hint: Try other internet connection.\n \n }\n aborted={aborted}\n />\n \n );\n};\n\nexport default memo(LatencyTest);\n","import React from 'react';\n\nconst ViewResult = ({ data }) => {\n const { received, duration } = data;\n return (\n \n received {received} MB in {duration}s\n \n );\n};\n\nexport default ViewResult;\n","import React, { useState, useEffect, memo } from 'react';\n// import { useSelector } from 'react-redux';\nimport { useDispatch } from 'react-redux';\nimport { setDiagnosticData } from '../../actions';\nimport SpinnerLoading from './../SpinnerLoading';\nimport Feedback from './../Feedback';\nimport ViewResult from './ViewResult';\nimport { HOST } from 'configs';\n\nconst imageFile = `${HOST.API.CONTENT}/test/bw-test1.jpg`;\n// const downloadSize = 5083725; //bytes;\n\n// Bandwidth duration\nconst settings = {\n optimal: 8,\n minimal: 5,\n timeout: 35000,\n};\n\nconst BandwidthTest = () => {\n // Check wether the bandwith data is exists in the redux store\n // const testCompleted = useSelector(state => state.diagnosticData.bandwidth);\n const dispatch = useDispatch();\n const [result, setResult] = useState(null);\n const [aborted, setAborted] = useState(false);\n\n const checkBandwidth = () => {\n if (aborted) return;\n\n let startTime, endTime;\n const download = new Image();\n download.onload = function() {\n endTime = new Date().getTime();\n showResults();\n };\n\n download.onerror = function(err, msg) {\n setAborted(true);\n };\n\n startTime = new Date().getTime();\n const cacheBuster = '?nnn=' + startTime;\n download.src = imageFile + cacheBuster;\n\n function showResults() {\n const duration = (endTime - startTime) / 1000;\n // const bitsLoaded = downloadSize * 8;\n // const speedBps = (bitsLoaded / duration).toFixed(2);\n // const speedKbps = (speedBps / 1024).toFixed(2);\n // const speedMbps = (speedKbps / 1024).toFixed(2);\n const result = {\n received: 5.2,\n duration,\n success: duration <= settings.optimal,\n };\n setResult(result);\n }\n };\n\n useEffect(() => {\n if (result) {\n dispatch(setDiagnosticData({ bandwidth: result }));\n }\n }, [dispatch, result]);\n\n useEffect(() => {\n if (aborted) {\n dispatch(setDiagnosticData({ failed: true }));\n }\n }, [aborted, dispatch]);\n\n useEffect(() => {\n checkBandwidth();\n //eslint-disable-next-line\n }, []);\n\n return (\n <>\n
\n
\n \n Bandwidth:\n \n {aborted ? 'No Response.' : result ?
\n Hint: Try other internet connection.\n \n }\n aborted={aborted}\n />\n \n );\n};\n\nexport default memo(BandwidthTest);\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { setDiagnosticData } from './actions';\nimport { Api } from 'utils/connectors';\nimport { getError } from 'utils/appHelpers';\nimport { IconRight } from 'shared/components/Icons';\nimport { ResolutionTest, LatencyTest, BandwidthTest } from './components';\nimport Modal from 'react-modal';\nimport SpinnerLoading from './components/SpinnerLoading';\nimport Feedback from './components/Feedback';\nimport { saveToStore } from 'utils/storeHelpers';\n\nnavigator.userAgentVersion = (function() {\n var ua = navigator.userAgent;\n var tem;\n var M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\\/))\\/?\\s*(\\d+)/i) || [];\n if (/trident/i.test(M[1])) {\n tem = /\\brv[ :]+(\\d+)/g.exec(ua) || [];\n return 'IE ' + (tem[1] || '');\n }\n if (M[1] === 'Chrome') {\n tem = ua.match(/\\b(OPR|Edge)\\/(\\d+)/);\n if (tem != null)\n return tem\n .slice(1)\n .join(' ')\n .replace('OPR', 'Opera');\n }\n M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];\n if ((tem = ua.match(/version\\/(\\d+)/i)) != null) M.splice(1, 1, tem[1]);\n return M.join(' ');\n})();\n\nnavigator.userOsInfo = (function() {\n var OSName = 'Unknown';\n if (window.navigator.userAgent.indexOf('Windows NT 10.0') !== -1) OSName = 'Windows 10';\n if (window.navigator.userAgent.indexOf('Windows NT 6.2') !== -1) OSName = 'Windows 8';\n if (window.navigator.userAgent.indexOf('Windows NT 6.1') !== -1) OSName = 'Windows 7';\n if (window.navigator.userAgent.indexOf('Windows NT 6.0') !== -1) OSName = 'Windows Vista';\n if (window.navigator.userAgent.indexOf('Windows NT 5.1') !== -1) OSName = 'Windows XP';\n if (window.navigator.userAgent.indexOf('Windows NT 5.0') !== -1) OSName = 'Windows 2000';\n if (window.navigator.userAgent.indexOf('Mac') !== -1) OSName = 'Mac/OS';\n if (window.navigator.userAgent.indexOf('X11') !== -1) OSName = 'UNIX';\n if (window.navigator.userAgent.indexOf('Linux') !== -1) OSName = 'Linux';\n return OSName;\n})();\n\nlet fetching = false;\n\nconst ConnectionAndDeviceTestModal = ({ isOpen, onFinish }) => {\n const { enqueueSnackbar } = useSnackbar();\n const dispatch = useDispatch();\n const storageData = useSelector(state => state.diagnosticData);\n\n const [finished, setFinished] = useState(false);\n const [requestConfirmation, setRequestConfirmation] = useState(false);\n const [disabled, setDisabled] = useState(false);\n\n const sendConnectionAndTestResults = useCallback(async () => {\n if (fetching) return;\n fetching = true;\n const result = {\n testData: JSON.stringify({\n ...storageData,\n browser: navigator.userAgentVersion,\n os: navigator.userOsInfo,\n }),\n };\n try {\n await Api.post('/common/saveconnectiontest', { ...result });\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n fetching = false;\n }, [enqueueSnackbar, storageData]);\n\n const defineStorageKey = () => {\n saveToStore('connectionAndDeviceTested', true);\n };\n\n const finishAndCloseDialog = () => {\n defineStorageKey();\n dispatch(\n setDiagnosticData({\n resolution: null,\n latency: null,\n bandwidth: null,\n failed: false,\n }),\n );\n onFinish();\n };\n\n const setLoadingWidth = () => {\n const width = storageData.failed\n ? 100\n : (100 / 3) * Object.values(storageData).filter(v => v && v !== true).length; //objects count only\n return `${width}%`;\n };\n\n const setRequirementsCheckbox = () => {\n const { bandwidth, latency, resolution, failed } = storageData;\n const allSuccess =\n bandwidth &&\n bandwidth.success &&\n latency &&\n latency.success &&\n resolution &&\n resolution.success &&\n !failed;\n setDisabled(!allSuccess);\n setRequestConfirmation(!allSuccess);\n };\n\n const manageSuccess = useCallback(() => {\n const { resolution, latency, bandwidth } = storageData;\n const success = resolution.success && latency.success && bandwidth.success;\n setFinished(true);\n sendConnectionAndTestResults();\n if (!success) setRequirementsCheckbox();\n //eslint-disable-next-line\n }, [sendConnectionAndTestResults, storageData]);\n\n const manageFailure = useCallback(() => {\n setRequirementsCheckbox();\n //eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n const { resolution, latency, bandwidth } = storageData;\n if (storageData.failed) manageFailure();\n if (resolution && latency && bandwidth) manageSuccess();\n }, [storageData, manageFailure, manageSuccess]);\n\n return (\n
\n
\n Connection Test
\n\n
\n \n
\n \n Connection to server:\n \n {!storageData.latency ?
\n {requestConfirmation && (\n \n Continue\n
\n \n );\n};\n\nexport default ConnectionAndDeviceTestModal;\n","import React from 'react';\nimport { useLocation } from 'react-router';\nimport BackButton from 'shared/BackButton';\nimport CourseHeaderRightNav from '../CourseView/components/CourseHeaderRightNav';\n\nconst ProgressHeader = ({ course, history }) => {\n const location = useLocation();\n const isFromAccount = location.state && location.state.from === 'account';\n const options = {\n [isFromAccount ? 'noBackRoute' : 'route']: `/courses/${course.id}`,\n };\n\n return (\n \n setDisabled(!e.target.checked)}\n />\n \n
\n )}\n {(finished || requestConfirmation) && (\n \n
\n \n
\n );\n};\nexport default ProgressHeader;\n","import React from 'react';\n\nconst ProgressIncorectBar = ({ progress, correctProgress, className = '' }) => {\n const hasInccorect = correctProgress !== null && correctProgress !== undefined;\n const incorrect = progress - (correctProgress || 0);\n const correct = progress - (hasInccorect ? incorrect : 0);\n const isCompleted = progress >= 100;\n const status =\n !isCompleted && !hasInccorect\n ? 'progress'\n : isCompleted && !hasInccorect\n ? 'completed'\n : 'correct';\n return (\n \n \n {hasInccorect && (\n \n )}\n \n );\n};\n\nexport default ProgressIncorectBar;\n","import React, { useEffect } from 'react';\nimport { connect, useSelector } from 'react-redux';\nimport ProgressHeader from './ProgressHeader';\nimport ProgressIncorectBar from 'shared/components/ProgressIncorectBar';\nimport { getCourses } from './../Courses/actions/index';\n\nconst CourseProgress = ({ match, history, getCourses }) => {\n const courses = useSelector(state => state.courses);\n const course = courses.find(item => item.id === Number(match.params.id));\n\n useEffect(() => {\n getCourses();\n }, [getCourses]);\n\n if (course.isOpened) {\n return (\n \n
\n {!isFromAccount && \n
\n {course.name}\n \n
\n );\n }\n\n return (\n <>\n \n No Progress is available for this course\n
\n \n
\n - \n {course.lessons &&\n course.lessons.map(lesson => {\n const { id, name, startDate, endDate, progress, correctProgress } = lesson;\n const isCompleted = progress && progress >= 100;\n\n return (\n
- \n
\n
\n \n \n {startDate ? `Start ${startDate}` : 'Not Started'}\n \n {!!isCompleted && (\n {endDate && `End ${endDate}`}\n )}\n
\n \n
\n \n \n );\n};\n\nexport default connect(\n null,\n { getCourses },\n)(CourseProgress);\n","import React from 'react';\nimport BackButton from 'shared/BackButton';\nimport { getEventUrl } from 'utils/appHelpers';\nimport { hasAccess } from 'utils/permissionHelper';\nimport CourseHeaderRightNav from '../CourseView/components/CourseHeaderRightNav';\n\nconst ProgressHeader = ({ course, history, file }) => {\n const path = hasAccess('event_user') ? getEventUrl() : '';\n return (\n \n \n
\n \n
\n \n \n \n Correct Answers\n
\n \n \n Lesson In Progress\n
\n \n \n
\n \n
\n \n \n \n Incorrect Answers\n
\n \n \n Completed Lesson\n
\n \n
\n );\n};\nexport default ProgressHeader;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport CourseHeader from './CourseHeader';\nimport { Document, Page, pdfjs } from 'react-pdf';\n\nconst pdfVersion = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\npdfjs.GlobalWorkerOptions.workerSrc = pdfVersion;\n\nconst CourseCertificate = ({ history, match }) => {\n const { id } = match.params;\n const courses = useSelector(store => store.courses);\n const course = courses.find(item => item.id === Number(id));\n const file = course.certificateUrl;\n\n if (!course.isCertificateAvailable) {\n return (\n \n
\n \n
\n {file && (\n \n \n Download Certificate\n \n (.Pdf 184kb)\n
\n )}\n \n
\n );\n }\n\n return (\n No Certificate is available for this course
\n \n \n \n )}\n {!file && (\n
\n );\n};\n\nexport default CourseCertificate;\n","import React from 'react';\nimport Slider from 'react-slick';\nimport AuthorBox from 'shared/components/AuthorBox';\n\nconst sliderSettings = {\n speed: 500,\n infinite: true,\n slidesToShow: 4,\n slidesToScroll: 1,\n};\n\nconst AuthorsList = ({ data }) => {\n sliderSettings.slidesToShow = data.length < 4 ? data.length : 4;\n const col = data.length < 4 ? data.length * 3 : 12;\n\n return (\n \n Your certificate will be available after completion of the course.\n
\n )}\n \n \n {data.map(item => (\n \n
\n );\n};\n\nexport default AuthorsList;\n","import React, { useState } from 'react';\nimport { bindDuration } from 'utils/appHelpers';\n\nconst LessonsList = ({ data }) => {\n const [activeIndex, setActiveIndex] = useState(0);\n\n const toggleAccordion = index => setActiveIndex(activeIndex === index ? null : index);\n\n if (!data || !data.length) return null;\n\n return (\n \n {data.map((item, index) => (\n
\n );\n};\n\nexport default LessonsList;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport AuthorsList from './components/AuthorsList';\nimport LessonsList from './components/LessonsList';\nimport BackButton from 'shared/BackButton';\nimport { IconKey, IconLock, IconRight } from 'shared/components/Icons';\n// import { Link } from 'react-router-dom';\nimport TagsViewBlock from 'shared/components/TagsViewBlock';\nimport { useState } from 'react';\nimport SubscriptionModal from 'shared/components/SubscriptionModal';\nimport { Api } from 'utils/connectors';\nimport { courseSubsStatuses, getError } from 'utils/appHelpers';\nimport { useSnackbar } from 'notistack';\nimport { formatSubscription } from 'utils/formatHelpers';\nimport { useEffect } from 'react';\nimport ProgressBar from 'shared/components/ProgressBar';\nimport ButtonLoading from 'shared/components/ButtonLoading';\nimport { getCourses } from '../Courses/actions';\nimport Loading from 'shared/components/Loading';\n\nconst subsTypes = {\n 1: 'No Key Required',\n 2: 'Paid',\n 3: (\n <>\n - \n
- \n
- \n {item.episodes.map(epi => (\n
- \n {epi.name}\n {bindDuration(epi.duration)}\n \n ))}\n
\n )}\n
\n
\n \n \n
\n \n
\n {item.name}
\n\n
\n duration: {bindDuration(item.duration)}
\n chapters: {item.episodes.length || 0}
\n type: {item.type}
\n {item.description}
\n \n {activeIndex === index && (\n\n setModalData(null)}\n onSuccess={fetchData}\n />\n )}\n
\n );\n};\n\nexport default CourseDetails;\n","import React from 'react';\nimport BackButton from 'shared/BackButton';\n\nconst CertificateHeader = ({ history }) => {\n return (\n \n
\n \n
\n {course.name}
\n \n
\n {modalData && (\n \n
\n \n \n
\n {course.description && (\n
\n \n
\n {course.description && (\n \n About course\n {course.description}\n
\n )}\n {course.authors && course.authors.length > 0 && (\n \n
*/}\n Subscription plans
\n\n \n \n
\n
\n | Subscriptions plans title | \nType | \nContent | \nDuration | \nValidity | \n
|---|---|---|---|---|
| {item.title} | \n{subsTypes[item.subscriptionType]} | \n{item.courses} Courses | \n{item.courseDuration} Hours | \n\n \n \n {item.planDuration} Days \n | \n
Lessons
\n {course.lessons && course.lessons.length > 0 &&\n
\n \n 
\n
\n \n {course.name}*\n
\n\n License Key\n {subsTypes[subscription.type] || '-'}\n
\n \n Parts\n {course.lessons ? course.lessons.length : '0'} parts\n
\n \n Faculty\n {course.authors.length} Faculty\n
\n \n Validity Period\n {subscription.expirable ? `${subscription.days} days` : 'No Expiration'}\n
\n {isDeclined && !isEventType && (\n \n setModalData(subscription)}\n >\n Enroll\n \n
\n )}\n {isAccepted && (\n <>\n \n
\n {!isEventType && (\n \n \n Start to:\n {subscription.userSubs.startDate.substr(0, 10)}\n \n {!!subscription.expirable && (\n \n End to:\n {subscription.userSubs.endDate.substr(0, 10)}\n \n )}\n
\n\n \n \n Progress {subscription.userSubs.progress || 0}%\n \n
\n \n \n {fetch ?
\n )}\n \n )}\n {isPending && Request Sent
}\n \n * To get access to this course you first need to enroll\n
\n\n
\n );\n};\n\nexport default CertificateHeader;\n","import React, { useEffect } from 'react';\nimport CertificateHeader from './components/CertificateHeader';\nimport certificate from 'assets/certificate.png';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getAndUpdateProfile } from '../../../Auth/actions/index';\n\nconst UserCertificate = ({ history }) => {\n const dispatch = useDispatch();\n const account = useSelector(state => state.account);\n const data = account.userCertificates || [];\n\n useEffect(() => {\n dispatch(getAndUpdateProfile());\n //eslint-disable-next-line\n }, []);\n\n return (\n \n
\n \n
\n );\n};\n\nexport default UserCertificate;\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { triggerDiagnosticsTest } from 'app/Main/components/ConnectionAndDeviceTestModal/actions';\nimport Loading from 'shared/components/Loading';\nimport { removeFromStore } from 'utils/storeHelpers';\n\nconst ConnectionTest = ({ history, triggerDiagnosticsTest }) => {\n useEffect(() => {\n removeFromStore('connectionAndDeviceTested');\n triggerDiagnosticsTest();\n history.goBack();\n }, [history, triggerDiagnosticsTest]);\n return \n Certificate will be available after completion of the course.\n
\n )}\n {!!data.length && (\n\n {data.map(item => (\n
\n )}\n \n \n
\n ))}\n \n \n Download\n \n {item.title}\n
\n - \n
- \n 1. My Transcript > Click on this link on the left-hand banner. Your\n certificate(s) will be under Certificates.\n \n
- \n 2. Click on your picture above your name in the left-hand banner. Scroll down to{' '}\n Certificates. Click See.\n \n
- \n
- \n ● Google Chrome (min version 79.0.3945)\n \n
- \n ● Mozilla Firefox (min version 78.0)\n \n
- \n ● Safari (Mac) (min version 13)\n \n
- \n ● Microsoft Edge (min version 79.0.309)\n \n
- ● Internet Explorer is no longer supported \n
- \n
- ● Memory: 2 GB or more Memory: 2 GB or more \n
- ● Storage: 8 GB or more free space Storage: 8 GB or more free space \n
- \n ● Monitor/Display: at least 13\" monitor with resolution 1600 x 900 or better\n Monitor/Display: at least 13\" monitor with resolution 1600 x 900 or better\n \n
- ● Internet: 8 Mb/s or better Internet: 8 Mb/s or better \n
\n
\n );\n};\n\nexport default FAQ;\n","import React, { useRef, useEffect, useState } from 'react';\nimport * as cornerstone from 'cornerstone-core';\nimport { HOST } from 'configs';\n\nconst original = `${\n HOST.API.CONTENT\n}/dicom/2018_CHDI2D_107_BTOJPEGLossless_MG_L_MLO_TomoHD_24X29_20180331_/img_1_lut.jpg`;\n\nconst TestViewerWL = () => {\n const [imageUrl, setImageUrl] = useState(\n `${\n HOST.API.CONTENT\n }/dicom/2018_CHDI2D_107_BTOJPEGLossless_MG_L_MLO_TomoHD_24X29_20180331_/img_1.jpg`,\n );\n const [voi, setVoi] = useState({\n windowCenter: 0,\n windowWidth: 0,\n });\n const el1 = useRef(null);\n const el2 = useRef(null);\n\n const onImageRendered = () => {\n try {\n const viewport = cornerstone.getViewport(el1.current);\n setVoi(viewport.voi);\n } catch (err) {\n console.log(err);\n }\n };\n\n const onWindowResize = () => {\n cornerstone.resize(el1.current);\n };\n\n const loadImage = async (element, url) => {\n const image = await cornerstone.loadAndCacheImage(url || imageUrl);\n const viewportOptions = { pixelReplication: false, image };\n await cornerstone.displayImage(element, image, viewportOptions);\n };\n\n const initElement = async element => {\n await cornerstone.enable(element);\n await cornerstone.resize(element);\n element.addEventListener('cornerstoneimagerendered', onImageRendered);\n window.addEventListener('resize', onWindowResize);\n };\n\n const initData = async (element, url) => {\n await loadImage(element, url);\n await cornerstone.fitToWindow(element);\n await cornerstone.resize(element);\n };\n\n const unmountElement = async () => {\n // element.current.removeEventListener('cornerstoneimagerendered', onImageRendered);\n // window.removeEventListener('resize', onWindowResize);\n // cornerstone.disable(el1.current);\n };\n\n const onImageChange = e => {\n e.preventDefault();\n initData(el1.current);\n };\n\n const onChangeVoi = ({ target }) => {\n const body = { ...voi, [target.name]: target.value };\n setVoi(body);\n const viewport = cornerstone.getViewport(el1.current);\n viewport.voi = body;\n cornerstone.setViewport(el1.current, viewport);\n };\n\n const onChangeVoiSubmit = e => {\n e.preventDefault();\n const viewport = cornerstone.getViewport(el1.current);\n viewport.voi = voi;\n cornerstone.setViewport(el1.current, viewport);\n };\n\n useEffect(() => {\n initElement(el1.current);\n initElement(el2.current);\n return () => unmountElement();\n //eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n initData(el1.current);\n initData(el2.current, original);\n //eslint-disable-next-line\n }, []);\n\n return (\n \n
\n \n \n
\n \n
\n \n {data.map((item, index) => {\n if (item.header)\n return (\n
\n \n
\n );\n return (\n {item.header}
\n- \n
{item.title}
\n \n {activeIndex === index && {item.content}
}\n \n
\n );\n};\n\nexport default TestViewerWL;\n","import React from 'react';\nimport { IconCourses } from 'shared/components/Icons';\n\nconst Requirements = () => {\n return (\n \n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n );\n};\n\nexport default Requirements;\n","import React from 'react';\nimport moment from 'moment';\n\nconst EventLine = ({ label, value, className }) => (\n \n
\n \n \n
\n \n
\n
\n
\n
\n Browser
\n\n ● Chrome (min version 79.0.3945)\n
\n\n ● Mozilla Firefox (min version 78.0)\n
\n\n ● Safari Mac (min version 13)\n
\n\n ● Microsoft Edge (min version 79.0.309)\n
\n\n
Hardware
\n● Standard laptop, desktop computer or iPad
\n● Resolution of at least 1366×768
\n\n
Internet Connection
\n\n ● No firewall blocking ACE domain (hologicace.com)\n
\n● Bandwidth 7 MBits/s connection
\n\n
Software
\n● Google Chrome
\n● Mozilla Firefox
\n● Safari (Mac)
\n● Microsoft Edge
\n\n {label}\n {value}\n
\n);\n\nconst getMapUrl = item => {\n return `https://maps.google.com/maps?q=${item.lat},${item.lng}&hl=es&z=14&&output=embed`;\n};\n\nconst entranceType = {\n 0: 'Open',\n 1: 'Invitation',\n 2: 'Registration',\n};\n\nconst eventTypes = {\n 0: 'Webinar',\n 1: 'TradeShow',\n};\n\nconst typeNames = {\n 0: 'Online',\n 1: 'Offline',\n};\n\nconst EventInfo = ({ event }) => {\n const isWebinar = eventTypes[event.eventType] === 'Webinar';\n\n return (\n \n
\n );\n};\n\nexport default EventInfo;\n","/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */\nimport React, { useEffect } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { IconAbout } from 'shared/components/Icons';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getError, getEventId } from 'utils/appHelpers';\nimport { onGetEvents } from 'app/Events/actions';\nimport { Api } from 'utils/connectors';\nimport Loading from 'shared/components/Loading';\nimport EventInfo from 'app/Events/routes/EventLanding/components/EventInfo';\n\nconst AboutEvent = () => {\n const { enqueueSnackbar } = useSnackbar();\n const dispatch = useDispatch();\n const events = useSelector(state => state.events);\n const id = getEventId();\n const event = events[id];\n\n const getEventData = async id => {\n try {\n const { data } = await Api.get(`/events/event/${id}`);\n dispatch(onGetEvents({ ...events, [id]: data.data }));\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n useEffect(() => {\n getEventData(id);\n //eslint-disable-next-line\n }, [])\n\n if (!event) return \n
\n \n
\n {!isWebinar && (\n \n
\n )}\n \n
\n );\n};\n\nexport default AboutEvent;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport Switch from 'react-switch';\n\nconst ToggleLabel = ({ text }) => (\n \n
\n \n \n
\n \n \n
\n \n *Not all products or technologies featured are available in all markets\n
\n\n {text}\n
\n);\n\nconst Toggle = props => (\n \n
\n \n );\n};\n\nexport default CookieSettingsModal;\n","/* eslint-disable react/jsx-no-target-blank */\nimport React from 'react';\nimport { useState } from 'react';\nimport ReactModal from 'react-modal';\nimport { onOpenExternalUrl } from 'utils/appHelpers';\nimport { getFromStore, initCookieState, saveToStore } from 'utils/storeHelpers';\nimport CookieSettingsModal from './components/CookieSettingsModal';\n\nconst CookiePopup = () => {\n const storeState = getFromStore('cookie');\n const runState = storeState ? JSON.parse(storeState) : { ...initCookieState };\n const [open, toggleModal] = useState(false);\n const [state, setState] = useState(runState);\n\n const saveAndAccept = () => {\n const newState = { ...state, cookieAccepted: true };\n toggleModal(false);\n setState(newState);\n saveToStore('cookie', JSON.stringify(newState));\n };\n\n if (state.cookieAccepted) return null;\n\n return (\n <>\n \n
\n Privacy Overview
\n \n
\n \n setInfoState(!infoState)}\n >\n Show {infoState ? 'less' : 'more'}\n \n
\n \n This website uses cookies to improve your experience while you navigate through the\n website. Out of these, the cookies that are categorized as necessary are stored on your\n browser as they are essential for the working of basic functionalities of the website.\n We also use third-party cookies that help us analyze and understand how you use this\n website. These cookies will be stored in your browser only with your consent. You also\n have the option to opt-out of these cookies. But opting out of some of these cookies may\n affect your browsing experience.\n
\n\n {data.map((item, index) => {\n const isChecked = state[item.name];\n return (\n
\n - \n
\n
\n \n {activeIndex === index && {item.title}
\n \n {item.enabledText && item.enabledText}\n {!item.enabledText && (\n
\n {item.content}
}\n \n \n
\n \n
\n \n We use cookies on our website to give you the most relevant experience by remembering\n preferences and repeat visits. By clicking “Accept” you consent to store on your device\n all the technologies described in our{' '}\n \n Cookie Policy\n \n . However, you may visit “Cookie Settings” to provide a more controlled consent.”\n
\n \n \n \n
\n \n
\n );\n};\n\nexport default connect(\n null,\n { getAuthors, getCourses, getAndUpdateProfile },\n)(Main);\n","import React, { useRef, useEffect, useState } from 'react';\nimport { useSnackbar } from 'notistack';\nimport * as cornerstone from 'cornerstone-core';\nimport Select from 'shared/components/Select';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport cornerstoneTools from 'cornerstone-tools/dist/cornerstoneTools';\nimport Loading from 'shared/components/Loading';\n\nconst cases = [\n { id: 156, name: '3_AITomoSlice_101' },\n { id: 157, name: '3_AITomoSlice_103' },\n { id: 158, name: '3_AITomoSlice_104' },\n { id: 159, name: '3_AITomoSlice_105' },\n { id: 160, name: '3_AITomoSlice_108' },\n { id: 161, name: '3_AITomoSlice_109' },\n { id: 162, name: '3_AITomoSlice_111' },\n { id: 163, name: '3_AITomoSlice_112' },\n { id: 164, name: '3_AITomoSlice_113' },\n { id: 165, name: '3_AITomoSlice_114' },\n { id: 166, name: '3_AITomoSlice_116' },\n { id: 167, name: '3_AITomoSlice_118' },\n { id: 168, name: '3_AITomoSlice_119' },\n { id: 169, name: '3_AITomoSlice_120' },\n];\n\nconst PublicViewer = () => {\n const { enqueueSnackbar } = useSnackbar();\n const [activeCase, setActiveCase] = useState(156);\n const [activeImage, setActiveImage] = useState();\n const [dicomItems, setDicomItems] = useState();\n const [fetch, setFetch] = useState(false);\n const el1 = useRef(null);\n\n const getCaseImages = async () => {\n try {\n setFetch(true);\n const { data } = await Api.get(`/cases/getcasebyid/${activeCase}`);\n const items = data.data.caseDicomItems.map(({ dicomItem }) => {\n return {\n id: dicomItem.dicomItemImages ? dicomItem.dicomItemImages[0].url : '',\n name: dicomItem.fileName,\n };\n });\n setDicomItems(items);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n const onWindowResize = () => {\n cornerstone.resize(el1.current);\n };\n\n const loadImage = async url => {\n const image = await cornerstone.loadAndCacheImage(url);\n const viewportOptions = { pixelReplication: false, image };\n await cornerstone.displayImage(el1.current, image, viewportOptions);\n };\n\n const initElement = async () => {\n await cornerstone.enable(el1.current);\n await cornerstone.resize(el1.current);\n window.addEventListener('resize', onWindowResize);\n const options = {\n configuration: {\n invert: false,\n preventZoomOutsideImage: false,\n minScale: 0.01,\n maxScale: 5.0,\n },\n };\n cornerstoneTools.addToolForElement(el1.current, cornerstoneTools.ZoomMouseWheelTool, options);\n cornerstoneTools.addTool(cornerstoneTools.PanTool);\n cornerstoneTools.setToolActive('Pan', { mouseButtonMask: 1 });\n cornerstoneTools.setToolActive('ZoomMouseWheel', { mouseButtonMask: 1 });\n };\n\n const initData = async url => {\n await loadImage(url);\n await cornerstone.fitToWindow(el1.current);\n await cornerstone.resize(el1.current);\n };\n\n useEffect(() => {\n initElement();\n //eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n getCaseImages(activeCase);\n //eslint-disable-next-line\n }, [activeCase]);\n\n useEffect(() => {\n if (activeImage) initData(activeImage);\n //eslint-disable-next-line\n }, [activeImage]);\n\n return (\n \n {!isHomePage && (\n \n )}\n \n {isHomePage && \n \n \n {testing &&
\n \n
\n );\n};\n\nexport default PublicViewer;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useRef, useState } from 'react';\nimport logo from 'assets/white-logo.svg';\n// import accessImg from 'assets/events/accesslogo.svg';\nimport { NavLink } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IconArrowDown } from 'shared/components/Icons';\nimport { logout } from 'app/Auth/actions';\nimport useOutsideClick from 'shared/hooks/useOutsideClick';\n\nconst EventHeader = ({ eventId }) => {\n const dispatch = useDispatch();\n // const account = useSelector(state => state.account);\n // const [dropMenu, setDropMenu] = useState();\n const [accountMenu, setAccountMenu] = useState();\n const isAuth = useSelector(state => state.isAuthenticated);\n // const dropMenuEl = useRef();\n const accountMenuEl = useRef();\n\n const logoutProfile = e => {\n e.preventDefault();\n dispatch(logout());\n };\n\n // const onClickAccessVip = () => {\n // const isAlreadyVIP = account.userType !== 6;\n // let win;\n // if (isAlreadyVIP) {\n // win = window.open('/allcourses', '_blank');\n // } else {\n // win = window.open('/register', '_blank');\n // }\n // win.focus();\n // };\n\n // useOutsideClick(dropMenuEl, () => setDropMenu(false));\n useOutsideClick(accountMenuEl, () => setAccountMenu(false));\n\n return (\n \n {fetch && setActiveCase(target.value)}\n />\n {dicomItems && (\n setActiveImage(target.value)}\n />\n )}\n
\n \n
\n \n \n
\n \n {/*
\n \n \n );\n};\n\nexport default EventHeader;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React from 'react';\nimport moment from 'moment';\nimport { scrollToEl } from 'utils/appHelpers';\n// import Icon1 from 'assets/home-icon-1.svg';\n// import Icon2 from 'assets/home-icon-2.svg';\n// import { IconArrowRight } from 'shared/components/Icons';\n// import { useHistory } from 'react-router';\nimport FooterIcon1 from 'assets/events/location.svg';\nimport FooterIcon2 from 'assets/events/calendar.svg';\nimport FooterIcon3 from 'assets/events/speakers.svg';\n// import FooterIcon4 from 'assets/events/seats.svg';\nimport Slider from 'react-slick';\n// import { useSelector } from 'react-redux';\n\nconst sliderSettings = {\n arrows: false,\n dots: false,\n speed: 500,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplaySpeed: 7000,\n className: 'event-slide',\n autoplay: true,\n};\n\nconst EventBanner = ({ event }) => {\n // const isAuth = useSelector(state => state.isAuthenticated);\n // const account = useSelector(state => state.account);\n // const history = useHistory();\n // const openUrl = url => {\n // window.open(url, '_blank');\n // };\n\n // const onClickStart = () => {\n // if (isAuth) {\n // history.push(`/events/${event.id}/dashboard/allcourses`);\n // } else {\n // history.push(`/events/${event.id}/register`);\n // }\n // };\n\n // const onClickAccessVip = () => {\n // const isAlreadyVIP = account.userType !== 6;\n // let win;\n // if (isAlreadyVIP) {\n // win = window.open('/allcourses', '_blank');\n // } else {\n // win = window.open('/register', '_blank');\n // }\n // win.focus();\n // };\n\n // const isExpired = moment(event.endDate).diff(new Date()) <= 0;\n\n return (\n */}\n {/* 
*/}\n {/* {!!isAuth && (\n \n )} */}\n {/*
*/}\n \n \n \n Register\n \n \n )}\n {!isAuth && (\n \n \n Login\n \n \n )}\n {!!isAuth && (\n \n setAccountMenu(!accountMenu)}\n ref={accountMenuEl}\n >\n Account
\n \n )}\n \n \n \n
\n */}\n {!isAuth && (\n - \n
- \n
\n Home\n \n \n {!!isAuth && (\n - \n
Available Courses \n \n )}\n {/* - \n
\n {dropMenu && (\n - \n
- \n 360 Tour\n \n
- \n AR Guide\n \n
- \n AR Equipment\n \n
- \n Online Classroom\n \n
- \n
- \n
- \n \n Log out\n \n \n
\n \n {event.banners.map(item => {\n return (\n \n
\n \n
\n \n
\n \n \n
*/}\n \n
\n - \n
- scrollToEl('aboutSection')}>About \n
- scrollToEl('noncmeSection')}>Non-CME \n
- scrollToEl('cmeSection')}>CME \n
- scrollToEl('speakersSection')}>Faculty \n {/*
- scrollToEl('programSection')}>Program */}\n
\n {/* \n
\n \n \n WEBINARS\n
\n \n \n LIVE EVENTS\n
\n \n {/* */}\n {/* {!!isAuth && (\n \n )} */}\n
\n \n Archived Webinars RSNA 2020\n
\n \n \n
\n );\n })}\n \n
\n \n \n );\n};\n\nexport default EventBanner;\n","import React from 'react';\n\nconst EventAbout = ({ event }) => {\n return (\n - \n
- \n
\n
\n\nWorldwide
\nOnline Event
\n \n - \n
\n
\n\n{moment(event.startDate).format('MM/DD/YYYY')}
\n{moment(event.endDate).format('MM/DD/YYYY')}
\n \n - \n
\n
\n\n{event.programs.length} Programs
\n{event.speakers.length} Faculty
\n \n {/* - \n
\n
\n\n\n {event.capacity < 1 ? 'No Limit' : `${event.capacity} Seats`}\n
\nHurry up, register!
\n */}\n
\n
\n );\n};\n\nexport default EventAbout;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { IconArrowDown, IconArrowUp } from 'shared/components/Icons';\n\nconst EventSpeakers = ({ event }) => {\n const [open, setOpen] = useState(false);\n\n return (\n \n
\n About Event
\n \n\n *Not all products or technologies featured are available in all markets\n
\n\n
\n );\n};\n\nexport default EventSpeakers;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React from 'react';\nimport { IconCirclePlay, IconLock } from 'shared/components/Icons';\n\nconst EventCME = ({ event }) => {\n const openItemUrl = url => {\n window.open(url, '_blank');\n };\n\n return (\n \n
\n Faculty
\n\n {event.speakers &&\n event.speakers.map((data, index) => {\n const item = data.authorProfile || {};\n return (\n
\n \n
\n );\n })}\n \n
\n \n
\n \n {item.name} {item.surname}, {item.profession}\n
\n{item.info}
\n setOpen(!open)}>\n {!open ?
\n \n
\n \n );\n};\n\nexport default EventCME;\n","/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport { useSelector } from 'react-redux';\nimport { IconCirclePlay, IconLock } from 'shared/components/Icons';\nimport { saveToStore } from 'utils/storeHelpers';\n\nconst EventCourses = ({ event }) => {\n const isAuth = useSelector(state => state.isAuthenticated);\n\n const openItemUrl = () => {\n if (!isAuth) saveToStore('redirect', `/events/${event.id}/dashboard/allcourses`);\n const url = isAuth ? `/events/${event.id}/dashboard/allcourses` : `/events/${event.id}/login`;\n window.open(url, '_blank');\n };\n\n return (\n \n
\n \n CME\n Courses\n
\n\n {event.cmEs &&\n event.cmEs.map(item => {\n const Icon = false ? IconLock : IconCirclePlay;\n return (\n
\n );\n })}\n \n 
\n
\n \n \n \n
\n \n World Class CME is accredited by the Accreditation Council for Continuing Medical\n Education for Physicians and designates this activity for a maximum of 1 AMA PRA Category\n 1 Credit™. Attendees should claim only the credit commensurate with the extent of their\n participation in the activity. This activity is supported by an educational grant from\n Hologic.\n
\n\n
\n \n \n );\n};\n\nexport default EventCourses;\n","import React from 'react';\nimport img1 from 'assets/events/fb.svg';\nimport img2 from 'assets/events/twitter.svg';\nimport img3 from 'assets/events/linkedin.svg';\nimport footerImg from 'assets/events/footer-image.png';\n\nconst soc = [\n {\n img: img1,\n url: 'https://www.facebook.com/Hologic',\n },\n {\n img: img2,\n url: 'https://twitter.com/Hologic',\n },\n {\n img: img3,\n url: 'https://www.linkedin.com/company/hologic',\n },\n];\n\nconst EventFooter = ({ event }) => {\n return (\n \n
\n );\n })}\n \n Non-CME\n Courses\n
\n\n {event.courses &&\n event.courses.map(item => {\n const Icon = item.isLocked ? IconLock : IconCirclePlay;\n return (\n \n \n
\n \n \n
\n \n \n Open\n \n
\n \n {item.title}\n
\n{item.description}
\n\n
\n );\n};\n\nexport default EventFooter;\n","import React, { useEffect } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport Loading from 'shared/components/Loading';\nimport EventHeader from './components/EventHeader';\nimport EventBanner from './components/EventBanner';\n// import EventInfo from './components/EventInfo';\nimport EventAbout from './components/EventAbout';\nimport EventSpeakers from './components/EventSpeakers';\n// import EventPrograms from './components/EventPrograms';\nimport EventCME from './components/EventCME';\nimport EventCourses from './components/EventCourses';\nimport EventFooter from './components/EventFooter';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { onGetEvents } from 'app/Events/actions';\n\nconst EventLanding = ({ match }) => {\n const dispatch = useDispatch();\n const events = useSelector(state => state.events);\n const { id } = match.params;\n const event = events[id];\n const { enqueueSnackbar } = useSnackbar();\n\n const getEventData = async id => {\n try {\n const { data } = await Api.get(`/events/event/${id}`);\n const res = await Api.get(`/events/event/courses/${id}`);\n data.data.courses = res.data.data.courses;\n dispatch(onGetEvents({ ...events, [id]: data.data }));\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n }\n };\n\n useEffect(() => {\n getEventData(id);\n //eslint-disable-next-line\n }, [])\n\n if (!event) return \n
\n About Hologic
\n\n From detection to treatment, Hologic is your trusted breast and skeletal health expert.\n We’re
\n committed to delivering clinically proven solutions across the continuum of care, to\n improve
outcomes, reduce costs and increase patient satisfaction. Let us help you\n deliver exceptional breast
and skeletal care to all women over the course of their\n lifetime.\n
\n 
\n
\n \n
\n © COPYRIGHT 2020 HOLOGIC, INC.
\n- \n {soc.map((item, i) => (\n
- \n \n \n ))}\n
\n
\n );\n};\n\nexport default EventLanding;\n","import { loginUser } from 'app/Auth/actions';\nimport React, { useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport { IconMail, IconPassword } from 'shared/components/Icons';\nimport InputGroup from 'shared/components/InputGroup';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport { getFromStore } from 'utils/storeHelpers';\nimport EventHeader from '../EventLanding/components/EventHeader';\nimport blueLogo from 'assets/ACE-logo-blue.svg';\n\nconst EventLogin = ({ match, history }) => {\n const hasRedirect = getFromStore('redirect');\n const { id } = match.params;\n const dispatch = useDispatch();\n const [error, setError] = useState();\n const [fetch, setFetch] = useState();\n const [auth, setAuth] = useState({\n email: '',\n password: '',\n eventId: id,\n });\n\n const handleSubmit = async e => {\n e.preventDefault();\n setFetch(true);\n try {\n const res = await Api.post('/auth/login', auth);\n await dispatch(loginUser(res.data));\n history.push(hasRedirect ? hasRedirect : `/events/${id}`);\n } catch (err) {\n setError(getError(err));\n setFetch(false);\n }\n };\n\n const handleChange = ({ target }) => {\n const { name, value } = target;\n const tempAuth = { ...auth };\n tempAuth[name] = value;\n setAuth(tempAuth);\n };\n\n return (\n \n
\n );\n};\n\nexport default EventLogin;\n","import React, { useState } from 'react';\nimport ButtonLine from 'shared/components/ButtonLine';\nimport ButtonLoading from 'shared/components/ButtonLoading';\nimport InputGroup from 'shared/components/InputGroup';\nimport { getError } from 'utils/appHelpers';\nimport { Api } from 'utils/connectors';\nimport cancelIcon from 'assets/cancel-red.svg';\nimport EventHeader from '../EventLanding/components/EventHeader';\nimport { useSnackbar } from 'notistack';\nimport Select from 'shared/components/Select';\nimport { countries } from 'app/Auth/routes/Register/configs';\nimport blueLogo from 'assets/ACE-logo-blue.svg';\n\nconst EventRegister = ({ match, history }) => {\n const { enqueueSnackbar } = useSnackbar();\n const { id } = match.params;\n const [error, setError] = useState();\n const [fetch, setFetch] = useState();\n const [token, setToken] = useState();\n const [isConfirm, setIsConfirm] = useState(false);\n const [form, setForm] = useState({\n firstname: '',\n lastname: '',\n email: '',\n countryid: '',\n city: '',\n state: '',\n password: '',\n rpassword: '',\n userType: 6,\n eventId: Number(id),\n });\n\n const handleSubmit = async e => {\n e.preventDefault();\n setFetch(true);\n try {\n form.learnerprofile = {\n city: form.city,\n state: form.state,\n };\n delete form.city;\n const res = await Api.post('/auth/register', form);\n setToken(res.data.data);\n setIsConfirm(true);\n } catch (err) {\n setError(getError(err));\n } finally {\n setFetch(false);\n }\n };\n\n const handleChange = ({ target }) => {\n const { name, value } = target;\n const tempFOrm = { ...form };\n tempFOrm[name] = value;\n setForm(tempFOrm);\n };\n\n const onClickNo = async () => {\n try {\n setFetch(true);\n await Api.post(`/auth/cancel`, token);\n enqueueSnackbar('Successfully Canceled', { variant: 'success' });\n setIsConfirm(false);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n const onClickYes = async () => {\n try {\n setFetch(true);\n await Api.post(`/auth/approve`, token);\n enqueueSnackbar('Successfully Approved', { variant: 'success' });\n history.push(`/events/${id}/login`);\n } catch (err) {\n enqueueSnackbar(getError(err), { variant: 'error' });\n } finally {\n setFetch(false);\n }\n };\n\n const passwordMatch = form.password === form.rpassword;\n\n return (\n \n
\n \n
\n \n \n
\n \n \n
\n \n );\n};\n\nexport default EventRegister;\n","import Main from 'app/Main';\nimport React from 'react';\nimport { useSelector } from 'react-redux';\nimport { Route, Switch, Redirect } from 'react-router-dom';\nimport EventLanding from './routes/EventLanding';\nimport EventLogin from './routes/EventLogin';\nimport EventRegister from './routes/EventRegister';\n\nconst Events = ({ match }) => {\n const isAuth = useSelector(state => state.isAuthenticated);\n const { path } = match;\n\n return (\n \n
\n \n \n
\n )}\n \n \n
\n {!isConfirm && (\n \n )}\n {isConfirm && (\n \n
\n \n
\n Successfully Registered!
\n\n A registration email will be sent to {form && form.email}
Please\n confirm that this email address is correct:\n
\n \n \n No, It is Not\n \n \n Yes, It is Correct\n \n
\n \n \n {!isAuth && \n
\n );\n};\n\nexport default Events;\n","import React from 'react';\nimport logo from 'assets/ACE-logo-soon.svg';\nimport footer from 'assets/events/footer-image.png';\n\nimport soc1 from 'assets/soon/facebook.svg';\nimport soc2 from 'assets/soon/linkedin.svg';\nimport soc3 from 'assets/soon/twitter.svg';\n\nconst ComingSoon = ({ match }) => {\n return (\n \n
\n );\n};\n\nexport default ComingSoon;\n","import React from 'react';\nimport logo from 'assets/promo/toplogo.png';\nimport { Player, BigPlayButton } from 'video-react';\n\nconst links = {\n expromo: 'https://content.hologicace.com/content/expromo1.mp4',\n inpromo: 'https://content.hologicace.com/content/expromo2.mov',\n};\n\nconst PromoPage = ({ history, location }) => {\n const isInpromo = location.pathname.includes('inpromo');\n const videoSettings = {\n src: links[isInpromo ? 'inpromo' : 'expromo'],\n fluid: false,\n preload: 'auto',\n height: window.innerHeight - 160,\n width: '100%',\n };\n\n const onClickAccessACE = () => {\n history.push('/login');\n };\n\n return (\n \n \n
\n \n
\n Coming Soon
\n\n Info@Hologic.com\n
\n \n \n 
\n \n \n 
\n \n \n 
\n \n
\n \n
\n \n 
\n
\n \n
\n );\n};\n\nexport default PromoPage;\n","import React, { useEffect, Fragment } from 'react';\n\nimport { Switch, Route, BrowserRouter as Router } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getAuthState } from './Auth/actions';\nimport { useSnackbar } from 'notistack';\n\n// Load Routes\nimport Auth from './Auth';\nimport Main from './Main';\nimport Loading from 'shared/components/Loading';\nimport PublicViewer from './PublicViewer';\nimport Events from './Events';\nimport ComingSoon from './ComingSoon';\nimport PromoPage from './PromoPage';\n\nconst App = () => {\n const { enqueueSnackbar } = useSnackbar();\n const dispatch = useDispatch();\n const isAuth = useSelector(state => state.isAuthenticated);\n const account = useSelector(state => state.account);\n const hasVipAccess = isAuth && account && account.userType !== 6;\n\n useEffect(() => {\n if (isAuth === null) dispatch(getAuthState(enqueueSnackbar));\n //eslint-disable-next-line\n }, [getAuthState, isAuth]);\n\n if (isAuth === -1) return \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n ADVANCED CONTINUING EDUCATION PLATFORM\n
\n