\r\n
\r\n These updates were effective October 1, 2020 \r\n
\r\n\r\n
\r\n These Software as a Service Terms and Conditions (together with any applicable Order Form issued hereunder, the “Agreement”), effective as of the date set forth on an applicable Order Form (“Effective Date”), is between Axiom Innovations LLC, a Colorado corporation, and the Customer named in such Order Form (“Customer”). Axiom Innovations LLC and Customer agree as follows:\r\n
\r\n
\r\n These User Terms are Legally Binding. These User Terms are a legally binding contract between you and us. As part of these User Terms, you agree to comply with the terms set below. If you access or use the Services, or continue accessing or using the Services are being notified of a change to the User Terms, you confirm that you have read, understand, and agree to be bound by the User Terms. \r\n
\r\n
\r\n Overview:\r\n
\r\n
\r\n By agreeing to these Terms, you promise to follow these rules:\r\n
\r\n
\r\n 1.\tYou will not share your login/password with anyone. Each subscription is for one person only – that’s the person who purchased the product (unless it is gifted and then only for the gifted individual).\r\n
\r\n
\r\n 2.\tIf you do share your login/password, you are breaking these terms of service and we have the right to cancel your subscription without a refund. \r\n
\r\n
\r\n 3.\tYou will not copy or reproduce any content.\r\n
\r\n
\r\n 4.\tOnce purchased, there are no refunds for the subscription.\r\n
\r\n\r\n
\r\n 1. SERVICES\r\n
\r\n
\r\n 1.1 License. Subject to the terms and conditions of this Agreement, Axiom Innovations LLC (a) will use commercially reasonable efforts to host, operate and maintain the services as set forth on the Order Form, which may include the Axiom Innovations LLC platform (the “Platform”), and/or other services offered by Axiom Innovations LLC (collectively, the “Services”), (b) grants Customer a non-exclusive, non-transferable, non-sublicensable right and license to access and use the Services and (c) grants Customer a non-exclusive, non-sublicensable and non-transferable license to use (i.e., to download and display locally) Content solely for purposes of using the Services. For clarity, unless otherwise specified by Axiom Innovations LLC in writing, any and all rights or licenses granted by Axiom Innovations LLC to Customer shall only apply to Customer and not Customer’s affiliates, including, without limitation, any parent, subsidiary, or other entity controlled by or under common control with Customer.\r\n
\r\n
\r\n 1.2 Access and Account Setup. Upon execution of an Order Form, Axiom Innovations LLC will provide Customer with a unique login and password to access the Services web pages which are hosted and maintained by Axiom Innovations LLC. Customer shall be responsible for the acts or omissions of any person who accesses the Services using logins provided to or created by Customer. Axiom Innovations LLC reserves the right to modify or discontinue any part of the Services at any time. The Customer can cancel the Service at any time, but no refund will be offered. From time to time, Axiom Innovations LLC personnel may log in to the Service under Customer’s account in order to maintain or improve the Service, including providing Customer assistance with technical or billing issues. Customer hereby acknowledges and consents to such access.\r\n
\r\n
\r\n 1.3 Service Availability. Axiom Innovations LLC will use commercially reasonable efforts to maintain the Service availability to send and receive data, subject to downtimes resulting from maintenance, repairs and upgrades. Axiom Innovations LLC will attempt to notify Customer electronically via the Service in advance of any planned downtime. Notwithstanding the foregoing, Axiom Innovations LLC will not be liable for any failures in the Service or any other problems which are related to (a) the Customer Content (b) outages to any telecommunications or public Internet backbones, networks or servers, or other equipment or service outside of Axiom Innovations LLC’s facilities or control.\r\n
\r\n
\r\n 1.4 Service Support. Axiom Innovations LLC will provide Customer with e-mail support for Customer’s use of the Service during Axiom Innovations LLC’s regular business hours. Customer agrees that Axiom Innovations LLC is not responsible to provide support for any issues resulting from problems, errors or inquiries related to Customer’s systems or hardware.\r\n
\r\n
\r\n 1.5 Customer Content. As used herein, the term “Content” includes, without limitation, information, data, text, photographs, software, scripts, graphics, and interactive features generated, provided, or otherwise made accessible on or through the Services, including without limitation all Customer Content (as defined below). All Content created through or submitted to the Services by Customer (collectively “Customer Content”) is the sole responsibility of Customer. Customer acknowledges and agrees that Axiom Innovations LLC will not assume any, and hereby disclaims all, responsibility and liability for Customer Content and any modifications thereto. Customer hereby grants Axiom Innovations LLC a worldwide, non-exclusive, royalty-free, fully paid-up license to use, reproduce, perform, display, modify, and distribute the Customer Content in connection with providing the Services to Customer. \r\n
\r\n
\r\n 1.6 Use Restrictions. Except as expressly permitted in this Agreement, Customer shall not directly or indirectly (a) use any of Axiom Innovations LLC’s Confidential Information (defined below) to create any service, software, documentation or data that is similar or competitive to any aspect of the Services, (b) disassemble, decompile, reverse engineer or use any other means to attempt to discover any source code of the Services, or the underlying ideas, algorithms or trade secrets therein, (c) encumber, sublicense, transfer, rent, lease, time-share or use the Services in any service bureau arrangement or otherwise for the benefit of any third party, (d) copy, harvest, scrape, distribute, manufacture, adapt, create derivative works of, translate, localize, port or otherwise modify any aspect of the Services, (e) use or allow the transmission, transfer, export, re-export or other transfer of any product, technology or information it obtains or learns pursuant to this Agreement (or any direct product thereof) in violation of any export control or other laws and regulations of the United States or any other relevant jurisdiction, (f) interfere or attempt to interfere with the proper working of the Services or any activities conducted on the Services, (g) remove any copyright patent, trademark, or other intellectual property notices, information, and restrictions contained in any Content accessed through the Services, or (h) permit any third party to engage in any of the foregoing proscribed acts. Prohibited and Unauthorized Use. You will not (i) use or launch any automated system including, “robots”, “spiders,” or “offline readers” that sends more request messages to our servers in a given period of time than a human can reasonably produce in the same period by using a conventional browser. (ii) use the Subscription Service in any manner that damages, disables, overburdens, or impairs our website or interferes with any other party’s use of the Subscription Service; (iii) attempt to gain unauthorized access to the Subscription Service; (iv) access the Subscription Service other than through our interface; or (v) use the Subscription Service for any purpose or in any manner that is unlawful or prohibited by the Agreement. \r\n
\r\n
\r\n You many not use the Subscription Service if you are legally prohibited from receiving or using the Subscription Service under the laws of the country in which you are a resident or from which you access or use the Subscription Service. The Subscription Service is not designed to comply with industry-specific regulations such as the Health Insurance Portability and Accountability Act (HIPPA), the Gramm-Leach-Bliley Act (GLBA), or the Federal Information Security Management Act (FISMA), so you many not use the Subscription Service where your communications would be subject to such laws. \r\n
\r\n
\r\n 1.7 Limitations. Axiom Innovations LLC will not be responsible or liable for any failure in the Services resulting from or attributable to (a) Customer use of the Services not in accordance with this Agreement or any relevant documentation provided by Axiom Innovations LLC, (b) failures in any telecommunications, network or other service or equipment outside of Axiom Innovations LLC’s or its service providers’ facilities, (c) Customer's or any third party’s products, services, negligence, acts or omissions, (d) any force majeure or other cause beyond Axiom Innovations LLC’s reasonable control, or (e) unauthorized access, breach of firewalls or other hacking by third parties.\r\n
\r\n\r\n
\r\n 2. PROPRIETARY RIGHTS\r\n
\r\n
\r\n Subject to the rights and licenses expressly granted hereunder, Customer shall retain all rights, title and interest (including all intellectual property and proprietary rights) in and to the Customer Content. Subject to the limited rights and licenses expressly granted hereunder, Axiom Innovations LLC (and its licensors) shall retain all rights, title and interest (including all intellectual property and proprietary rights) in and to the Services, the Platform, all Content, all Axiom Innovations LLC trademarks, names, logos, all copies, modifications and derivative works thereof, and all rights to patent, copyright, trade secret and other proprietary or intellectual property rights therein. Additionally, all Customer (a) suggestions for correction, change or modification to the Services, (b) evaluations, and (c) other feedback, information and reports provided to Axiom Innovations LLC hereunder (collectively, “Feedback”), will be the property of Axiom Innovations LLC, and Customer shall and hereby does assign any rights in such Feedback to Axiom Innovations LLC. Customer agrees to assist Axiom Innovations LLC, at Axiom Innovations LLC’s expense, in obtaining intellectual property protection for such Feedback, as Axiom Innovations LLC may reasonably request.\r\n
\r\n \r\n
\r\n 3. CONFIDENTIALITY\r\n
\r\n\r\n
\r\n 3.1 Definition. Each party agrees that the business, technical and financial information, including without limitation, the Services, the Platform, and all software, source code, inventions, algorithms, know-how and ideas and the terms and conditions of this Agreement, designated in writing as confidential or disclosed in a manner that a reasonable person would understand the confidentiality of the information disclosed, shall be the confidential property of the disclosing party and its licensors (“Confidential Information”). For the avoidance of doubt, any and all data provided to Customer through the Services (other than Customer Content) shall be considered Axiom Innovations LLC’s Confidential Information. Confidential Information does not include information that (a) is previously rightfully known to the receiving party without restriction on disclosure, (b) is or becomes known to the general public, through no act or omission on the part of the receiving party, (c) is disclosed to the receiving party by a third party without breach of any separate nondisclosure obligation, or (d) is independently developed by the receiving party.\r\n
\r\n
\r\n 3.2 Confidentiality. Except for the specific rights granted by this Agreement, the receiving party shall not access, use or disclose any of the disclosing party’s Confidential Information without its written consent, and shall use at least the standard of care used to protect its own Confidential Information, but not less than reasonable care to protect the disclosing party’s Confidential Information, including ensuring that its employees and contractors with access to such Confidential Information (a) have a need to know for the purposes of this Agreement and (b) have been apprised of and agree to restrictions at least as protective of the disclosing party’s Confidential Information as this Agreement. Each party shall be responsible for any breach of confidentiality by its employees and contractors. Each party may disclose only the general nature, but not the specific terms, of this Agreement without the prior consent of the other party; provided that either party may provide a copy of this Agreement or otherwise disclose its terms in connection with any legal or regulatory requirement, financing transaction or due diligence inquiry.\r\n
\r\n
\r\n 3.3 Required Disclosure. Nothing herein shall prevent a receiving party from disclosing any Confidential Information as necessary pursuant to any applicable court order, law, rule or regulation; provided that prior to any such disclosure, the receiving party shall use reasonable efforts to (a) promptly notify the disclosing party (to the extent legally permitted) in writing of such requirement to disclose and (b) cooperate with the disclosing party in protecting against or minimizing any such disclosure or obtaining a protective order.\r\n
\r\n\r\n
\r\n 4. PAYMENTS; TAXES \r\n
\r\n\r\n
\r\n Customer shall pay to Axiom Innovations LLC fees as set forth in an applicable Order Form in accordance with the terms therein. All subscription purchases are done in advance and are non-refundable. All payments are exclusive of federal, state, local and foreign taxes, duties, tariffs, levies, withholdings and similar assessments, and Customer agrees to bear and be responsible for the payment of all such charges, excluding taxes based upon Axiom Innovations LLC’s net income.\r\n
\r\n
\r\n 5. LIMITED WARRANTY AND DISCLAIMERS\r\n
\r\n
\r\n 5.1 General. Each party represents and warrants that: (a) it has full power and authority, and has obtained all approvals, permissions and consents necessary, to enter into this Agreement and to perform its obligations hereunder; (b) this Agreement is legally binding upon it and enforceable in accordance with its terms; (c) the execution, delivery and performance of this Agreement does not and will not conflict with any agreement, instrument, judgment or understanding to which it is a party or by which it may be bound; and (d) it will perform its obligations hereunder in accordance with all applicable laws.\r\n
\r\n
\r\n 5.2 Customer. Customer represents and warrants that (a) Customer has all rights to grant the licenses to Axiom Innovations LLC set forth herein, including without limitation to Customer Content, without infringement or violation of any applicable laws or third party rights, including without limitation, any privacy rights, publicity rights, copyrights, trademarks, contract rights, or any other intellectual property or proprietary rights, and (b) Customer shall not make available through the Services any Content that is disparaging, obscene, offensive, or otherwise inappropriate or that contains any viruses or any other harmful code.\r\n
\r\n \r\n
\r\n 6. DISCLAIMERS\r\n
\r\n\r\n
\r\n EXCEPT AS PROVIDED IN SECTION 5.1 HEREIN, TO THE FULLEST EXTENT PERMITTED BY LAW, AXIOM INNOVATIONS LLC HEREBY DISCLAIMS (FOR ITSELF AND ITS SUPPLIERS) ALL OTHER WARRANTIES, WHETHER EXPRESS OR IMPLIED, ORAL OR WRITTEN, WITH RESPECT TO THE SERVICES, INCLUDING, WITHOUT LIMITATION, ALL IMPLIED WARRANTIES OF TITLE, NON-INFRINGEMENT, QUIET ENJOYMENT, INTEGRATION, MERCHANTABILITY, FITNESS FOR ANY PARTICULAR PURPOSE, RELIABILITY, OR THAT THEIR OPERATION WILL BE UNINTERRUPTED OR ERROR-FREE, AS WELL AS ALL WARRANTIES ARISING FROM COURSE OF DEALING, COURSE OF PERFORMANCE OR USAGE OF TRADE.\r\n
\r\n\r\n
\r\n 7. INDEMNIFICATION\r\n
\r\n\r\n
\r\n 7.1 Customer. Customer agrees to defend against and hold Axiom Innovations LLC harmless from any claim by a third party that arises from or is related to (a) any Customer Content, (b) Customer’s use of the Services in violation of this Agreement, and to indemnify Axiom Innovations LLC for settlement amounts or damages, liabilities, costs and expenses (including reasonable attorneys’ fees) awarded and arising out of such claims.\r\n
\r\n
\r\n 7.2 Axiom Innovations LLC. Axiom Innovations LLC agrees to (a) defend against and hold Customer harmless from any claim by a third party that Services infringe a valid U.S. patent (issued as of the Effective Date), or any copyright or trade secret, of such third party and (b) indemnify Customer for settlement amounts or third party damages, liabilities, costs and expenses (including reasonable attorneys’ fees) awarded and arising out of such claim. If any part of the Services become or, in Axiom Innovations LLC’s opinion, is likely to become the subject of any injunction preventing its use as contemplated herein, Axiom Innovations LLC may, at its option (1) obtain for Customer the right to continue using the Services or (2) replace or modify the Services so that such services become non-infringing. If (1) and (2) are not reasonably available to Axiom Innovations LLC, Axiom Innovations LLC may terminate this Agreement upon written notice to Customer and refund to Customer a pro-rated amount of any pre-paid fees. Axiom Innovations LLC shall have no liability or obligation hereunder with respect to any claim to the extent based upon (i) any use of the Services not strictly in accordance with this Agreement or in an application or environment or on a platform or with devices for which it was not designed or contemplated, (ii) modifications, alterations, combinations or enhancements of the Services not created by or for Axiom Innovations LLC, (iii) any Customer Content, or (iv) Customer’s continuing allegedly infringing activity after being notified thereof. The foregoing states the entire liability of Axiom Innovations LLC, and Customer’s exclusive remedy, with respect to any actual or alleged violation of intellectual property rights by the Services, any part thereof or its use or operation.\r\n
\r\n
\r\n 7.3 Procedures. Any claim for indemnification hereunder requires that (a) the indemnified party provides prompt written notice of the claim and reasonable cooperation, information, and assistance in connection therewith, and (b) the indemnifying party shall have sole control and authority to defend, settle or compromise such claim. The indemnifying party shall not make any settlement that requires a materially adverse act or admission by the indemnified party without the indemnified party's written consent (such consent not to be unreasonably delayed, conditioned or withheld). The indemnifying party shall not be liable for any settlement made without its prior written consent.\r\n
\r\n\r\n
\r\n 8. LIMITATION OF LIABILITY\r\n
\r\n\r\n
\r\n EXCEPT for any breach of SECTION 3 (CONFIDENTIALITY) OR LIABILITIES TO THIRD PARTIES PURSUANT TO SECTION 7 (INDEMNIFICATION), In no event shall EITHER PARTY BE LIABLE CONCERNING THE SUBJECT MATTER OF this agreement, regardless of the form of any claim or action (whether in CONTRACT, NEGLIGENCE, STRICT LIABILITY OR OTHERwise), for any (A) interruption OF USE, LOSS OR INACCURACY of data, loss oF, OR COST OF PROCURING SUBSTITUTE TECHNOLOGY, GOODS or SERVICES, (B) INDIRECT, PUNITIVE, INCIDENTAL, RELIANCE, SPECIAL, EXEMPLARY OR CONSEQUENTIAL DAMAGES INCLUDING, BUT NOT LIMITED TO, LOSS OF BUSINESS, REVENUES, PROFITS AND GOODWILL OR (C) damages, IN THE AGGREGATE, in excess of the amounts PAID TO IT (IN THE CASE OF AXIOM INNOVATIONS LLC) OR PAID AND PAYABLE BY IT (IN THE CASE OF CUSTOMER) HEREUNDER DURING THE SIX (6) MONTHS PRECEDING SUCH CLAIM, EVEN IF IT HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. THESE LIMITATIONS ARE INDEPENDENT FROM ALL OTHER PROVISIONS OF THIS AGREEMENT AND SHALL APPLY NOTWITHSTANDING THE FAILURE OF ANY REMEDY PROVIDED HEREIN.\r\n
\r\n\r\n
\r\n 9. TERM AND TERMINATION\r\n
\r\n\r\n
\r\n 9.1 Term. Unless otherwise specified in an applicable Order Form or terminated as provided herein, this Agreement shall commence on the Effective Date and shall continue for one (1) year from the Effective Date. The term shall automatically renew for successive one (1) year terms, unless either party notifies the other party of its intent not to renew at least thirty (30) days prior to the end of the then current term. 9.2 Termination. This Agreement may be earlier terminated by either party (a) if the other party materially breaches a provision of this Agreement and fails to cure such breach within thirty (30) days after receiving written notice of such breach from the non-breaching party (ten (10) days in the case on non-payment).9.3 Effects of Termination. Upon any expiration or termination of this Agreement, all corresponding rights, obligations and licenses of the parties shall cease, except that all obligations that accrued prior to the effective date of termination (including without limitation, all payment obligations) shall survive. The provisions of Sections 2 (Proprietary Rights), 3 (Confidentiality), 7 (Indemnification), 6(Disclaimers), 8 (Limitation of Liability), 10 (General Provisions) and this Section 9.3 shall survive.\r\n
\r\n\r\n
\r\n 10. GENERAL PROVISIONS\r\n
\r\n\r\n
\r\n 10.1 Entire Agreement. This Agreement constitutes the entire agreement, and supersedes all prior negotiations or agreements (oral or written), between the parties regarding the subject matter hereof. Any inconsistent or additional terms on any related purchase order, confirmation or similar form, even if signed by the parties hereafter, shall have no effect under this Agreement.\r\n
\r\n
\r\n 10.2 Publicity. Customer hereby consents to inclusion of its name and logo in client lists and marketing materials that may be published as part of Axiom Innovations LLC’s marketing and promotional efforts. From time to time upon Axiom Innovations LLC’s request, Customer agrees it will provide reasonable cooperation and assistance in connection with such efforts (such as, for example, by acting as a reference, issuing press releases and writing testimonials and case studies with statements attributed to a named employee of Customer).\r\n
\r\n
\r\n 10.3 Modification and Waiver. No change, consent or waiver under this Agreement will be binding on either party unless made in writing and physically signed by an authorized representative of both parties. The failure of either party to enforce its rights under this Agreement at any time for any period will not be construed as a waiver of such rights, and the exercise of one right or remedy will not be deemed a waiver of any other right or remedy. 10.4 Severability. If any provision of this Agreement is determined to be illegal or unenforceable, that provision will be limited or eliminated to the minimum extent necessary so that this Agreement will otherwise remain in full force and effect and enforceable.\r\n
\r\n
\r\n 10.4 Governing Law. This Agreement shall be governed by and construed under the laws of the State of California and the United States without regard to conflicts of laws provisions thereof. Exclusive jurisdiction and venue for actions related to this Agreement will be the state and federal courts located in San Francisco County, California, and both parties consent to the jurisdiction of such courts with respect to any such actions.\r\n
\r\n
\r\n 10.5 Remedies. Except as specifically provided otherwise herein, each right and remedy in this Agreement is in addition to any other right or remedy, at law or in equity. Each party agrees that, in the event of any breach or threatened breach of Section 3, the non-breaching party will suffer irreparable damage for which it will have no adequate remedy at law. Accordingly, the non-breaching party shall be entitled to seek injunctive and other equitable remedies to prevent or restrain such breach or threatened breach, without the necessity of posting any bond.\r\n
\r\n
\r\n 10.6 Notices. All notices under this Agreement will be in writing and delivered to the parties at their respective addresses stated herein or at such other address designated by written notice. Notices will be deemed to have been duly given when received, if personally delivered; when receipt is electronically confirmed, if transmitted by email or facsimile; the day after being sent, if sent for next day delivery by recognized overnight delivery service; or upon receipt, if sent by certified or registered mail, return receipt requested.\r\n
\r\n
\r\n 10.7 Force Majeure. In the event that either party is prevented from performing, or is unable to perform, any of its obligations under this Agreement due to any cause beyond its reasonable control, the affected party shall give written notice thereof to the other party and its performance shall be extended for the period of delay or inability to perform due to such occurrence.\r\n
\r\n
\r\n 10.8 Assignment. This Agreement and the rights and obligations hereunder may not be assigned, in whole or in part, by Customer without Axiom Innovations LLC's written consent. This Agreement shall be binding upon, and inure to the benefit of, the successors, representatives and permitted assigns of the parties hereto.\r\n
\r\n
\r\n 10.9 Independent Contractors. The parties shall be independent contractors under this Agreement, and nothing herein will constitute either party as the employer, employee, agent or representative of the other party, or both parties as joint venturers or partners for any purpose.\r\n
\r\n
\r\n 10.10\tIn order to use the Service, you must: 1 – be at least eighteen (18) years old and able to enter into contracts. 2 – complete the account registration process. 3 – agree to these Terms. 4 – not be based in Cuba, Iran, North Korea, Syria, or any other country that is subject to a U.S. government embargo, or that has been designated by the U.S. government as a “terrorist-supporting” country; and 5 – not be listed on any U.S. government list of prohibited or restricted persons.\r\n
\r\n\r\n
\r\n THIS SOFTWARE AND ACCOMPANYING WRITTEN MATERIALS ARE PROVIDED AS IS. Axiom Innovations LLC AND ANYONE WHO HAS BEEN INVOLVED IN THE CREATION, PRODUCTION OR DELIVERY OF THIS PRODUCT DISCLAIM ALL WARRANTIES, EXPRESSED OR IMPLIED, INCLUDING, WITHOUT LIMITATION, THE WARRANTIES OF MERCHANTABILITY AND OF FITNESS FOR ANY PURPOSE. Axiom Innovations LLC ASSUMES NO LIABILITY FOR DAMAGES, DIRECT OR CONSEQUENTIAL, WHICH MAY RESULT FROM THE USE OF THIS PROGRAM. \r\n YOU ACKNOWLEDGE THAT YOU HAVE READ THIS LICENSE AGREEMENT AND LIMITED WARRANTY, UNDERSTAND THEM, AND AGREE TO BE BOUND BY THEIR TERMS AND CONDITIONS. YOU ALSO AGREE THAT THE LICENSE AND LIMITED WARRANTY ARE THE COMPLETE AND EXCLUSIVE STATEMENT OF AGREEMENT BETWEEN THE PARTIES AND SUPERSEDE ALL PROPOSALS OF PRIOR AGREEMENTS, ORAL OR WRITTEN, AND ANY OTHER COMMUNICATIONS BETWEEN THE PARTIES RELATING TO THE SUBJECT MATTER OF THE LICENSE AGREEMENT OR THE LIMITED WARRANTY. \r\n THIS AGREEMENT SHALL BE GOVERNED AND CONSTRUED IN ACCORDANCE WITH THE LAWS OF THE STATE OF COLORADO. \r\n
\r\n\r\n
\r\n EMAIL\r\n info@cdmcases.com\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Comments
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport './ExitCasePopup.css'\r\n\r\nexport default function ExitCasePopup(props) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Are you sure you want to exit the case? Your progress will be saved to continue at a later point.
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport './LabPanelItem.css'\r\n\r\nexport default function LabPanelItem(props) {\r\n let labPanelItems = ['pH', 'PO2', 'PCO2', 'Bicarbonate', 'Oxygen saturation']\r\n\r\n return (\r\n
\r\n
{props.title}
\r\n {props.contents.map((value, index) => (\r\n
{value}
\r\n ))}\r\n {props.indentedContents &&\r\n props.indentedContents.map((value, index) => (\r\n
{value}
\r\n ))\r\n }\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport LabPanelItem from './Components/LabPanelItem/LabPanelItem'\r\nimport './LabPanels.css'\r\n\r\nexport default function LabPanels(props) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Lab Panel
\r\n \r\n \r\n
\r\n
\r\n
APPROVED LABORATORY TEST PANELS
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport './CheckboxAnswer.css'\r\n\r\nexport default function CheckboxAnswer(props) {\r\n\r\n let [shuffled, setShuffled] = useState(false)\r\n let [answers, setAnswers] = useState([])\r\n\r\n const updateCheckboxAnswer = (e, value, index) => {\r\n e.stopPropagation()\r\n let newAnswers = [...answers]\r\n newAnswers[index].selected = !newAnswers[index].selected\r\n setAnswers(newAnswers)\r\n props.updateCheckboxAnswer(value.option)\r\n }\r\n\r\n const shuffleAnswers = (answerList) => {\r\n let tempAnswers = JSON.parse(JSON.stringify(answerList))\r\n var currentIndex = tempAnswers.length, randomIndex;\r\n\r\n // While there remain elements to shuffle...\r\n while (currentIndex != 0) {\r\n\r\n // Pick a remaining element...\r\n randomIndex = Math.floor(Math.random() * currentIndex);\r\n currentIndex--;\r\n\r\n // And swap it with the current element.\r\n [tempAnswers[currentIndex], tempAnswers[randomIndex]] = [\r\n tempAnswers[randomIndex], tempAnswers[currentIndex]];\r\n }\r\n setAnswers(tempAnswers)\r\n }\r\n\r\n if (!shuffled) {\r\n shuffleAnswers(props.answerList[props.currentQuestion - 1])\r\n setShuffled(true)\r\n }\r\n\r\n useEffect(() => {\r\n shuffleAnswers(props.answerList[props.currentQuestion - 1])\r\n }, [props.currentQuestion])\r\n\r\n const getMultipleChoiceLetter = (index) => {\r\n if (index < 26) {\r\n return String.fromCharCode(65 + index)\r\n } else {\r\n let firstLetterIndex = Math.floor(index / 26) - 1\r\n return `${String.fromCharCode(65 + firstLetterIndex)}${String.fromCharCode(65 + (index % 26))}`\r\n }\r\n }\r\n\r\n return (\r\n
\r\n
{props.simulationData.qo[props.currentQuestion - 1].QUESTION}
\r\n
You may select up to {props.simulationData.qo[props.currentQuestion - 1].MAXACCEPTEDANSWERS} of the {props.answerList[props.currentQuestion - 1].length} options listed below; \r\n select the last option if no intervention is needed. You may need to use the scroll bar at the right \r\n to view the entire list.\r\n
\r\n
Number of options selected: {props.selectedCheckboxAmount}
\r\n
\r\n {answers.map((value, index) => (\r\n
updateCheckboxAnswer(e, value, index)}>\r\n
null} style={{cursor: 'pointer'}}/>\r\n
{getMultipleChoiceLetter(index)}. {value.option}
\r\n
\r\n ))}\r\n
\r\n
Number of options selected: {props.selectedCheckboxAmount}
\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\n\r\nexport default function InputAnswer(props) {\r\n return (\r\n
\r\n
{props.simulationData.qo[props.currentQuestion - 1].QUESTION}
\r\n
You may list up to {props.simulationData.qo[props.currentQuestion - 1].MAXACCEPTEDANSWERS} responses. You may need to use the scroll bar \r\n at the right to view all available text boxes.\r\n
\r\n
\r\n {props.answerList[props.currentQuestion - 1].map((value, index) => (\r\n
\r\n
{index + 1}
\r\n
props.modifyInputAnswer(e, index)}/>\r\n
{100 - value.length}
\r\n
\r\n ))}\r\n
\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport CheckboxAnswer from './AnswerComponents/CheckboxAnswer/CheckboxAnswer'\r\nimport InputAnswer from './AnswerComponents/InputAnswer/InputAnswer'\r\nimport './SimulationBody.css'\r\n\r\nexport default function SimulationBody(props) {\r\n\r\n const getPreviousQuestions = () => {\r\n let questionsArray = []\r\n for(let i = 1; i < props.currentQuestion; ++i) {\r\n questionsArray.push(\r\n
\r\n
Question {i}
\r\n
{props.simulationData.qo[i - 1].QUESTION}
\r\n {((i + 1) < props.currentQuestion) &&
}\r\n {(props.simulationData.qo[i - 1].ADDITIONALINFO !== \"\") &&\r\n
\r\n
{props.simulationData.qo[i - 1].ADDITIONALINFO}
\r\n {((i + 1) < props.currentQuestion) &&
}\r\n
\r\n }\r\n
\r\n )\r\n }\r\n return questionsArray\r\n }\r\n\r\n return (\r\n
\r\n
Case {props.caseNumber}, Part {props.currentQuestion} of {props.simulationData.qo.length}
\r\n
{props.simulationData.CASEPRESENTATION}
\r\n
\r\n \r\n {props.simulationData.INITIALINFO.map((value, index) => (\r\n \r\n | {value.vital} | \r\n {value.value} | \r\n
\r\n ))}\r\n \r\n
\r\n {(props.simulationData.qo[0].ADDITIONALINFO !== \"\") &&\r\n
{props.simulationData.qo[0].ADDITIONALINFO}
\r\n }\r\n {(props.currentQuestion > 1) &&\r\n
\r\n
PREVIOUS QUESTIONS RELATED TO THIS CASE:
\r\n {getPreviousQuestions().map((value) => (\r\n value\r\n ))}\r\n
\r\n }\r\n
Part {props.currentQuestion} of {props.simulationData.qo.length}
\r\n {(props.simulationData.qo[props.currentQuestion - 1].ADDITIONALINFO !== \"\") &&\r\n
{props.simulationData.qo[props.currentQuestion - 1].ADDITIONALINFO}
\r\n }\r\n {(props.simulationData.qo[props.currentQuestion - 1].ADDITIONALIMAGE !== \"\") &&\r\n
\r\n }\r\n
\r\n
Question {props.currentQuestion}
\r\n {props.simulationData.qo[props.currentQuestion - 1].BLANKTYPE &&
}\r\n
\r\n {props.simulationData.qo[props.currentQuestion - 1].BLANKTYPE ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport './SimulationFooter.css'\r\n\r\nexport default function SimulationFooter(props) {\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n {!props.submitStep ?\r\n \r\n :\r\n \r\n }\r\n
\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport './SimulationHeader.css'\r\n\r\nexport default function SimulationHeader(props) {\r\n\r\n const formatTimeRemaining = (timeRemaining) => {\r\n let hours = Math.floor(timeRemaining / 3600)\r\n let minutes = Math.floor(timeRemaining / 60)\r\n let seconds = timeRemaining % 60\r\n\r\n if (hours < 10) {\r\n hours = `0${hours}`\r\n }\r\n if (minutes < 10) {\r\n minutes = `0${minutes}`\r\n }\r\n if (seconds < 10) {\r\n seconds = `0${seconds}`\r\n }\r\n return `${hours}:${minutes}:${seconds}`\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport './HelpPopup.css'\r\n\r\nexport default function HelpPopup(props) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Fill-in-the-blank Rules
\r\n
\r\n
\r\n
\r\n Rules for fill in the blank: (Note: This window will NOT be there on the real test, so do not depend on this as a reference)
\r\n This is not included on the real test. This is for education purposes only. You can hide this by going into account and unchecking the box labeled \"hide fill in the blank rules\"
\r\n #1 - If giving a drug, give drug name, not classes (example: give hydrochlorothiazide rather than \"antihypertensive\").
\r\n #2 - If giving a drug, give the route of the drug : Oral (by mouth), inhalation, sublingual, intravenous, intramuscular, subcutaneous, intradermal, topical) Try not to abbreviate
\r\n #3 - Imaging studies: Must include anatomic site (example: Chest xray instead of xray)
\r\n #4 - Avoid or limit use of abbreviations due to lack of standardization. We accept some standard abbreviations, but it would be safer to spell it out and not abbreviate on the test!
\r\n #5 - Protocols will not be accepted as correct because they are often not universal.
\r\n #6 - Urgency: Include “stat” when a procedure or diagnostic test is needed within 30 minutes, regardless of clinical setting, including the emergency department.
\r\n #7 - Referrals and consults: If the correct plan of action requires a specialty referral and/or consultation, in addition to the type of specialist you must specify the appropriate procedure or management step the specialist will perform (for example, “refer to psychiatry for cognitive-behavioral therapy”).
\r\n\r\n Note that just like in the real test, there might be 2 phrases required in a fill-in-the-blank answer. As with the example above with referral to psychiatry, the first phrase that will be matched is \"psychiatry\" and the second phrase that will be matched is \"cognitive behavioral therapy.\" In the feedback section, there will be a marker Additional phrase required which will show you the second phrase that must be matched.
\r\n\r\n Another example of 2 phrases that must be matched is with fill in the blank medications which require the route of administration. The first phrase would be the medication such as lisinopril. The second phrase would be the route which would be oral or by mouth or PO (though try to limit abbreviation usage). The correct response would be lisinopril by mouth.
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React, { Component } from 'react'\r\nimport AnswerPopup from './Components/AnswerPopup/AnswerPopup'\r\nimport Comments from './Components/Comments/Comments'\r\nimport ExitCasePopup from './Components/ExitCasePopup/ExitCasePopup'\r\nimport LabPanels from './Components/LabPanels/LabPanels'\r\nimport SimulationBody from './Components/SimulationBody/SimulationBody'\r\nimport SimulationFooter from './Components/SimulationFooter/SimulationFooter'\r\nimport SimulationHeader from './Components/SimulationHeader/SimulationHeader'\r\nimport './Simulation.css'\r\nimport logFetchError from '../../Functions/LogFetchError'\r\nimport HelpPopup from './Components/HelpPopup/HelpPopup'\r\n\r\nexport default class Simulation extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n selectedCheckboxAmount: 0,\r\n displayCommentsPopup: false,\r\n comments: \"\",\r\n displayLabPanels: false,\r\n timeRemaining: props.simulationData.timeRemainingInSeconds,\r\n currentQuestion: props.simulationData.currentQuestion,\r\n submitStep: false,\r\n answerList: props.simulationData.answerList,\r\n displayAnswerPopup: false,\r\n displayExitCasePrompt: false,\r\n gradeOutput: [],\r\n caseEnded: false,\r\n showHelpPopup: false,\r\n }\r\n }\r\n\r\n timer = null\r\n\r\n componentDidMount() {\r\n if (this.timer === null && this.props.timedExam) {\r\n this.startCaseTimer()\r\n }\r\n }\r\n\r\n startCaseTimer = () => {\r\n this.timer = setInterval(() => {\r\n let timeRemaining = this.state.timeRemaining\r\n if (timeRemaining - 1 === 0) {\r\n this.setState({caseEnded: true, timeRemaining: 0})\r\n clearInterval(this.timer)\r\n this.handleAnswerSubmission(this.props.simulationData.answerList.length)\r\n } else {\r\n timeRemaining--\r\n this.setState({timeRemaining})\r\n }\r\n }, 1000)\r\n }\r\n\r\n pauseCaseTimer = () => {\r\n clearInterval(this.timer)\r\n }\r\n\r\n updateCheckboxAnswer = (optionName) => {\r\n let index = 0;\r\n let currentQuestion = this.state.currentQuestion - 1\r\n let answerList = [...this.state.answerList]\r\n for(let i = 0; i < answerList[currentQuestion].length; ++i) {\r\n if (optionName === answerList[currentQuestion][i].option) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n answerList[currentQuestion][index].selected = !answerList[currentQuestion][index].selected\r\n let selectedCheckboxAmount = this.state.selectedCheckboxAmount\r\n if (answerList[currentQuestion][index].selected) {\r\n selectedCheckboxAmount++\r\n } else {\r\n selectedCheckboxAmount--\r\n }\r\n console.log(answerList)\r\n this.setState({answerList, selectedCheckboxAmount})\r\n }\r\n\r\n modifyInputAnswer = (e, index) => {\r\n let answerInfo = [...this.state.answerList]\r\n if (e.target.value.length <= 100) {\r\n answerInfo[this.state.currentQuestion - 1][index] = e.target.value\r\n this.setState({answerInfo})\r\n }\r\n }\r\n\r\n formatAnswer = (currentQuestion) => {\r\n let formattedAnswerList = []\r\n this.state.answerList.forEach((value, index) => {\r\n if (index < currentQuestion) {\r\n let answer = {\r\n customerId: this.props.userData.CustomerId,\r\n caseId: this.props.selectedCaseId,\r\n questionId: this.props.simulationData.qo[index].QUESTIONID,\r\n caseguid: this.props.caseguid,\r\n customerAnswersBlank: null,\r\n customerAnswerMC: null,\r\n timeLeftInSec: this.state.timeRemaining,\r\n completeSubmission: (index + 1) === this.props.simulationData.answerList.length ? true : false,\r\n isTimed: this.props.timedExam\r\n }\r\n if (typeof value[0] === 'string') {\r\n answer.customerAnswersBlank = [...value]\r\n } else {\r\n let multipleChoiceOptions = []\r\n this.props.simulationData.ao.forEach((aoValue, aoIndex) => {\r\n if (aoValue.QUESTIONID === answer.questionId) {\r\n multipleChoiceOptions.push(aoValue)\r\n }\r\n })\r\n answer.customerAnswerMC = []\r\n value.forEach((value, index) => {\r\n if (value.selected) {\r\n answer.customerAnswerMC.push(multipleChoiceOptions[index].ANSWERID)\r\n }\r\n })\r\n }\r\n formattedAnswerList.push(answer)\r\n }\r\n })\r\n\r\n if (currentQuestion === this.props.simulationData.answerList.length) {\r\n return formattedAnswerList\r\n } else {\r\n return formattedAnswerList[formattedAnswerList.length - 1]\r\n }\r\n }\r\n\r\n handleAnswerSubmission = async (currentQuestion) => {\r\n if (currentQuestion === this.props.simulationData.answerList.length) {\r\n await this.fetchFinalQuestionSubmission(currentQuestion)\r\n } else {\r\n if (this.props.practiceMode) {\r\n await this.fetchPracticeModeSubmission(currentQuestion)\r\n } else {\r\n await this.fetchMoveOn(currentQuestion)\r\n }\r\n }\r\n }\r\n\r\n fetchPracticeModeSubmission = async (currentQuestion) => {\r\n this.props.setFetchOutstanding(true)\r\n let answer = this.formatAnswer(currentQuestion)\r\n await fetch(`${this.props.route}/moveon.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(answer)\r\n })\r\n .then((res) => {\r\n if (res.ok) {\r\n return res.text()\r\n } else if (res.status === 401) {\r\n this.props.setAuthenticationError()\r\n } else {\r\n throw new Error('Unable to submit answers')\r\n }\r\n })\r\n .then(async () => {\r\n await fetch(`${this.props.route}/grading.webapi`, {\r\n method: 'POST',\r\n headers: {\r\n 'Token': this.props.userData.Token,\r\n 'Content-Type': 'text/plain',\r\n },\r\n body: JSON.stringify([answer])\r\n })\r\n .then((res) => {\r\n if (res.ok) {\r\n return res.text()\r\n } else if (res.status === 401) {\r\n this.props.setAuthenticationError()\r\n } else {\r\n throw new Error('Unable to submit answers')\r\n }\r\n })\r\n .then((res) => {\r\n this.props.setFetchOutstanding(false)\r\n let result = JSON.parse(res)\r\n this.pauseCaseTimer()\r\n this.setState({\r\n displayAnswerPopup: true,\r\n gradeOutput: result.pgolist,\r\n selectedCheckboxAmount: 0\r\n })\r\n })\r\n })\r\n .catch((error) => {\r\n this.props.setFetchOutstanding(false)\r\n console.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchPracticeModeSubmission')\r\n })\r\n }\r\n\r\n fetchMoveOn = async (currentQuestion) => {\r\n this.props.setFetchOutstanding(true)\r\n let answer = this.formatAnswer(currentQuestion)\r\n await fetch(`${this.props.route}/moveon.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(answer)\r\n })\r\n .then((res) => {\r\n if (res.ok) {\r\n return res.text()\r\n } else if (res.status === 401) {\r\n this.props.setAuthenticationError()\r\n } else {\r\n throw new Error('Unable to submit answers')\r\n }\r\n })\r\n .then(() => {\r\n this.props.setFetchOutstanding(false)\r\n this.setState({currentQuestion: currentQuestion + 1, submitStep: false, selectedCheckboxAmount: 0}, () => {\r\n let answerStart = document.getElementById('beginQuestionElement')\r\n let headerContainer = document.getElementById('headerContainer')\r\n window.scrollTo(0, answerStart.offsetTop - headerContainer.offsetHeight - 10)\r\n })\r\n })\r\n .catch((error) => {\r\n this.props.setFetchOutstanding(false)\r\n console.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchMoveOn')\r\n })\r\n }\r\n\r\n fetchFinalQuestionSubmission = async (currentQuestion) => {\r\n this.props.setFetchOutstanding(true)\r\n let answers = this.formatAnswer(currentQuestion)\r\n\r\n await fetch(`${this.props.route}/grading.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(answers)\r\n })\r\n .then((res) => {\r\n if (res.ok) {\r\n return res.text()\r\n } else if (res.status === 401) {\r\n this.props.setAuthenticationError()\r\n } else {\r\n throw new Error('Unable to submit answers')\r\n }\r\n })\r\n .then((res) => {\r\n this.props.setFetchOutstanding(false)\r\n let result = JSON.parse(res)\r\n this.props.displayGrading(result)\r\n })\r\n .catch((error) => {\r\n this.props.setFetchOutstanding(false)\r\n console.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchFinalQuestionSubmission')\r\n })\r\n }\r\n\r\n continueCaseHandler = () => {\r\n if ((this.state.currentQuestion === this.props.simulationData.answerList.length) || this.state.caseEnded) {\r\n this.props.displayGrading()\r\n } else {\r\n this.startCaseTimer()\r\n this.setState({currentQuestion: this.state.currentQuestion + 1, submitStep: false, displayAnswerPopup: false}, () => {\r\n let answerStart = document.getElementById('beginQuestionElement')\r\n let headerContainer = document.getElementById('headerContainer')\r\n window.scrollTo(0, answerStart.offsetTop - headerContainer.offsetHeight - 10)\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
this.setState({displayLabPanels: true})}\r\n />\r\n this.setState({showHelpPopup: true})}\r\n />\r\n this.setState({displayCommentsPopup: true})}\r\n submitStep={this.state.submitStep}\r\n updateSubmitStep={() => this.setState({submitStep: true})}\r\n submitAnswer={() => this.handleAnswerSubmission(this.state.currentQuestion)}\r\n displayExitCasePrompt={() => this.setState({displayExitCasePrompt: true})}\r\n displayLabPanels={() => this.setState({displayLabPanels: true})}\r\n />\r\n this.setState({displayLabPanels: false})}\r\n />\r\n this.setState({comments: event.target.value})}\r\n closeComments={() => this.setState({displayCommentsPopup: false})}\r\n />\r\n {this.state.displayAnswerPopup &&\r\n \r\n }\r\n this.setState({displayExitCasePrompt: false})}\r\n />\r\n {this.state.showHelpPopup &&\r\n this.setState({showHelpPopup: false})}\r\n />\r\n }\r\n \r\n )\r\n }\r\n}\r\n","import React from 'react'\r\nimport './HighYieldInformationPopup.css'\r\n\r\nexport default function HighYieldInformationPopup(props) {\r\n return (\r\n
\r\n
\r\n
\r\n
High Yield Cases
\r\n
\r\n
Mark High Yield if you think that this case has a high chance of being on the real COMLEX Level 3 test. This will be added to a talley of all users who vote so that users can study cases that others feel are likely to be on the real test.
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport './Grading.css';\r\nimport HighYieldInformationPopup from './Components/HighYieldInformationPopup/HighYieldInformationPopup'\r\nimport FaqQuestionsArray from '../../FAQ_Json.json'\r\nimport logFetchError from '../../Functions/LogFetchError'\r\nimport fetchSubmitLogs from '../../Functions/FetchSubmitLogs'\r\n\r\nclass Grading extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tgradingView: 'feedback',\r\n\t\t\tenableFeedbackGrading: true,\r\n\t\t\tgrading: this.props.grading,\r\n\t\t\thighYield: false,\r\n\t\t\tenableHighYieldSelect: true,\r\n\t\t\tdisplayHighYieldInformation: false,\r\n\t\t\tfaqQuestions: [],\r\n\t\t\tselectedCase: null,\r\n\t\t\tcaseList: null,\r\n\t\t\treviewLater: props.reviewLater\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.fetchViewCaseGrade()\r\n\t\tthis.updateFaqQuestionsHandler()\r\n\t}\r\n\r\n\tfetchReviewLater = () => {\r\n\t\tlet caseId;\r\n\t\tif (this.props.caseGrades) {\r\n\t\t\tcaseId = this.props.caseGrades;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcaseId = this.props.caseData.ID;\r\n\t\t}\r\n\t\tthis.props.setFetchOutstanding(true)\r\n\t\tfetch(`${this.props.route}/reviewlater.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseId: caseId,\r\n\t\t\t\tmarked: !this.state.reviewLater,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow 'Authentication Error'\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.reviewLaterToggle();\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchReviewLater')\r\n\t\t});\r\n\t}\r\n\r\n\treviewLaterToggle = () => {\r\n\t\tthis.setState({reviewLater: !this.state.reviewLater}, () => {\r\n this.props.updateReviewLater()\r\n });\r\n\t}\r\n\r\n\tupdateFaqQuestionsHandler = () => {\r\n\t\tlet questions = []\r\n\t\tlet answers = []\r\n\t\tFaqQuestionsArray.forEach((value, index) => {\r\n\t\t\tlet beginning = value.slice(0, 10)\r\n\t\t\tif (beginning.includes('question:')) {\r\n\t\t\t\tlet question = value.slice(-value.length + 10)\r\n\t\t\t\tquestions.push(question)\r\n\t\t\t} else if (beginning.includes('answer:')) {\r\n\t\t\t\tlet answer = value.slice(-value.length + 8)\r\n\t\t\t\tanswers.push(answer)\r\n\t\t\t}\r\n\t\t})\r\n\t\tlet FAQ = []\r\n\t\tquestions.forEach((value, index) => {\r\n\t\t\tFAQ.push({\r\n\t\t\t\tquestion: value,\r\n\t\t\t\tanswer: answers[index]\r\n\t\t\t})\r\n\t\t})\r\n\t\tthis.setState({faqQuestions: FAQ})\r\n\t}\r\n\r\n\tenableFeedbackGrading = () => {\r\n\t\tthis.setState({enableFeedbackGrading: !this.state.enableFeedbackGrading});\r\n\t}\r\n\r\n\tsetGradingView = (view) => {\r\n\t\tthis.setState({gradingView: view});\r\n\t}\r\n\r\n\tmarkHighYieldHandler = () => {\r\n\t\tif (this.state.enableHighYieldSelect) {\r\n\t\t\tlet caseId;\r\n\t\t\tif (this.props.caseGrades) {\r\n\t\t\t\tcaseId = this.props.caseGrades;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tcaseId = this.props.caseData.ID;\r\n\t\t\t}\r\n\t\t\tthis.setState({highYield: !this.state.highYield, enableHighYieldSelect: false}, () => {\r\n\t\t\t\tthis.props.setFetchOutstanding(true)\r\n\t\t\t\tfetch(`${this.props.route}/highyield.webapi`, {\r\n\t\t\t\t\tmethod: 'POST',\r\n\t\t\t\t\theaders: {\r\n\t\t\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t\t\t},\r\n\t\t\t\t\tbody: JSON.stringify({\r\n\t\t\t\t\t\tcustomerid: this.props.userData.CustomerId,\r\n\t\t\t\t\t\tcaseid: caseId,\r\n\t\t\t\t\t\tmarkhighyield: this.state.highYield,\r\n\t\t\t\t\t\tunmarkhighyield: !this.state.highYield\r\n\t\t\t\t\t})\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\t\t\t//Attempt sending logs\r\n\t\t\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\t\t\tif (response.status === 401) {\r\n\t\t\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\t\t\tthrow 'Authentication Error'\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn response.text()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tthis.setState({enableHighYieldSelect: true})\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\t\t\tthis.setState({highYield: !this.state.highYield, enableHighYieldSelect: true})\r\n\t\t\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'markHighYieldHandler')\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tfetchRetrieveCaseGrade = (id) => {\r\n\t\tthis.props.setFetchOutstanding(true)\r\n\t\tfetch(`${this.props.route}/retreivecasegrade.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tCustomerGradeId: id,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow 'Authentication Error'\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tlet data = response\r\n\t\t\tdata = JSON.parse(data)\r\n\t\t\tconsole.log(data)\r\n\t\t\t// console.log(data.pgolist.pgolist[2].GradeOut[0].OrderName)\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedCase: id,\r\n\t\t\t\tgrading: data,\r\n\t\t\t\thighYield: data.HighYieldFlag\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchRetrieveCaseGrade')\r\n\t\t});\r\n\t}\r\n\t\r\n\tfetchViewCaseGrade = () => {\r\n\t\tlet caseId;\r\n\t\tif (this.props.caseGrades) {\r\n\t\t\tcaseId = this.props.caseGrades;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcaseId = this.props.caseData.ID;\r\n\t\t}\r\n\r\n\t\tthis.props.setFetchOutstanding(true)\r\n\t\tfetch(`${this.props.route}/viewcasegrade.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseId: caseId,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow 'Authentication Error'\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tlet data = response\r\n\t\t\t// reverse order of array\r\n\t\t\tlet array = JSON.parse(data).vcgo;\r\n\t\t\tarray.reverse();\r\n\t\t\tlet months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\r\n\t\t\tconsole.log(array)\r\n\t\t\tlet caseArray = [];// only display the cases that are of the case selected\r\n\t\t\t// format dates\r\n\t\t\tfor (let i = 0; i < array.length; i++) {\r\n\t\t\t\tlet date = new Date(`${array[i].CaseCompletionDate}Z`);\r\n\r\n\t\t\t\tlet minutes = date.getUTCMinutes();\r\n\t\t\t\tif (minutes.toString().length === 1) {\r\n\t\t\t\t\tminutes = '0' + minutes;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tarray[i].CaseCompletionDate = months[date.getUTCMonth()] + ' ' + date.getUTCDate() + ', ' + date.getUTCFullYear() + ', ' + date.getUTCHours() + ':' + minutes;\r\n\r\n\t\t\t\tif (array[i].CaseId === caseId && array[i].CaseCompletionDate !== 'January 1, 1, 0:00') {\r\n\t\t\t\t\tcaseArray.push(array[i]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// if !this.props.grading fetch data for most recent case\r\n\t\t\tif (!this.props.grading) {\r\n\t\t\t\tthis.fetchRetrieveCaseGrade(caseArray[0].CustomerGradeId);\r\n\t\t\t}\r\n\t\t\tlet newCaseArray = []\r\n\t\t\tif (this.props.userProfile.selectedTimeZone !== \"-7\") {\r\n\t\t\t\tconst MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\r\n\t\t\t\tlet hoursAdjustment = Number(this.props.userProfile.selectedTimeZone) + 7\r\n\t\t\t\tcaseArray.forEach((value, index) => {\r\n\t\t\t\t\tlet date = new Date(value.CaseCompletionDate)\r\n\t\t\t\t\tdate.setTime(date.getTime() + (hoursAdjustment*60*60*1000))\r\n\t\t\t\t\tlet newCaseArrayValue = value\r\n\t\t\t\t\tlet dateString = `${MONTHS[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}, ${date.getHours()}:${date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()}`\r\n\t\t\t\t\tnewCaseArrayValue.CaseCompletionDate = dateString\r\n\t\t\t\t\tnewCaseArray.push(newCaseArrayValue)\r\n\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tnewCaseArray = [...caseArray]\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\tcaseList: newCaseArray,\r\n\t\t\t\tselectedCase: caseArray[0].CustomerGradeId,\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.props.setFetchOutstanding(false)\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchViewCaseGrade')\r\n\t\t});\r\n\t}\r\n\r\n\tgetMultipleChoiceOption = (optionIndex, questionId) => {\r\n\t\tlet answer\r\n\t\tthis.state.grading.ao.forEach((answerValue, answerIndex) => {\r\n\t\t\tif (answerValue.ANSWERID === optionIndex) {\r\n\t\t\t\tanswer = answerValue.ANSWER\r\n\t\t\t}\r\n\t\t})\r\n\t\treturn answer\r\n\t}\r\n\r\n\trender() {\r\n return(\r\n
\r\n\t\t\t\t{this.state.displayHighYieldInformation &&
this.setState({displayHighYieldInformation: false})}/>}\r\n\t\t\t\t\r\n\t\t\t\t\t
{'Case Completion Date'}
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.caseList?.map((data, index) => (\r\n\t\t\t\t\t\t\t
this.fetchRetrieveCaseGrade(data.CustomerGradeId)}>{data.CaseCompletionDate}
\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
this.setGradingView('feedback')}>{'Feedback'}
\r\n\t\t\t\t\t\t\t
this.setGradingView('Faq')}>{'FAQ'}
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{/* {this.state.grading.NUMFIRSTATTEMPT >= 100 &&
Average first attempt score: {this.state.grading.AverageFirstAttempt.toFixed(2)}%
} */}\r\n\t\t\t\t\t
\r\n {this.state.gradingView === 'feedback' ?\r\n\t\t\t\t\t
\r\n
\r\n {/* Score */}\r\n
{'Overall Score: ' + (this.state.grading?.pgolist.Finalgrade ? this.state.grading?.pgolist.Finalgrade.toFixed(2) : 0) + '%'}
\r\n
{`Final Diagnosis for this case: ${this.props.selectedCaseDiagnosis}`}
\r\n
\r\n\t\t\t\t\t\t\t{this.state.grading?.pgolist.pgolist.map((pgoValue, pgoIndex) => (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tQuestion {pgoIndex + 1} ({pgoValue.grade ? `${pgoValue.grade.toFixed(2)}%` : '0%'}) - {this.state.grading.qo[pgoIndex].QUESTION}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Your answer
\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t{pgoValue.PreviousInput[0].CustomerAnswersBlank ? pgoValue.PreviousInput[0].CustomerAnswersBlank.map((inputValue, inputIndex) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t- {inputValue === \"\" ? Option left blank : inputValue}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t\t\t\t\t\t\t: pgoValue.PreviousInput[0].CustomerAnswerMC.map((inputValue, inputIndex) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t- {this.getMultipleChoiceOption(inputValue, pgoValue.QuestionId)}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{pgoValue.GradeOut.map((gradedValue, gradedIndex) => (\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t
{gradedValue.EventName}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{gradedValue.OrderName?.split('\\\\n').map((value) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t- {value}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t
{'Reason: '}{gradedValue.Explanation}
\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tCase Summary\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
{this.state.grading?.CaseSummary}
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n
\r\n\t\t\t\t\t:\r\n
\r\n
\r\n
Frequently Asked Questions
\r\n
\r\n {this.state.faqQuestions.map((value, index) => (\r\n
\r\n
{value.question}
\r\n
{value.answer}
\r\n
\r\n ))}\r\n
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n )\r\n\t}\r\n}\r\n\r\nexport default Grading;\r\n","export default __webpack_public_path__ + \"static/media/logoCropped.200c754a.png\";","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport React, { Component } from 'react'\r\nimport './IncompleteCasePopup.css'\r\nimport { motion } from 'framer-motion/dist/framer-motion'\r\nimport MDSpinner from 'react-md-spinner'\r\n\r\nexport default class IncompleteCasePopup extends Component {\r\n constructor() {\r\n super()\r\n this.state = {\r\n optionSelected: -1,\r\n incompleteAttempts: [\r\n \"May 5th, 2022, 10:22 AM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\"\r\n ]\r\n }\r\n }\r\n\r\n formatTime = (rawTime) => {\r\n let date = new Date(rawTime)\r\n const MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\r\n\r\n let month = MONTHS[date.getMonth()]\r\n let day = date.getDate()\r\n let year = date.getFullYear()\r\n let hours = date.getHours()\r\n let minutes = date.getMinutes()\r\n let dayPeriod = 'AM'\r\n\r\n if (hours > 12) {\r\n hours -= 12\r\n dayPeriod = 'PM'\r\n } else if (hours === 12) {\r\n dayPeriod = 'PM'\r\n } else if (hours === 0) {\r\n hours = 12\r\n }\r\n\r\n let suffix = \"\"\r\n\r\n if (day % 10 === 1 && day !== 11)\r\n suffix = 'st'\r\n else if (day % 10 === 2 && day !== 12)\r\n suffix = 'nd'\r\n else if (day % 10 === 3 && day !== 13)\r\n suffix = 'rd'\r\n else\r\n suffix = 'th'\r\n \r\n return `${month} ${day}${suffix}, ${year}, ${hours}:${minutes < 10 ? `0${minutes}` : minutes} ${dayPeriod}`\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n \r\n )\r\n }\r\n}\r\n","import { motion } from 'framer-motion/dist/framer-motion'\r\nimport React, { Component } from 'react'\r\nimport './TagsPopup.css'\r\n\r\nexport default class TagsPopup extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n displayedTags: props.tags,\r\n searchString: \"\",\r\n showAllTags: false\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.tags !== this.props.tags) {\r\n this.updateTags()\r\n }\r\n }\r\n\r\n updateTags = () => {\r\n let tags = [...this.props.tags]\r\n let displayedTags = []\r\n tags.forEach((tag, index) => {\r\n if (tag.tag.toLowerCase().includes(this.state.searchString.toLowerCase()))\r\n displayedTags.push(tag)\r\n })\r\n this.setState({displayedTags})\r\n }\r\n\r\n updateSearch = (e) => {\r\n let tags = [...this.props.tags]\r\n let displayedTags = []\r\n tags.forEach((tag, index) => {\r\n if (tag.tag.toLowerCase().includes(e.target.value.toLowerCase()))\r\n displayedTags.push(tag)\r\n })\r\n this.setState({searchString: e.target.value, displayedTags})\r\n }\r\n\r\n selectTag = (tagId) => {\r\n this.props.selectTag(tagId)\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n \r\n Add Tags
\r\n Begin typing a word and select from our list of tags. Selected tags will show up in your filter panel for you to toggle on and off.
\r\n this.updateSearch(e)} placeholder=\"Ex: Fever, Headache, Cough, etc…\" />\r\n \r\n {this.state.displayedTags.map((tag, index) => (\r\n tag.selected &&\r\n
this.selectTag(tag.tagId)}\r\n >\r\n {tag.selected && }\r\n {tag.tag}
\r\n {tag.tag}
\r\n \r\n ))}\r\n {this.state.displayedTags.length > 25 && !this.state.showAllTags &&\r\n
this.setState({showAllTags: true})}>\r\n
{this.state.displayedTags.length - 25} More Tags...
\r\n
\r\n }\r\n {this.state.displayedTags.length === 0 &&\r\n
\r\n
No Tags Match Your Search
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
Tags Selected: {this.props.tagsSelected}
\r\n \r\n
\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react'\r\nimport './ConfirmationPopup.css'\r\nimport { motion } from 'framer-motion/dist/framer-motion'\r\nimport MDSpinner from 'react-md-spinner'\r\n\r\nexport default function ConfirmationPopup(props) {\r\n return (\r\n
\r\n
\r\n
\r\n \r\n {props.options.title}
\r\n {props.options.description}
\r\n {props.options.children}\r\n {props.options.continueOnly ?\r\n \r\n {props.popupLoading ?\r\n
\r\n \r\n
\r\n : \r\n
\r\n }\r\n
\r\n
\r\n {props.popupLoading ?\r\n
\r\n \r\n
\r\n : \r\n
\r\n }\r\n
\r\n )\r\n}\r\n","import React, { Component } from 'react'\r\nimport './NewCaseList.css'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faStethoscope, faBrain, faTruckMedical, faChild, faVenus, faCheck, faBars, faCircleCheck, faCircleXmark, faCommentMedical, faArrowUpWideShort, faArrowDownShortWide, faArrowDownWideShort, faArrowUpShortWide, faArrowDownAZ, faArrowDownZA, faArrowUpAZ, faBone } from '@fortawesome/free-solid-svg-icons'\r\nimport { faHeadSideBrain, faTimer } from '@fortawesome/pro-solid-svg-icons'\r\nimport { faUserDoctor, faFileChartPie, faEyeSlash, faEllipsisV } from '@fortawesome/pro-regular-svg-icons'\r\nimport Logo from '../assets/logoCropped.png'\r\nimport IncompleteCasePopup from '../Util/IncompleteCasePopup/IncompleteCasePopup';\r\nimport logFetchError from '../Functions/LogFetchError'\r\nimport fetchSubmitLogs from '../Functions/FetchSubmitLogs'\r\nimport MDSpinner from 'react-md-spinner'\r\nimport { AnimatePresence, motion } from 'framer-motion/dist/framer-motion'\r\nimport TagsPopup from '../Util/TagsPopup/TagsPopup'\r\nimport ConfirmationPopup from '../Util/ConfirmationPopup/ConfirmationPopup'\r\n\r\nconst moreOptionsPopupTransition = {\r\n initial: {\r\n opacity: 0,\r\n y: -10,\r\n x: 10,\r\n scale: 0.85\r\n },\r\n animate: {\r\n opacity: 1,\r\n y: 0,\r\n x: 0,\r\n scale: 1\r\n },\r\n exit: {\r\n opacity: 0,\r\n y: -10,\r\n x: 10,\r\n scale: 0.85\r\n }\r\n}\r\n\r\nexport default class NewCaseList extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n displayIncompleteCasesPopup: false,\r\n pageHeight: window.innerHeight,\r\n pageWidth: window.innerWidth,\r\n\t\t\tincompleteCaseList: [],\r\n\t\t\tselectedIncompleteCase: 0,\r\n\t\t\tstartNewCaseFunction: null,\r\n\t\t\tisCaseListReversed: false,\r\n unfilteredCaseList: [],\r\n filteredCaseList: [],\r\n loadingCaseList: false,\r\n displayMobileDrawer: false,\r\n tags: this.getTags(props),\r\n displayTagsPopup: false,\r\n tagsSelected: 0,\r\n tagsActive: [],\r\n popupLoading: false,\r\n hideCaseLoadingIdArray: [],\r\n reviewLaterFetchesOutstanding: [],\r\n confirmationPopupOptions: null,\r\n timedExam: true,\r\n caseListStyleToggleOutstanding: false,\r\n displayCaseMoreOptionsPopup: false,\r\n moreOptionsPopupPosition: {x: 0, y: 0, selectedCase: -1},\r\n currentSortDirection: 'Ascending',\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener('resize', (event) => {\r\n this.setState({pageHeight: window.innerHeight, pageWidth: window.innerWidth})\r\n })\r\n var metaThemeColor = document.querySelector(\"meta[name=theme-color]\")\r\n metaThemeColor.setAttribute(\"content\", this.props.selectedTheme.primaryBackgroundColor)\r\n\r\n this.props.setDisplayedCasesCallback(this.updateDisplayedCases)\r\n if (this.props.unfilteredCaseList.length > 0) {\r\n this.updateDisplayedCases()\r\n }\r\n\r\n if (this.props.gradingMode === 'peek') {\r\n this.props.setGradingMode('complete', () => {\r\n setTimeout(() => {\r\n if (this.props.selectedCase !== -1) {\r\n // scroll to selected case\r\n let selectedCase = document.getElementById(`case-${this.props.selectedCase}`)\r\n if (selectedCase !== null) {\r\n selectedCase.scrollIntoView({block: 'center'})\r\n }\r\n }\r\n }, 100)\r\n })\r\n } else {\r\n setTimeout(() => {\r\n if (this.props.selectedCase !== -1) {\r\n // scroll to selected case\r\n let selectedCase = document.getElementById(`case-${this.props.selectedCase}`)\r\n if (selectedCase !== null) {\r\n selectedCase.scrollIntoView({block: 'center'})\r\n }\r\n }\r\n }, 100)\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', (event) => {\r\n this.setState({pageHeight: window.innerHeight})\r\n })\r\n }\r\n\r\n toggleTag = (tagIndex) => {\r\n let tags = [...this.state.tags]\r\n tags[tagIndex].active = !tags[tagIndex].active\r\n let tagsActive = [...this.state.tagsActive]\r\n\r\n if (tags[tagIndex].active) {\r\n tagsActive.push(tags[tagIndex].tag)\r\n } else {\r\n tagsActive.splice(tagsActive.indexOf(tagIndex), 1)\r\n }\r\n\r\n this.setState({tags, tagsActive}, () => {\r\n this.updateDisplayedCases()\r\n })\r\n }\r\n\r\n handlePageChange = (page) => {\r\n this.props.changePage(page)\r\n }\r\n\r\n\tviewCaseGradesClick = (e, selectedCase) => {\r\n let reviewLater;\r\n for (let i = 0; i < this.props.unfilteredCaseList.length; i++) {\r\n if (this.props.unfilteredCaseList[i].ID === selectedCase) {\r\n reviewLater = this.props.unfilteredCaseList[i].ReviewLaterFlag;\r\n }\r\n }\r\n this.props.viewCaseGrades(selectedCase, reviewLater);\r\n\t}\r\n\r\n peekCaseGrades = (e, selectedCase) => {\r\n let reviewLater;\r\n for (let i = 0; i < this.props.unfilteredCaseList.length; i++) {\r\n if (this.props.unfilteredCaseList[i].ID === selectedCase) {\r\n reviewLater = this.props.unfilteredCaseList[i].ReviewLaterFlag;\r\n }\r\n }\r\n this.props.peekCaseGrades(selectedCase, reviewLater);\r\n }\r\n\r\n getTags = (props) => {\r\n let tags = props.StaticJsonCaseList.uniquetags\r\n let formattedTags = []\r\n tags.forEach((option, index) => formattedTags.push({tag: option, selected: false, active: false, tagId: index}))\r\n return formattedTags\r\n }\r\n \r\n /*\r\n\treviewlater api call\r\n\t*/\r\n\tfetchReviewLater = (e, caseData) => {\r\n e.stopPropagation()\r\n\t\tthis.setState({reviewLaterFetchesOutstanding: [...this.state.reviewLaterFetchesOutstanding, caseData.ID]})\r\n\t\tfetch(`${this.props.route}/reviewlater.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseId: caseData.ID,\r\n\t\t\t\tmarked: !caseData.ReviewLaterFlag\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.setState({reviewLaterFetchesOutstanding: this.state.reviewLaterFetchesOutstanding.filter((i) => i !== caseData.ID)})\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.props.reviewLaterToggle(caseData.ID);\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.setState({reviewLaterFetchesOutstanding: this.state.reviewLaterFetchesOutstanding.filter((i) => i !== caseData.ID)})\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchReviewLater')\r\n\t\t});\r\n\t}\r\n\t\r\n\t/*\r\n\trun the case simulation\r\n\tpasses the caseData Json up to App\r\n\t*/\r\n\tbeginCaseHandler = async (selectedCase) => {\r\n\t\tif (selectedCase) {\r\n\t\t\tfor (let i = 0; i < this.props.unfilteredCaseList.length; i++) {\r\n\t\t\t\tif (this.props.unfilteredCaseList[i].ID === selectedCase) {\r\n this.setState({loadingStartCase: true})\r\n await this.props.fetchStartCase(this.props.unfilteredCaseList[i], this.incompleteStartDisplayHandler)\r\n .then(() => {\r\n this.setState({loadingStartCase: false})\r\n })\r\n .catch(() => {\r\n this.setState({loadingStartCase: false})\r\n })\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n }\r\n \r\n selectRandomCase = () => {\r\n \r\n let randomCase\r\n let randomCaseExists = false\r\n\r\n do {\r\n randomCase = this.props.unfilteredCaseList[Math.floor(Math.random() * this.props.unfilteredCaseList.length)].ID\r\n \r\n for (let i = 0; i < this.state.filteredCaseList.length; i++) {\r\n if (this.state.filteredCaseList[i].ID === randomCase) {\r\n randomCaseExists = true\r\n }\r\n }\r\n } while (randomCaseExists === false)\r\n\r\n\r\n this.props.setSelectedCase(randomCase, () => {\r\n let selectedCase = document.getElementById(`case-${randomCase}`)\r\n if (selectedCase) {\r\n selectedCase.scrollIntoView({behavior: this.props.animationsDisabled ? 'auto' : 'smooth', block: 'center'})\r\n }\r\n })\r\n }\r\n\r\n\tincompleteStartDisplayHandler = (ialist, callBack) => {\r\n\t\tthis.setState({displayIncompleteCasesPopup: true, startNewCaseFunction: callBack, incompleteCaseList: ialist})\r\n\t}\r\n \r\n formatCompletionDate = (rawDate) => {\r\n let completionDate = new Date(rawDate)\r\n\r\n let month = completionDate.getMonth() + 1\r\n let day = completionDate.getDate()\r\n let year = completionDate.getFullYear()\r\n\r\n return `${month}/${day}/${year}`\r\n }\r\n\r\n getCategoryIcon = (category) => {\r\n switch(category) {\r\n case \"Internal Medicine\":\r\n return faStethoscope\r\n case \"Emergency Medicine\":\r\n return faTruckMedical\r\n case \"Psychiatry\":\r\n return faHeadSideBrain\r\n case \"OB/GYN\":\r\n return faVenus\r\n case \"Pediatrics\":\r\n return faChild\r\n case \"Neurology\":\r\n return faBrain\r\n case \"Osteopathic\":\r\n return faBone\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n selectTag = (tagId) => {\r\n let tags = [...this.state.tags]\r\n tags[tagId].selected = !tags[tagId].selected\r\n let tagsSelected = this.state.tagsSelected\r\n let tagsActive = this.state.tagsActive\r\n\r\n if (tags[tagId].selected) {\r\n tags[tagId].active = true\r\n tagsSelected++\r\n tagsActive.push(tags[tagId].tag)\r\n }\r\n else {\r\n tags[tagId].active = false\r\n tagsSelected--\r\n tagsActive.splice(tagsActive.indexOf(tags[tagId].tag), 1)\r\n }\r\n\r\n this.setState({tags: tags, tagsSelected, tagsActive}, () => {\r\n this.updateDisplayedCases()\r\n })\r\n }\r\n\r\n toggleCategory = (index) => {\r\n let categories = [...this.props.categories]\r\n categories[index].checked = !categories[index].checked\r\n this.props.updateCategories(categories, () => {\r\n this.updateDisplayedCases()\r\n })\r\n }\r\n\r\n updateDisplayedCases = (triggerAscending = null) => {\r\n let caseList = [...this.props.unfilteredCaseList]\r\n // Check categories\r\n let tempCaseList = []\r\n let categories = []\r\n\r\n this.props.categories.forEach((category, categoryIndex) => {\r\n if (category.checked) {\r\n categories.push(category.name)\r\n }\r\n })\r\n\r\n let sortDirection = this.props.sortDirection\r\n\r\n if (\r\n this.props.sortDirection === this.state.currentSortDirection &&\r\n this.state.currentSortDirection === 'Descending' &&\r\n triggerAscending === null\r\n ) {\r\n sortDirection = 'Ascending'\r\n }\r\n\r\n caseList.forEach((caseValue, caseIndex) => {\r\n if (categories.some((category) => category === caseValue.CASECATEGORY))\r\n tempCaseList.push(caseValue)\r\n })\r\n\r\n caseList = tempCaseList\r\n\r\n tempCaseList = []\r\n\r\n // Check tags\r\n if (this.state.tagsActive.length !== 0) {\r\n let activeTags = [...this.state.tagsActive]\r\n let uniqueCaseIds = []\r\n\r\n // Need to verify cases are only being pushed once\r\n caseList.forEach((caseValue, caseIndex) => {\r\n let caseTags = caseValue.TAGS.split('~')\r\n\r\n if (activeTags.every((activeTag) => caseTags.some((caseTag) => activeTag === caseTag))) {\r\n if (!uniqueCaseIds.some((caseId) => caseId === caseValue.ID)) {\r\n tempCaseList.push(caseValue)\r\n uniqueCaseIds.push(caseValue.ID)\r\n }\r\n }\r\n })\r\n\r\n caseList = tempCaseList\r\n tempCaseList = []\r\n }\r\n \r\n // Check hide completed and hide incomplete\r\n if (this.props.hideCompleted) {\r\n caseList.forEach((caseValue) => {\r\n if (!caseValue.COMPLETED || caseValue.LastCompletionDate === \"0001-01-01T00:00:00\" )\r\n tempCaseList.push(caseValue)\r\n })\r\n\r\n caseList = tempCaseList\r\n tempCaseList = []\r\n } else if (this.props.hideIncomplete) {\r\n caseList.forEach((caseValue) => {\r\n if (caseValue.COMPLETED && caseValue.LastCompletionDate !== \"0001-01-01T00:00:00\")\r\n tempCaseList.push(caseValue)\r\n })\r\n\r\n caseList = tempCaseList\r\n tempCaseList = []\r\n }\r\n\r\n // Order by sort selection\r\n switch(this.props.sortOrder) {\r\n case 'Category':\r\n caseList = caseList.sort((a, b) => {\r\n return a.CASECATEGORY === b.CASECATEGORY ? 0 : a.CASECATEGORY < b.CASECATEGORY ? -1 : 1;\r\n })\r\n break;\r\n case 'TimeLimit':\r\n caseList = caseList.sort((a, b) => {\r\n return a.TIMEMODEDESC === b.TIMEMODEDESC ? 0 : a.TIMEMODEDESC < b.TIMEMODEDESC ? -1 : 1;\r\n })\r\n break;\r\n case 'Completed':\r\n // Split caseList into completed and incomplete\r\n let completedCases = []\r\n let incompleteCases = []\r\n\r\n caseList.forEach((caseValue, caseIndex) => {\r\n if (caseValue.COMPLETED && caseValue.LastCompletionDate !== \"0001-01-01T00:00:00\")\r\n completedCases.push(caseValue)\r\n else\r\n incompleteCases.push(caseValue)\r\n })\r\n\r\n // Sort completed cases by completion date\r\n completedCases = completedCases.sort((a, b) => {\r\n return a.LastCompletionDate === b.LastCompletionDate ? 0 : a.LastCompletionDate > b.LastCompletionDate ? -1 : 1;\r\n })\r\n\r\n // Sort incomplete cases by case id\r\n incompleteCases = incompleteCases.sort((a, b) => {\r\n return a.ID === b.ID ? 0 : a.ID < b.ID ? -1 : 1;\r\n })\r\n\r\n // Combine completed and incomplete cases\r\n caseList = [...completedCases, ...incompleteCases]\r\n\r\n break;\r\n case 'ReviewLater':\r\n caseList = caseList.sort((a, b) => {\r\n return (a.ReviewLaterFlag === b.ReviewLaterFlag) ? 0 : a.ReviewLaterFlag ? -1 : 1\r\n })\r\n break;\r\n case 'HighYield':\r\n caseList = caseList.sort((a, b) => b.HIGHYIELDCOUNT - a.HIGHYIELDCOUNT)\r\n break;\r\n case 'AverageGrade':\r\n // Split caseList into completed and incomplete\r\n let completedCaseArray = []\r\n let incompleteCaseArray = []\r\n\r\n caseList.forEach((caseValue, caseIndex) => {\r\n if (caseValue.COMPLETED && caseValue.LastCompletionDate !== \"0001-01-01T00:00:00\")\r\n completedCaseArray.push(caseValue)\r\n else\r\n incompleteCaseArray.push(caseValue)\r\n })\r\n\r\n // Sort completed cases by completion date\r\n completedCaseArray = completedCaseArray.sort((a, b) => b.AvgGradeForCase - a.AvgGradeForCase)\r\n\r\n // Sort incomplete cases by case id\r\n incompleteCaseArray = incompleteCaseArray.sort((a, b) => {\r\n return a.ID === b.ID ? 0 : a.ID < b.ID ? -1 : 1;\r\n })\r\n\r\n // Combine completed and incomplete cases\r\n caseList = [...completedCaseArray, ...incompleteCaseArray]\r\n\r\n break;\r\n case 'Diagnosis':\r\n caseList = caseList.sort((a, b) => {\r\n return a.DIAGNOSIS === b.DIAGNOSIS ? 0 : a.DIAGNOSIS < b.DIAGNOSIS ? -1 : 1;\r\n })\r\n break;\r\n case 'Title':\r\n caseList = caseList.sort((a, b) => {\r\n return a.TITLE === b.TITLE ? 0 : a.TITLE < b.TITLE ? -1 : 1;\r\n })\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n // Remove hidden cases from caseList\r\n let hiddenCases = [...this.props.hiddenCases]\r\n hiddenCases.forEach((hiddenCase) => {\r\n caseList = caseList.filter((caseValue) => {\r\n return caseValue.ID !== hiddenCase.id\r\n })\r\n })\r\n\r\n // Reverse case list order if needed\r\n if (sortDirection === 'Descending') {\r\n caseList.reverse()\r\n }\r\n\r\n // Insert headers into caseList\r\n switch(this.props.sortOrder) {\r\n case 'Category':\r\n if (caseList.length > 0)\r\n caseList.splice(0, 0, {\r\n type: 'icon',\r\n text: caseList[0].CASECATEGORY,\r\n icon: this.getCategoryIcon(caseList[0].CASECATEGORY)\r\n })\r\n \r\n for(let i = 1; i < caseList.length - 1; ++i) {\r\n if (caseList[i].CASECATEGORY !== caseList[i + 1].CASECATEGORY) {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: caseList[i + 1].CASECATEGORY,\r\n icon: this.getCategoryIcon(caseList[i + 1].CASECATEGORY)\r\n })\r\n i += 1\r\n }\r\n }\r\n break;\r\n case 'TimeLimit':\r\n // Timer\r\n if (caseList.length > 0)\r\n caseList.splice(0, 0, {\r\n type: 'icon',\r\n text: caseList[0].TIMEMODEDESC,\r\n icon: faTimer\r\n })\r\n\r\n for(let i = 1; i < caseList.length - 1; ++i) {\r\n if (caseList[i].TIMEMODEDESC !== caseList[i + 1].TIMEMODEDESC) {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: caseList[i + 1].TIMEMODEDESC,\r\n icon: faTimer\r\n })\r\n i += 1\r\n }\r\n }\r\n break;\r\n case 'Id':\r\n // offset is used to change the default shown number of cases from 10 to 10 + offset\r\n let offset = this.props.caseListStyle ? 0 : 10\r\n for(let i = 0; i < caseList.length; ++i) {\r\n if (i % (11 + offset) === 0 && i + (9 + offset) < caseList.length) {\r\n caseList.splice(i, 0, {\r\n type: 'logoText',\r\n text: 'Case Number',\r\n headerText: `${caseList[i].ID} - ${caseList[i + (9 + offset)].ID}`\r\n })\r\n // console.log(`${caseList[i].ID} - ${caseList[i + (9 + offset)].ID}`, i)\r\n i+= 1\r\n } else if (i % (11 + offset) === 0) {\r\n // console.log(caseList[i].ID)\r\n caseList.splice(i, 0, {\r\n type: 'logoText',\r\n text: 'Case Number',\r\n headerText: `${caseList[i].ID} - ${caseList[caseList.length - 1].ID}`\r\n })\r\n i+= 1\r\n }\r\n }\r\n break;\r\n case 'Completed':\r\n for(let i = 0; i < caseList.length - 1; ++i) {\r\n if (sortDirection === 'Ascending') {\r\n if (i === 0 && caseList[i].COMPLETED && caseList[i].LastCompletionDate !== \"0001-01-01T00:00:00\") {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Completed Cases\",\r\n icon: faCircleCheck\r\n })\r\n i += 1\r\n } else if (i === 0 && (!caseList[i].COMPLETED || (caseList[i].COMPLETED && caseList[i].LastCompletionDate === \"0001-01-01T00:00:00\"))) {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Incomplete Cases\",\r\n icon: faCircleXmark\r\n })\r\n break\r\n }\r\n if ((caseList[i].COMPLETED !== caseList[i + 1].COMPLETED) || (caseList[i + 1].COMPLETED && caseList[i + 1].LastCompletionDate === \"0001-01-01T00:00:00\")) {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: \"Incomplete Cases\",\r\n icon: faCircleXmark\r\n })\r\n break\r\n }\r\n } else {\r\n if (i === 0 && (!caseList[i].COMPLETED || (caseList[i].COMPLETED && caseList[i].LastCompletionDate === \"0001-01-01T00:00:00\"))) {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Incomplete Cases\",\r\n icon: faCircleXmark\r\n })\r\n i += 1\r\n } else if (i === 0 && caseList[i].COMPLETED && caseList[i].LastCompletionDate !== \"0001-01-01T00:00:00\") {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Completed Cases\",\r\n icon: faCircleCheck\r\n })\r\n break\r\n }\r\n if (caseList[i].COMPLETED && caseList[i + 1].LastCompletionDate !== \"0001-01-01T00:00:00\") {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: \"Completed Cases\",\r\n icon: faCircleCheck\r\n })\r\n break\r\n }\r\n }\r\n }\r\n break;\r\n case 'ReviewLater':\r\n if (sortDirection === 'Ascending') {\r\n if (caseList.length > 0) {\r\n caseList.splice(0, 0, {\r\n type: 'icon',\r\n text: \"Review Later\",\r\n icon: faCircleCheck\r\n })\r\n }\r\n } else {\r\n if (caseList.length > 0) {\r\n caseList.splice(0, 0, {\r\n type: 'icon',\r\n text: \"Unmarked Cases\",\r\n icon: faCircleXmark\r\n })\r\n }\r\n }\r\n\r\n for(let i = 1; i < caseList.length - 1; ++i) {\r\n if (caseList[i].ReviewLaterFlag !== caseList[i + 1].ReviewLaterFlag) {\r\n if (sortDirection === 'Ascending') {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: \"Unmarked Cases\",\r\n icon: faCircleXmark\r\n })\r\n } else {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: \"Review Later\",\r\n icon: faCircleCheck\r\n })\r\n }\r\n break\r\n }\r\n }\r\n break;\r\n case 'HighYield':\r\n if (sortDirection === 'Ascending') {\r\n if (caseList.length > 0) {\r\n caseList.splice(0, 0, {\r\n type: 'logoText',\r\n text: \"High Yield\",\r\n headerText: `Top 1 - 10`\r\n })\r\n }\r\n } else {\r\n if (caseList.length > 0) {\r\n caseList.splice(0, 0, {\r\n type: 'logoText',\r\n text: \"High Yield\",\r\n headerText: `Top ${caseList.length} - ${caseList.length - 9}`\r\n })\r\n }\r\n }\r\n\r\n let counter = 1\r\n\r\n for(let i = 1; i < caseList.length; ++i) {\r\n if (sortDirection === 'Ascending') {\r\n if (i % 11 === 0) {\r\n let highNumber = i + 10 - counter\r\n let lowNumber = i + 1 - counter\r\n\r\n if (highNumber + counter > caseList.length - 1) {\r\n highNumber = caseList.length - counter\r\n }\r\n\r\n caseList.splice(i, 0, {\r\n type: 'logoText',\r\n text: \"High Yield\",\r\n // headerText: `Top ${((Math.ceil(i / 10) - 1) * 10) + 1} - ${Math.ceil(i / 10) * 10}`\r\n headerText: `Top ${lowNumber} - ${highNumber}`\r\n })\r\n counter++\r\n }\r\n } else {\r\n if (i % 11 === 0) {\r\n let lowNumber = caseList.length - i - 9\r\n let highNumber = caseList.length - i\r\n if (caseList.length - i - 10 < 0) {\r\n lowNumber = 1\r\n }\r\n caseList.splice(i, 0, {\r\n type: 'logoText',\r\n text: \"High Yield\",\r\n headerText: `Top ${highNumber} - ${lowNumber}`\r\n })\r\n }\r\n }\r\n }\r\n break;\r\n case 'AverageGrade':\r\n for(let i = 0; i < caseList.length - 1; ++i) {\r\n if (sortDirection === 'Ascending') {\r\n if (i === 0 && caseList[i].COMPLETED && caseList[i].LastCompletionDate !== \"0001-01-01T00:00:00\") {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Average Grade\",\r\n icon: faCircleCheck\r\n })\r\n i += 1\r\n } else if (i === 0 && (!caseList[i].COMPLETED || (caseList[i].COMPLETED && caseList[i].LastCompletionDate === \"0001-01-01T00:00:00\"))) {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Incomplete Cases\",\r\n icon: faCircleXmark\r\n })\r\n break\r\n }\r\n if ((caseList[i].COMPLETED !== caseList[i + 1].COMPLETED) || (caseList[i + 1].COMPLETED && caseList[i + 1].LastCompletionDate === \"0001-01-01T00:00:00\")) {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: \"Incomplete Cases\",\r\n icon: faCircleXmark\r\n })\r\n break\r\n }\r\n } else {\r\n if (i === 0 && (!caseList[i].COMPLETED || (caseList[i].COMPLETED && caseList[i].LastCompletionDate === \"0001-01-01T00:00:00\"))) {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Incomplete Cases\",\r\n icon: faCircleXmark\r\n })\r\n i += 1\r\n } else if (i === 0 && caseList[i].COMPLETED && caseList[i].LastCompletionDate !== \"0001-01-01T00:00:00\") {\r\n caseList.splice(i, 0, {\r\n type: 'icon',\r\n text: \"Average Grade\",\r\n icon: faCircleCheck\r\n })\r\n break\r\n }\r\n if (caseList[i].COMPLETED && caseList[i + 1].LastCompletionDate !== \"0001-01-01T00:00:00\") {\r\n caseList.splice(i + 1, 0, {\r\n type: 'icon',\r\n text: \"Average Grade\",\r\n icon: faCircleCheck\r\n })\r\n break\r\n }\r\n }\r\n }\r\n break;\r\n case 'Diagnosis':\r\n if (caseList.length > 0)\r\n caseList.splice(0, 0, {\r\n type: 'icon',\r\n text: 'Diagnosis',\r\n icon: faCommentMedical\r\n })\r\n if (!this.props.showCaseDiagnosis) {\r\n this.props.toggleShowCaseDiagnosis()\r\n }\r\n break;\r\n case 'Title':\r\n if (this.props.sortDirection === 'Ascending') {\r\n if (caseList.length > 0) {\r\n caseList.splice(0, 0, {\r\n type: 'icon',\r\n text: 'Title',\r\n icon: faArrowUpAZ\r\n })\r\n }\r\n } else {\r\n if (caseList.length > 0) {\r\n caseList.splice(0, 0, {\r\n type: 'icon',\r\n text: 'Title',\r\n icon: faArrowDownZA\r\n })\r\n }\r\n }\r\n if (!this.props.showCaseTitle) {\r\n this.props.toggleShowCaseTitle()\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n // Add caseList to state\r\n this.setState({\r\n filteredCaseList: caseList,\r\n currentSortDirection: sortDirection\r\n }, () => {\r\n if (this.props.sortDirection !== sortDirection) {\r\n this.props.toggleSortDirection(false)\r\n }\r\n })\r\n }\r\n\r\n toggleSort = (e) => {\r\n this.props.updateSortOrder(e.target.value, () => {\r\n this.updateDisplayedCases()\r\n })\r\n }\r\n\r\n toggleCaseListStyle = async (modernList) => {\r\n if (this.props.caseListStyle === modernList) {\r\n return\r\n }\r\n this.setState({caseListStyleToggleOutstanding: true})\r\n await this.props.toggleCaseListStyle()\r\n this.updateDisplayedCases()\r\n this.setState({caseListStyleToggleOutstanding: false})\r\n\r\n setTimeout(() => {\r\n if (this.props.selectedCase !== -1) {\r\n // scroll to selected case\r\n let selectedCase = document.getElementById(`case-${this.props.selectedCase}`)\r\n if (selectedCase !== null) {\r\n selectedCase.scrollIntoView({block: 'center'})\r\n }\r\n }\r\n }, 750)\r\n }\r\n\r\n GetCaseListSidebar = () => {\r\n return (\r\n
this.setState({displayCaseMoreOptionsPopup: false})}>\r\n
\r\n
\r\n
\r\n {this.props.showSubscriptionEndWarning ?\r\n\t\t\t\t\t
Your subscription ends in {this.props.subscriptionDaysRemaining} {this.props.subscriptionDaysRemaining === 1 ? 'Day' : 'Days'}.
\r\n\t\t\t\t:\r\n\t\t\t\t\tnull\r\n\t\t\t\t}\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
Categories
\r\n {this.props.categories.map((category, index) => (\r\n
this.toggleCategory(index)} key={index + ' - ' + category.name}>\r\n
\r\n {category.checked && }\r\n
\r\n
\r\n
{category.name}
\r\n
\r\n ))}\r\n
\r\n
Tags
\r\n
Tags help you narrow down your search
\r\n {this.state.tags.map((tag, index) => (\r\n tag.selected &&\r\n
this.toggleTag(index)}>\r\n
\r\n {tag.active && }\r\n
\r\n
{tag.tag}
\r\n
\r\n ))}\r\n
\r\n
\r\n
Other
\r\n {/*
*/}\r\n
\r\n
\r\n {this.props.showCaseDiagnosis && }\r\n
\r\n
Show Case Diagnosis
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n {/* {!this.props.showCaseTitle && } */}\r\n {!this.props.showCaseTitle && }\r\n
\r\n
Hide Case Title
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n {this.props.hideCompleted && }\r\n
\r\n
Hide Completed
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n {this.props.hideIncomplete && }\r\n
\r\n
Hide Incomplete
\r\n
\r\n {this.state.pageWidth >= 600 &&\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.state.caseListStyleToggleOutstanding &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n
\r\n }\r\n
Exam Settings
\r\n
\r\n
\r\n {this.props.timedExam && }\r\n
\r\n
Timed Exam
\r\n
\r\n
\r\n
\r\n {this.props.practiceMode && }\r\n
\r\n
Practice Mode
\r\n
\r\n
\r\n )\r\n }\r\n\r\n confirmHideCase = async (selectedCase, togglePopup) => {\r\n\r\n let body = JSON.stringify({\r\n CaseNumberToHide: selectedCase.ID,\r\n CustomerId: this.props.userData.CustomerId,\r\n RemoveCase: false\r\n })\r\n this.props.setPopupLoading(true)\r\n if (togglePopup && !this.props.hideCasePopup) {\r\n let hideCasePopupFetch = await fetch(`${this.props.route}/togglehidecasepopup.webapi`, {\r\n method: 'POST',\r\n headers: {\r\n 'Token': this.props.userData.Token,\r\n 'Content-Type': 'text/plain'\r\n },\r\n body: JSON.stringify({\r\n ToggleDontShowHideCasePopup: true,\r\n CustomerId: this.props.userData.CustomerId\r\n })\r\n })\r\n\r\n if (!hideCasePopupFetch.ok) {\r\n this.props.setPopupLoading(false)\r\n window.alert('Error: Unable to toggle hide case popup')\r\n return\r\n }\r\n\r\n let hideCasePopupText = await hideCasePopupFetch.text()\r\n }\r\n await fetch(`${this.props.route}/addremovehiddencases.webapi`, {\r\n method: 'POST',\r\n headers: {\r\n 'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n },\r\n body\r\n })\r\n .then((response) => {\r\n if (response.ok) {\r\n return response.text()\r\n } else if (response.status === 401) {\r\n this.setAuthenticationError()\r\n } else {\r\n console.log(response)\r\n throw 'An error occured while attempting to hide the case. Please try again.'\r\n }\r\n })\r\n .then((response) => {\r\n this.props.setPopupLoading(false)\r\n let hiddenCases = this.props.hiddenCases\r\n hiddenCases.push({\r\n id: selectedCase.ID,\r\n category: this.props.getCaseCategoryFromId(selectedCase.ID)\r\n })\r\n this.props.updateHiddenCases(hiddenCases)\r\n this.updateDisplayedCases()\r\n })\r\n .catch((error) => {\r\n this.props.setPopupLoading(false)\r\n window.alert(error)\r\n })\r\n }\r\n\r\n hideCaseHandler = async (e, caseId) => {\r\n e.stopPropagation()\r\n let caseList = [...this.state.filteredCaseList]\r\n let selectedCase = caseList.find((caseItem) => caseItem.ID === caseId)\r\n\r\n if (this.props.hideCasePopup) {\r\n let children = (\r\n
\r\n
\r\n {!this.props.hideCasePopup && }\r\n
\r\n
Don't show this again
\r\n
\r\n )\r\n \r\n let confirmationPopupOptions = {\r\n title: `Hide Case ${selectedCase.ID}?`,\r\n description: `Are you sure you want to hide case ${selectedCase.ID} - ${selectedCase.TITLE}? You can unhide this case in your account settings under \"Manage Hidden Cases\".`,\r\n confirmFunction: async () => {\r\n await this.confirmHideCase(selectedCase, true)\r\n this.props.closeConfirmationPopup()\r\n },\r\n children,\r\n closePopup: () => {\r\n this.props.toggleHideCasePopup(true)\r\n this.props.closeConfirmationPopup()\r\n }\r\n }\r\n this.props.displayConfirmationPopup(confirmationPopupOptions)\r\n } else {\r\n this.setState({hideCaseLoadingIdArray: [...this.state.hideCaseLoadingIdArray, selectedCase.ID]})\r\n await this.confirmHideCase(selectedCase, false)\r\n this.setState({hideCaseLoadingIdArray: this.state.hideCaseLoadingIdArray.filter((i) => i !== selectedCase.ID)})\r\n }\r\n }\r\n\r\n displayMoreOptionsHandler = (event, caseId, index) => {\r\n event.stopPropagation()\r\n if (!this.state.displayCaseMoreOptionsPopup || this.props.selectedCase !== caseId) {\r\n let x = event.clientX\r\n let y = event.clientY\r\n this.setState({\r\n moreOptionsPopupPosition: {\r\n x,\r\n y,\r\n selectedCase: this.props.selectedCase,\r\n selectedCaseIndex: index,\r\n },\r\n displayCaseMoreOptionsPopup: true,\r\n }, () => {\r\n this.props.setSelectedCase(caseId)\r\n })\r\n } else {\r\n this.setState({displayCaseMoreOptionsPopup: false}, () => {\r\n this.props.setSelectedCase(caseId)\r\n })\r\n }\r\n }\r\n\r\n selectCaseRowHandler = (e, value) => {\r\n e.stopPropagation()\r\n this.setState({displayCaseMoreOptionsPopup: false})\r\n this.props.setSelectedCase(value.ID)\r\n }\r\n\r\n getRowColumns = () => {\r\n if (this.props.showCaseDiagnosis && this.props.showCaseTitle && !this.props.userProfile.hideHighYield) {\r\n return `50px 75px 2fr 2fr 1fr 1fr 1fr 100px 30px`\r\n } else if ((this.props.showCaseDiagnosis || this.props.showCaseTitle) && (!this.props.showCaseDiagnosis || !this.props.showCaseTitle) && this.props.userProfile.hideHighYield) {\r\n return '50px 125px 3fr 1fr 1fr 150px 30px'\r\n } else if (this.props.showCaseDiagnosis && this.props.showCaseTitle && this.props.userProfile.hideHighYield) {\r\n return `50px 75px 2fr 2fr 1fr 1fr 100px 30px`\r\n } else {\r\n return '50px 125px 3fr 1fr 1fr 1fr 150px 30px'\r\n }\r\n }\r\n\r\n getMoreOptionsTopOffset = () => {\r\n let buttonElement = document.getElementById('moreOptionsPopupContainer')\r\n if (!buttonElement) {\r\n return 0\r\n }\r\n let elementHeight = parseInt(window.getComputedStyle(buttonElement, null).getPropertyValue('height')) + 20\r\n if (this.state.moreOptionsPopupPosition.y + elementHeight > window.innerHeight) {\r\n return window.innerHeight - elementHeight\r\n } else {\r\n return this.state.moreOptionsPopupPosition.y\r\n }\r\n }\r\n\r\n toggleColumnTitleSort = (sortOrder) => {\r\n if (this.props.sortOrder === sortOrder) {\r\n this.props.toggleSortDirection()\r\n }\r\n this.props.updateSortOrder(sortOrder, () => {\r\n this.updateDisplayedCases()\r\n })\r\n }\r\n\r\n getCaseInfo = () => {\r\n if (this.props.userData.Demo) {\r\n let selectedCaseIndex = this.props.unfilteredCaseList.findIndex((caseItem) => caseItem.ID === this.props.selectedCase)\r\n return this.props.unfilteredCaseList[selectedCaseIndex]\r\n } else {\r\n return this.props.unfilteredCaseList[this.props.selectedCase - 1]\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
this.setState({displayCaseMoreOptionsPopup: false})} style={{height: `${this.state.pageHeight}px`}}>\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {!this.props.loadingCaseList ?\r\n // true ? \r\n {this.state.filteredCaseList.map((value, index) => (\r\n value.type ?\r\n \r\n {value.type === 'logoText' ?\r\n
{value.headerText}
\r\n :\r\n
\r\n }\r\n
{value.text}
\r\n
\r\n
{value.ID}
\r\n {this.props.showCaseDiagnosis ? value.DIAGNOSIS : !this.props.showCaseTitle ? value.CASECATEGORY : value.TITLE}
\r\n \r\n {this.props.userProfile.hideHighYield ?\r\n \r\n
\r\n
{this.props.showCaseTitle || this.props.showCaseDiagnosis ? `${value.CASECATEGORY} ` : ''}
\r\n
\r\n
\r\n
{this.props.showCaseTitle || this.props.showCaseDiagnosis ? `${value.CASECATEGORY} | ` : ''} {value.HIGHYIELDCOUNT} High Yield
\r\n
{(this.props.showCaseDiagnosis && this.props.showCaseTitle) ? value.TITLE : ''}
\r\n \r\n
\r\n {this.state.reviewLaterFetchesOutstanding.includes(value.ID) ?\r\n
\r\n :\r\n
this.fetchReviewLater(e, value)}>\r\n {value.ReviewLaterFlag && }\r\n
\r\n }\r\n
Review Later
\r\n
\r\n {this.props.enableAnswerPeeking ?\r\n value.COMPLETED && value.LastCompletionDate !== '0001-01-01T00:00:00' ?\r\n
\r\n :\r\n
\r\n : value.COMPLETED && value.LastCompletionDate !== '0001-01-01T00:00:00' &&\r\n
\r\n }\r\n { this.state.hideCaseLoadingIdArray.some((Id) => value.ID === Id) ?\r\n
\r\n \r\n
\r\n :\r\n
\r\n }\r\n
\r\n
Last Completed: {this.formatCompletionDate(value.LastCompletionDate)}
\r\n
\r\n
Average Grade: {value.AvgGradeForCase.toFixed(2)}%
\r\n
\r\n
No Cases Match Your Search
\r\n
It looks like we don't have any cases matching your search. Try expanding your search or checking that you haven't hidden the case you're looking for.
\r\n
\r\n
\r\n
\r\n {value.type === 'logoText' ?\r\n
{value.headerText}
\r\n :\r\n
\r\n }\r\n
{value.text}
\r\n
\r\n
\r\n \r\n this.toggleColumnTitleSort('Id')}>Case Number
\r\n {this.props.showCaseTitle && this.toggleColumnTitleSort('Title')}>Title
}\r\n {this.props.showCaseDiagnosis && this.toggleColumnTitleSort('Diagnosis')}>Diagnosis
}\r\n {!this.props.showCaseTitle && !this.props.showCaseDiagnosis && this.toggleColumnTitleSort('Category')}>Category
}\r\n this.toggleColumnTitleSort('Completed')}>Completion Date
\r\n {!this.props.userProfile.hideHighYield && this.toggleColumnTitleSort('HighYield')}>High Yield
}\r\n this.toggleColumnTitleSort('ReviewLater')}>Review Later
\r\n this.toggleColumnTitleSort('AverageGrade')}>Average Grade
\r\n \r\n \r\n :\r\n
this.selectCaseRowHandler(e, value)} key={value.TITLE + ' - ' + value.ID}\r\n >\r\n \r\n \r\n
\r\n {value.ID}
\r\n {this.props.showCaseTitle && {value.TITLE}
}\r\n {this.props.showCaseDiagnosis && {value.DIAGNOSIS}
}\r\n {!this.props.showCaseTitle && !this.props.showCaseDiagnosis && {value.CASECATEGORY}
}\r\n {value.LastCompletionDate === '0001-01-01T00:00:00' ? 'N/A' : this.formatCompletionDate(value.LastCompletionDate)}
\r\n {!this.props.userProfile.hideHighYield && {value.HIGHYIELDCOUNT}
}\r\n {this.state.reviewLaterFetchesOutstanding.includes(value.ID) ?\r\n \r\n :\r\n this.fetchReviewLater(e, value)}>\r\n {value.ReviewLaterFlag && }\r\n
\r\n }\r\n {value.AvgGradeForCase.toFixed(2)}%
\r\n \r\n \r\n ))}\r\n {this.state.filteredCaseList.length === 0 && !this.props.loadingCaseList &&\r\n \r\n
No Cases Match Your Search
\r\n
It looks like we don't have any cases matching your search. Try expanding your search or checking that you haven't hidden the case you're looking for.
\r\n
\r\n
\r\n
\r\n Loading Case List
\r\n \r\n
\r\n {!this.state.loadingStartCase ?\r\n
\r\n :\r\n
\r\n \r\n
\r\n }\r\n
\r\n
\r\n {this.state.displayIncompleteCasesPopup &&\r\n this.setState({displayIncompleteCasesPopup: false})}\r\n getCategoryIcon={this.getCategoryIcon}\r\n confirmIncompleteCaseStart={this.props.confirmIncompleteCaseStart}\r\n key=\"IncompleteCasePopup\"\r\n showCaseTitle={this.props.showCaseTitle}\r\n animationsDisabled={this.props.userProfile.animationsDisabled}\r\n startNewCaseLoading={this.props.loadingPopupStartCase}\r\n continueCaseLoading={this.props.continueCaseLoading}\r\n primaryColor={this.props.primaryColor}\r\n hideHighYield={this.props.userProfile.hideHighYield}\r\n showCaseDiagnosis={this.props.showCaseDiagnosis}\r\n TimeZone={this.props.userProfile.selectedTimeZone}\r\n />\r\n }\r\n \r\n
\r\n {/* Popup for row style list case more options button */}\r\n {this.state.displayCaseMoreOptionsPopup &&\r\n \r\n
\r\n {this.state.displayMobileDrawer &&\r\n \r\n this.setState({displayMobileDrawer: false})}\r\n />\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n {this.state.displayTagsPopup &&\r\n this.setState({displayTagsPopup: false})}\r\n tagsSelected={this.state.tagsSelected}\r\n animationsDisabled={this.props.userProfile.animationsDisabled}\r\n />\r\n }\r\n \r\n
\r\n )\r\n }\r\n}\r\n","\r\n\r\nconst ConvertMountainTimeToLocal = (dateToConvert, userTimezone) => {\r\n if (userTimezone === \"\" || userTimezone === \"-7\")\r\n return dateToConvert\r\n\r\n let timezoneOffset = -7 - parseInt(userTimezone)\r\n timezoneOffset *= -1\r\n let convertedDate = new Date(new Date(dateToConvert).getTime() + timezoneOffset * 3600000)\r\n return convertedDate\r\n}\r\n\r\nexport default ConvertMountainTimeToLocal","\r\nimport ConvertMountainTimeToLocal from \"./ConvertMountainTimeToLocal\"\r\n\r\nconst formatDateString = (dateString, timezone) => {\r\n let formattedDate\r\n if (timezone)\r\n formattedDate = new Date(ConvertMountainTimeToLocal(dateString, timezone))\r\n else\r\n formattedDate = new Date(dateString)\r\n const MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\r\n let month = formattedDate.getMonth() + 1\r\n let day = formattedDate.getDate()\r\n let year = formattedDate.getFullYear()\r\n let monthName = MONTHS[month - 1]\r\n return `${monthName} ${day}, ${year}`\r\n}\r\n\r\nexport default formatDateString","\r\nimport ConvertMountainTimeToLocal from \"./ConvertMountainTimeToLocal\"\r\n\r\nconst formatTimeString = (dateString, timezone) => {\r\n let formattedDate\r\n if (timezone)\r\n formattedDate = new Date(ConvertMountainTimeToLocal(dateString, timezone))\r\n else\r\n formattedDate = new Date(dateString)\r\n let hours = formattedDate.getHours()\r\n let minutes = formattedDate.getMinutes()\r\n let ampm = hours >= 12 ? 'PM' : 'AM'\r\n hours = hours % 12\r\n hours = hours ? hours : 12\r\n minutes = minutes < 10 ? '0' + minutes : minutes\r\n let strTime = hours + ':' + minutes + ' ' + ampm\r\n return strTime\r\n}\r\n\r\nexport default formatTimeString","import React, { Component } from 'react'\r\nimport './AccountSettings.css'\r\nimport Logo from '../assets/logoCropped.png'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faArrowLeft, faListDots } from '@fortawesome/free-solid-svg-icons'\r\nimport { faFileChartPie, faEye } from '@fortawesome/pro-regular-svg-icons'\r\nimport MDSpinner from 'react-md-spinner'\r\nimport FaqQuestionsArray from '../FAQ_Json.json'\r\nimport ConvertMountainTimeToLocal from '../Functions/ConvertMountainTimeToLocal'\r\nimport formatDateString from '../Functions/FormatDateString'\r\nimport formatTimeString from '../Functions/FormatTimeString'\r\n\r\n\r\nclass Switch extends Component {\r\n render() {\r\n return (\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default class AccountSettings extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n showLoadingPopup: true,\r\n hideHighYield: false,\r\n newCaseSelector: true,\r\n hideCompletedCases: false,\r\n selectedTimeZone: \"-7\",\r\n pageDisplayed: props.applicationView === 'accountSettings' ? \"Settings\" : \"ViewHiddenCases\",\r\n unhideIndexesOutstanding: [],\r\n showLoadingPopupLoading: false,\r\n hideHighYieldLoading: false,\r\n hideCaseDiagnosisLoading: false,\r\n currentPassword: \"\",\r\n newPassword: \"\",\r\n confirmNewPassword: \"\",\r\n settingsMessage: \"\",\r\n hideCasePopupToggleLoading: false,\r\n showNewCaseSelectorLoading: false,\r\n successMessage: null,\r\n changePasswordError: null,\r\n submitFeedbackError: null,\r\n faqQuestions: [],\r\n lastFourDigits: \"\",\r\n disableFeedbackLoading: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n var metaThemeColor = document.querySelector(\"meta[name=theme-color]\")\r\n metaThemeColor.setAttribute(\"content\", this.props.themeStyle.tertiaryBackgroundColor)\r\n this.updateFaqQuestionsHandler()\r\n // console.log(JSON.parse(JSON.stringify(this.props)), this.props)\r\n }\r\n\r\n handlePageChange = (page) => {\r\n this.props.changePage(page)\r\n }\r\n\r\n unhideCase = async (caseId) => {\r\n // Add caseId to list of cases to unhide\r\n this.setState({unhideIndexesOutstanding: [...this.state.unhideIndexesOutstanding, caseId]}, async () => {\r\n // Hide the case\r\n await this.props.unhideCase(caseId)\r\n // Remove caseId from list of cases with fetches outstanding\r\n this.setState({unhideIndexesOutstanding: this.state.unhideIndexesOutstanding.filter(id => id !== caseId)})\r\n })\r\n }\r\n\r\n showLoadingPopupHandler = async () => {\r\n this.setState({showLoadingPopupLoading: true}, async () => {\r\n await this.props.showLoadingHandler()\r\n this.setState({showLoadingPopupLoading: false})\r\n })\r\n }\r\n\r\n hideHighYieldHandler = async () => {\r\n this.setState({hideHighYieldLoading: true}, async () => {\r\n await this.props.hideHighYieldHandler()\r\n this.setState({hideHighYieldLoading: false})\r\n })\r\n }\r\n\r\n // hideCaseDiagnosisHandler = async () => {\r\n // this.setState({hideCaseDiagnosisLoading: true}, async () => {\r\n // await this.props.hideCaseDiagnosisHandler()\r\n // this.setState({hideCaseDiagnosisLoading: false})\r\n // })\r\n // }\r\n\r\n changePasswordHandler = async (e) => {\r\n e.preventDefault()\r\n if (this.state.newPassword !== this.state.confirmNewPassword) {\r\n\t\t\tthis.setState({changePasswordError: 'New Password and Confirm Password must match'});\r\n\t\t}\r\n\t\telse {\r\n this.setState({changePasswordLoading: true})\r\n\t\t\tfetch(`${this.props.route}/changepassword.webapi`, {\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({\r\n\t\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\t\toldPassword: this.state.currentPassword,\r\n\t\t\t\t\tnewPassword: this.state.newPassword,\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n this.setState({changePasswordLoading: false})\r\n\t\t\t\tif (response.status === 401) {\r\n // show authentication popup\r\n this.props.setAuthenticationError()\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn response.text()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n console.log(response)\r\n\t\t\t\tif (response.includes('Password updated')) {\r\n this.setState({\r\n successMessage: 'Password Updated Successfully',\r\n pageDisplayed: \"Settings\",\r\n currentPassword: \"\",\r\n newPassword: \"\",\r\n confirmNewPassword: \"\",\r\n changePasswordError: null\r\n })\r\n\t\t\t\t} else {\r\n // Remove curly braces from message\r\n let result = response.replace('{', '')\r\n result = result.replace('}', '')\r\n this.setState({changePasswordError: result})\r\n\t\t\t\t}\r\n\t\t\t})\r\n .catch(error => {\r\n console.log(error)\r\n this.setState({settingsMessage: error, changePasswordLoading: false, changePasswordError: error})\r\n })\r\n\t\t}\r\n // this.setState({changePasswordLoading: true}, async () => {\r\n // await this.props.fetchChangePassword(this.state.currentPassword, this.state.newPassword, this.state.confirmNewPassword)\r\n // this.setState({changePasswordLoading: false, pageDisplayed: 'Settings'})\r\n // })\r\n }\r\n\r\n submitFeedbackHandler = async () => {\r\n this.setState({submitFeedbackLoading: true})\r\n await fetch(`${this.props.route}/feedback.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tCustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tfeedback: this.state.feedback\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then((response) => {\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.setState({authenticationError: true})\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then((response) => {\r\n this.setState({\r\n submitFeedbackLoading: false,\r\n successMessage: 'Thank you for your feedback.',\r\n pageDisplayed: 'Settings',\r\n feedback: '',\r\n submitFeedbackError: null\r\n })\r\n\t\t})\r\n\t\t.catch((error) => {\r\n console.log(error)\r\n this.setState({\r\n submitFeedbackLoading: false,\r\n submitFeedbackError: `${error}`\r\n })\r\n\t\t})\r\n }\r\n\r\n updateTimeZone = async (e) => {\r\n let value = e.target.value\r\n this.setState({updateTimeZoneLoading: true}, async () => {\r\n await this.props.updateSelectedTimeZone(value)\r\n this.setState({updateTimeZoneLoading: false})\r\n })\r\n }\r\n\r\n toggleCaseSelector = async () => {\r\n this.setState({showNewCaseSelectorLoading: true})\r\n await this.props.toggleNewCaseSelector()\r\n this.setState({showNewCaseSelectorLoading: false})\r\n }\r\n\r\n toggleHideCasePopup = async () => {\r\n this.setState({hideCasePopupToggleLoading: true})\r\n let hideCasePopupFetch = await fetch(`${this.props.route}/togglehidecasepopup.webapi`, {\r\n method: 'POST',\r\n headers: {\r\n 'Token': this.props.userData.Token,\r\n 'Content-Type': 'text/plain'\r\n },\r\n body: JSON.stringify({\r\n ToggleDontShowHideCasePopup: this.props.hideCasePopup,\r\n CustomerId: this.props.userData.CustomerId\r\n })\r\n })\r\n\r\n if (!hideCasePopupFetch.ok) {\r\n this.setState({hideCasePopupToggleLoading: false}, () => {\r\n window.alert('Error: Unable to toggle hide case popup')\r\n })\r\n return\r\n } else {\r\n this.setState({hideCasePopupToggleLoading: false})\r\n }\r\n\r\n let hideCasePopupText = await hideCasePopupFetch.text()\r\n this.props.toggleHideCasePopup()\r\n }\r\n\r\n updateFaqQuestionsHandler = () => {\r\n\t\tlet questions = []\r\n\t\tlet answers = []\r\n\t\tFaqQuestionsArray.forEach((value, index) => {\r\n\t\t\tlet beginning = value.slice(0, 10)\r\n\t\t\tif (beginning.includes('question:')) {\r\n\t\t\t\tlet question = value.slice(-value.length + 10)\r\n\t\t\t\tquestions.push(question)\r\n\t\t\t} else if (beginning.includes('answer:')) {\r\n\t\t\t\tlet answer = value.slice(-value.length + 8)\r\n\t\t\t\tanswers.push(answer)\r\n\t\t\t}\r\n\t\t})\r\n\t\tlet FAQ = []\r\n\t\tquestions.forEach((value, index) => {\r\n\t\t\tFAQ.push({\r\n\t\t\t\tquestion: value,\r\n\t\t\t\tanswer: answers[index]\r\n\t\t\t})\r\n\t\t})\r\n\t\tthis.setState({faqQuestions: FAQ})\r\n\t}\r\n\r\n unhideAllCasesHandler = async () => {\r\n\r\n let confirmationPopupOptions = {\r\n title: `Unhide All Cases?`,\r\n description: `Are you sure you want to unhide all cases? This will show all cases in the case list.`,\r\n confirmFunction: async () => {\r\n this.props.setPopupLoading(true)\r\n await this.props.unhideAllCasesHandler()\r\n this.props.setPopupLoading(false)\r\n this.props.closeConfirmationPopup()\r\n },\r\n children: null,\r\n closePopup: () => {\r\n this.props.closeConfirmationPopup()\r\n }\r\n }\r\n this.props.displayConfirmationPopup(confirmationPopupOptions)\r\n }\r\n\r\n disableAnimationsHandler = async () => {\r\n this.setState({disableAnimationsLoading: true})\r\n await this.props.disableAnimationsHandler()\r\n this.setState({disableAnimationsLoading: false})\r\n }\r\n\r\n getSubscriptionDaysRemaining = () => {\r\n let expirationDate = new Date(this.props.userData.LicenseExpiration)\r\n let today = new Date()\r\n let daysRemaining = Math.floor((expirationDate - today) / (1000 * 60 * 60 * 24))\r\n return daysRemaining\r\n }\r\n\r\n changeSettingsPage = (newPage) => {\r\n this.setState({pageDisplayed: newPage}, () => {\r\n let pageWrapper = document.getElementById('accountSettingsPageContainer')\r\n if (pageWrapper) {\r\n pageWrapper.scrollIntoView({block: 'start', inline: 'nearest'})\r\n } else {\r\n console.log(pageWrapper)\r\n }\r\n })\r\n }\r\n\r\n handlePrintReceipt = () => {\r\n let confirmationPopupOptions = {\r\n title: `Print Your Receipt`,\r\n description: `If you need the last four digits of your card added to your receipt, please enter them here.`,\r\n confirmFunction: async () => {\r\n this.props.setPopupLoading(true)\r\n await this.fetchPrintReceipt()\r\n this.props.setPopupLoading(false)\r\n },\r\n children: (\r\n
\r\n \r\n {this.setState({lastFourDigits: e.target.value})}}/>\r\n
\r\n ),\r\n closePopup: () => {\r\n this.props.closeConfirmationPopup()\r\n }\r\n }\r\n this.props.displayConfirmationPopup(confirmationPopupOptions)\r\n }\r\n\r\n fetchPrintReceipt = async () => {\r\n if (isNaN(Number(this.state.lastFourDigits))) {\r\n return window.alert('Invalid Last 4 Entry')\r\n } else if (this.state.lastFourDigits.length !== 0 && this.state.lastFourDigits.length !== 4) {\r\n return window.alert('Invalid Last 4 Entry')\r\n }\r\n\r\n try {\r\n let printReceiptFetch = await fetch(`${this.props.route}/invoicetopdf.webapi`, {\r\n method: 'POST',\r\n headers: {\r\n 'Token': this.props.userData.Token,\r\n 'Content-Type': 'text/plain'\r\n },\r\n body: JSON.stringify({\r\n CustomerId: this.props.userData.CustomerId,\r\n Last4: this.state.lastFourDigits\r\n })\r\n })\r\n \r\n if (!printReceiptFetch.ok) {\r\n return window.alert('Error: Unable to print receipt')\r\n }\r\n \r\n let printReceiptHTML = await printReceiptFetch.text()\r\n\r\n this.props.closeConfirmationPopup()\r\n this.props.setPrintReceiptHTML(printReceiptHTML)\r\n } catch(error) {\r\n console.log(error)\r\n }\r\n }\r\n\r\n // toggleDisableFeedback = async () => {\r\n // this.setState({disableFeedbackLoading: true})\r\n // await this.props.toggleDisableFeedback()\r\n // this.setState({disableFeedbackLoading: false})\r\n // }\r\n\r\n toggleClassicGrading = async () => {\r\n this.setState({classicGradingLoading: true})\r\n await this.props.toggleClassicGrading()\r\n this.setState({classicGradingLoading: false})\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n { this.state.pageDisplayed === 'Settings' ?\r\n
\r\n
\r\n {this.state.successMessage &&\r\n
\r\n
{this.state.successMessage}
\r\n
\r\n }\r\n
\r\n
Account Settings
\r\n \r\n \r\n
\r\n
Profile Details
\r\n
Name
\r\n
{this.props.userProfile.firstName} {this.props.userProfile.lastName}
\r\n
Username
\r\n
{this.props.userProfile.userName}
\r\n
Account Creation Date
\r\n
{formatDateString(this.props.userData.DateCustCreated, this.props.userData.TimeZone)} {formatTimeString(this.props.userData.DateCustCreated, this.props.userData.TimeZone)}
\r\n
Demo
\r\n
{this.props.userProfile.demo ? 'Yes' : 'No'}
\r\n
Case Completion Limit
\r\n
{this.props.userProfile.caseCompletionLimit ? 'Yes' : 'No'}
\r\n
Subscription Expiration
\r\n
{formatDateString(this.props.userData.LicenseExpiration, this.props.userData.TimeZone)} {formatTimeString(this.props.userData.LicenseExpiration, this.props.userData.TimeZone)}
\r\n
\r\n {this.props.userProfile.demo &&\r\n
\r\n
Upgrade To Full Account
\r\n
Upgrading to a full account unlocks unlimited access to our collection of over 150 cases!
\r\n
\r\n - 1
\r\n Click “Upgrade Now” or navigate to https://www.cdmcases.com/purchase
- 2
\r\n Select the amount of time that you need to study for your exam.
- 3
\r\n At checkout, use the same e-mail address as this account and your account will be automatically upgraded from a demo to a full account.
\r\n
\r\n \r\n \r\n
\r\n }\r\n
\r\n
Theme
\r\n
Personalize your studying by selected a theme that feels more like you.
\r\n
\r\n {this.props.themes.map((theme, index) => (\r\n
\r\n
{theme.themeTitle}
\r\n
{theme.themeDescription}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.themeChangeIndex === index ?\r\n
\r\n \r\n
\r\n :\r\n
{} : () => this.props.changeTheme(index)}\r\n >\r\n {this.props.selectedTheme === index ? 'Active' : 'Activate'}\r\n \r\n }\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n
Show Loading Popup
\r\n
Loading popups will appear while your application is communicating with our server.
\r\n
\r\n {this.state.showLoadingPopupLoading &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n
\r\n
Hide High Yield
\r\n
Users will report which cases they feel is most likely to be seen on the real exam. If you'd like, you can hide these results.
\r\n
\r\n {this.state.hideHighYieldLoading &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n
\r\n
Change Password
\r\n
Change the password you use to log in.
\r\n
\r\n
\r\n {/*
\r\n
CCS Cards
\r\n
Learn bite sized, relevant facts for Step 3 with over 3000 flashcards. This is included in your CCS Cases subscription.
\r\n
\r\n \r\n \r\n
*/}\r\n {/*
\r\n
Hide Completed Cases
\r\n
Hide cases that you have completed so they no longer show up in the case list.
\r\n
this.setState({hideCompletedCases: !this.state.hideCompletedCases})}\r\n customClass='accountSettingsToggle'\r\n />\r\n */}\r\n
\r\n
Report Bug/Feedback
\r\n
Noticed a bug or have something to share with us? Let us know here.
\r\n
\r\n
\r\n
\r\n
Disable Animations
\r\n
If you'd like to disable animations throughout the application, you can toggle that here.
\r\n
\r\n {this.state.disableAnimationsLoading &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n
\r\n
View FAQ
\r\n
Have a question about our software? We answer those here.
\r\n
\r\n
\r\n
\r\n
Print Receipt
\r\n
Need a copy of your account receipt? You can download a copy or print it here.
\r\n
\r\n
\r\n
\r\n
Original Case Grading
\r\n
If you prefer the old case grading appearance, you can enable that here.
\r\n
\r\n {this.state.classicGradingLoading &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
Resubscribe
\r\n
You have {this.getSubscriptionDaysRemaining()} Days remaining in your subscription ending {formatDateString(this.props.userData.LicenseExpiration, this.props.userData.TimeZone)}. If you need more time to study, you can resubscribe by following these instructions:
\r\n
\r\n - 1
\r\n Click “Resubscribe” or navigate to https://www.cdmcases.com/purchase
- 2
\r\n Select the amount of time that you would like to extend your subscription
- 3
\r\n At checkout, use the same e-mail address that you used to subscribe originally. The system will automatically locate your account and extend your subscription.
\r\n
\r\n \r\n \r\n
\r\n {/*
\r\n
Hide Case Diagnosis
\r\n
If you'd prefer the case diagnosis not be displayed in the case list, you can toggle that here.
\r\n
\r\n {this.state.hideCaseDiagnosisLoading &&\r\n
\r\n \r\n
\r\n }\r\n
*/}\r\n
\r\n
Time Zone
\r\n
Setting your time zone will make device times, like case completion dates, display in your local time instead of UTC.
\r\n
\r\n
\r\n
\r\n
Manage Hidden Cases
\r\n
If you hide a case individually in the case list, you can unhide it here.
\r\n
\r\n
\r\n
\r\n
Modern Case Selector
\r\n
Our Modern Case Selector tool helps you study the cases you need. If you prefer the classic style, you can toggle that here.
\r\n
\r\n {this.state.showNewCaseSelectorLoading &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n
\r\n
Show \"Hide Case\" Confirmation
\r\n
If you'd prefer the confirmation popup for hiding a case didn't show, you can disable that here.
\r\n
\r\n {this.state.hideCasePopupToggleLoading &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n {/*
\r\n
Enable Answer Peeking
\r\n
If you'd like to view answers without completing a case, you can enable that here. Doing so will assign you a low grade for that case, and your attempts on that case will not be counted in our first attempt average.
\r\n
\r\n
*/}\r\n {/*
\r\n
Disable Grading Feedback
\r\n
If you'd prefer grading feedback not tell you what you ordered right or wrong, you can toggle that here.
\r\n
this.toggleDisableFeedback()}\r\n customClass='accountSettingsToggle'\r\n />\r\n {this.state.disableFeedbackLoading &&\r\n \r\n \r\n
\r\n }\r\n */}\r\n
\r\n
\r\n : this.state.pageDisplayed === 'ChangePassword' ?\r\n
\r\n : this.state.pageDisplayed === 'ReportBug/Feedback' ?\r\n
\r\n
\r\n
Report Bug/Feedback
\r\n
Noticed a bug or have something to share with us? Let us know here.
\r\n
\r\n