\r\n 
\r\n Verification Center\r\n {showUser && {context?.user?.givenName} {context?.user?.surname}}\r\n
\r\n );\r\n }\r\n}","import * as React from 'react';\r\n//@ts-ignore\r\nimport moment from 'moment';\r\n\r\nimport './Footer.scss';\r\n\r\nexport default class Footer extends React.PureComponent {\r\n render() {\r\n return LegalCopyright © The Computing Technology Industry Association, Inc. All rights reserved.
;\r\n \r\n }\r\n}","export default class CertificationMeta {\r\n static async getExamDescription(container: string) {\r\n const response = await fetch(`https://cdn.testout.com/certification-meta-v2/${container}/exam-description.txt`);\r\n if (response.ok) {\r\n let buffer = await response.arrayBuffer();\r\n\r\n let codePage = undefined;\r\n if (buffer.byteLength >= 4) {\r\n const codePageArray = new Uint8Array(buffer.slice(0, 4));\r\n if (codePageArray[0] === 239 && codePageArray[1] === 187 && codePageArray[2] === 191)\r\n codePage = 'utf-8';\r\n else if (codePageArray[0] === 254 && codePageArray[1] === 255)\r\n codePage = 'utf-16be';\r\n else if (codePageArray[0] === 255 && codePageArray[1] === 254)\r\n codePage = 'utf-16le';\r\n else if (codePageArray[0] === 0 && codePageArray[1] === 0 && codePageArray[2] === 254 && codePageArray[3] === 255)\r\n codePage = 'utf-32be';\r\n else if (codePageArray[0] === 255 && codePageArray[1] === 254 && codePageArray[2] === 0 && codePageArray[3] === 0)\r\n codePage = 'utf-32le';\r\n else if (codePageArray[0] === 43 && codePageArray[1] === 47 && codePageArray[2] === 118)\r\n codePage = 'utf-7';\r\n else if (codePageArray[0] === 247 && codePageArray[1] === 100 && codePageArray[2] === 76)\r\n codePage = 'utf-1';\r\n }\r\n\r\n return new TextDecoder(codePage).decode(buffer);\r\n }\r\n }\r\n\r\n static async getExamSkills(container: string) {\r\n const response = await fetch(`https://cdn.testout.com/certification-meta-v2/${container}/certification.xml`);\r\n if (response.ok) {\r\n let xmlText = await response.text();\r\n let parser = new DOMParser();\r\n let xmlDoc = parser.parseFromString(xmlText, \"text/xml\");\r\n\r\n let result = [] as Array<{domain: string, objectives: Array\r\n
\r\n )\r\n }\r\n}","import * as React from 'react';\r\n//@ts-ignore\r\nimport moment from 'moment';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport * as QueryString from 'query-string';\r\nimport { AppContext, IAppContext } from './contexts/AppContext';\r\nimport ICertificate from './models/ICertificate';\r\nimport CertificationMeta from './util/CertificationMeta';\r\nimport { LabSimAPIUrl } from './environment';\r\nimport { faIdCard, faCertificate } from '@fortawesome/pro-regular-svg-icons';\r\nimport { faCheck } from '@fortawesome/pro-solid-svg-icons';\r\nimport { faXmark, faPrint, faCircleInfo } from '@fortawesome/pro-light-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport ICertificateTitleAndId from './models/ICertificateTitleAndId';\r\nimport Modal from './Modal';\r\nimport Loader from \"react-loader-spinner\";\r\nimport CertMetrics from './CertMetrics';\r\n\r\nimport './ManageCert.scss';\r\n//@ts-ignore\r\nimport oblogo from './images/openbadge.png';\r\n//@ts-ignore\r\nimport fblogo from './images/f_logo_RGB-Blue_144.png';\r\n//@ts-ignore\r\nimport lilogo from './images/LI-In-Bug.png';\r\n\r\n\r\ninterface IManageCertProps {\r\n\r\n}\r\n\r\ninterface IManageCertState {\r\n certificateId: string;\r\n certificate?: ICertificate;\r\n selectedCertificateId: string;\r\n examDescription?: string;\r\n examSkills?: Array<{ domain: string, objectives: Array\r\n
\r\n
}\r\n {this.state.certificate != null && \r\n
\r\n The certificate you were looking for could not be found.
\r\n {context != null && context.user != null && }\r\n\r\n
}\r\n {this.state.showShareDialog && \r\n {allowManage && \r\n { this.setState({ showShareDialog: true }) }}>Share\r\n { this.setState({ showCertificateDialog: true }) }}>Certificate\r\n { this.showCertSelector() }}>Other Certificates\r\n }\r\n {!allowManage && \r\n { this.doVerify() }}>Verify\r\n }\r\n
\r\n \r\n This certificate was issued to {isSelf && allowManage ? \"you\" : this.state.certificate.candidateName} on {moment(this.state.certificate.certificateDate).format('M/D/yyyy')} and doesn't have an expiration date.\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n Learner Id:{this.state.certificate.candidateId}
\r\n Certificate Id:{this.state.certificate.certificateId}
\r\n \r\n
\r\n {this.state.certificate.certificationTitle}
\r\n {this.state.examDescription != null &&{this.state.examDescription}
}\r\n {this.state.examSkills != null && <>\r\nSkills
\r\n{this.state.examSkills.map((domain, idx) => {\r\n return
\r\n }\r\n {domain.domain}{\r\n domain.objectives.map((objective, idx) => {\r\n return {objective};\r\n })\r\n }
\r\n })}\r\n
\r\n \r\n
\r\n \r\n Share your Certificate\r\n { this.setState({ showShareDialog: false }) }}>
\r\n \r\n this.incrementFeature(\"ShareToLinkedIn\")}>\r\n 
\r\n 
\r\n this.setState({ showShareDialog: false, copiedText: `${window.location.origin}/verifycert/${this.state.certificateId}` })}>\r\n \r\n 
\r\n \r\n
\r\n LinkedInShare your certificate on LinkedIn. This will include a link that allows viewers to verify the certificate.
\r\n \r\n \r\n FacebookShare your certificate on Facebook. This will include a link that allows viewers to verify the certificate.
\r\n \r\n \r\n Digital BadgeDownload your certificate as a digital badge, using the Open Badge Standard, for use on sites like Badgr.com.
\r\n \r\n\r\n Web LinkCopy a link to this certificate's verification page.
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Get a certificate\r\n { this.setState({ showCertificateDialog: false }) }}>
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Select a Certificate\r\n { this.setState({ showCertSelectorDialog: false }) }}>
\r\n \r\n {this.state.certs != null && <>\r\n {this.state.certs.length === 0 && Your TestOut account has no Certificates.}\r\n {this.state.certs.map((ctid, idx) => {\r\n return { this.redirect(ctid.id) }}>\r\n 
{ctid.title}\r\n ;\r\n })}\r\n \r\n } \r\n
\r\n {ctid.title}\r\n ;\r\n })}\r\n \r\n } \r\n \r\n
\r\n \r\n
\r\n \r\n Verification\r\n { this.cancelVerify() }}>
\r\n {this.state.certificate != null && this.state.verifyStatus != null && \r\n
}\r\n {this.renderVerification(this.state.verifyStatus[0])}{`Issued on ${moment(this.state.certificate.certificateDate).format('M/D/yyyy')}`}
\r\n {this.renderVerification(this.state.verifyStatus[1])}{`Issued by TestOut`}
\r\n {this.renderVerification(this.state.verifyStatus[2])}{`Issued to ${this.state.certificate.candidateName}`}
\r\n {this.renderVerification(this.state.verifyStatus[3])}{`Learner Id is ${this.state.certificate.candidateId}`}
\r\n {this.renderVerification(this.state.verifyStatus[4])}{`Certificate Id is ${this.state.certificate.certificateId}`}
\r\n {this.renderVerification(this.state.verifyStatus[5])}Never expires
\r\n {this.renderVerification(this.state.verifyStatus[6])}Verified
\r\n \r\n
\r\n \r\n
\r\n \r\n Certification URL\r\n { this.setState({ copiedText: undefined }) }}>
\r\n \r\n
\r\n \r\n URL copied to clipboard
\r\n {this.state.copiedText}\r\n
\r\n { this.setState({ copiedText: undefined }) }}>Close\r\n
\r\n\r\n
;\r\n }\r\n}","import * as React from 'react';\r\nimport { BrowserRouter, Switch, Route } from 'react-router-dom';\r\nimport './App.scss';\r\nimport Ribbon from './Ribbon';\r\nimport Footer from './Footer';\r\nimport IUser from './models/IUser';\r\nimport { AppContext } from './contexts/AppContext';\r\nimport ManageCert from './ManageCert';\r\nimport LookupCert from './LookupCert';\r\n\r\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\r\n\r\ninterface IAppProps {\r\n\r\n}\r\n\r\ninterface IAppState {\r\n ready: boolean;\r\n user?: IUser;\r\n}\r\n\r\nexport default class App extends React.PureComponentVerification
\r\nEnter a CompTIA Competency Assessment Certificate ID or a TestOut Certification Certificate ID to verify.
\r\n\r\n
\r\n \r\n Certificate IdRequired\r\n
\r\n {this.state.ls5Cert != null && \r\n { if (e.key === \"Enter\") this.doLookup() }} onChange={(e) => { this.setState({ certificateId: e.target.value, ls5Cert: undefined }) }} />\r\n { this.doLookup() }}>
\r\n \r\n
}\r\n {this.state.error != null && this.state.error.length > 0 && {this.state.ls5Cert.certificateTitle}
\r\n \r\n
\r\n Awarded to {this.state.ls5Cert.candidateName} on {moment(this.state.ls5Cert.certificateDate).format('M/D/yyyy')}
\r\n Certificate Id: {this.state.ls5Cert.certificateId}
\r\n Candidate Id: {this.state.ls5Cert.candidateId}
\r\n {this.state.error}
}\r\n {(this.state.error == null || this.state.error.length === 0) && this.state.ls5Cert == null}\r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n
\r\n